@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{overflow-y:scroll;}
body{background:url(../images/bg-body.gif) repeat-x top;font:76% Verdana, Arial, Helvetica, sans-serif;color:#757575}
#container{width:970px;margin:auto;}

/* header */
#header{background:url(../images/bg-header.jpg) no-repeat;width:970px;height:225px;}
#header img {border:none}

/* navi */
#navi{height:53px;width:953px;margin:auto;}
#navi li{height:53px;float:left;}
#navi li a{height:53px;display:block;float:left;text-indent:-999999px;background:url(../images/bg-navi.jpg) no-repeat;}

#navi li.n_01 a{width:149px;background-position:0px 0px;}
#navi li.n_01 a:hover,#index #navi li.n_01 a{background-position:0px -53px;}

#navi li.n_02 a{width:92px;background-position:-149px 0px;}
#navi li.n_02 a:hover,#vita #navi li.n_02 a{background-position:-149px -53px;}

#navi li.n_03 a{width:97px;background-position:-241px 0px;}
#navi li.n_03 a:hover,#foto-architektur #navi li.n_03 a,#foto-produkt #navi li.n_03 a,#foto-people #navi li.n_03 a{background-position:-241px -53px;}

#navi li.n_04 a{width:113px;background-position:-338px 0px;}
#navi li.n_04 a:hover,#grafik-bilder #navi li.n_04 a,#grafik-illustrationen #navi li.n_04 a{background-position:-338px -53px;}

#navi li.n_05 a{width:187px;background-position:-451px 0px;}
#navi li.n_05 a:hover,#postproduktion #navi li.n_05 a,#bsp1 #navi li.n_05 a,#bsp2 #navi li.n_05 a,#bsp3 #navi li.n_05 a,#bsp4 #navi li.n_05 a{background-position:-451px -53px;}

#navi li.n_06 a{width:152px;background-position:-638px 0px;}
#navi li.n_06 a:hover,#referenzen #navi li.n_06 a{background-position:-638px -53px;}

#navi li.n_07 a{width:163px;background-position:-790px 0px;}
#navi li.n_07 a:hover,#kontakt #navi li.n_07 a, #danke #navi li.n_07 a{background-position:-790px -53px;}

#navigation{position:relative;}

#naviAdd{position:absolute;top:110px;left:28px;}
#naviAdd li{display:inline;padding-right:10px;}
#naviAdd a{color:#656565;text-decoration:none;}
#naviAdd a:hover{text-decoration:underline;}

#subnavi{text-transform:uppercase;color:#656565;position:absolute;top:67px;left:740px;font-family:Arial, Helvetica, sans-serif;}
#subnavi li{float:left;}
#subnavi a{color:#656565;text-decoration:none;}
#subnavi a:hover{text-decoration:underline;}

/* content */
#content{width:970px;padding-top:80px;margin-bottom:60px;}
#content .left{width:347px;padding:0 30px 0 28px;float:left;}
#content .right{width:535px;float:left;}
#content .right_sec{width:535px;float:left;}
#content h1{width:524px;font:34px Georgia, "Times New Roman", Times, serif;color:#333;padding:0 0 10px 0;border-bottom:8px solid #ececec;margin-bottom:20px;}
#content .left h1{width:347px;}
#content a img{border:0;}

#content2{width:942px;padding-top:80px;padding-left:28px;}
#content2 .left{width:470px;padding:0 30px 0 0;float:left;}
#content2 .right{width:470px;float:left;}
#content2 h1{width:900px !important;font:34px Georgia, "Times New Roman", Times, serif;color:#333;padding:0 0 10px 0;border-bottom:8px solid #ececec;margin-bottom:20px;}

.imgBorder{background:url(../images/border-img.jpg) no-repeat;padding:4px;}
.imgBorder2{padding:3px;border:1px solid #333;}
.bolder{font-weight:bold;font-size:1.1em;}
.sub{font-size:1.6em;}

.content a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.content a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

/* footer */
#footer{background:url(../images/bg-footer.jpg) repeat-x;width:100%;height:294px;font-size:0.9em;}
#footerCenter{width:912px;margin:auto;padding-left:58px;}
#footer .box{width:241px;padding:70px 67px 0 0;float:left;}
#footer .gb{background:url(../images/h-gb.jpg) no-repeat top left;}
#footer .ref{background:url(../images/h-ref.jpg) no-repeat top left;}
#footer .kd{background:url(../images/h-kd.jpg) no-repeat top left;padding-right:0 !important}
#footer a{color:#ff4949;text-decoration:underline;}
#footer a:hover{text-decoration:none;}
#ftext2{width:970px;margin:auto;text-align:center;font:11px Arial, Helvetica, sans-serif;padding-top:23px;_padding-top:7px;color:#656565;}
#ftext2 a{color:#656565;text-decoration:none;}
#ftext2 a:hover{text-decoration:underline}
#ftext{width:970px;margin:auto;text-align:center;font:13px Arial, Helvetica, sans-serif;padding-top:40px;_padding-top:20px;color:#d9d9d9;}
#ftext a{text-decoration:underline;color:#d9d9d9}
#ftext a:hover{text-decoration:none;}

/* allgemein */
a{color:#333;text-decoration:underline;outline:none;}
a:hover{color:#666}
ul{list-style:none}
p{margin-bottom:20px;line-height:160%}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}
#filmrolle{background:url(../images/filmrolle.jpg) no-repeat;width:970px;height:147px;padding-top:54px;margin-bottom:80px;}
.jcarousel-skin-tango{margin:0 0 0 187px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal{width:642px;height:84px;}
.jcarousel-skin-tango .jcarousel-item{width:126px;height:84px;border-right:4px solid #000;overflow:hidden;}
.jcarousel-skin-tango .jcarousel-item a img{border:0;}

#gallery,.gallery{margin-bottom:60px;}
.galIMG img{border:0;}
.galIMGcon{float:left;margin-bottom:15px;}
.ref .img{width:40px;height:22px;overflow:hidden;}
.ref .text{width:600px;padding-left:20px;}
.jcarousel-clip{background:#000;}