/* =================== CSS für IE6 + IE7 + alle übrigen Nicht-IE-Browser ======================= */

/* =================== 1. PLATZIERUNG UND ABMESSUNGEN DER CONTAINER ===================                   
                             (Attribute siehe unter Punkt 2)      */                       
body {
	margin: 0px;
	padding: 0px;
	border: 0;
	text-align: center;
}
#container {
/*  width:783; */
	width: 783px;
	margin: 0 auto;
	text-align: left;
}
#header {
	margin: 10px 0 0 0;
	height: 85px;
	padding: 0;
}
/* -- Navigation unterhalb Header-- */
#navi_kopf {            
	height: 20px;
	margin: 0;
	margin-left: 0;
}
#content_container {
	margin: 0;
	padding: 0;
}
 /* -- Hauptnavigation -- */
#navigation {          
	width: 130px;
	vertical-align: top;
	float: left;
	padding: 10px 0 0 0;
	margin: 0px;
	margin-right: 5px;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
/* -- Inhaltsbereich -- */
#column_main {           
	width: 467px;
	margin: 0 0 0 0px; /*für IE < 7 */
	padding: 10px;
	float: left;
}
html>body #column_main {
	margin: 0 0 0 15px; /*für alle anderen Browser */
}
/* -- Rechte Spalte -- */
#column_right {
	width: 125px;         
	float: left;
	margin: 0 0 0 5px;
	padding:10px 0 0 0;
	vertical-align: top;
}
/* -- Bilder rechts -- */
#image {
	float: right;
}
/* -- Fusszeile -- */
#footer {  
	width: 477px;
	clear: both;
	margin: 0 0 0 149px;	
	padding: 5px;
}
html>body #footer {
	margin: 0 0 0 150px; /* Effektive Masse für alle übrigen Browser */

}

/* ====================================== 2. ATTRIBUTE ==========================
                             (Platzierung und Abmessungen siehe Punkt 1, oben)    */   
body {
	background-color: #ECF5FF;
	font: 100.01% Arial, Helvetica, Sans-Serif;
}
#container {
	border-right: 0px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;;
	background-color: #FFFFFF;
	background-position: left top;
}
#header {
	text-align: left;
	background-color: #FFFFFF;
	background: url('../images/fgh_header.jpg') no-repeat right;
}
#header h1 {
	font-size: 0.8em;
	display: none; /* Keine Ausgabe des Titels, wird als H1 für Spiders benötigt */
}

/* -- Horizontale Navigation unterhalb Header-- */
#navi_kopf { 
	width: 100%;
	background-color: #DCDBE0;
	border-bottom: 1px solid #CC9933;	
}
html>body #navi_kopf {
	overflow: hidden;
}
#navi_kopf ul {
/*	width: 100%; */
	list-style-type: none;
	margin: 0 0 0 155px;
	padding: 0;
	font-size: 0.7em;
}
#navi_kopf li {
	float: left;
}
#navi_kopf a {
	margin: 0 1px;
	padding: 2px 5px 2px 5px;
	display: block;
	border: 1px solid #DCDBE0;
	text-decoration: none;
	color: #000000;
}
#navi_kopf a:hover {
	background-color: #B0D8FF;
	border: 1px solid #DCDBE0;
}
#content_container {
	background-color:#FFFFFF;
	padding: 0px;
}
	
/* -- Hauptnavigation Links -- */
#navigation ul {
	list-style-type: none;		
}
#navigation li {
     margin: 0 0 1px 0;
     font-size: 11px;
     font-weight: normal;
}
#navigation a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 3px 2px 0.5em;
	border-left: 5px solid #99CCEE;
	background-color: #DDEEFF;
	color: #000099;
	width: 100%;  /* Für InternetExplorer < 7 */
}
#navigation li a:link {
	display: block;
	text-decoration: none;
	padding: 2px 3px 2px 0.5em;
	border-left: 5px solid #99CCEE;
	background-color: #DDEEFF;
	color: #000099;
	width: 100%;  /* Für InternetExplorer < 7 */
}
html>body #navigation li a: {
		width: auto;
}
#navigation li a:focus {
	border-left: 5px solid #99CCEE;
	background-color: #B0D8FF;
	color: #000099;
}
#navigation li a:active {
	border-left: 5px solid #99CCEE;
	background-color: #B0D8FF;
	color: #000099;
}
#navigation li a:hover {
	border-left: 5px solid #99CCEE;
	background-color: #B0D8FF;
	color: #000099;
}

