/* ----------------------------------- */
/* --- Allgemeine Seitengestaltung --- */
/* ----------------------------------- */

body { 	background-color:#6097BA;					/* Hintergrundfarbe der Seite */
		/* background-image: url('bilder/raster.jpg'); */	/* Hintergrundbild, falls benötigt einkommentieren!!!! */
		margin-top:0px;								/* Oberer Seitenrand */
		margin-bottom:0px;							/* Unterer Seitenrand */
		
		/* Nur sichtbar für IE 5.5+: */
       	scrollbar-arrow-color: #006699;				/* Pfeil */
       	scrollbar-darkshadow-color: #006699;		/* Dunkler, unterster Schlagschatten */
       	scrollbar-shadow-color: #C7D0D7;			/* Schlagschatten */
       	scrollbar-face-color: #C7D0D7;				/* Hauptfarbe Scrollelemente */
       	scrollbar-3dlight-color: #D4D0C8;			/* Vorderster, erster Lichteffekt */
		scrollbar-highlight-color: #FFFFFF;			/* Lichteffekt */
       	scrollbar-track-color: #EFEFEF;				/* Hintergrund Scrolleiste */
       	}

/* -------------------------------------------------- */
/* --- Textdefinitionen für verschiedene Elemente --- */
/* -------------------------------------------------- */

p, ul, ol, li, div, td, th, address, nobr, b, i {
		font-family:Tahoma,Verdana,sans-serif;		/* Schriftart */
		font-size:8pt;					       		/* Schriftgroesse */
       	font-weight:none;				       		/* Schriftschnitt */
       	text-decoration: none;			       		/* Effekt */
       	color:#666666;					       		/* Schriftfarbe */
		}

.inhaltstext {
		font-family:Tahoma,Verdana,sans-serif;		/* Schriftart */
		font-size:9pt;					       		/* Schriftgroesse */
       	font-weight:none;				       		/* Schriftschnitt */
       	text-decoration: none;			       		/* Effekt */
       	color:#666666;					       		/* Schriftfarbe */
		letter-spacing:1px;							/* Buchstabenabstand */
		}

a:link, a:active, a:visited {
		color : #006699;							/* Link, aktiver Link, besuchter Link */
		}

a:hover {
		text-decoration: underline;
		color : #DD6900;							/* Link Hover-Effekt */
		}

/* Link Navigation, aktiver Link Navigation, besuchter Link Navigation */
a.navigation:link, a.navigation:active, a.navigation:visited {
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:8pt;					       		/* Schriftgroesse */
       	font-weight:normal;				       		/* Schriftschnitt */
       	text-decoration:none;			       		/* Effekt */
       	color:#666666;					       		/* Schriftfarbe */
		}

/* Link Navigation, Hover-Effekt */
a.navigation:hover {
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:8pt;       						/* Schriftgroesse */
       	font-weight:normal;       					/* Schriftschnitt */
       	text-decoration:underline;		       		/* Effekt */
       	color:#DD6900;					       		/* Schriftfarbe */
		}


/* ---------------------------------- */
/* ---    Tabellengestaltungen    --- */
/* ---------------------------------- */

/* Rahmen um ganze Tabellenkörper */
.tabellenrahmen {
		background-color: #FFFFFF;					/* Hintergrundfarbe der Zelle */
		border: 1px #006699 solid;					/* Farbe und Stärke des Rahmens */
}

/* Tabellenkopf (erste Zeile) einer neuen Tabelle */
.tabellenkopf {
		background-image: url('../bilder/tabellenkopf.gif');		/* Hintergrundbild der Zelle */
		background-color:#D7E5F1;					/* Hintergrundfarbe der Zelle */
		border: 0px #C8D1D7 solid;					/* Farbe und Stärke des Rahmens */
		height: 21px;								/* Höhe der Zelle */
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:9pt;								/* Schriftgroesse */
		font-weight:bold;							/* Schriftschnitt */
		color:#FFFFFF;								/* Schriftfarbe */
		letter-spacing:1px;							/* Buchstabenabstand */
}

/* Erweiterter Tabellenkopf (erste Zeile) einer neuen Tabelle */
.tabellenkopf2 {
		background-image: url('../bilder/tabellenkopf2.gif');		/* Hintergrundbild der Zelle */
		background-color:#D7E5F1;					/* Hintergrundfarbe der Zelle */
		border: 0px #C8D1D7 solid;					/* Farbe und Stärke des Rahmens */
		height: 21px;								/* Höhe der Zelle */
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:9pt;								/* Schriftgroesse */
		font-weight:bold;							/* Schriftschnitt */
		color:#FFFFFF;								/* Schriftfarbe */
		letter-spacing:1px;							/* Buchstabenabstand */
}

