* { font-family:Verdana, Arial, Helvatica, sans-serif; font-size:10px;}
html { height:100%; margin:0 0 0 0; padding:0 0 0 0; background:#214880 url(images/html-bg.jpg) 0 0 repeat-x; }
body { height:100%; margin:0 0 0 0; padding:0 0 0 0; }

.centering { height:100%; width:100%; border-collapse:collapse; border-spacing:0;}
.outer { width:980px; height:580px; overflow:hidden; margin:0 auto ; background:#214880 url(images/outer-bg.jpg) 0 0 repeat-x; }
.inner { width:951px; height:552px; overflow:hidden; margin:6px auto; padding:8px; background:white url(images/inner-bg.gif) 0 0 no-repeat; }
.page { width:951px; height:552px; overflow:hidden; position:absolute; }

.credits { text-align:center; color:#466591; margin:10px auto 0 auto; }
.credits a { color:#466591; text-decoration:none; }
.credits a:hover { color:#fff;  }
.credits a b { font-weight:normal; }
.credits hr { display:none; }

.home { position:absolute; top:20px; left:40px; width:280px; height:40px;}
.home a { position:absolute; display:block; width:280px; height:40px; background:transparent url(images/home-bg.gif) 0 0 no-repeat;}
.home a img { border:0;}

.mainnavi { position:absolute; top:80px;}
.mainnavi dl { margin:0 0 0 0; padding:0 0 0 0; }
.mainnavi dl dt { display:none; margin:0 0 0 0; padding:0 0 0 0; }
.mainnavi dl dd { position:relative; margin:0 0 5px 0; padding:0 0 0 0; display:block; height:12px; width:132px; background-color:#f7f7f7 !important; }
.mainnavi dl dd a { display:block; text-decoration:none; text-transform:uppercase; font-size:10px; border-left:35px solid #e5e5e5; border-right:12px solid #e5e5e5; color:#767676; }
.mainnavi dl dd.on a,
.mainnavi dl dd a:hover { border-right:12px solid #001e49; color:#001e49;}
.mainnavi dl dd a span { display:block; height:12px; width:75px; cursor:hand; padding:0px 5px; }

.mainnavi dl dd.on dl { display:block !important; }
.mainnavi dl dd dl { display:none; position:absolute; top:0; margin:0 0 0 137px; }
.mainnavi dl dd dl dd { background-color:#fff !important; }
.mainnavi dl dd dl dd a { border-right:0 !important; border-left:12px solid #e5e5e5; padding:0px 5px; color:#767676 !important;}
.mainnavi dl dd dl dd.on a, 
.mainnavi dl dd dl dd a:hover { border-right:0 !important; border-left:12px solid #fba104; color:#001e49 !important;}

.content { height:552px; overflow:hidden; color:#333;} 
.content p, 
.content address { line-height:140%;}
.content p.title1,
.content p.title2 { position:absolute; }
.content p.title1 em,
.content p.title2 em { display:none; }
.content p { margin: 0 0 1em 0; }
.content a { text-decoration:none; color:#0042A6;}
.content a:hover { color:blue; text-decoration:underline; }

.content .article { position:absolute; overflow:auto;}
.content .article h1 { font:normal 18px Arial, Verdana, Helvetica, sans-serif; letter-spacing:-0.02em; }
.content .article h1:first-child { margin-top:0; }
.content .article h2 { font:normal 16px Arial, Verdana, Helvetica, sans-serif; letter-spacing:-0.02em; }
.content .article p strong { color:#194687; }

/*** index ***/
body#index .content { background:transparent url(images/startseite/content-bg.jpg) 0 233px no-repeat; }
body#index .content p.title1 { width:320px; height:120px; top:80px; left:340px; background:transparent url(images/startseite/title1-bg.gif) 0 0 no-repeat;}
body#index .content .article { left:340px; top:370px; width:460px; height:172px; }

/*** ueberblick ***/
body#ueberblick .content { background:transparent url(images/ueberblick/content-bg.jpg) 380px 0 no-repeat; }
body#ueberblick .content p.title1 { width:240px; height:80px; top:40px; left:660px; background:transparent url(images/ueberblick/title1-bg.gif) 0 0 no-repeat;}
body#ueberblick .content .article { left:154px; top:160px; width:240px; height:372px; }

/*** philosophie ***/
body#philosophie .content { background:transparent url(images/philosophie/content-bg.jpg) 0 360px no-repeat; }
body#philosophie .content p.title1 { width:500px; height:80px; top:60px; left:320px; background:transparent url(images/philosophie/title1-bg.gif) 0 0 no-repeat;}
body#philosophie .content .article { left:320px; top:160px; width:480px; height:200px; }

/*** leistungen ***/
body#leistungen .content { background:transparent url(images/leistungen/content-bg.jpg) 240px 0 no-repeat; }
body#leistungen .content p.title1 { width:240px; height:80px; top:320px; left:40px; background:transparent url(images/leistungen/title1-bg.gif) 0 0 no-repeat;}
body#leistungen .content p.title2 { width:240px; height:100px; top:400px; left:40px; background:transparent url(images/leistungen/title2-bg.gif) 0 0 no-repeat;}
body#leistungen .content .article { left:700px; top:140px; width:200px; height:380px; }

/*** strategie ***/
body#strategie .content { background:transparent url(images/strategie/content-bg.jpg) 260px 160px no-repeat; }
body#strategie .content p.title1 { width:280px; height:40px; top:40px; left:340px; background:transparent url(images/strategie/title1-bg.gif) 0 0 no-repeat;}
body#strategie .content p.title2 { width:400px; height:80px; top:80px; left:400px; background:transparent url(images/strategie/title2-bg.gif) 0 0 no-repeat;}
body#strategie .content .article { left:40px; top:240px; width:260px; height:290px; }

/*** instrumente ***/
body#instrumente .content { background:transparent url(images/instrumente/content-bg.jpg) 460px 0 no-repeat; }
body#instrumente .content p.title1 { width:340px; height:80px; top:80px; left:260px; background:transparent url(images/instrumente/title1-bg.gif) 0 0 no-repeat;}
body#instrumente .content p.title2 { width:360px; height:80px; top:180px; left:140px; background:transparent url(images/instrumente/title2-bg.gif) 0 0 no-repeat;}
body#instrumente .content .article { left:40px; top:280px; width:440px; height:260px;  }

/*** konzepte ***/
body#konzepte .content { background:transparent url(images/konzepte/content-bg.jpg) 200px 0 no-repeat; }
body#konzepte .content p.title1 { width:240px; height:80px; top:300px; left:40px; background:transparent url(images/konzepte/title1-bg.gif) 0 0 no-repeat;}
body#konzepte .content p.title2 { width:360px; height:80px; top:380px; left:40px; background:transparent url(images/konzepte/title2-bg.gif) 0 0 no-repeat;}
body#konzepte .content .article { left:740px; top:60px; width:180px; height:440px;  }

/*** branchen ***/
body#branchen .content { background:transparent url(images/branchen/content-bg.jpg) 260px 0 no-repeat; }
body#branchen .content p.title1 { width:280px; height:60px; top:40px; left:640px; background:transparent url(images/branchen/title1-bg.gif) 0 0 no-repeat;}
body#branchen .content p.title2 { width:280px; height:100px; top:100px; left:640px; background:transparent url(images/branchen/title2-bg.gif) 0 0 no-repeat;}
body#branchen .content .article { left:40px; top:200px; width:280px; height:330px;  }

/*** novumprbau ***/
body#novumprbau .content { background:transparent url(images/novumprbau/content-bg.jpg) 260px 0 no-repeat; }
body#novumprbau .content p.title1 { width:280px; height:100px; top:200px; left:40px; background:transparent url(images/novumprbau/title1-bg.gif) 0 0 no-repeat;}
body#novumprbau .content p.title2 { width:280px; height:180px; top:300px; left:40px; background:transparent url(images/novumprbau/title2-bg.gif) 0 0 no-repeat;}
body#novumprbau .content .article { left:680px; top:60px; width:240px; height:440px;  }

/*** impressum ***/
body#impressum .content { background:transparent url(images/impressum/content-bg.gif) 0 233px no-repeat; }
body#impressum .content .article { position:absolute; left:154px; top:220px; width:600px; height:332px; overflow:hidden; }
body#impressum .content .article address { font-style:normal; float:left; width:120px;}
body#impressum .content .article div { font-style:normal; float:left; width:440px; height:290px; padding:0 0 0 20px; overflow:auto; }
body#impressum .content .article div h2 { font-weight:bold; font-size:12px; margin:0 0 1em 0; letter-spacing:0; }
body#impressum .content .article ul.imprintnavi { height:14px; position:absolute; top:0; left:140px; margin:4px 0 0 0; padding:0 0 0 0; list-style:none; }
body#impressum .content .article ul.imprintnavi li { margin:0 0 0 0; padding:0 10px 0 10px; float:left; border-left:1px solid gray; }
body#impressum .content .article ul.imprintnavi li.first { padding:0 5px 0 0; border-left:none; }

/*** anschrift ***/
body#anschrift .content { background:transparent url(images/anschrift/content-bg.gif) 0 233px no-repeat; }
body#anschrift .content .article { position:absolute; left:154px; top:220px; width:180px; }
body#anschrift .content .article address { font-style:normal; }

/*** kontakt ***/
body#kontaktformular .content { background:transparent url(images/kontaktformular/content-bg.gif) 0 233px no-repeat; }
body#kontaktformular .content .article { position:absolute; left:317px; top:130px; width:400px; }

body#kontaktformular #contactform { width:400px; margin-top:20px;}
body#kontaktformular #contactform .l { margin:0 0 6px 0; }
body#kontaktformular #contactform label { display:block; color:#194687; padding:2px;  }
body#kontaktformular #contactform label.inline { display:inline; background-color:transparent !important; }

body#kontaktformular #contactform input.text,
body#kontaktformular #contactform textarea { border:0; padding:4px 2px; margin:0 0 1px 0; background-color:#E5E5E5;}
body#kontaktformular #contactform #firstname { width:194px;}
body#kontaktformular #contactform #lastname { width:194px;}
body#kontaktformular #contactform #street { width:396px;}
body#kontaktformular #contactform #zip { width:60px;}
body#kontaktformular #contactform #city { width:328px;}
body#kontaktformular #contactform #email { width:396px;}
body#kontaktformular #contactform #fon { width:126px;}
body#kontaktformular #contactform #fax { width:126px;}
body#kontaktformular #contactform #mob { width:126px;}
body#kontaktformular #contactform #marketing1 { width:212px; }
body#kontaktformular #contactform #marketing2 { width:297px;}

body#kontaktformular #contactform #message { width:396px; height:60px;}
body#kontaktformular #contactform #submit { float:right; margin:10px 0 0 0;}


