body { 
margin: 0px; padding: 0px; font: normal .8em/1.643em "Trebuchet MS", Corbel, Calibri, Arial, sans-serif; color: #333;
}

a img { border: none; }
p img { border: 1px solid #333; }

body.home { background: #fff url(/img/l/p_bg_home.png) repeat-x; }
body.home div.head { background: url(/img/l/head_bg_home.png) no-repeat top left; height: 160px; clear: both; color: #fff; }
body.leistungen { background: #fff url(/img/l/p_bg_leistungen.png) repeat-x; }
body.leistungen div.head { background: url(/img/l/head_bg_leistungen.png) no-repeat top left; height: 160px; clear: both; }
body.referenzen { background: #fff url(/img/l/p_bg_referenzen.png) repeat-x; }
body.referenzen div.head { background: url(/img/l/head_bg_referenzen.png) no-repeat top left; height: 160px; clear: both; color: #fff; }
body.member { background: #fff url(/img/l/p_bg_member.png) repeat-x; }
body.member div.head { background: url(/img/l/head_bg_member.png) no-repeat top left; height: 160px; clear: both; color: #fff; }
body.kontakt { background: #fff url(/img/l/p_bg_kontakt.png) repeat-x; }
body.kontakt div.head { background: url(/img/l/head_bg_kontakt.png) no-repeat top left; height: 160px; clear: both; color: #fff; font-weight: bold; }


h1 { font-family: "Century Gothic", Arial, sans-serif; font-weight: normal; }
h2, h3, h4, h5, h6 { font-weight: normal; margin: 1.5em 0px .75em; }

div.w { width: 900px; margin: 0px auto; }

div.top { height: 95px; }
img#logo { margin: 30px 0px; width: 212px; height: 35px; float: left; }

div.top ul { float: right; margin: 50px 0px 0px 0px; padding: 0px; list-style: none; }
div.top ul li { display: inline; margin: 0 0 0 1em; }
div.top ul li a { font-weight: bold; text-align: left; }

div.top ul a { color: #333; text-decoration: none; }
li.current a.home, div.top ul a.home:hover { border-bottom: 5px solid #980000; }
li.current a.leistungen, div.top ul a.leistungen:hover { border-bottom: 5px solid #f90; }
li.current a.referenzen, div.top ul a.referenzen:hover { border-bottom: 5px solid #606; }
li.current a.kontakt, div.top ul a.kontakt:hover { border-bottom: 5px solid #060; }
li.current a.member, div.top ul a.member:hover { border-bottom: 5px solid #00f; }

#bcn { color: #888; margin: 0; padding: 0.5em 0; border-bottom: 1px solid #888; }	
#bcn div { display: inline; }
#bcn a { color: #888; }
#bcn ul { margin-left: 0; padding-left: 0; display: inline; border: none; } 
#bcn ul li { margin-left: 0; padding-left: 15px; background: transparent url(/img/bcn_arr.gif) 5px 50% no-repeat; border: none; list-style: none; display: inline; }


span.headtitle { background: transparent; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 2em; sans-serif; line-height: 2em; margin: 0px; padding: 0px; float: left; width: 300px; }
div.headtext { width: 270px; text-align: right; line-height: 1.25em; margin: 2em 0px 0px 350px; float: left; }
div.headimg { float: right; text-align: center; width: 250px; margin: 1em 0px 0px 0px; }

div.sn { float: left; width: 200px; padding: 3em 0px; font-family: arial, sans-serif; border-top: 1px solid #ccc; }
div.sn ul { margin: 0px; padding: 0px; list-style: none; }
div.sn li { border-bottom: 1px solid #ccc; }
div.sn ul li a { text-decoration: none; color: #333; font-weight: bold; padding: .5em; display: block; text-align: right; }
div.sn ul li a:hover { color: #009; }
div.sn ul li span { font-weight: bold; padding: .5em; display: block; background: #333; color: #fff; text-align: right; }
div.sn ul ul { padding: 0px 0px 0px 4em; font-weight: normal; border: 0px; }
div.sn ul ul li { border: none; }
div.sn ul ul li a { font-weight: normal; }
div.sn ul ul li span { color: #333; font-weight: bold; padding: .5em; display: block; background: #fff; }

div.maincontent { padding: 3em 0px; width: 650px; float: right; }