/* abap_vbr v1.0 (03.08.2009) - An open source template by TN - Free to use for any purpose. */

/* >> addet breadcrumbs TN */

#breadcrumbs {
        height: 32px; /* Gesamthöhe */
  /* Padding: Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
        padding: 10px 2px 0px 12px; }

#breadcrumbs span {
        font-size: .95em;
        padding: 10px 2px 0px 12px;
        font-weight: bold; }

#breadcrumbs a {
        border-bottom: 1px dotted #5a3b63;
        text-decoration: none;
}
#breadcrumbs a:hover {border-bottom: 1px solid #5a3b63;}

#breadcrumbs .menu-current a{ color: #000000; }

/* << addet breadcrumbs TN */


/* >> addet Submenu TN */

/*** Sidebar menu ***/
.sidebaritem li { background:#e8e9ea; border:1px solid #b0b0b0; color:#D20000;
              display:block;
              margin-top:8px;
              margin-left:-30px;
              text-align: left;
              padding: 7px 5px 7px 10px;
              font-size: 0.85em;  
              position:relative; text-transform:uppercase; width:140px; }
.sidebaritem a:hover,.active {
  background:#e8e9ea url(img/menuhover.jpg) repeat-x ;
  padding: 10px 10px 10px 0px;
  text-align: left; }

/* << addet Submenu TN */


/* >> addet navContainer TN */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        ####        Header Menu #####
        Horizontal Drop-Down Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#prevnext {
        float:left;
        margin-top: 2px;
        margin-right: 10px;
        margin-left: 12 px;
        color: #fff;
        font-weight: bold; }
#prevnext a {color: transparent; }



#navContainer {
  height: 35px;
  /* width: 940px; */
  margin-left: 12px;
  margin-right: auto;
  display:block;
  clear:both; }


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
        float:left;
      /*  height: 30px;  */
        border: 0;
        padding: 0;
}
#nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: auto;
        position: relative;
        list-style-image: none;
}


/* Root Level Link Formatting */
#nav ul li {
  height: 35px;
  float: left;
  text-align: center;
  font-weight: bold;
  list-style-type: none;
  list-style-image: none;}
#nav ul li a {
  display: block;
  background: url(img/nav_trenner.png) no-repeat right 2px; /* senkrechter Trenner zwischen den Rubriken */
  /* Padding: Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
  padding: 8px 10px 13px 10px;
  color: #D20000;
  font-size:0.8em;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
  }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
  background: url(img/menuhover.jpg) right 0px repeat-x;
  color: #000000; } /* hover auf oberster Ebene */
#nav a.menu-parent {
  background: #c7c7c7 url(img/menu_selected.png) right 0px repeat-x; /* hellgrauer Hintergund aktuelle Rubrik, wenn tieferer Unterpunkt angewählt */
  color: #2E8828; /*  oberste Ebene, angewähltes Untermenü, Schrift schön grün! */
  }


/*Current page Customisations*/
#nav a.menu-current {font-weight: bold;}
#nav .menu .home a {display: block; width:2px; height:30px;
      background: #00FFFF url(img/home.gif); margin:0; padding:0;}
/* 2nd Child menu */
#nav .menu li ul {
  position: absolute;
  line-height: 35px;
  width: 244px;  /* Breite des Untermenus */
  margin: -1px 0 0 -1px;
  display: none; text-transform: none;
  border-bottom: 1px solid #6f6f6f;           /*  RAND!! */
  font-size: 100%;
  text-align: left;
  background: #B1B1B1 no-repeat right 20px;} /* Hintergrund erste Unterebene */
#nav .menu li ul li {
  width: 244px; text-align: left; font-weight: bold;
  margin: 0; padding: 0; line-height: 35px;}
#nav .menu li ul li a {
  line-height: 35px;
  width: 244px;
  /* Padding: Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
  padding: 0px 8px 0px 8px;
  color: #FFFFFF;  /* Text der weiteren Ebenen  */
  border-top: 1px solid #6f6f6f;             /*  RAND!! */
  text-align: left;
  font-weight: bold;  background: none;}


/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current {
  width: 244px;
  line-height: 35px;
  background: url(img/menuhover.jpg) repeat-x; /* Hintergrund Hover untere Menus */
  color: #000000;
  text-align: left;
  font-weight: bold;
  }
#nav .menu li ul a.menu-parent {
  /* background: #7290a7 url(img/menu.png) right 0px; */
  width: 244px;
  line-height: 35px;
  background: #c7c7c7 url(img/menu_selected.png) right 0px repeat-x;
  text-align: left;
  color: #000000; /* #D20000 ausgewählte Ebene */
  }


