/* CSS für www.der-turm.eu */

/* Farben:
sand = #F5F5DC (HG)
weiss = #FFFFFF (HG Content)
hellgrün = #C9FD5F (Links Navi ausgewählt)
mittelgrün = #8DBB30 (HG Navi, Links Content)
mittelgrün etwas dunkler = #7EA72B (links Content over)
dunkelgrün = #5B791D (Turmlogo)
braun = #77774C (Text Content)
grau = #999999 (Text Footer)
*/

html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #F5F5DC;
	color: #77774C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: center; /* zur Zentrierung nötig */
}

/* Container, in dem die ganze Seite sitzt */
#alles {
	background-color: #FFFFFF;
	width: 780px;
	margin: 16px auto; /* 0px = Abstand oben und unten | auto = Abstand links und rechts | div ist also auf der Seite zentriert */
	text-align: left;
	background-image: url(images/hg_navi.gif);
}

#head {
	color: #FFFFFF;
	height: 173px;
	background-image: url(images/hg_head.gif);
}

#head-bild {
	padding: 10px 0px 0px 194px; /* Abstand: oben rechts unten links */
}

/* Content (Navi und Inhalt) */
#content {	
	height: auto; /* Resthöhe abzüglich head und footer */
	/* hier "overflow: auto;" deaktiviert, da in Opera sonst immer ein horizontaler Scrolli über 780 Pixel Breite kam */	
}

#content-navi {
	color: #FFFFFF;	
	float: left; /* ist nötig damit "#content-inhalt" sich danebeben plaziert, sonst würde er darunter plaziert */
	width: 174px;
	padding: 24px 0px 0px 10px; /* 174+10 = 184 (Breite Navi) */
	line-height: 13px;	
}

#content-inhalt {
	padding: 4px 20px 0px 204px; /* Abstand: oben rechts unten links */
}

/* kleine Bilder im Content */
#container-bild {
	padding: 5px 0px 5px 9px; /* Abstand: oben rechts unten links */
	float: right;
}

#bild-klein {
	position: relativ;
}

/* Footer */
#footer {
	color: #999999;
	font-size: 11px;
	word-spacing: 0px;
	text-align: center;
	padding: 0px 0px 0px 186px;
	height: 24px; /* Angabe der Höhe ist nötig, damit es zu keinen Verschiebungen im IE6 kommt */
	background-image: url(images/hg_footer.gif);
	clear: both; /* sorgt dafür, dass der Footer auch im IE immer unten abschließt */
}

/* Seitenüberschrift im content-inhalt */
h1 {
	color: #77774C;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
}

/* Unterüberschriften im content-inhalt */
h2 {
	color: #77774C;
	font-size: 12px;
	padding-bottom: 3px;
	margin: 0px;
}

/* z.B. bei Danksagung */
.tabellen { 
	font-size: 12px;
	line-height: 20px;
	border: 0px;
}

/* Verfasser Gästebucheintrag */
.verfasser_gEintrag {
	font-style: italic;
	font-weight: bold;
}


/* kursiv */
.kursiv {
	font-style: italic;
}

/* fett */
.fett {
	font-weight: bold;
}

/* kleinerer Wortabstand z.B. beim Link "Presse & Publikationen" */
.wortAbstandKleiner {
	word-spacing: -2px;
}

/* kleinerer Buchstabenabstand z.B. beim Link "Presse & Publikationen" */
.buchstabenAbstandKleiner {
	letter-spacing: -1px;
}

/* Hauptnavi ausgewählt */
.hauptnaviAusgewaehlt {
	color: #C9FD5F;
	font-weight: bold;
	margin: 0px;
}

/* Unternavi ausgewählt */
.unternaviAusgewaehlt {
	color: #C9FD5F;
	margin: 0px;	
}

/* "br" hat einen etwas kleineren Abstand */
br {
	line-height: 10px;
}

/* "images" haben keinen Rand */
img {
	border: 0px;
}

/* Liste */
ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
}

li {
	margin-bottom: 10px;
}

/* Links Hauptnavi */
a:link, a:visited, a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #C9FD5F;
	text-decoration: none;
}

/* Links Footer */
a.footer:link, a.footer:visited, a.footer:active {
	font-weight: normal;
	color: #666666;
}

a.footer:hover {
	font-weight: normal;
	color: #8DBB30;
}

/* Links Hauptnavi ausgewählt, aber anwählber */
a.hauptnavi:link, a.hauptnavi:visited, a.hauptnavi:active, a.hauptnavi:hover {
	font-weight: bold;
	color: #C9FD5F;
	text-decoration: none;
}

/* Links Unternavi ausgewählt, aber anwählber */
a.unternavi:link, a.unternavi:visited, a.unternavi:active, a.unternavi:hover {
	font-weight: normal;
	color: #C9FD5F;
	text-decoration: none;
}

/* Links Content */
a.content:link, a.content:visited, a.content:active {
	font-weight: bold;
	color: #8DBB30;
	text-decoration: none;
}
a.content:hover {
	font-weight: bold;
	color: #7EA72B;
	text-decoration: underline;
}

/* Formular */
form {  
	margin: 0px 0px 3px 0px; /* Abstand: oben rechts unten links */
}
input {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77774C;
	width: 408px;
	border: 1px solid #77774C;
	margin-top: 3px;
}
.submit {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 408px;
	color: #77774C;
	background-color: #DDDDDD;
	border: 1px solid #77774C;
}

.blind  { /* verstecktes Feld zum Spamschutz */
	display: none; 
}

textarea {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77774C;
	width: 408px;
	height: 180px;
	border: 1px solid #77774C;
	margin-top: 3px;
	margin-bottom: 10px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #77774C;
	scrollbar-highlight-color: #77774C;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #77774C;
}