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

Template Design by Leafing
for more Infomation visit http://leafing.de

=========================================================

Version: 2.0
License: GNU General Public License, feel free to edit the Template
Info: Please keep the Footer-Link, it's good for you and us, if you remove it's bad Karma

If you need Help, contact us or use our Forum

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

/*================================== Seiten-Aufbau  ==================================*/
*{padding:0; margin:0;}
body {font-size:10px; background:#F4F4F4 url(./img/bg.jpg) repeat-x; font-family:verdana,arial,sans-serif;} 
body#Start {font-size:10px; background:#F4F4F4 url(./img/bg_Start.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;}
.seite-inhalt {display:inline; float:left; width:690px; margin:0 0 0 20px; overflow:visible !important; overflow:hidden;}
.seite-inhalt-start {display:inline; float:left; width:415px; overflow:visible !important; overflow:hidden;}
.seite-inhalt-leistungen {display:inline; float:right; width:250px; overflow:visible !important; overflow:hidden;}
.seite-leistungen {display:inline; float:left; width:600px; overflow:visible !important; overflow:hidden;}
.seite-leistungen-box {display:inline; float:left; width:250px; padding:0 30px 15px 0; overflow:visible !important; overflow:hidden;}
.seite-inhalt-members {display:inline; float:left; padding:0 0 0 0; overflow:visible !important; overflow:hidden;}
.seite-box {display:inline; float:right; width:265px; margin:0 0 0 0; overflow:visible !important; overflow:hidden;}
.footer {clear:both; padding:1.0em 0 1.0em 0; background:#E2E2E2 url(./img/bg_footer.jpg) repeat-x; 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:177px; overflow:visible !important; overflow:hidden;}
#banner_Start {width:1000px; height:347px;}
.header-navigation {width:1000px;}
.header-ende {clear:both; width:1000px; padding:1.0em 0 1.5em 0;}
.leafing {width:360px; height:92px; position:absolute; z-index:0; margin:0px 0 0 0px; float:left; overflow:visible !important; overflow:hidden;}
.seite-wo {width:600px; height:45px; position:absolute; z-index:2; margin:120px 0 0 70px; overflow:visible !important; overflow:hidden;}
.start-text {width:300px; height:150px; position:absolute; z-index:3; margin:135px 0 0 0; overflow:visible !important; overflow:hidden;}
/*================================== Start-Slider ==================================*/
.start-slider {width:650px; height:230px; position:absolute; z-index:4; margin:95px 0 0 300px; overflow:visible !important; overflow:hidden;}
.start-slider div.slider-box {width: 710px; margin: 0 auto; clear: both; overflow: hidden; position: relative;}
.start-slider div#slider-init {width: 100%; height: 230px;}
.start-slider div.pfeile {width: 41px; height: 111px; float: left; margin: 65px 0px 0px 0px;}
.start-slider div.pfeile a.links img {border:none; background: url(./img/pfeil-links.png) no-repeat;}
.start-slider div.pfeile a.links img:hover {border:none; background: url(./img/pfeil-links-hover.png) no-repeat;}
.start-slider div.pfeile a.links img:active {border:none; background: url(./img/pfeil-links.png) no-repeat;}
.start-slider div.pfeile a.links img:focus {border:none;}
.start-slider div.pfeile a.rechts img {border:none; background: url(./img/pfeil-rechts.png) no-repeat;}
.start-slider div.pfeile a.rechts img:hover {border:none; background: url(./img/pfeil-rechts-hover.png) no-repeat;}
.start-slider div.pfeile a.rechts img:active {border:none; background: url(./img/pfeil-rechts.png) no-repeat;}
.start-slider div.pfeile a.rechts img:focus {border:none; background: url(./img/pfeil-rechts.png) no-repeat;}
.start-slider div#slider {width: 600px; height: 210px; padding: 0px 10px; margin: 20px 0px; float: left; position: relative; background: url(./img/bg_slider.png) no-repeat center;}
.start-slider div.projekt {width: 600px; height: 210px; float: left; text-align:center; overflow: hidden;  margin: 0; padding: 0;}
.start-slider div.projekt a img {border:none;}
.start-slider .stripViewer {position: relative; overflow: hidden; width: 580px; height: 220px; float:right; margin: 10px 10px 0px 0px;}
.start-slider .stripViewer .panelContainer {position: relative; left:0; top: 0; width:100%; height:100%; list-style-type: none; float:left; overflow: hidden;}
.start-slider .stripViewer .panelContainer .panel {float:left; height: 200px; overflow:hidden; position:relative; width: 600px; padding: 0px;}
.start-slider .stripNavL, .stripNavR {text-indent: -9000em;}
.start-slider .csw {width: 100%; height: 100%; overflow: hidden; float: left;}
.start-slider .csw .loading { margin: 100px 0 300px 0; text-align: center; color: #fff; font-weight: bold; font-family:"trebuchet ms",arial,sans-serif; font-size: 12px; }
/*================================== Navigation ==================================*/
.navigation {margin:20px 0 0 380px; white-space:nowrap;  z-index:1; float:left;  height:50px; border:none; background:transparent url(./img/bg_navigation.jpg) repeat-x; color:#F2F2F2; font-size:140%;}
.navigation ul {list-style-type:none; margin:0px 0px 0px 0px;}
.navigation ul li {float:left; z-index:auto !important; z-index:1000; border-right:solid 0px #F4F4F4;}
.navigation ul li a {float:none !important; float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#F2F2F2;}
.navigation ul li.active  a{background: url(./img/bg_navigation_active.jpg) repeat-x; text-decoration:none; font-weight:bold; color:#F2F2F2;}
.navigation ul li ul {display:none; border:none; margin:0px 0px 0px 0px;}
/*================================== Drop-down& Hover ==================================*/
.navigation ul li:hover {position:relative;}
.navigation ul li:hover a {background: url(./img/bg_navigation_hover.jpg) repeat; text-decoration:none; text-decoration:none; font-weight:bold; color:#F2F2F2;}
.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_navigation_drop-down.png) repeat; font-weight:normal; color:#4D4D4D;}
.navigation ul li:hover ul li a:hover {background:url(./img/bg_navigation_drop-down_hover.png) repeat; font-weight:bold; color:#FFFFFF; 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; z-index:1000; background: url(./img/bg_navigation_hover.jpg) repeat; text-decoration:none;}
.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_navigation_drop-down.png) repeat; font-weight:normal; color:#4D4D4D;}
.navigation ul li a:hover ul li a:hover {background: url(./img/bg_navigation_drop-down_hover.png) repeat; font-weight:bold; color:#FFFFFF; text-decoration:none;}
/*================================== Box  ==================================*/
.box {width:260px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:none; background:none;}
/*================================== Info-Box  ==================================*/
.infobox {float:left; width:500px; position:relative; padding:7px; background:#FFF0AD; border:solid 2px #FFD000;}
.rightbox {float:left; width:500px; position:relative; padding:7px; background:#C6FFC6; border:solid 2px #70CC00;}
.falsebox {float:left; width:500px; position:relative; padding:7px; background:#FFC1C1; border:solid 2px #D10000;}
/*================================== Floats reinigen ==================================*/
.seite-container:after, .header:after, .header-navigation:after, .leafing:after, .header-ende:after, .seite:after, .navigation:after, .seite-inhalt:after, .seite-inhalt div:after, .seite-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:950px; height:0.1em; border:none; background:#FFFFFF; color:#FFFFFF;}