body {
	font-family: georgia, sans-serif;
	font-size: 10pt;
// background-color: rgb(140,90,70);
background-color: rgb(255,255,220);
	color: #000000;
}

 a { color: #0B4D8C; text-decoration: underline; } 
 a:visited { color: rgb(139,54,38); }
 .headlink { font-size: 1em; color: rgb(139,54,38); text-decoration: none; }
 .detektiv { display:none; }

 
 h1 { font-size: 2em; line-height: 0, 9em; text-align: left; margin: 6% 0 0 5%; color: rgb(139,54,38);}
 h2 { font-size: 2em; line-height: 0, 9em; text-align: center; margin-top: 1em; color: rgb(139,54,38);}
 h3 { font-size:1.2em; margin: 6% 0 0 5%;}
 h4 { font-size:1.2em; margin-top: 5%;}
 h5 { font-size: 2em; line-height: 0, 9em; text-align: center; margin: 30px 0 20px 0; color: rgb(139,54,38);}
 h6 {font-size: 1em; padding: 5px 0 5px 5%; margin: 0 28% 0 0; font-weight:bold;}
 h7 {font-size: 1em; font-weight:bold;}

table
{
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
}

td
{
padding: 10px 10px 10px 10px;
}


#container 
{
font-size: 10pt; 
//background-color: rgb(255,255,210);
background-color: rgb(255,255,255);
max-width: 900px; 
min-height:700px; 
height:auto !important; 
height:600px;
margin: auto; 
border: 1px solid grey; 
border-bottom: 0; 
padding-bottom: 50px;
 }


/* - Logo bzw. Kopf - */

#pic1
{ 
background: no-repeat; 
height: 200px; 
width: 900px; 
}

#pic2
{ 
position:relative;
background: no-repeat; 
height: 200px; 
width: 900px; 
margin-top: -200px;
}

#menu
{ 
position: relative;
background: transparent;
background: rgba(255,255,255,0.3);
float: left; 
width: 100%; 
height: 20px; 
margin-top: -25px; 
list-style-type: none; 
padding: 5px 0 0 0; 
}

#menu li
{ font-size: 1.2em; display:inline; font-weight: bold;}

#menu li a
{ color: rgb(0,0,0); text-decoration: none; font-weight: bold; width: 149px; float: left; text-align: center; border-left: 1px solid black;}

#menu #n1
{border-left: 0; }

#menu li a:hover
{ color: white; }


/* - Inhalt - */


#rightside
{
width: 30%
min-width: 250px;
height: 100%;
float: right;
padding: 1px;
margin-right: 8%;
margin-top: 4%;
border: 1px solid grey;
}

#textbox
{
font-size: 1.2em;
width: 55%;
margin-left: 5%;
}

#textbox_breit
{
font-size: 1.2em;
width: 90%;
margin: 5% 5% 5% 5%;
}

#entriesbox
{
width: 700px;
background: white;
border: 2px solid black;
margin-top: 1em;
text-align: center;
color: black;
}

#transparentblack
{
width: 100%;
height: 100%;
position: fixed;
top:0px;
left:0px;
background: transparent;
background: rgba(0,0,0,0.8);
text-align: center;
vertical-align: center;
padding-top: 50px;
}

#iks
{
position: absolute;
top: 0px;
right: 0px;
}

#headers
{
margin: 30px 0 20px 0;
text-align: center;
}

#credits
{
max-width: 895px;
margin: auto; 
padding: 0 5px 5px 0;
text-align: right;
font-size: 0.8em;
background-color: rgb(255,255,255);
border: 1px solid grey;
border-top: 0;
}

#impressum {text-align: justify; margin: 5% 5% 5% 5%;}


.gross {font-size: 2em; font-weight: bold; color: rgb(139,54,38);}

.oneimage
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
padding-top: 20px;
color: rgb(230,230,230);
}

.galeriebild
{
border: 3px outset grey;
padding: 20px;
}


.auswahl
{
background: white;
color: rgb(139,54,38);
font-weight: bold;
border: 0;
text-decoration: none;
font-size: 1.8em;
}



/* -- Gästebuch -- */

fieldset {
	border: solid 1px #666666;
	width: 590px;
	padding: 4px 4px 4px 4px; 
	margin: 5% 5%; 
}

legend {
padding: 2px 2px 2px 2px; 
}


.legendi
{
	background: rgb(139,54,38);
        color: white;
	border: 1px outset #cccccc;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

label {
	width: 125px;
	float: left;
	margin: 2px 0 2px 0;
	text-align: right;
	vertical-align: top;
	color: black;
}

.inputText, .inputTextArea {
	margin: 2px 0 2px 5px;
	vertical-align: top;

}

.challengeImage {
	margin: 2px 0 2px 0;
	vertical-align: top;
}

select {
	margin: 2px 0px 2px 5px;
}

input.submit {
	color: #000000;
	background: coral3;
	border: 2px outset #cccccc;
	width: 120px;
}

.credit {
	width: 600px;
	padding-top: 4px;
	margin-top: 8px;
	border-top: solid 1px #999999;
	clear: both;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #303030;
}

.errorMessage {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}

.entry {
	width: 600px;
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #999999;
	clear: both;
}

#lastEntry, #onlyEntry {
	border-bottom: none;
}

.entry .field, .timestamp {
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	clear: both;
}

.entry .field .label {
	float: left;
	width: 100px;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	text-align: right;
	display: inline;
	font-weight: bold;
}

.entry .field .value {
	float: left;
	width: 494px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}

.timestamp {
	margin: 0 0 4px 106px;
	padding: 8px 0 0 0;
	clear: both;
}

.navigation {
	width: 600px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: center;
}

#previous {
	font-size: 12pt;
	margin-right: 30px;
	display: inline;
}

#next {
	font-size: 12pt;
	margin-left: 30px;
    display: inline;
}

.pageNumberContainer {
	display: inline;
	text-align: center;
}

.pageNumber {
	margin-left: 4px;
	margin-right: 4px;
}

#currentPageNumber {
	font-weight: bold;
	color: rgb(139,54,38);
}

.entryCount {
	width: 600px;
	text-align: center;
	padding-bottom: 4px;
	margin: 5% 2% 2% 2%;
	color: black;
}

.nachricht {
width: 80%;
}