/*
Copyright Robert Hartl - www.netprofit.de
TRENDFREI Typolight Template
*/
html,body,div,span,applet,object, h1,h2,h3,h4,h5,h6,p,blockquote,pre, p,a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
* html body *{overflow:visible}/*IE Italic Bugs*/
html *{font-size:100.01%}
html[xmlns^="http"]{overflow-x:hidden}/*FF Zucken*/
a,a:visited,a:focus,a:active,a:hover{color:#b34b47;text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}
a:focus{outline:0}
a:active{text-decoration:none}
img{border:none;vertical-align:bottom}
ul,ol{list-style-type:none}
acronym,abbr,abbr[title]{cursor:help;border-bottom:1px dotted #797979;font-style:normal}
h1,h2,h3,h4,h5,h6{font-family:Arial,Tohama,Helvetica,Verdana,sans-serif;color:#1b1c20;line-height:1.3em;margin:0;padding:0;font-weight:bold}
h1{font-size:21px;margin-bottom:.5em}
h2{font-size:16px;font-weight:normal;margin:1.6em 0 .8em 0}
h3,h4{font-size:14px;font-weight:bold;margin:1.8em 0 .6em 0}
h4{font-weight:normal}
h5{font-size:1.15em;margin-bottom:.5em}
h6{font-size:1.2em;margin:1.6em 0 .8em 0}
code,pre{font-family:Consolas,"Lucida Console","Courier New",Courier,serif;color:#666}
small{font-size:12px}
body{text-align:left;width:100%;font:13px/1.6em Arial,Tohama,Helvetica,Verdana,sans-serif;color:#797979;background:#f2f2f2 url('images/bg.gif') top left repeat}
.links{float:left;display:inline}
.rechts{float:right;display:inline}
.w100{width:960px;margin:0 auto}
.w66{width:610px}
.w33{width:240px}

#header{width:100%;margin:0;padding:0;height:135px;background:#fff url('images/bg-header.jpg') bottom left repeat-x}
#header a#logo{z-index:800;display:block;text-align:left;width:465px;height:103px;text-indent:-98765px;position:relative;top:23px;left:-17px;background:transparent url('images/logo.jpg') bottom left no-repeat}
header a,#header a:hover,#header a:visited,#header a:focus,#header a:active{text-decoration:none}
#header a.access{position:absolute;left:-1000em;top:-1000em}
#header a.access:focus,#header a.access:active{position:absolute;z-index:1;top:2px;left:3px;height:auto;width:auto;padding:0 2px;line-height:1.5em;text-decoration:underline;color:#000;background-color:#fff;outline:#000 1px solid}
#header .kontaktfeld{position:relative;top:-50px;right:0;text-align:right;}
#header .kontaktfeld a#ml{text-align:left;zoom:1;display:inline-block;border-right:1px solid #797979;margin-right:9px;padding-right:12px;background:transparent url(images/email-icon.jpg) 0 4px no-repeat;text-indent:-99993px;width:22px;}
* html #header .kontaktfeld a#ml{display:inline;}
*+html #header .kontaktfeld a#ml{display:inline;}
#header .kontaktfeld a#ml:hover{background-position:0 -26px;}

#naviheader{position:absolute;top:108px;width:100%;z-index:400}
#naviheader .mod_navigation{position:relative;width:958px;margin:0 auto;padding:0;text-align:right;z-index:500}
#naviheader ul{float:right}
#naviheader ul li{position:relative;margin:0;padding:0;float:left}
/*Ebene 1*/
#naviheader ul li a,#naviheader ul li span.active{font-size:13px;line-height:26px;padding:0 7px 0 8px;border:0;background:transparent url('images/trenner-hauptnavi.gif') right center no-repeat;color:#797979;text-transform:uppercase;letter-spacing:1px;font-size:13px;text-shadow:1px 1px 0 #fff}
#naviheader ul li a:hover{color:#b34b47;text-decoration:none}
#naviheader ul li a.last,#naviheader ul li.last span.active{border-right:none;background:none;padding-right:0}
#naviheader ul li span.active{color:#1b1c20}
/*Ebene 2*/
#naviheader ul li ul{width:180px;margin:0;padding:0;position:absolute;left:-1px;top:26px;z-index:99999;height:auto;display:none}
#naviheader ul li ul li{float:none;padding:0 0 1px 0;margin:0;background:#f0f0f0 url('images/trenner-subnavi.gif') left bottom no-repeat}
#naviheader ul li ul li.last{background:#f0f0f0}
#naviheader ul li ul li a,#naviheader ul li ul li a.last,#naviheader ul li ul li span.active{text-align:left;border:none;display:block;margin:0;width:146px;padding:6px 11px 6px 23px;line-height:normal;color:#797979;letter-spacing:0;text-transform:none;background:#f0f0f0 url('images/button-pfeile.gif') 10px -16px no-repeat;font-size:13px}
#naviheader ul li ul li a:hover{background-color:#fff;background-position:10px 11px;color:#b34b47;text-decoration:none}
#naviheader ul li ul li span.active{background-color:#fff;background-position:10px -43px;color:#1b1c20}
#naviheader ul li ul li.last span.active{padding-right:11px;background:#f0f0f0 url('images/button-pfeile.gif') 10px -43px no-repeat;margin-bottom:0}
#naviheader ul li:hover ul,#naviheader ul li.sfhover ul{display:block}
#naviheader ul li:hover ul ul,#naviheader ul li.sfhover ul ul{display:block}
#naviheader ul ul li:hover ul,#naviheader ul ul li.sfhover ul{display:block}

#teaser{width:100%;margin:0;padding:0;background:#eaeaea url('images/bg-teaser.gif') bottom left repeat-x}
#headerbild{padding:0 0 2px 0;margin:0 auto;width:960px;}
#seite_311 #headerbild,.mod_imageslider{background:transparent url('images/bg-inhalt.gif') top center repeat-y}
.mask3{margin:0 auto;}
/*
.rhra{z-index:100;position:relative;width:956px;height:249px;margin-left:2px;overflow:hidden;background:url(images/ajax-loader.gif) center center no-repeat}
#rhsl div{z-index:1000;position:absolute;top:0;left:0;width:956px;height:249px}
.rhra .buttons{text-align:left;position:absolute;z-index:2000;width:387px;height:38px;right:0;bottom:0;padding-top:0}
.rhra .buttons span{text-shadow:1px 1px 3px #333;cursor:pointer;text-transform:uppercase;font:13px Arial,Verdana,sans-serif;margin:0 7px 0 0;z-index:3000;color:#fff;line-height:18px;vertical-align:middle;zoom:1;letter-spacing:1px;font-weight:bold}
.rhra .buttons .rhsl-nav{padding:0 19px 0 0}
.rhra .buttons span#prev1{margin:0 14px 0 30px}
#handles1 span.active,#handles1 span:hover{color:#cd4c47;text-shadow:none}
.rhra div#b1{background:url(images/1-agentur2.jpg) top left no-repeat}
.rhra div#b2{background:url(images/2-leistungen2.jpg) top left no-repeat}
.rhra div#b3{background:url(images/3-portfolio2.jpg) top left no-repeat}
*/

#inhalt{text-align:center;width:960px;margin:0 auto;padding:32px 0 24px 0;margin:0 auto;background:transparent url('images/bg-inhalt.gif') top center repeat-y}
#inhalt .w66{text-align:left;margin-left:32px}
#inhalt .w33{text-align:left;margin-right:32px}
#inhalt .links ul li{background:url('images/li.gif') 3px 8px no-repeat;padding-left:15px}
span.highlight{font-weight:bold}
p.url{color:#bbb}
form{font:12px arial,verdana,sans-serif}
form input.text,form input.captcha,form input.upload,form textarea{font:12px arial,verdana,sans-serif;color:#111;padding:2px;margin:6px 2px 6px 6px;border:1px solid #bbb;background:#f2f2f2;width:400px}
form textarea{height:70px}
form input.captcha{width:30px}
form input.submit{cursor:pointer;border-top:1px solid #ececec;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #e4e4e4;padding:3px 13px;margin:12px 0 0 4px;font-size:12px;letter-spacing:1px;font:12px arial,verdana,sans-serif;color:#b34b47;background:#fff url(images/bg-button.jpg) bottom left repeat-x}
form input.submit:hover{color:#000;text-decoration:none}
form input.submit:active{text-decoration:none;position:relative;top:1px}
form .error{color:red;font-style:italic}
.graurand img{border:1px solid #d8d8d8}
.ce_gallery a:hover img{-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70)}
.unsichtbar{display:none}

.ce_accordion .toggler{color:#000;margin-top:7px;cursor:pointer;cursor:hand;padding-left:10px;background:transparent url('images/faq-pfeil.gif') left no-repeat}
.ce_accordion .aktiv{background:transparent url('images/faq-pfeil-unten.gif') left no-repeat}
.ce_accordion .accordion{margin-left:10px}
.mod_referenz_kasten{border:1px solid #dedede;background:#f0f0f0;margin:20px 20px 20px 0;padding:10px}
.referenz_bild{float:left;width:190px}
.referenz_text{float:right;width:368px}
.rubrik1,.rubrik2{font-weight:bold;color:#1b1c20;float:left;width:80px}
.inhalt1,.inhalt2{float:right;width:280px}
.startkasten{width:264px;margin:50px 0 30px 0;border:1px solid #ebebeb}
.startkasten h3{margin:0;background:#ebebeb;padding:8px 14px}
.startkasten p{padding:8px 14px}
a.button11{border-top:1px solid #ececec;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #e4e4e4;padding:3px 13px;margin:0;font-size:11px;letter-spacing:1px;background:#fff url(images/bg-button.jpg) bottom left repeat-x}
a.button11 span{padding-left:14px;text-shadow:1px 1px 0 #fff;background:transparent url('images/button-pfeile.gif') 0 3px no-repeat}
a.button11:hover{color:#000;text-decoration:none}
a.button11:hover span{background-position:0 -51px}
a.button12{border-top:1px solid #ececec;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #e4e4e4;padding:3px 13px;margin:0;font-size:12px;letter-spacing:1px;background:#fff url(images/bg-button.jpg) bottom left repeat-x}
a.button12 span{padding-left:14px;text-shadow:1px 1px 0 #fff;background:transparent url('images/button-pfeile.gif') 0 3px no-repeat}
a.button12:hover{color:#000;text-decoration:none}
a.button12:hover span{background-position:0 -51px}
a.button11:active,a.button12:active{text-decoration:none;position:relative;top:1px}
.unsichtbar,.referenzlightbox{display:none}
#inhalt .rechts .kasten,#inhalt .rechts .mod_customnav,#inhalt .rechts .mod_navigation{margin-bottom:2em;padding-bottom:1px;border:1px solid #ebebeb;/*background:#F0F0F0 url('images/sidebar-abschluss.jpg') left bottom no-repeat;*/
background:#ebebeb url('images/verlauf-kasten.jpg') top left repeat-x}
#inhalt .rechts .naviohne{background:transparent url("images/trenner-sidebar.gif") top left no-repeat;border:none;}
#inhalt .rechts .naviohne ul{background:transparent url("images/trenner-sidebar.gif") bottom left no-repeat;border:none;padding-bottom:2px;}
#inhalt .rechts .naviohne a{padding:6px 14px 4px 32px;background-position:18px -14px;}
#inhalt .rechts .naviohne a{background-position:18px 13px;}
#inhalt .rechts .naviohne span{background-position:18px -41px}

#inhalt .rechts .block h5{padding:14px 15px 4px 17px}
#inhalt .rechts .block p,#inhalt .rechts .block li{padding-top:2px;background:transparent url('images/trenner-sidebar.gif') left top no-repeat}
#inhalt .rechts .block p{padding:11px 16px 9px 17px}
* html #inhalt .rechts .block li{display:inline}
#inhalt .rechts .block li a,#inhalt .rechts .block li span{display:block;color:#797979;padding:8px 14px 6px 32px;background:transparent url('images/pf-kl.gif') 18px -12px no-repeat}
#inhalt .rechts .block li a:hover{color:#b34b47;text-decoration:none;background-color:#fff;background-position:18px 15px}
#inhalt .rechts .block li span.active{background-position:18px -39px;color:#1b1c20}

#referenzleiste{text-align:left;width:960px;margin:0 auto;padding:0;background:transparent url('images/bg-inhalt.gif') top center repeat-y}
#reflogos{position:relative;width:896px;overflow:hidden;background:transparent url('images/bg-ref.jpg') top center no-repeat;padding:50px 32px 28px 32px}
#reflogos p{text-align:left;padding-bottom:8px}
#rhra2{position:relative;width:850px;height:120px;margin:0 auto;overflow:hidden;background:url(images/ajax-loader.gif) center center no-repeat}
#reflogos #rhsl2{position:absolute;top:0;left:0;width:850px;height:120px;padding:0}
#reflogos img{float:left;display:block}
#reflogos span#prev2{position:absolute;top:130px;left:32px;cursor:pointer;text-align:left;display:block;width:20px;height:20px;text-indent:-1000em;background:transparent url('images/pf.jpg') top left no-repeat}
#reflogos span#prev2:hover{background-position:bottom left}
#reflogos span#next2{position:absolute;right:32px;top:130px;cursor:pointer;text-align:left;display:block;width:20px;height:20px;text-indent:-1000em;background:transparent url('images/pf.jpg') top right no-repeat}
#reflogos span#next2:hover{background-position:bottom right}
#reflogos p#hdl{letter-spacing:1px;font-size:11px;text-transform:uppercase}

#footr{font-size:11px;width:952px;margin:0 auto;padding:23px 4px 15px 6px;margin:0 auto;background:transparent url('images/bg-footer.gif') top center no-repeat}
#footr .rechts{text-align:right}
#footr .mod_customnav,#footr .mod_customnav ul,#footr .mod_customnav ul li{display:inline;margin:0;padding:0}
#footr .mod_customnav ul li span.active,#footr .mod_customnav ul li a,#footr .mod_customnav ul li a:hover,#footr .mod_customnav ul li a:active,#footr .mod_customnav ul li a:visited{display:inline;color:#797979;padding:0 2px 0 5px;margin:0;text-shadow:1px 1px 0 #fff;border-left:1px solid #d8d8d8}
#footr .mod_customnav ul li span.active{color:#1b1c20;margin:0}
* html #footr .mod_customnav ul li span.active{padding-right:5px}
*+html #footr .mod_customnav ul li span.active{padding-right:5px}
#footr .mod_customnav ul li.first span.active,#footr .mod_customnav ul li.first a.first{border-left:0}
#footr .mod_customnav ul li a:hover{color:#1b1c20 !important;text-decoration:none}

#footernavi{font-size:11px;width:956px;margin:0 auto;padding:5px 2px;margin:0 auto}
#footernavi .mod_breadcrumb{border:1px solid #d8d8d8;margin:2px 0 18px 0;padding:5px 10px}
#footernavi .mod_breadcrumb:hover{border-color:#bbb}
#footernavi .mod_breadcrumb a{text-shadow:1px 1px 0 #fff;background:transparent url('images/li.gif') right no-repeat;padding-right:19px;margin-right:10px}
#footernavi ul{text-transform:uppercase;width:150px;margin:0 0 10px 11px;float:left}
#footernavi ul.level_2{text-transform:none;margin:0;float:none}
#footerabschluss{clear:left;font-size:11px;width:938px;margin:17px auto 80px auto;padding:5px 10px;border:1px solid #d8d8d8}
#footerabschluss:hover{border-color:#bbb}
#footerabschluss .rechts{text-align:right}
#footerabschluss .rechts a{text-shadow:1px 1px 0 #fff;background:transparent url('images/li-o.gif') 0px 6px no-repeat;padding-left:13px}
#footerabschluss .rechts{text-align:right}
#footerabschluss .links a{text-shadow:1px 1px 0 #fff;background:transparent url('images/li-u.gif') right no-repeat;padding-right:15px}
#footernavi a,#footerabschluss a{color:#797979;text-shadow:1px 1px 0 #fff;cursor:pointer}
#footernavi a:hover,#footerabschluss a:hover{text-decoration:none;color:#1b1c20}
#footerabschluss .toggler:hover{color:#000;cursor:pointer}
#footerabschluss .toggler span{padding-right:14px;background:transparent url('images/li-u.gif') right no-repeat}

.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}

#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#1b1c20;cursor:pointer}
#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}
.lbLoading{background:#fff url('images/ajax-loader.gif') no-repeat center}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url('images/prevlabel.gif') no-repeat 0 15%}
#lbNextLink{right:0}
#lbNextLink:hover{background:transparent url('images/nextlabel.gif') no-repeat 100% 15%}
#lbBottom{font-family:Arial,Geneva,Helvetica,sans-serif;font-size:11px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}
#lbCloseLink{display:block;float:right;width:113px;height:22px;background:transparent url('images/closelabel.gif') no-repeat center;margin:5px 0;outline:none}
#lbCaption,#lbNumber{margin-right:71px}
#lbCaption{margin-bottom:15px;font-size:12px;font-family:Arial,Tohama,Verdana,sans-serif;font-weight:normal}
.clearleft{clear:left}
.clearright{clear:right}
.clearboth{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* FF mittig
.clearfix{display:inline-block}*/
/* nicht IE-mac\*/
* html .clearfix{height:1%}
.clearfixleft:after{content:".";display:block;height:0;clear:left;visibility:hidden}
.clearfixleft{display:inline-block}
/* nicht IE-mac\*/
* html .clearfixleft{height:1%}