html{
        background: #3d6a43 url(images/back-html.jpg) repeat-x left top;
        }
html, body{
        margin: 0;
        padding: 0;
        font-family: arial, helvetica, sans-serif;
        font-size: 88%;
        color: #FFF;
        width: 100%;
        text-align: center;
        }
p, td{
        line-height: 139%;
        margin: 8px 0;
        padding: 0;
        }
img{
        border: none;
        padding: 0;
        margin: 0;
        }
#inner{
        position: relative;
        margin: 1% auto auto auto;
        width: 988px;
        text-align: left;
        background: #38643e;
        }
#header{
        width: 100%;
        height: 190px;
        padding: 0;
        margin: 0;
        background: url(images/back-header.gif) no-repeat 0 0;
        }
#header .logo{
        position: absolute;
        top: 8px;
        left: 10px;
        z-index: 3;
        border: none;
        padding: 0;
        margin: 0;
        } 
#header .language{
        position: absolute;
        top: 176px;
        left: 220px;
        z-index: 12;
        padding: 0;
        margin: 0;
        }
#header .panorama{
        position: absolute;
        top: 0px;
        left: 298px;
        z-index: 3;
        border: none;
        padding: 0;
        margin: 0;
        }
#header .photograph{
        font-size: 70%;
        position: absolute;
        top: 160px;
        left: 798px;
        z-index: 20;
        margin: 0;
        padding: 0;
        }  
#header .photograph a{
        color: #FFF;
        text-decoration: none;
        }

/* ab hier obere Navigation */

#tabrider{
        width: 100%;
        padding: 0;
        margin: 0;
        }
#nav{
        float: left;
        width: 599px;
        margin: 0;
        padding: 0 0 0 389px;
        list-style: none;
        background: transparent url(images/back-navi-top.gif) repeat-y bottom left;
        }
#nav li{
        float: left;
        margin: 0;
        padding: 0;
        font-family: verdana, sans-serif;
        font-size: 90%;
        white-space: nowrap;
        }
#nav a{
        float: left;
        display: block;
        margin: 0 1px 0 0;
        padding: 4px 38px;
        color: #333;
        text-decoration: none;
        border: 1px solid #ede8cc;
        border-bottom: none;
        background: #cfa45a url(images/tab02.gif) repeat-x top left;
        display: inline;
        }
#nav a:hover, body#intro #aktiv a{
        color: #FFF;
        padding-bottom: 5px;
        border-color: #ede8cc;
        background: #38643e url(images/tab01.gif) repeat-x top left;
        }
	
/* ab hier Adresse */

#adresse{
        float: left;
        width: 288px;
        height: 290px;
        margin: 0;
        padding: 0;
        background: #38643e url(images/back-navi.gif) no-repeat left 70px;
        }
#adresse .gutter{
        padding: 0;
        margin: 26px 42px 0 0;
        line-height: 1.8em;
        text-align: right;
        }
#adresse h1{
        font-size: 130%;
        margin: 0;
        padding: 0;
        }
#adresse p{
        margin: 0;
        padding: 0;
        }
#adresse a{
        color: #FFF;
        text-decoration: none;
        }
#adresse a:hover{
        color: #CCC;
        }

/* ab hier  Inhalt */

#wrap{
        float: right;
        width: 700px;
        }

#content{
        float: left;
        width: 544px;
        margin: 20px 0 0 0;
        padding: 0;
        background: #38643e;
        border-right: 1px dotted #437D4B;
        }
#content .gutter{
        margin: 8px 10px 0 10px;
        padding: 0;
        }
#content h1{
        font-size: 110%;
        margin: 0;
        padding: 0 0 11px 0;
        }
#content h2{
	color: #FFBD3F;
	font-size: 115%;
	padding: 0;
	margin: 10px 0;
	}
#content ul{
        margin: 1px 10px 20px 40px;
        padding: 0;
        }
#content a{
        color: #FFBD3F;
        text-decoration: none;
        }
#content a:hover{
        color: #cfa45a;
        }
#content .galeria a{
        margin: 0 8px 0 0;
        padding: 0;
        }    
#content .galeria img{
        margin: 0 0 8px 0;
        padding: 0;
        border: 1px dotted #CFA45A;
        }            

/* ab hier Galerie */

#galerie{
        float: right;
        width: 155px;
        }
#galerie .gutter{
        margin: 23px 0 0 0;
        padding: 0 0 0 6px;
        }
#galerie .pic{
	margin: 10px 2px;
	padding: 0;
	}
#galerie .pic img{
	margin: 2px 0;
	padding: 0;
	}
	
/* ab hier die Fusszeile */

#footer{
        	clear: both;
        	text-align: right;
        	height: 25px;
        	color: #FFF;
        	padding: 0;
        	margin: 0;
        	background: #cfa45a;
        	}
#footer .impressum{
        	position: absolute;
      	left: 900px;	
        	font-size: 90%;
        	font-weight: bold;
        	padding: 5px 0 0 0;
        	margin: 0;
        	}
#footer .region h1{
        	position: absolute;
      	left: 32px;	
        	font-size: 140%;
	letter-spacing: 1px;
        	font-weight: bold;
        	padding: 2px 0 0 0;
        	margin: 0;
        	}
#footer a{
        	color: #FFF;
        	text-decoration: none;
        	}
#footer a:hover{
        	color: #38643e;
        	}


/*ab hier Professor Hacketal*/

/*fix für den footer*/

/* Vor IE5/Mac verstecken\*/
* html #footer{ height: 1%; }
/*Vor IE5/Mac verstecken Ende*/