/*
Stylesheet für alle Basiselemente der Website
*/

body { background:#EEE; }

.metatext { visibility:hidden; }

#container
{
	position:absolute;
	margin:0 auto;		/* standardkonforme horizontale Zentrierung */
	top:50%;
	left:50%;
	width:990px;
	margin-top:-350px;
	margin-left:-495px;
	border:1px solid #BBB;
	font-family:Rotis,Arial,sans-serif;
	background:#FFF;
}

#head { height:174px; }
#start #head { height:189px; background:#000 url("../img/header/start.jpg") no-repeat; }
#was-bieten-wir #head { background:#000 url("../img/header/was-bieten-wir.jpg") no-repeat; }
#angebote-neubauplanungen #head { background:#DDD url("../img/header/neuplanungen.jpg") no-repeat; }
#angebote-bestandsobjekte #head { background:#000 url("../img/header/bestandsobjekte.jpg") no-repeat; }
#referenzobjekte #head { background:#000 url("../img/header/referenzobjekte.jpg") no-repeat; }
#entwuerfe #head { background:#DDD url("../img/header/entwuerfe.jpg") no-repeat; }
#kontakt #head { background:#000 url("../img/header/kontakt.jpg") no-repeat; }
#impressum #head { background:#000 url("../img/header/impressum.jpg") no-repeat; }

#content { min-height:507px; font-size:14px; clear:both; background:#FFF; }
#was-bieten-wir #content { background:#FFF url('../img/was-bieten-wir/plan_bg.jpg') -30px 40px no-repeat; }
#entwuerfe #content { height:507px; background:#FFF url('../img/entwuerfe/plan_bg.jpg') 180px -55px no-repeat; }

#was-bieten-wir #kkkk { height:90px; width:332px; position:absolute; bottom:30px; right:30px; background:url('../img/was-bieten-wir/kkkk.jpg') no-repeat;}
#entwuerfe #infobox { position:absolute; left:31px; bottom:31px; width:200px; height:110px; background:url('../img/quader.jpg') left bottom no-repeat; font-size:14px; }

#logo { position:relative; top:30px; left:31px; height:91px; width:94px; background:#FFF url('../img/logo.jpg') no-repeat; }

#text { margin:-4px 60px 30px 318px; padding:4px 0px 0px 12px; font-family:Arial,sans-serif; font-size:14px; line-height:18px; }
#text.quader { background:url('../img/quader.jpg') no-repeat; }
#referenzobjekte #text { height:430px; margin:-60px 0px 0px 144px; padding:0px; background:url('../img/quader.jpg') left bottom no-repeat; }
#entwuerfe #text { height:507px; }

h1 { font-size:27px; line-height:30px; font-weight:normal; margin:2px 0px 25px; }
h2 { font-size:18px; line-height:22px; font-weight:normal; margin:15px 0px 10px; }
h3 { font-size:14px; line-height:18px; font-weight:bold; margin:0px; padding:0px; }

p { margin:4px 0px 9px; }
p.first,
p.large { font-size:19px; line-height:25px; margin:4px 0px 13px; }
p.small { font-size:11px; line-height:13px; margin:3px 0px 5px; }

ul#overview { padding:0px 0px 0px 20px; margin:0px; font-size:18px; line-height:22px; }
ul#overview li { margin:0px 0px 10px; list-style-image:url('../img/listquad.jpg'); }
ul#overview li a.furtherinfo:link,
ul#overview li a.furtherinfo:visited,
ul#overview li a.furtherinfo:focus,
ul#overview li a.furtherinfo:active { color:#C00; font-size:11px; font-weight:bold; vertical-align:baseline; text-decoration:none; white-space:nowrap; }
ul#overview li a.furtherinfo:hover { color:#FC0; }

#kontakt #content { background:url('../img/kontakt/kontakt_bg.jpg') 160px 40px no-repeat; }

table#contactform { width:100%; }
table#contactform td { vertical-align:top; }
table#contactform td.caption { width:30%; white-space:nowrap; padding-left:15px; background:url('../img/listquad.jpg') 0px 3px no-repeat; }
table#contactform td input,
table#contactform td textarea { width:400px; font-family:Arial,sans-serif; font-size:12px; font-style:italic; font-weight:bold; border:1px solid #999; padding:2px; background:#F9F9F9; overflow:auto; }
table#contactform td input:focus,
table#contactform td input:active,
table#contactform td textarea:focus,
table#contactform td textarea:active { border:1px solid #FC0; background:#FFF; }
table#contactform td .errfield { border:1px solid #C00; background:#FEF; }
table#contactform td.button { text-align:center; padding:4px 0px; }
table#contactform td.button input { width:auto; font-style:normal; padding:0px 4px; }

.errmsg { padding:5px; color:#900; background-color:#FEF; }
.cfrmmsg { padding:5px; color:#090; background:#EFE; }