@charset "utf-8";
* {padding:0;margin:0;border:none;}
body {background-color:#808080;margin:0 !important;padding:0 !important;}
a, p {font-family:Verdana, Arial, Helvetica, sans-serif;}
.pleft {float:left;clear:left;width:340px;}
.pright {float:left;width:410px;}
.wichtig {color:#FFF;}

#oben {display:block;height:190px;width:100%;background-color:#808080;padding-top:10px;}
#oben #kopf {width:800px;height:189px;margin:0 auto;}
#oben #kopf {position:relative;background-image:url(../bilder/kopf/oben.jpg);}
#oben #kopf p {position:absolute;background-image:url(../bilder/kopf/obengrau.jpg);line-height:1.5em;color:#FFF;padding:5px;}
#oben #kopf #kopf1 {top:0;left:0;width:790px;font-size:150%;text-align:center;}
#oben #kopf #kopf2 {top:100px;left:25px;font-size:200%;padding:0 10px;background-position:-25px -100px;}

#navigation {width:100%;background-color:#E2E0E0;}
#navigation div {width:800px;height:1.35em;margin:0 auto;list-style:none;background-color:#808080;}
#navigation div ul {margin-top:1px;margin-left:5px;}
#navigation div ul li {display:inline;border-right:1px solid #FFF;padding-right:6px;padding-bottom:2px;}
#navigation div ul li a,
#navigation div ul li a:link,
#navigation div ul li a:visited {font-size:66%;color:#FFF;text-decoration:none;padding:2px 2px;}
#navigation div ul li a:hover {text-decoration:underline;}
#navigation div #menu1 {float:left;}
#navigation div #menu2 {float:right;}

#mitte {display:block;width:100%;background-color:#E2E0E0;overflow:auto;}
#mitte #content {width:810px;height:360px;overflow:auto;margin:0 auto;padding:10px 20px 0px 20px;}
#mitte #content p.bild {float:left;margin-right:10px;}
#mitte #content p.bildrechts {float:right;margin:0 0px}
#mitte #content p.bild img {border:1px solid #000;}
#mitte #content p {line-height:1.3em;margin-bottom:1.2em;}
#mitte #content p a {color:#000;}
#mitte #content p.text {float:left;width:350px;}
#mitte #content p.liklsp {float:left;clear:left;width:150px;text-align:right;margin-right:20px;font-size:95%;}
#mitte #content p.resp {float:left;width:560px;font-size:95%;}

#skulpturen #mitte #content {width:5000px;}
#architektur #mitte #content {width:6500px;}
#zeichnungen #mitte #content {width:2200px;}
#malerei #mitte #content {width:4800px;}
#entwuerfe #mitte #content {width:4400px;}
#referenzen #mitte #content {width:5200px;}
#presse #mitte #content .pleft,
#presse #mitte #content .pright {font-size:95%;}
#ausstellungen #mitte #content p {margin-bottom:0;}

#impressionen #mitte #content,
#lebenundwie #mitte #content {height:100%;}
#unten {display:block;height:100px;width:100%;background-color:#808080;}
#unten p {display:block;width:780px;line-height:40px;margin:0 auto;padding:0 10px;font-size:120%;color:#fff;background-image:url(../bilder/kopf/unten.jpg);}
#unten p a {color:#FFF;text-decoration:none;}

.big {font-size:120%;}
.bigger {font-size:150%;}
.smaller {font-size:75%;}
.underlined {text-decoration:underline;}
.noborder {border:none !important;}

#start #navigation div ul #listart a,
#skulpturen #navigation div ul #liskulpturen a,
#architektur #navigation div ul #liarchitektur a,
#zeichnungen #navigation div ul #lizeichnungen a,
#malerei #navigation div ul #limalerei a,
#entwuerfe #navigation div ul #lientwuerfe a,
#referenzen #navigation div ul #lireferenzen a,
#presse #navigation div ul #lipresse a,
#impressum #navigation div ul #liimpressum a,
#ausstellungen #navigation div ul #liausstellungen a,
#impressionen #navigation div ul #liausstellungen a,
#lebenundwie #navigation div ul #liausstellungen a,
#links #navigation div ul #lilinks a {background-color:#333;}

#lebenundwie #mitte #content p img {width:810px;}

/* Rahmen */

#oben #kopf {border:1px solid #666;border-bottom:none;}
#oben #kopf #kopf1 {border-bottom:1px solid #666;}
#oben #kopf #kopf2 {border:1px solid #666;}
#navigation {border-top:1px solid #666;}
#navigation div {border:1px solid #666;border-top:none;}
#mitte {border-bottom:1px solid #666;}
#mitte #content {border-left:0px solid #666;border-right:0px solid #666;}
#unten p {border:1px solid #666;border-top:none;}

#skulpturen #mitte #content, 
#architektur #mitte #content,
#zeichnungen #mitte #content,
#malerei #mitte #content,
#entwuerfe #mitte #content,
#referenzen #mitte #content {border:none;}