/* Tabellenzellen mit Inhalt */
.tabelleninhalt	{
		background-color:#D7E5F1;					/* Hintergrundfarbe der Zelle */
		border: 0px #6097BA solid;					/* Farbe und Stärke des Rahmens */
		height: 5px;								/* Höhe der Zelle */
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:9pt;								/* Schriftgroesse */
}

/* Tabellenzellen mit Inhalt und Rahmen*/
.tabelleninhaltmitrahmen	{
		background-color:#E5EFF8;					/* Hintergrundfarbe der Zelle */
		border: 1px #6097BA solid;					/* Farbe und Stärke des Rahmens */
		height: 5px;								/* Höhe der Zelle */
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:8pt;								/* Schriftgroesse */
		color:#666666;								/* Schriftfarbe */
		letter-spacing:0px;							/* Buchstabenabstand */
}

/* Tabellenzellen mit Inhalt */
.tabelleninhalttext	{
		background-color:#E5EFF8;					/* Hintergrundfarbe der Zelle */
		border: 0px #6097BA solid;					/* Farbe und Stärke des Rahmens */
		height: 5px;								/* Höhe der Zelle */
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:9pt;								/* Schriftgroesse */
		color:#666666;								/* Schriftfarbe */
		letter-spacing:0px;							/* Buchstabenabstand */
		line-height:12pt;							/* Zeilenabstand */
}

/* Gästebuch-Kommentar */
.gbookkommentar	{
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:7pt;								/* Schriftgroesse */
		color:#000000;								/* Schriftfarbe */
		letter-spacing:0px;							/* Buchstabenabstand */
		line-height:8pt;							/* Zeilenabstand */
}

/* Fehlermeldung */
.fehler	{
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:8pt;								/* Schriftgroesse */
		color:#FF0000;								/* Schriftfarbe */
		letter-spacing:0px;							/* Buchstabenabstand */
		line-height:8pt;							/* Zeilenabstand */
}

/* Titel-Größe */
.titel	{
		font-family:Tahoma,Verdana,sans-serif;  				/* Schriftart */
		font-size:11pt;								/* Schriftgroesse */
		color:#000000;								/* Schriftfarbe */
		letter-spacing:0px;							/* Buchstabenabstand */
		line-height:8pt;							/* Zeilenabstand */
		font-weight:bold;
}

.box_table {
		background-color:#6097BA;
}

.box_fields {
		background-color:#E5EFF8;					/* Hintergrundfarbe der Zelle */
		border: 0px #6097BA solid;					/* Farbe und Stärke des Rahmens */
		height: 5px;								/* Höhe der Zelle */
		font-family:Tahoma,Verdana,sans-serif;  	/* Schriftart */
		font-size:8pt;
}

/* --------------------------------------------- */
/* ---    Gestaltung der Formularelemente    --- */
/* --------------------------------------------- */

input, textarea, select {
        background-color : #F3F8FC;					/* Hintergrundfarbe des Eingabefeldes */
        color : #666666;							/* Schriftfarbe des Eingabefeldes */							
        font: normal 11px Tahoma,Verdana,sans-serif;/* Schriftschnitt, Schriftgroesse und Schriftart */
        border: 1px #D8E7F5 solid;					/* Rahmenfarbe des Eingabefeldes */
}

input.button {
        background-color : #F3F8FC;					/* Hintergrundfarbe des Buttons */
        color : #666666;							/* Schriftfarbe des Buttons */
        font: 11px Tahoma,Verdana,sans-serif;		/* Schriftgroesse und Schriftart */
        font-weight : bold;							/* Schriftschnitt */
        border: 1px #D8E7F5 solid;					/* Rahmenfarbe des Buttons */
}

input.checkbox {
        background-color : #F3F8FC;					/* Hintergrundfarbe der Checkbox */
        color : #990000;							/* Schriftfarbe der Checkbox */
        font: normal 11px Tahoma,Verdana,sans-serif;/* Schriftschnitt, Schriftgroesse und Schriftart */
        border: 0px #CCCCCC solid;					/* Rahmenfarbe der Checkbox */
}

select.dropdown {
        background-color : #EFEFEF;					/* Hintergrundfarbe des Dropdowns */
        color : #000000;							/* Schriftfarbe des Dropdowns */
        font: normal 11px Tahoma,Verdana,sans-serif;/* Schriftschnitt, Schriftgroesse und Schriftart */
}

select.multiple {
        background-color : #EFEFEF;					/* Hintergrundfarbe des Dropdowns */
        color : #000000;							/* Schriftfarbe des Dropdowns */
        font: normal 11px Tahoma,Verdana,sans-serif;/* Schriftschnitt, Schriftgroesse und Schriftart */
	width: 100%;						/* Breite des Select-Bereiches */
        }