/*
Author: Steffen J. Müller
Author URI: http://www.webjacob.com
*/

/* General Styles */
a:focus, a:active {
    outline: none;
}
a {text-decoration:none;color:#fcc512;}
a:hover {color:#db640f;}
* {padding: 0; margin: 0;}
h1, h2, p, ul, ol { margin-bottom: 1em;}
ul { margin-bottom: 0;}
li { margin-left: 0em; list-style-type:none;}

html {
    border: 0; /* @ IE/Win, hide the viewport's border */
    overflow-y:scroll;

}
body {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
    color: #ffffff; 
    background:#000 url(../img/bg.jpg) no-repeat fixed  center top;
}

h1, h2 {font-size:105%; margin-bottom:20px; font-weight:bold; color:#db640f;}
h3 {font-size:100%; margin-bottom:15px; font-weight:normal;}
h3 span {color:#db640f}
h4 {font-size:80%; margin-bottom:15px; font-weight:normal}
h5 {font-size:100%; margin-bottom:4px; font-weight:bold}
h2, ul.css, ul.xhtml
    { background: url(../img/sprite.gif) no-repeat 0 0;}
h2 {background-position: 1px 3px; padding-left:20px;}

#wrapper{
     background: transparent;
     width: 960px;
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
}

#header {    
    height: 144px;
    width:960px;    
}

h1.logo img{float:left;width:362px;height:127px;text-indent:-9999px;}
h1.info img{margin-top:59px;float:right;width:199px;height:76px;text-indent:-9999px;}
.clear{clear:both}

/* Navi Main */
#spacer { height:40px;}
#navi-main{        
        margin-top: 20px;
        margin-left: 0px;
        width: 960px;
        height:45px;

        position:relative;
        border-top:2px solid #363535; border-bottom:2px solid #363535;   
}
#navi-main ul {overflow:auto;}
#navi-main li { 
        display: inline;
        list-style-type: none;
        float:left;          
}
.navi01 img, .navi02 img, .navi03 img, .navi04 img, .navi05 img, .navi06 img{border:0;}
.navi01, .navi02, .navi03, .navi04, .navi05, .navi06{  
			width: 140px; height:45px;
			overflow: hidden;
		  }		    
.navi01 a, .navi02 a,.navi03 a, .navi04 a, .navi06 a {  
text-decoration: none;
display: block;
height: 90px;margin-top: -45px; 
	  }
.navi01 a:hover, .navi02 a:hover,.navi03 a:hover, .navi04 a:hover, .navi06 a:hover, .btn-slide
 {margin-top: -90px; }
 
.navi07 a {text-decoration: none;
display: block; height: 45px; } 

.active{  
text-decoration: none;
display: block;
height: 90px;margin-top: -45px; 
	  }

/* Footer */
#footer{   
    height: 28px;
    border-top:1px solid #363535;  
    margin-bottom: 40px;
    font-size: 0.9em;
    color:#666666;
    }
