*{
padding:0; /* Abstände entfernen */
margin:0;
}

body{
font:12px "Trebuchet MS", verdana, arial, sans-serif;
text-align: center; 
background: #000000;
color:#999999;
}

/* ---------------------- Allgemeine Formatierungen */

#links{
font-size: 12px;
padding-left: 20px;
font-family:Arial, Helvetica, sans-serif;
}


h2{
margin: 1em 0;
font-size: 16px;
text-transform: uppercase;
border-left: 5px solid orange;
padding-left: 8px;
line-height: 18px;  /* Höhe des linken Rands */
}

/* ---------------------- Allgemeine Formatierungen */

h3{
font-size: 24px;
font-family: "Times New Roman", Times, serif;
font-style:italic;
}

h4{
font-size: 24px;
color:#FFFFFF;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;

}

span{
font-size: 11px;
color: #797979;
font-family: Arial, Helvetica, sans-serif;
font-variant:normal;
}

legend{
font-size: 14px;
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-variant:normal;
}

/* ----------------------  LINKS */
.a01
{
color: #999999;
text-decoration: none;
}

.a01:hover
{
color: #000000;
text-decoration: underline;
}

.a02
{
color: #888888;
text-decoration: none;
}

.a02:hover
{
color: #cccccc;
text-decoration: underline;
}

.news {
margin: 1em 0;
}

.news a{
color:#696969;
text-decoration:none;
}

.news a:hover {
color:#CCCCCC;
text-decoration:underline;
}
/* ---------------------- Hauptcontainer */

#box{
width: 800px;
margin: 0 auto;  /* Zentrierung */
text-align: center;
background: #023713;
border: 0px solid;
border-color: #3f6578;
border-bottom: none;
}

/* ---------------------- Header */

#header{
background: DodgerBlue;
height: 200px;
color:black;
line-height: 70px; /* vertikale Ausrichtung */
padding-right: 30px;
font-size: 25px;
text-transform: uppercase;
text-align: right;
}
#header span{
display: block;
color: white;
font-size: 12px;
text-transform: none;
margin-top: -45px;  /* nach oben verschieben */
font-weight: normal;
}

/* ---------------------- Navigation */
/* Allgemeinde Navi */

#navigation{
list-style: none;
width: 800px;
float: left;
height: 30px;
background: 131313;
}
#navigation li{
float: left;
}
#navigation li a{
display: block;
height: 30px;
width: 114px; 
text-decoration: none;
line-height: 30px;
float: left;
background: #131313;
color: white;
}
#navigation li a:hover{
background: white;
color: black;
}

/* Gästebuchnavigatiion */
#guestbooknavigation{
list-style: none;
float: left;
height: 18px;
text-align: center;  /* wichtig */
margin-top: 20px;
margin-bottom: 20px;
}

#guestbooknavigation li{
float: left;
border-collapse: separate;
margin-right: 4px;
}

.guestbooknavigation2 a{
display: block;
width: 15px; 
border: 1px solid;
border-collapse: separate;
margin-right: 4px;
background: white;
text-decoration: none;
line-height: 18px;
float: left;
color: black;
}

.guestbooknavigation2 a:hover{
background: #CCCCCC;
}

.next {
float: left;
border: 0px;
border-collapse: separate;
margin-right: 4px;
border-color: #cccccc;
}

#activenext a{
display: block;
width: 15px; 
border: 1px solid;
border-collapse: separate;
margin-right: 4px;
background: #008000;
text-decoration: none;
line-height: 18px;
float: left;
color: black;
}
/* Gästebuchnavigation ENDE */



/* ---------------------- Inhalt */

#tabelle{
	margin: 0 auto;  /* Zentrierung */
	text-align: center;
	background-color: #023713;
}

#main{ 
/* ---------------------- für Hauptseite unten: Besucher und co  */
float: left; 
padding: 3px; 
width: 720px; 

}


#nav{ 
/* ---------------------- für Hauptseite unten: Besucher und co  */
float: left; 
padding: 10px; 
width: 700px; 
background:	#005522; 
border: 1px solid silver;
}

#inhalt{
padding: 10px 20px; /* Innenabstand */
text-align: left;  /* wichtig */
clear: left; /* wichtig */
/* min-height: 600px;  */
overflow:auto;
}

/* ---------------------- Bildergallerie */
.bilderrahmen{
  border-color:#FFFFFF;
}

/* ---------------------- Footer */

.footernav{
line-height: 30px;
list-style: none;
width: 760px; /* 233-40 = 193 */
height: 30px;
background: #131313;
padding-left:20px;
padding-right:20px; 
color: #CCCCCC;
}

.footernav li{
float: left;
}

.footernav a{
color: #1e90ff;
text-decoration: none;
}

.footernav a:hover{
color: #CCCCCC;
}



[if IE]>
<style>
#box{
width: 800px;
}
#inhalt{
/* height: 600px; */
}
</style>
<![endif]