/* Global */



* { margin: 0; padding: 0; }



body {

   padding: 10px 0 0 0;



}



img { border: 0;}

#container {

   width: 900px;

   margin: 0 auto; 

   overflow: hidden;

}



#left {

   width:170px;

   float: left;

}



#right {

   width:730px;

   float: left;

}



/* Header */



#header{

   float: left;

}



#header .left {

   background: url(images/header_left.gif) no-repeat;

   float: left;

   width: 5px;

   height: 60px;

}



#header .back {

   background: url(images/header_back.gif) repeat-x;

   float: left;

   height: 60px;

   width: 890px;

}



#header .right {

   background: url(images/header_right.gif) no-repeat;

   float: left;

   width: 5px;

   height: 60px;

}



#header .position {

   margin: 7px 0 0 3px;

   padding: 0px;

}



/* Navigationselemente */



#navi {

   float: left;

}



#navi .position {

   margin: 5px 0 0 0;

}



#navi .left {

   background: url(images/navi_left.gif) no-repeat;

   clear:both;

   float: left;

   width: 5px;

   height: 26px;

}



#navi .back {

   background: url(images/navi_back.gif) repeat-x;

   float: left;

   height: 26px;

   width: 890px;

}



#navi .right {

   background: url(images/navi_right.gif) no-repeat;

   float: left;

   width: 5px;

   height: 26px;

}



#navi ul {

   margin:0;

   padding:0px 10px 0 50px;

   list-style:none;

}



#navi  li {

   display:inline;

   margin:0;

   padding:0;

}



#navi  a {

   float:left;

   background: url(images/tableft.gif) no-repeat left top;

   margin:0;

   padding:0 0 0 4px;

   text-decoration:none;

}



#navi  a span {

   float:left;

   display:block;

   background: url(images/tabright.gif) no-repeat right top;

   padding:5px 15px 4px 11px;

   color:#666666;

}



#navi span.topnavfont {

   font-family: tahoma;

   font-size: 11px;

   font-weight: bold;

   color: #666666;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/



#navi a span {

   float:none;

}



/* End IE5-Mac hack */



#navi  a:hover span {

   color:#000000;

}



#navi  a:hover {

   background-position:0% -42px;

}



#navi  a:hover span {

   background-position:100% -42px;

}



#navi  #current a {

   background-position:0% -42px;

}



#navi  #current a span {

   background-position:100% -42px;

}





/* Breadcrumb */



#breadcrumb {

   float: left;

}



#breadcrumb .left {

   background: url(images/breadcrumb_left.gif) no-repeat;

   clear:both;

   float: left;

   width: 5px;

   height: 24px;

}



#breadcrumb .back {

   background: url(images/breadcrumb_back.gif) repeat-x;

   float: left;

   height: 24px;

   width: 890px;

}



#breadcrumb .right {

   background: url(images/breadcrumb_right.gif) no-repeat;

   float: left;

   width: 5px;

   height: 24px;

}



#breadcrumb .position {

   margin: 0 0 0 5px;

}



#breadcrumb .h2 {

   font-family: tahoma;

   font-size: 11px;

   color: #a2a2a2;

}



#breadcrumb .link {

   font-family: tahoma;

   font-size: 11px;

   font-weight: bold;

   color: #a2a2a2;

   text-decoration: none;

}





/* Boxen */



#content {

   float: left;

}



.box {

   background: url(images/box_bottom_left_clear.gif) left bottom no-repeat;

   float: left;

   margin: 0 10px 0 0;

}



.box .top {

   background: url(images/box_top_left.gif) no-repeat;

   height: 22px;

   float: left;

}



.box .head {

   background: url(images/box_top_right.gif) right no-repeat;

   margin-left: 5px;

   height: 22px;

   float: left;

}



.box .bottom {

   margin-left: 5px;

   background: url(images/box_bottom_right_clear.gif) bottom right no-repeat;

   float: left;

   padding-bottom:21px;

}



.box.w1 {

   width: 160px;

}



.box.w1 .top {

   width: 160px;

}

.box.w1 .head {

   width: 160px;

}



.box.w1 .bottom {

   width: 160px;

}



/* Subnavigation */



.box.left_navi {

   width: 160px;

   margin-bottom: 10px;

   background-image: url(images/box_bottom_left.gif) !important;

}



.box.left_navi .top {

   width: 160px;

}



.box.left_navi .head {

   width: 155px;

}



.box.left_navi .bottom {

   width: 155px;

   background-image: url(images/box_bottom_right.gif)!important;

}



.left_navi {

   margin-bottom:10px;

}



.left_navi ul {

   list-style-type: none;

   margin-left:-4px;

}



/* Subnavigation Content */



.left_navi ul li {

   background: url(images/subnv_back.gif) no-repeat;

   width:158px;

   height:20px;

   font-family: tahoma;

   font-size: 11px;

   font-weight: bold;

   color: #666666;

   padding: 0 0 0 10px;

   line-height:1.6em;

}



.left_navi a {

   text-decoration: none;

   color: #a3a3a3;

}





.left_navi h2 {

   font-family: tahoma;

   font-size: 11px;

   font-weight: bold;

   color: #cc0000;

   padding: 5px 0 0 6px;

}



/* Content */



.content h1 {

   font-family: tahoma;

   font-size: 17px;

   color: #cc0000;

   font-weight: normal;

}



.content h2 {

   font-family: tahoma;

   font-size: 11px;

   color: #a3a3a3;

   font-weight: normal;

   padding: 5px 0 0 6px;

}



.content span {

   font-family: tahoma;

   font-size: 11px;

   color: #666666;

}



.box.content {

   width: 730px;

   margin-bottom:10px;

}



.box.content .top {

   width: 730px;

}

.box.content .head {

   width: 725px;

}



.box.content .bottom {

   width: 725px;

}



.box.content .verlauf {

   background:url(images/content_verlauf.gif) repeat-x;

   margin-left:-4px;

   margin-right: 1px;

   padding: 5px;

}



/* Footer */



#footer {

   margin: 0 auto;

   width: 905px;

   text-align:center;

}



#footer .left {

   background: url(images/footer_left.gif); no-repeat;

   width: 5px;

   height: 29px;

   float: left;

}



#footer .back {

   background: url(images/footer_back.gif); no-repeat;

   width: 890px;

   height: 29px;

   float: left;

}



#footer .right {

   background:url(images/footer_right.gif); no-repeat;

   width: 5px;

   height: 29px;

   float: left;

}



#footer a {

   font-family: tahoma;

   font-size: 9px;

   color: #a3a3a3;

   text-decoration: none;

}