*{border:0;margin:0;padding:0;}
html,body{margin:0;padding:0;}
html{font-size:100.01%;height:100%;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;line-height:134%;background: url(../img/bg_site.jpg) repeat-x fixed;text-align:center; overflow:y-scroll; height:101%;}

a:link,a:active,a:visited{color:#000;text-decoration:none;}
a.rot:link,a.rot:active,a.rot:visited{color:#C81B0A;}
a:hover, a.rot:hover{color:#999;}
img{border:none;}
h2,h3{font-size:10px;text-transform:uppercase;color:#C81B0A;font-weight:normal;}
h2{margin:2em 0 1em 0;}
h3{margin:3em 0 1em;}
h4{text-transform:uppercase;font-weight:normal;margin:2em 0 0;}
#home h4 {color:#C81B0A!important; margin:2em 0 1em 0!important;}
#home h4 a {color:#C81B0A!important; }
p{line-height:134%;;margin:0 0 1em;}
em { text-transform:uppercase; font-style:normal; }


#container{width:860px;text-align:left;height:auto;margin:0 auto 20px;}
#left{width:370px;float:left;display:block;min-height:680px;height:auto!important;height:630px}
/** html #left{height:630px;}*/

/* RIGHT */
#right{width:486px;float:left;display:inline;margin:0 0 2em 4px; background:#fff;min-height:630px;height:auto !important;height:630px;}
#right h1{margin:26px 0 35px 242px;}
#right h1 a{text-indent:-999em;background:url(../img/logo_bwg.gif) no-repeat;width:217px;height:35px;display:block;}
#right #content img.right{float:right;}
.clear{clear:both!important;}
.txt{width:220px;margin:0 0 0 243px;}
dl {}
dt { height:390px; margin-left:26px; }
dd { height:100px;margin-left:28px; width:415px;}
#picnavi ul { list-style:none; margin-right:27px; float:right; }
#picnavi ul li { display:block; width:15px; height:15px; margin: 0 5px 0 0; float:left;}
#picnavi li a span.butt { display:block; width:15px; height:15px; background:url(../img/picnav_but.gif);}
#picnavi li a:hover span.butt { background:url(../img/picnav_but.gif) 0 -15px;}
#picnavi li a.aktiv span.butt { background:url(../img/picnav_but.gif) 0 -30px;}
#picnavi li a span.info { display:none;}
#picnavi li a span.pre, #picnavi li a span.next  { display:none;}

/* LEFT MENU */
#left { background:url(../img/bg_kreise_hallo.gif) no-repeat #fff;}
#cat2 #left { background:url(../img/bg_kreise_wir.gif) no-repeat;}
#cat3 #left { background:url(../img/bg_kreise_portfolio.gif) no-repeat #fff;}
#cat6 #left { background:url(../img/bg_kreise_netzwerk.gif) no-repeat;}
#cat7 #left { background:url(../img/bg_kreise_impressum.gif) no-repeat;}
#cat8 #left { background:url(../img/bg_kreise_kontakt.gif) no-repeat;}

#left ul#menu{list-style:none;width:330px;height:165px;margin:80px 0 0 30px;padding:0;}
#menu{background:url(../img/menu_kreis.gif) 41px 0 no-repeat;position:relative;}
#menu span{position:absolute;width:320px;height:165px;background:url(../img/menlinieaktivhallo.png) 41px 0 no-repeat;}
#cat2 #menu span{background:url(../img/menlinieaktivwir.png) 41px 0 no-repeat;}
#cat3 #menu span{background:url(../img/menlinieaktivportfolio.png) 41px 0 no-repeat;}
#cat4 #menu span{background:url(../img/menlinieaktivfotografie.png) 41px 0 no-repeat;}
#cat5 #menu span{background:url(../img/menlinieaktivillustration.png) 41px 0 no-repeat;}
#cat6 #menu span{background:url(../img/menlinieaktivnetzwerk.png) 41px 0 no-repeat;}
#cat7 #menu span{background:url(../img/menlinieaktivimpressum.png) 41px 0 no-repeat;}
#cat8 #menu span{background:url(../img/menlinieaktivkontakt.png) 41px 0 no-repeat;}
#menu li{list-style:none;display:block;position:absolute;margin:0;padding:0;}
#menu li a{display:block;text-indent:-999em;z-index:1;}
#menu .m1{width:39px;height:9px;left:0;top:85px;}
#menu .m2{width:18px;height:16px;left:226px;top:1px;z-index:11;}
#menu .m3{width:54px;height:34px;left:239px;top:-1px;z-index:10;}
#menu .m4{width:64px;height:30px;left:247px;top:24px;}
#menu .m5{width:77px;height:27px;left:253px;top:50px;}
#menu .m6{width:59px;height:8px;left:255px;top:85px;}
#menu .m7{width:62px;height:17px;left:253px;top:108px;z-index:16;}
#menu .m8{width:52px;height:24px;left:247px;top:126px;}
#menu .m1 a{background:url(../img/menu_hallo.gif) 0 0 no-repeat;height:9px;}
#menu .m2 a{background:url(../img/menu_wir.gif) 0 0 no-repeat;height:16px;}
#menu .m3 a{background:url(../img/menu_design.gif) 0 0 no-repeat;height:34px;}
#menu .m4 a{background:url(../img/menu_fotografie.gif) 0 0 no-repeat;height:30px;}
#menu .m5 a{background:url(../img/menu_illustration.gif) 0 0 no-repeat;height:22px;}
#menu .m6 a{background:url(../img/menu_netzwerk.gif) 0 0 no-repeat;height:8px;}
#menu .m7 a{background:url(../img/menu_impressum.gif) 0 0 no-repeat;height:17px;}
#menu .m8 a{background:url(../img/menu_kontakt.gif) 0 0 no-repeat;height:24px;}
#menu .m1 a:hover{background:url(../img/menu_hallo.gif) 0 -9px no-repeat;}
#menu .m2 a:hover{background:url(../img/menu_wir.gif) 0 -17px no-repeat;}
#menu .m3 a:hover{background:url(../img/menu_design.gif) 0 -39px no-repeat;}
#menu .m4 a:hover{background:url(../img/menu_fotografie.gif) 0 -31px no-repeat;}
#menu .m5 a:hover{background:url(../img/menu_illustration.gif) 0 -24px no-repeat;}
#menu .m6 a:hover{background:url(../img/menu_netzwerk.gif) 0 -10px no-repeat;}
#menu .m7 a:hover{background:url(../img/menu_impressum.gif) 0 -19px no-repeat;}
#menu .m8 a:hover{background:url(../img/menu_kontakt.gif) 0 -25px no-repeat;}
#menu .m1 a.aktiv{background:url(../img/menu_hallo.gif) 0 -19px no-repeat;}
#menu .m2 a.aktiv{background:url(../img/menu_wir.gif) 0 -34px no-repeat;}
#menu .m3 a.aktiv{background:url(../img/menu_design.gif) 0 -74px no-repeat;}
#menu .m4 a.aktiv{background:url(../img/menu_fotografie.gif) 0 -62px no-repeat;}
#menu .m5 a.aktiv{background:url(../img/menu_illustration.gif) 0 -48px no-repeat;}
#menu .m6 a.aktiv{background:url(../img/menu_netzwerk.gif) 0 -21px no-repeat;}
#menu .m7 a.aktiv{background:url(../img/menu_impressum.gif) 0 -39px no-repeat;}
#menu .m8 a.aktiv{background:url(../img/menu_kontakt.gif) 0 -49px no-repeat;}

#sub {font-size:10px; text-transform:uppercase; line-height:16px;}
#sub2, #sub3 { list-style:none; position:absolute; top:310px;}
#sub2 {margin-left:26px;}
#sub2 #li53 {margin-top:16px;}
#sub2 #li13 {margin-top:16px;}
#sub2 #li16 {margin-top:16px;}
#sub3 { margin-left:165px; width:206px;}
a.aktiv, a:active { color:#C81B0A;}
#sub2 #li12 {display:none;}

/* FOOT */
#foot{clear:both;}
#foot p{text-transform:uppercase;font-size:10px;padding:10px 0 0 25px;}
#foot p span{font-size:10px;}
/*p.bob { text-align: justify; width:435px;}*/
p.bob { width:450px;}
p.bob a { margin-right:10px;}

.tiefer{padding-top:52px;} 

/*#sub3 #li26 {margin-bottom:180px;}*/