*{
margin: 0;
padding: 0;
}
body{

color: #fff;

}
#header{
position:relative;
height: 285px;
background: #060803;
}
#header #logo{
position: absolute;
top: 25px;
left: -35px;
}
#container{
background: #fff;
color: #060803;
}

#style-top{position:relative;width: 100%;height: 50px;}
#style-top div.style-left{position:absolute;top:0;left:0;z-index:10;width:50%;height: 50px;background: #fff url(js/style/spektrum-white-left.gif)  left 0px repeat-x;}
#style-top div.style-middle{position:absolute;top:0;left:0;z-index:11;width:100%;height: 50px;text-align:center;}
#style-top div.style-middle img{}
#style-top div.style-right{position:absolute;top:0;left:50%;z-index:10;width:50%;height: 50px;background: #fff url(js/style/spektrum-white-right.gif)  left 0px repeat-x;}

#style-bottom{position:relative;width: 100%;height: 62px;}
#style-bottom div.style-left{position:absolute;top:0;left:0;z-index:10;width:50%;height: 62px;background: #fff url(js/style/spektrum-black-left.gif)  left 20px repeat-x;}
#style-bottom div.style-middle{position:absolute;top:20px;left:0;z-index:11;width:100%;height: 42px;text-align:center;overflow:hidden;background: #060803;}
#style-bottom div.style-middle img{}
#style-bottom div.style-right{position:absolute;top:0;left:50%;z-index:10;width:50%;height: 62px;background: #fff url(js/style/spektrum-black-right.gif)  left 20px repeat-x;}
.w910{
width: 910px;
margin: 0px auto;
}

#container{
width: 100%;

}
#left{


}
#right{


}
#main{

min-height:440px;
height:auto !important;  /* für moderne Browser */
height:440px;  /*für den IE */
}
#footer{
background: #060803;
color: #fff;
height: 80px;
}
#footer a{
color: #fff;
text-decoration: underline;
}

#header .mod_navigation{
position:absolute;
top:0;
left:667px;
}
#header .mod_navigation ul{
width:243px;height:270px;overflow:hidden;
}
#header .mod_navigation ul li{
display:inline;
}
#header .mod_navigation ul li a, 
#header .mod_navigation ul li span.active{
display: block;
height:270px;
overflow:hidden;
float:left;
text-indent: 2000px;
background-repeat: no-repeat;
background-position: 0px -270px;
}
#header .mod_navigation ul li a:hover,
#header .mod_navigation ul li.trail a:hover{
background-position: 0px -540px;
}
#header .mod_navigation ul li span.active,
#header .mod_navigation ul li.trail a{
background-position: 0px 0px;
}
#header .mod_navigation ul li.webdesign a,
#header .mod_navigation ul li.webdesign span.active{width:89px; background-image: url(js/style/webdesign-oben.png);}

#header .mod_navigation ul li.mediendesign a,
#header .mod_navigation ul li.mediendesign span.active{width:77px; background-image: url(js/style/mediendesign-oben.png);}

#header .mod_navigation ul li.fotografie a,
#header .mod_navigation ul li.fotografie span.active{width:86px; background-image: url(js/style/fotografie-oben.png);}

#header .mod_navigation ul li.kontakt a,
#header .mod_navigation ul li.kontakt span.active{width:77px; background-image: url(js/style/kontakt-oben.png);}

#left .mod_navigation{
padding-top:10px;
}

#left .mod_navigation ul{
width: 195px;
list-style: none;
}
#left .mod_navigation ul li{
list-style: none;
}

#left .mod_navigation ul li ul li{
padding-left:25px;
}
/*#left .mod_navigation ul li ul.level_2{
display: none;
}*/
/*#left .mod_navigation ul li.trail ul,
#left .mod_navigation ul li.active ul{
display: block;
}*/
#left .mod_navigation ul.level_1 li
{
margin-bottom: 20px;

}

#left .mod_navigation ul.level_1 li.trail,
#left .mod_navigation ul.level_1 li.active,
#left .mod_navigation ul.level_2 li
{
margin-bottom: 0px;
}

#left .mod_navigation ul.level_2,
#left .mod_navigation ul.level_1 li.fotografie{
margin-bottom: 20px;
}


#left .mod_navigation ul li a,
#left .mod_navigation ul li span.active{
display: block;
color: #060803;
font-weight:bold;
}

#left .mod_navigation ul.level_1 li a,
#left .mod_navigation ul.level_1 li span.active{
text-indent: -2000px;
height: 27px;
}
#left .mod_navigation ul.level_2 li a,
#left .mod_navigation ul.level_2 li span.active{
text-indent: 0;
height: auto;
padding: 5px 0;
}
#left .mod_navigation ul.level_2 li span.active,
#left .mod_navigation ul.level_3 li.trail a
{
color: #b1b2b3;
}

