/*
Template-Design by Leafing-Team
____________________________________________
Version/Release-Date: 1.0 at 01.11.2008
License: Free Use
Info: Please keep the Footer-Link to Leafing.de
For support visit Leafing.de
____________________________________________
view readme.txt for more Information
*/

/*  Seiten-Aufbau  */
*{padding:0; margin:0;}
 body {font-size:10px; background:#FFFFFF url(./img/bg_body.jpg); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.seite-container {width:1000px; margin:0px auto; margin-top:20px; margin-bottom:10px; border:solid 0px #000000; font-size:1.0em;}
.seite {clear:both; width:1000px; padding-bottom:30px; background:transparent url(./img/bg_seite.jpg) top left repeat-y;}
.seite-inhalt {display:inline; /*Fix IE floating margin bug*/; float:left; width:740px; margin:0 0 0 25px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.seite-box {display:inline /*Fix IE floating margin bug*/; float:right; width:203px; margin:0 12px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:1000px; padding:1.0em 0 1.0em 0; background:url(./img/bg_footer.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/* Header-Aufbau  */
.header {width:1000px; font-family:"trebuchet ms",arial,sans-serif;}
.header-banner {width:1000px; height:250px; background:url(./img/bg_banner.jpg) margin:0 8px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-navigation {width:1000px;}
.header-ende {clear:both; width:1000px; padding:1.0em 0 1.5em 0; background:#FFFFFF url(./img/bg_header-ende.jpg) repeat-y;}
/*  Seite-name  */
.seite-name {width:400px; height:45px; position:absolute; z-index:1; margin:10px 0 0 55px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.seite-name h1 {font-size:240%;}
.seite-name h2 {margin:-4px 0 0 0; color:#DEDEDE; font-size:120%;}
.seite-name a {text-decoration:none; color:#DEDEDE;}
.seite-name a:hover {text-decoration:none; color:#FFFFFF;}
/*  Tab-navigation  */
.navigation-tab {width:350px; position:absolute; z-index:2; margin:6px 0 0 0; margin-left:550px !important/*Non-IE6*/; margin-left:553px /*IE6*/;}
.navigation-tab ul {float:right; padding:0 10px 0 0;}
.navigation-tab li {display:inline; list-style:none;}
.navigation-tab li a {padding:0 0 0 10px; color: #000000}
.navigation-tab a:hover {text-decoration:none; color: #000000}
.navigation-tab a img {height:30px; border:none;}
/*  Navigation  */
.navigation {white-space:nowrap /*IE hack*/; float:left; width:1000px; border:none; background:url(./img/bg_navigation.jpg) repeat; color:#404040; font-size:130%;} /*Color navigation bar normal mode*/
.navigation ul {list-style-type:none; margin:0px 0px 0px 3px;}
.navigation ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 0px #000000;}
.navigation ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 10px 0 10px; text-decoration:none; font-weight:bold; color:#000000;}
.navigation ul li ul {display:none; border:none; margin:0px 2px 0px 0px;}
/*  Drop-down& Hover  */
.navigation ul li:hover {position:relative;} /*Sylvain IE hack*/
.navigation ul li:hover a {background:url(./img/bg_navigation_hover.png) repeat; text-decoration:none;} /*Color main cells hovering mode*/
.navigation ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.navigation ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:1px; padding:4px 16px 4px 16px; border-left:none; border-bottom:none; background:url(./img/bg_drop-down.png) repeat; font-weight:normal; color:#FFFFFF;} /*Color subcells normal mode*/
.navigation ul li:hover ul li a:hover {background:url(./img/bg_drop-down_hover.png) repeat; text-decoration:none;}
/*  IE6 Drop-down& Hover  */
.navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}
.navigation ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background:url(./img/bg_navigation_hover.png) repeat; text-decoration:none;} /*Color main cells hovering mode*/
.navigation ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
.navigation ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:none; border-bottom: none; background:url(./img/bg_drop-down.png) repeat; font-weight:normal; color:#FFFFFF;} /*Color subcells normal mode*/
.navigation ul li a:hover ul li a:hover {background:url(./img/bg_drop-down_hover.png) repeat; text-decoration:none;} /*Color subcells hovering mode*/
/*  Header-Ende  */
.header-ende ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-ende ul li {display:inline; padding:0 0 0 10px; background:transparent url(./img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:#7D7D7D; font-size:100%;}
.header-ende ul a {color:#FFFFFF; text-decoration:none;}
.header-ende ul a:hover {color:#FFFF00; text-decoration:underline;}
/*  Boxen, siehe .seite-box  */
.box {width:200px; height:200; margin:0 0 10px 1px; padding:0 0 5px 0; background:url(./img/bg_box.png) no-repeat; border:none;}
/*  Footer  */
.footer p {line-height:1.3em; text-align:center; color:#000000; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#000000;}
.footer a:hover {text-decoration:none; color:#000000;}
.footer a:visited {color:#000000;}
.footer a img {border:none;}
.footer a:hover img {border:none;}
/*  Floats reinigen  */
.seite-container:after, .header:after, .header-navigation:after, .header-ende:after, .seite:after, .seite-navigation:after, .seite-inhalt:after, .seite-inhalt div:after, .seite-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:#D2D2D2; color:#D2D2D2;}