/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

*{margin:0; padding:0}
html{ overflow:auto}
body{background-color:#DEDCD8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; overflow:auto}
img{border:0}
p{margin:10px 0; font-size:12px}

.c{ clear:both; height:1px; overflow:hidden}

#seite{position:relative;width:820px; margin:10px auto; background-color:#fff; background-image:url(../images/mitte.png); background-repeat: repeat-y}

#oben{position:relative;height:150px; background-image:url(../images/oben.png); background-repeat:no-repeat}
#oben .box{position:absolute; top:20px; left:30px; width:760px; height:130px}
#oben .box #logo{position:absolute; top:0px; left:0px; width:315px;}
#oben .box #detektei{position:absolute; top:0px; right:0px; width:237px;}
#oben .box #nav{position:absolute; top:100px; left:0px; width:760px; height:30px; overflow:hidden; background-image:url(../images/nav.png); background-repeat:no-repeat;}
#oben .box #nav ul{ list-style-type:none; margin:7px 10px 0 10px;cursor:default;}
#oben .box #nav li{ display:inline}
#oben .box #nav a{ text-decoration:none; color:#fff; font-weight:bold; font-size:11px; margin-right:10px}
#oben .box #nav a:hover{  color:#fff; text-decoration:underline}
#oben .box #nav a.hier{color:#ff0;cursor:default; }
#oben .box #nav a.hier:hover{cursor:default; text-decoration:none}
#oben .box #nav a.aktiv{color:#ff0;cursor:default; }
#oben .box #nav a.aktiv:hover{cursor: pointer; text-decoration:underline}


#mitte .box{position:relative; margin:0px 30px 0 30px; overflow:auto}
#mitte .teaser{background-color:#E9E7E4;position:relative; overflow:auto; padding:15px 0}
#mitte .teaser .foto{float:left; width:483px; height:203px; overflow:hidden; margin-left:15px; border:1px solid #ccc; border-color:#ccc8bf #fff #fff #ccc8bf}
#mitte .teaser h1{display:inline; font-size:12px; font-weight:normal}
#mitte .teaser p{display:inline; }
#mitte .teaser ul{margin-left:18px; margin-top:12px; color:#fe0000}
#mitte .teaser a{color:#fe0000; text-decoration:none}
#mitte .teaser a:hover{ text-decoration:underline}
#mitte .spalten{clear:both; margin-top:15px; overflow:auto; background-repeat:no-repeat}

.links, .mitte,.rechts{float:left; width:210px; padding:0px 15px}
.links h2, .mitte h2,.rechts h2{color:#fe0000; margin:5px 0 10px 0; font-size:1.1em; text-align:center}
.links a, .mitte a,.rechts a{color:#fe0000;text-decoration:none}
.rechts{float:right}
.mitte {margin:0 20px}
#mitte .spalten .links, #mitte .spalten .mitte,#mitte .spalten .rechts{ width:208px; border:1px solid #cac5bd;min-height:23em; padding:0px 15px 0px 15px}

.navigation{float:left; width:242px; padding:0}
.navigation a{color:#fe0000; text-decoration:none}
.navigation a:hover{text-decoration: underline}
.navigation ul{color:#fe0000; margin:0;padding:0; margin-top:1em; list-style-type:none }
.navigation li{margin-bottom:1px}
.navigation a{ display:block; color:#000; overflow:auto;padding:1px 5px 1px 10px;text-decoration:none;background-image:url(/images/pfeil-rechts.png); background-repeat:no-repeat; background-position:1px 5px}
.navigation a:hover{  text-decoration: underline}
.navigation a.hier{ background-color:#ddd}
.navigation a.hier:hover{  cursor:default; text-decoration:none}

.inhalt{float:right; width:485px}
.inhalt h1,.navigation h1{font-size:1.3em;text-align:left;margin-bottom:1em;color:#666; border-bottom:1px solid #ccc}
.inhalt h2,.navigation h2{font-size:1.1em;text-align:left;margin:2em 0 1em 0;color:#666; }
.inhalt h3{font-size:1.0em;margin-bottom:1em}
.inhalt ul{margin:1em 0 1em 1.5em} 
.inhalt ol{margin:1em 0 1em 1.5em} 
.inhalt td{padding:3px 2px}
.inhalt form{ background-color:#eee; padding:10px}
.inhalt input.text{font-size:12px; width:200px}
.inhalt textarea{ width:100%}
.inhalt blockquote{margin:1em 0 1em 2em}
.inhalt a{color:#fe0000}


#unten{clear:both;font-size:11px;position:relative; background-image:url(../images/unten.png); background-repeat:no-repeat; background-position:bottom; overflow:auto}
#unten .box{ margin:15px 30px 30px 30px; background-color:#E9E7E4; padding:7px 0 4px 0}
#unten .links{font-weight:normal; line-height:1.25}
#unten .mitte{font-weight:normal; line-height:1.25}
#unten .rechts{width:218px; padding-right:5px; line-height:1.25}
#unten #garantie{float:right; width:70px}
#unten a{color:#fe0000}
#unten a.text{color:#000; text-decoration:none}


#copyright{position:relative;width:820px; margin:-8px auto 0 auto; color:#777; text-align:center}
#copyright a{color:#777; text-decoration:none}