body{
margin: 0;
padding: 0;
background-color: #fff;
font-family: Arial, Helvetia, Times;
font-size: 0.8em;
}

img{border: 0;}

div#wrapper{text-align: center;}

div#contentwrapper{
width: 750px;
margin: 0 auto;
text-align: left;
}

/* Top Navigation */
div#header {width: 750px; height: 140px; border-bottom: 1px solid #999999;}
div#header div#reiter{float: right;}
div#header div#reiter ul{list-style:none; padding: 0; margin: 0;}
div#header div#reiter ul li{float: left; padding-left: 5px;}
div#header div#reiter ul li a{border: 1px solid #999999; border-top: 0; display:block;}
div#header div#reiter ul li div.headkeramik a:hover{border: 1px solid #CC9933; border-top: 0; display:block;}
div#header div#reiter ul li div.headfotografie a:hover{border: 1px solid #000000; border-top: 0; display:block;}


/* Headbereich mit Trennlinie unten */
div#header{position:absolute; top: 0px; width: 750px; height: 140px; border-bottom: 1px solid #999999;}

/* Haupt Navigation */
div.navigation{position:absolute; top: 140px; width: 195px; padding-top: 30px; border-right: 1px solid #999999;}
div.navigation ul{list-style:none; padding: 0; margin: 0; width: 190px;}
div.navigation ul li{float: left;}
div.navigation ul li div.navkeramik {padding-top: 12px; border-bottom: 1px solid white;}
div.navigation ul li a{border-bottom: 1px solid white; display:block;}
div.navigation ul li div.navneutral a:hover{border-bottom: 1px solid #999999; display:block;}
div.navigation ul li div.navkeramik a:hover{border-bottom: 1px solid #CC9933; display:block;}
div.navigation ul li div.navfotografie a:hover{border-bottom: 1px solid #000000; display:block;}

div.navigation ul li div.navneutralclick a{border-bottom: 1px solid #999999; display:block;}
div.navigation ul li div.navneutralclick a:hover{border-bottom: 1px solid #999999; display:block;}

div.navigation ul li div.fotografieclick{padding-left: 12px;}
div.navigation ul li div.fotografieclick a{border-bottom: 1px solid #000000; display:block;}
div.navigation ul li div.fotografieclick a:hover{border-bottom: 1px solid #000000; display:block;}
div.navigation ul li div.fotografie{padding-left: 12px;}
div.navigation ul li div.fotografie a{border-bottom: 1px solid white; display:block;}
div.navigation ul li div.fotografie a:hover{border-bottom: 1px solid #000000; display:block;}

div.navigation ul li div.keramikclick{padding-left: 12px;}
div.navigation ul li div.keramikclick a{border-bottom: 1px solid #CC9933; display:block;}
div.navigation ul li div.keramikclick a:hover{border-bottom: 1px solid #CC9933; display:block;}
div.navigation ul li div.keramik{padding-left: 12px;}
div.navigation ul li div.keramik a{border-bottom: 1px solid white; display:block;}
div.navigation ul li div.keramik a:hover{border-bottom: 1px solid #CC9933; display:block;}

/* Contentbereich */
div#content{position:absolute; top: 170px; margin-left: 208px; padding-right: 12px; width: 530px; height: 360px; overflow: auto;}

/* Footerbereich mit Trennlinie oben */
div#footer{position:absolute; top: 560px; width: 750px; height: 140px; padding-top: 5px; border-top: 1px solid #999999;}
div#footer div.left{float: left; width:195px;}
div#footer div.right{float: right; width:400px;}
div#footer div.right ul{list-style:none; padding: 0; margin: 0;}
div#footer div.right ul li{float: right; padding-left: 12px;}
div#footer div.right ul li a{border-bottom: 1px solid white; display:block;}
div#footer div.right ul li a:hover{border-bottom: 1px solid #999999; display:block;}
div#footer div.clear{clear: both;}

/* Textauszeichnung */
span.bold{font-weight: bold;}

/* Überschriften */
div.headline{margin-bottom: 1.0em}

/* Seitenlayout */
div.clearright{clear:right;}
div#gerdlutz{position:absolute; top: 107px;}
div#signet{position:absolute; top: 470px;}