/* --Inhaltsbereich -- */
#column_main {
	float: left;
	border-left: 1px solid #CC9933;	
	border-right: 1px solid #CC9933;	
}
#column_main h1 {
	font-size: 1.3em;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
}
#column_main ul {
	font-size: 12px;
	color: #000000;
}

#column_main option{
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
#column_main input{
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
#column_main table{
	font-size: 12px;
	color: #000000;
	margin-top: 0px;

}
#column_main td {
	vertical-align:top;
}
#column_main p{
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
#column_main p.smallgrey {
	font-size: 11px;
	background-color: #EEEEEE;
}

#column_main a:link {
	text-decoration: none;
	color: #0066CC;
}
#column_main a:visited {
	text-decoration: none;
	color: #0066CC;
}	
#column_main a:hover {
	text-decoration:underline;
	color: #0066CC;
}
#column_main a:active {
	text-decoration:underline;
	color: #FF0000;
}

/* -- Rechte Spalte -- */
#column_right {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
#column_right a:link {
	text-decoration: none;
	color: #0066CC;
}
#column_right a:visited {
	text-decoration: none;
	color: #0066CC;
}	
#column_right a:hover {
	text-decoration:underline;
	color: #0066CC;
}
#column_right a:active {
	text-decoration:underline;
	color: #FF0000;
}

/* -- Fusszeile -- */
#footer {
	background-color: #FFFFFF;
	padding-top: 5px;
	font-size: 11px;
	border: 1px solid #CC9933;	
	text-align: center;
}

/* ============================= ALLGEMEINE AUSZEICHNUNGEN ===================== */

/* -- Kleinschrift -- */
.small {
	font-size: 11px;
	color: #000000;	
}
/* -- Für Ausgabe, wenn im Browser JavaScript ausgeschaltet ist -- */
.warnung {
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
/* -- Titel rechts, wenn keine Tabelle verwendet wird -- */
.right_titel {
    background-color: #CCCCCC;
	font-weight: bold;
	display: inline;
}
/* -- Tabelle Normal -- */
.t_normal {
	width: 100%;
	height: auto;
	vertical-align: top;
	font-size: 12px;
	border-collapse: collapse;	
}
/* -- Tabelle für Bildergalerie -- */
.t_bilder {
	width: 100%;
	height: auto;
	background-color: #EDEDED;
	border-collapse: collapse;	
}
/* -- Schriftgrösse in Tabelle für Bildergalerie -- */
.t_bilder td {
	font-size: 11px;
}
/* -- Tabellen für Texte, mit Borders -- */
.t_Listen {
	width: 100%;
	height: auto;
	background-color: #EEEEEE;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}
.t_Listen td {
	font-size: 12px;
	border: 1px solid #FFFFFF;
	padding: 3px;
}
/* -- Tabelle, die für Meteodokumente eingesetzt wird -- */
.t_Meteo {
	width: 100%;
	height: auto;
	background-color: #EEEEEE;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}
.t_Meteo td {
	font-size: 11px;
	border: 1px solid #FFFFFF;
	padding: 0 0 0 3px;
}
/* -- Tabelle, die für Reservationsausabe eingesetzt wird -- */
.t_Res {
	width: 100%;
	height: auto;
	background-color: #EEEEEE;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}
.t_Res td {
	font-size: 11px;
	border: 1px solid #FFFFFF;
	padding: 2px 3px 2px 3px;
}

/* -- Normaltitel in Block -- */
.t_normal_titel {
	background-color: #CCCCCC; 
	font-weight: bold;	
	display: block;
}
td.gelbe_Linie {
	border-bottom: 1px solid #CC9933;
}
td.graue_Linie {
	border-bottom: 1px solid #CCCCCC;
}
/* -- Link mit grauer Linie (in Tabelle) -- */
td.small_link {
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;
}
.image_normal {
	margin: 0;
	border: 0;	
}
/* -- Bild rechts von Text mit Abständen (in der Regel 200 x 150) -- */
.image_right {
	float: right;
	margin: 5px 0 0 5px;
	border: 0;
}
/* -- Icons (Bilder) als Links in Tabellen -- */	
.image_tab {
	float: right;
	margin: 0;
	border: 0;
}
/* -- Code-Erläuterungen -- */	
code {
	background-color: #FFE2A6;
	color: blue;
	display: block;
}