#footer p{float:left;margin-top:8px;margin-right:148px;margin-left: 8px;}
#footer p a{text-decoration: none; color:#666}
ul.css { float:left;color:#666;margin-top:8px; margin-right: 15px; background-position: 0 -28px; padding-left:16px;}
ul.xhtml { float:left; color:#666;margin-top:8px; margin-left: 0px; background-position: 0 -28px; padding-left:16px;}
ul.css li { display:inline; margin-right:0px;}
ul.css li a {color:#666}
ul.css li a:hover, #footer p a:hover {color:#fcc512;}
ul.imprint { float:right; color:#fff;margin-top:8px; margin-left: 0px;}
ul.imprint li { display:inline; margin-right:10px;color:#666}
ul.imprint li a {color:#666; text-decoration:none;}
ul.imprint li a:hover {color:#fcc512;}
ul.imprint span {color:#db640f;}

/* Home Styles */
#content_home {margin-left: auto;margin-right: auto;min-height:100%;height:auto !important;height:100%;width:944px;margin-bottom:50px; margin-top:0px;}
#rotator{border:1px solid #363535;cursor:pointer;overflow:hidden;position:relative;width:944px;height:320px;margin-bottom:40px;}
#rotator img{border:0;cursor:pointer;width:944px;height:320px;}

/* Webdesign Styles */
#content_web {margin-left: auto;margin-right: auto;min-height:100%;height:auto !important;height:100%;width:960px;margin-bottom:50px; margin-top:0px;}
.content_web_text {margin-top: 20px;margin-left: 8px;}
#content_web img {margin-left: 8px;}
.web {margin-left: 8px;border:1px solid #363535;}
.web2 {margin-top:50px;border:1px solid #363535;}
.trennung {border-bottom:1px solid #363535; margin-top:30px;}
ul.kunde {float:left;margin-right: 35px;}
ul.auftrag {float:left;}
ul.technik {float:left;margin-left: 35px;}
ul.besuchen {float:left;}
ul.nachoben {float:right;margin-right: 8px;}


/* XHTML/CSS Styles */
#slideshow {margin-left: 24px; margin-top:24px;}
#content_web #slider img  {margin-left: 0;}
#slider { margin-left: 40px;  border: 1px solid #0f0f0f;}
#slider ul, #slider li { margin: 0; padding: 0; list-style: none;}
#slider li { width: 522px; height: 294px; overflow: hidden; }
#prevBtn  {
    display: block; 
    width: 40px; 
    height: 294px; 
    margin-top: -294px; 
    background: transparent url(../img/slider-prev.gif) no-repeat 0 0;
}
#nextBtn  {
    display: block; 
    width: 40px; 
    height: 294px; 
    margin-top: -294px; 
    margin-left: 562px; 
    background: transparent url(../img/slider-next-btn.gif) no-repeat 0 0; 
}
#prevBtn a {
    display: block; 
    width: 40px; 
    height: 294px; 
    background: url(../img/slider-prev-btn.gif) no-repeat 0 0; outline: none; 
}
#nextBtn a {
    display: block; 
    width: 40px; 
    height: 294px; 
    background: url(../img/slider-next-btn.gif) no-repeat 0 0; outline: none;
}
#prevBtn a:hover { background-image: url(../img/slider-prev-btn-active.gif); }
#nextBtn a:hover { background-image: url(../img/slider-next-btn-active.gif); }
.codelogo { float:right; margin-right:48px;}

#content_code {margin-left: auto;margin-right: auto;width:960px;margin-bottom:50px; margin-top:0px;}
.content_code_text {padding-top: 20px;margin-left: 8px;}
#nza_visual {margin-left: 8px;margin-right: 8px;width:944px; height:340px; background: url(../img/bg-code1.jpg);border:1px solid #363535;}

/* Banner Styles */
#content_banner-home {margin-left: auto;margin-right: auto;min-height:100%;height:auto !important;height:100%;width:960px;margin-bottom:50px;margin-top:0px;}
ul#bannersmall {margin-left: 8px;margin-right: 8px;width:944px; height:241px; background: url(../img/banner-bg.jpg);}
ul#bannersmall li {display:inline; }
#bannersmall img{margin-left: 16px;margin-top:35px;margin-bottom:35px;}
.affiliate {margin-top: 50px;margin-left: 8px;margin-right: 8px;width:944px; background: url(../img/bg-banner.jpg);border:1px solid #363535;}

.content_banner_text {margin-top: 20px;margin-left: 8px;}
.content_banner_text2 {margin-top: 20px;margin-left: 8px;margin-bottom:35px;}
.trennungbanner {border-bottom:1px solid #363535; margin-top:15px;}
.content_banner-affiliate {margin-left: auto;margin-right: auto;}
ul.affiliate1 {margin-top: 30px;margin-left: 400px;margin-bottom:35px;}
ul.affiliate1 img{border:1px solid #363535;}
ul.affiliate1 li{display:inline;}
ul.affiliate2 {margin-top: 40px;margin-left: 116px;margin-bottom:35px;}
ul.affiliate2 img{border:1px solid #363535;}
ul.affiliate3 {margin-top: 40px;margin-left: 248px;margin-bottom:23px;}
ul.affiliate3 li{}
ul.affiliate3 img{border:1px solid #363535;}

/* Leistungen Styles */
#content_leistungen {margin-left: auto;margin-right: auto;min-height:100%;height:auto !important;height:100%;width:960px;margin-bottom:50px; margin-top:0px;}
.content_leistungen_text {margin-top: 0px;margin-left: 8px;}
#content_leistungen img {}
.trennungleistungen {border-bottom:1px solid #363535; margin-top:30px;margin-bottom:40px}
.browser{float:left;}
.csst {float:right;margin-top:7px;}

/* Disclaimer Styles */
#content_discl {margin-top: 0px;margin-left: auto;margin-right: auto;min-height:100%;height:auto !important;height:100%;width:944px;margin-bottom:50px;}
#content_discl span {margin-left: 32px;}

/* Contact Styles */
#panel {
	margin-bottom:50px;
	display: none;
}
#panel2 {	
    margin-bottom:50px;
}

.active {background-position: right 12px;}
a:focus {outline: none;}
#contactholder{
    width:924px;
    height:280px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0px;
    background-color:#000;
    border:1px solid #363535;
    padding-left:20px;
}
#enquiryForm{ padding-top:30px;}
textarea{
    width:300px;
    background: #fff;
    background-image:url(images/textareabg.gif);
    background-repeat:repeat-x;
    border: 1px solid #404142;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
}

label {
    width: 4em;
    float: left;
    text-align: right;
    margin-right: 20px;
    display: block
}
.submit input {margin-left:70px;}
input
{
    color: #000;
    background: #fff;
    background-image:url(images/inputbg.gif);
    background-repeat:repeat-x;
    border: 1px solid #404142;
    width:300px;
}
.submit input{
    color: #db640f;
    background: #222;
    border: 1px solid #db640f;
    width:80px;
    cursor:pointer;
    margin-left:71px;
}
fieldset {
    border:none;
    width: 400px;
    padding-top:30px;
    float:left;
}
#contacttext {
    float:left;
    width:500px;
    padding-top:30px;
}

legend {
    color: #fff;
    background: #ffa20c;
    border: 1px solid #781351;
    padding: 2px 6px
}