/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {
  display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul        {
  /* Padding: Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links */
  margin: 10px 0px 0px -20%; /* Versatz mit dem überlagerten Menu */
  z-index: 9999;
  width: 244px;
  line-height: 35px;
  background: #9b9b9b no-repeat right 0px; /* Hintergrund zweite Unterebene */
  }
#nav .menu li ul li ul li        {width: 244px;}
#nav .menu li ul li ul li a         { width: 244px;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul        {
  width: 244px;
  background: #858585 no-repeat right 0px; /* Hintergrund dritte + weitere Unterebene */
  }
#nav .menu li ul li ul li ul li        {  width: 244px; }
#nav .menu li ul li ul li ul li a         { width: 244px;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
        position: absolute;
        top: 1px;
        left: 100%;
}



/* IE6 only
*html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* IE7 only
*+html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* ul class="ullev1" , sorry doesnt work
#nav .ullev1  {z-index: 1000 ! important; background: #4b4c4d;}
#nav .ullev2  {z-index: 2000 ! important; background: #4b4c4d;}
#nav .ullev3  {z-index: 3000 ! important; background: #4b4c4d;}
*/

/* Better: */
#nav li:hover {
        z-index: 10000;      /* this makes sure active item is always above anything else in the menu */
        white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) */
}


/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* << addet navContainer TN */





body {
  background:#8b8b8b; color:#303030;
  font:86% Verdana,Tahoma,Arial,sans-serif;
  margin:0; padding:0; text-align:center;
  letter-spacing:1px; line-height:1.4em;}

a         { color:#0000FF; text-decoration:underline; font-weight:bold; }
a:hover   { color:#D20000; text-decoration:underline; }
a:visited { color:#217D18; text-decoration:underline; }

p { line-height:1.5em; margin:0 0 15px; }
pre { font-size:1.5em;}

/*** Main container ***/
#container { background:#f0f0f0 url(img/bodybg.jpg) repeat-x; margin:0; min-width:770px; padding:0; text-align:left; width:100%; }

/*** Header section ***/
#sitename { color:#000000; height:92px; margin:0 12px 10px; text-align:left; }
#sitename h1,#sitename h2 { font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#sitename h1 { font-size:2.4em; padding-top:20px; }
#sitename h2 { font-size:1.6em; }

/*** Horizontal menu ***/
#mainmenu { float:left; margin-bottom:25px; }
#mainmenu ul { font-size:16px; margin:0; padding:0; }
#mainmenu li { float:left; height:35px; list-style:none; margin:0; padding:0; }
#mainmenu a { border-right:1px solid #b0b0b0; color:#D20000; display:block; font-size:0.7em; padding:11px 10px 10px; text-transform:uppercase; }
#mainmenu a:hover { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#ff0000; text-decoration:none; }
#mainmenu a.current { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none; }

/*** Content wrap ***/
.kommentar {color:blue; }
#wrap { clear:both; font-size:0.9em; padding:0; }

td.post_title { font-size:0.9em; }

/*** Sidebars ***/
#leftside,#rightside { margin:0; padding:0 10px 10px; width:165px; }
#leftside { float:left; margin-right:10px; }
#rightside { float:right; margin-left:10px; }
#leftside h1,#rightside h1 { color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px; }
#leftside h2,#rightside h2 { font-size:1.1em; margin:0 0 20px; }
#leftside p,#rightside p { font-size:0.9em; line-height:1.4em; margin:0 0 16px 10px; }

.linklist { list-style:none; margin:0 0 16px 10px; padding:0; }
.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/
.nav { background:#e8e9ea; border:1px solid #b0b0b0; color:#D20000; display:block; margin-top:8px; padding:5px 4px 4px 10px; position:relative; text-transform:uppercase; width:140px; }
.nav:hover,.active { background:#f8f9fa; border:1px solid #909090; color:#303030; text-decoration:none; }
.sub { font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:125px; }

/*** Content ***/
#content,#contentalt { background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; }
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}
#content h1,#content h2,#contentalt h1,#contentalt h2 { background-color:inherit; color:#606060; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0; }
#content h2,#contentalt h2 { font-size:1.6em; margin-bottom:10px; }
#content img,#contentalt img { border:1px solid #b0b0b0;
/*** remove these when you want to always lineout your images to the left
float:left;
***/
margin:5px 15px 6px; padding:5px; }


/*** Footer   background:#8b8b8b url(img/footerbg.jpg) top left repeat-x; ***/
#footer { background:#8b8b8b url(img/footerbg.jpg) top left repeat-x; clear:both; color:#d0d0d0; font-size:0.9em; font-weight:bold; margin:0; padding:20px 0; text-align:center; width:100%; }
#footer a { color:#d0d0d0; font-weight:bold; }

/*** Various classes ***/
.thumbnail { background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px; }
.searchform {margin:0;}
.searchbox { background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px; }
.searchbutton { background:#f0f0f0; border:1px solid #b0b0b0; }
.clearingdiv { clear:both; height:30px; width:1px; }
.hide {display:none;}

/*** Text format ***/
.intro { font-size:1.1em; font-weight:bold; letter-spacing:-1px; }
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/*** End of file ***/