#left .mod_navigation ul.level_1 li a.webdesign,
#left .mod_navigation ul.level_1 li span.webdesign{
background: url(js/style/webdesign-shadow.gif) no-repeat left top;
}
#left .mod_navigation ul.level_1 li a.mediendesign,
#left .mod_navigation ul.level_1 li span.mediendesign{
background: url(js/style/mediendesign-shadow.gif) no-repeat left top;
}
#left .mod_navigation ul.level_1 li a.fotografie,
#left .mod_navigation ul.level_1 li span.fotografie{
background: url(js/style/fotografie-shadow.gif) no-repeat left top;
}
#left .mod_navigation ul.level_1 li a.kontakt,
#left .mod_navigation ul.level_1 li span.kontakt{
background: url(js/style/kontakt-shadow.gif) no-repeat left top;
}
#left .mod_navigation ul.level_1 li a.kundenbereich,
#left .mod_navigation ul.level_1 li span.kundenbereich{
background: url(js/style/kundenbereich-shadow.gif) no-repeat left top;
}
* html #left .mod_navigation ul li ul li{
height: 27px;
overflow: hidden;
}

#right{
padding-top:15px;
}

#right .inside{
padding: 0 0 0px 10px;
}
/*
#right h1#meldungen{
border: none;
padding: 0;
margin: 0;
}
#right h1#meldungen a{
display: block;
background: url(js/style/meldungen-shadow.gif) no-repeat left top;
text-indent: -2000px;
height: 27px;
width:195px;
overflow:hidden;
}*/
#right h1 a,
#right h1 a:hover{
text-decoration: none;
}
#right .mod_newslist{}

#right .mod_newslist .layout_right{
padding: 5px 0px 5px 5px;
}
#right .mod_newslist .layout_right h1{}
#right .mod_newslist .layout_right p.info{
padding-bottom: 3px;
}
#right .mod_newslist .layout_right .ce_text{

}

p.info{
text-align: right;
color: #b1b2b3;
font-size:0.9em;
}
p.more{
text-align:right;
}
p.error{
font-weight: bold;
color: #AF2023;
}
#main{


}
#main .inside{
padding: 15px 0px 25px 0px;
}



#footer .mod_customnav{
float:right;
text-align:right;
margin-right:15px;
}
#footer .mod_customnav ul,
#footer .mod_customnav ul li{
list-style: none;}
#footer .ce_text {}
#footer .w300{
float:left;
width: 300px;
margin-left: 15px;
}

#footer .ce_text address{font-style:normal;}

#main .inside .mod_login{}
#main .inside .two_column{}
#main .inside .logout{}
#main .inside .mod_login .formbody{}
#main .inside .mod_login .login_info{}
#main .inside .mod_login .submit_container{}
#main .inside .mod_login input.submit{}

#main .inside .login{}
#main .inside .mod_login .formbody tr{}
#main .inside .mod_login .formbody tr td{}
#main .inside .mod_login .formbody label{}
#main .inside .mod_login .formbody input.text{}




/*formulare*/

.ce_form .formbody{

}
.ce_form label{

padding-top: 5px;
}
.ce_form fieldset{
border: none;
}

.ce_form fieldset legend{
display: none;
}
.ce_form input.text, .mod_login input.text,
.ce_form textarea.textarea
{
width: 200px;
padding: 3px;
}
.ce_form textarea.textarea{
width: 350px;
height: 150px;
}
.ce_form input.text, .mod_login input.text,
.ce_form input.captcha,
.ce_form textarea{
border: 1px #b1b2b3 solid;
}
.ce_form input.text:hover, .ce_form input.captcha:hover, .ce_form textarea:hover,
.ce_form input.text:active, .ce_form input.captcha:active, .ce_form textarea:active,
.ce_form input.text:focus, .ce_form input.captcha:focus, .ce_form textarea:focus,
.mod_login input.text:hover,  .mod_login input.text:active,  .mod_login input.text:focus{
background: #efefef;
color: #000;
}
.ce_form input.error{
border: 1px #AF2023 solid;
}
.ce_form input.submit,
.mod_login  input.submit
{
margin-top: 15px;
cursor: pointer;
background: #efefef;
color: #000;
border: 1px solid #b1b2b3;
padding: 3px;
width: 200px;
}
.ce_form input.submit:hover,
.mod_login  input.submit:hover{
background: #b1b2b3;
}
.ce_form .explanation{
font-size:0.9em;
}
.ce_form .captcha_text{

}
.ce_form input.captcha{
padding: 3px;
}
.ce_form p.error{
color: #800;
font-weight: bold;
padding: 0;
}



.teaser p img{
margin-left: 50px;
}


.logout{
/*border-bottom: 2px dotted #AF2023;*/
margin-bottom: 25px;
}
.logout p.login_info{float:left; line-height: 22px;}
.logout div.submit_container{padding: 0; margin: 0;}
.logout div.submit_container input.submit{margin-left: 10px; margin-top: 0;}


/*#main .ce_jsk_slider{position:relative;}
#main .ce_jsk_slider .jsk_slider_text{
line-height: 12px;
font-size: 9px;
position: absolute;
left: 480px;
width: 200px;
z-index: 220;
bottom: 0px;
}
#main .ce_jsk_slider .jsk_slider_text p{padding: 0px; margin: 0px;}*/