@import "reset.css";
@import "fonts.css";
@import "lightbox.css";


body {
 background: url(../images/bodybg.jpg) repeat-x top #d4d0c8;
}

div#Pane {
 width: 713px;
 margin: 0 auto;
 position: relative;
 border: 0px solid red;
 padding-left: 113px;
 padding-right: 113px;
 background: url(../images/panebg.png) no-repeat top transparent;
}

div#Header {
 height: 167px;
 background: url(../images/headerbg.jpg) no-repeat top transparent;
 border: 0px solid blue;
}

div#Header p {
 display: none;
}

div#Navi {
 background: url(../images/navibg.jpg) no-repeat top transparent;
 height: 66px;
 border: 0px solid yellow;
}

div#Navi ul {
 padding-top: 30px;
 margin-left: 2px;
}

div#Navi ul li {
 font-size: 120%;
 display: inline;
 color: #837a6e;
}

div#Navi ul li a {
 color: #837a6e;
 padding: 24px;
}

div#Navi ul li a:hover,
div#Navi ul li a.selected {
 color: #433d36;
}

div#SubHeader {
 height: 150px;
 border: 0px solid green;
 background: url(../images/subheadbg.jpg) no-repeat top transparent;
}

div#Content {
 min-height: 340px;
 border: 1px solid grey;
 /*background: #e8eef0;*/
 background: #f7f3e7;
 padding: 16px;
 border: 10px solid white;
}

body.kontakt div#Content {
 min-height: 380px;
}

div#Footer {
 height: 51px;
 background: #c4bcb5;
}

div#Footer p {
 text-align: right;
 padding: 16px;
 color: #68625b;
 font-size: 90%;
}

div#Toppic {
 height: 233px;
 width: 185px;
 background: url(../images/pictop.png) no-repeat top transparent;
 border: 0px solid red;
 position: absolute;
 top: 11px;
 left: 734px;
}

div#Gugg {
 height: 189px;
 width: 102px;
 background: url(../images/gugg2.png) no-repeat top transparent;
 border: 0px solid red;
 position: absolute;
 top: 630px;
 left: 809px;
}

div#Gugg1 {
 height: 263px;
 width: 85px;
 background: url(../images/gugg1a.png) no-repeat top transparent;
 border: 0px solid red;
 position: absolute;
 top: 156px;
 left: 49px;
}

div#Content .liste {
 margin-left: 12px;
}

div#Content .galerie  {
 margin-left: 12px;
}

div#Content .galerie img {
 border: 2px solid white;
}

div#Content p.inhalt img {
 border: 2px solid white;
 float: left;
 margin-right: 12px;
 margin-bottom: 200px;
}

div#Content div.modul {
 height: 240px;
 width: 194px;
 background: #fdfaf2;
 float: left;
 margin-right: 8px;
 padding: 9px;
}

div#Content div.modul img {
 border: 2px solid white;
}

body.kontakt div#Content div.modul {
 height: 230px;
 width: 304px;
}

body.kontakt div#Content div.modul {
 height: 290px;
}

div.galerie p {
 margin-left: 6px;
}

div#Content ul.liste li {
 margin-top: 4px;
}

.clearer {
 clear: both;
}