/*  
=========================================================

KFZ-Innung Freiburg Design is designed by Leafing
for more Infomation visit http://leafing.de

Version: 1.2

All Copyrights by KFZ-Innung Freiburg

=========================================================
*/

/*================================== Seiten-Aufbau  ==================================*/
*{padding:0; margin:0;}
body {font-size:10px; background:#1350A0 url(./img/bg.jpg) repeat-x; font-family:verdana,arial,sans-serif;} 
.seite-container {width:1000px; margin:0px auto; margin-top:0px; margin-bottom:10px; border:solid 0px #000000; font-size:1.0em;}
.seite {clear:both; width:1000px; padding-bottom:30px; background:#FFFFFF url(./img/bg_seite.jpg) repeat;}
.seite-inhalt {display:inline; position:relative;float:left; width:645px; margin:-50px 0 0 37px; overflow:visible !important; position: relative; overflow:hidden;}
.footer {clear:both; width:1000px; padding:1.0em 0 1.0em 0; background:#1350A0 url(./img/bg_footer.jpg) no-repeat; font-size:1.0em; overflow:visible !important; overflow:hidden;}
/*================================== Header-Aufbau  ==================================*/
.header {width:1000px; font-family:"trebuchet ms",arial,sans-serif;}
.header-banner {width:1000px; height:250px; background:#1350A0 url(./img/bg_banner.jpg) repeat; overflow:visible !important; overflow:hidden;}
.header-navigation {width:1000px;}
.header-ende {clear:both; width:1000px; padding:1.0em 0 1.5em 0; background:transparent url(./img/bg_header-ende.jpg) repeat;}
.head-links {width:360px; height:32px; position:absolute; z-index:0; margin:3px 0 0 800px; float:left; overflow:visible !important; overflow:hidden;}
.seite-inhalt-suche {display:inline; position:relative; float:right; width:220px; height:40px; margin:-5px 20px 0 0; overflow:visible !important; position: relative; overflow:hidden;}
.seite-box {display:inline; z-index:40; float:left; width:200px; height:300px; margin:10px 0 0 15px; padding:10px 0 0 10px; overflow:visible !important; overflow:hidden;}
.kfz-innung {width:150px; height:200px; position:absolute; z-index:10; margin:20px 0 0 70px; float:left; overflow:visible !important; overflow:hidden;}
.header-bilder {width:350px; height:155px; position:absolute; z-index:1; margin:25px 0 0 286px; float:left; overflow:visible !important; overflow:hidden;}
.header-bilder-text {width:200px; height:25px; position:absolute; background: url(./img/bg_bilder-text.png) repeat; z-index:50; margin:120px 0 0 140px; float:left; overflow:visible !important; overflow:hidden;}
.header-bilder-text p {padding:3px 3px 3px 3px; margin:4px 0 0 0;}
.header-news {width:300px; height:155px; position:absolute; z-index:3; margin:20px 0 0 645px; float:left; overflow:visible !important; overflow:hidden;}
.header-text{width:500px; height:30px; position:absolute; z-index:4; margin:5px 0 0 300px; float:left; overflow:visible !important; overflow:hidden;}
/*================================== Box  ==================================*/
.box {border:none; background:none;}
.box p{height:23px; padding:3px 3px 3px 3px;}
.box p.no{height:0px; padding:3px 3px 3px 3px;}
/*================================== Navigation ==================================*/
.navigation {float:left; width:250px; display:inline; margin: 0px; margin:-15px 0 0 16px; position: relative; overflow:visible !important; overflow:hidden;}
.navigation ul, .navigation li {margin: 0; padding: 0; list-style: none; margin-bottom: 7px; text-decoration:none; color:#000000;}
.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover {display: block; }
/*================================== Navigation 3. Ebene ==================================*/
.navigation ul ul ul {margin:0px 0px 0px 0px;}
.navigation ul ul ul .navpunkt a, .navpunkt a:visited{width:170px; height:20px; background:#FFFFFF; padding:7px 0px 5px 30px;  font-weight:normal; text-decoration:none; font-size:14px; color:#000000;}
.navigation ul ul ul .navpunkt a.active{width:170px; height:20px; background:#FFFFFF; padding:7px 0px 5px 34px; text-decoration:none; font-weight:bold; font-size:16px; color:#000000;}
.navigation ul ul ul .navpunkt a.active:hover{width:170px; height:20px; background:#FFFFFF; padding:7px 0px 5px 34px; text-decoration:none; font-weight:bold; font-size:16px; color:#000000;}
.navigation ul ul ul .navpunkt a:hover{width:170px; height:20px; background:#F2F2F2; border:solid 1px #0084E2; padding:7px 0px 5px 32px; text-decoration:none; font-weight:bold; font-size:14px; color:#354040;}
.navigation ul ul ul .navpunkt a:active{width:170px; height:20px; background:#606060; padding:7px 0px 5px 30px; text-decoration:none; font-size:14px; color:#FFFFFF;}
/*================================== Navigation 2. Ebene ==================================*/
.navigation ul ul {margin:-4px 0 0 20px;}
.navigation ul ul .navpunkt a{width:190px; height:25px; background:#FFFFFF; padding:8px 0px 0px 15px; text-decoration:none; font-weight:normal; font-size:14px; color:#000000;}
.navigation ul ul .navpunkt a:visited{width:190px; height:25px; background:#FFFFFF; padding:8px 0px 0px 15px; text-decoration:none; font-weight:normal; font-size:14px; color:#000000;}
.navigation ul ul .navpunkt a.active{width:190px; height:25px; background:#FFFFFF; border:solid 2px #0077CC; padding:8px 0px 0px 19px; text-decoration:none; font-weight:bold; font-size:14px; color:#000000;}
.navigation ul ul .navpunkt a.active:hover{width:190px; height:25px; background:#FFFFFF; border:solid 2px #0077CC; padding:8px 0px 0px 19px; text-decoration:none; font-weight:bold; font-size:14px; color:#000000;}
.navigation ul ul .navpunkt a:hover{width:190px; height:25px; background:#F2F2F2; border:solid 1px #0084E2; padding:6px 0px 0px 17px; text-decoration:none; font-weight:bold; font-size:14px; color:#354040;}
.navigation ul ul .navpunkt a:active{width:190px; height:25px; background:#606060; padding:8px 0px 0px 15px; text-decoration:none; font-size:14px; color:#FFFFFF;}
/*================================== Navigation 1. Ebene ==================================*/
.navpunkt{display:inline;float:left; display:inline; width:265px; margin:0px 0 0 5px; overflow:visible !important; overflow:hidden;padding:5px 0 0 0;}
.navpunkt a, .navpunkt a:visited{width:265px; height:42px; background:transparent url(./img/bg_navigation.gif) no-repeat; padding:14px 0px 5px 50px; text-decoration:none; font-weight:bold; font-size:16px; color:#000000;}
.navpunkt a.active{width:265px; height:42px; background:transparent url(./img/bg_navigation_active.gif) no-repeat; padding: 14px 0px 5px 54px; text-decoration:none; font-weight:bold; font-size:16px; color:#000000;}
.navpunkt a.active:hover{width:265px; height:42px; background:transparent url(./img/bg_navigation_active.gif) no-repeat; padding: 14px 0px 5px 54px; text-decoration:none; font-weight:bold; font-size:16px; color:#000000;}
.navpunkt a:hover{width:265px; height:42px; background:transparent url(./img/bg_navigation_hover.gif) no-repeat; padding:14px 0px 5px 52px; text-decoration:none; font-weight:bold; font-size:16px; color:#404040;}
.navpunkt a:active{width:265px; height:42px; background:transparent url(./img/bg_navigation_hover.gif) no-repeat; padding:14px 0px 5px 50px; text-decoration:none; font-weight:bold; font-size:16px; color:#404040;}
/*================================== Floats reinigen ==================================*/
.seite-container:after, .header:after, .header-navigation:after, .header-ende:after, .seite:after, .navigation:after, .seite-inhalt:after, .seite-inhalt div: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:950px; height:0.1em; border:none; background:#FFFFFF; color:#FFFFFF;}