@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #fff;
}
#container_start {
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top:25px;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	height:620px;
	background-color:#000;
}

/*Hauptcontainer*/

#container {
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top:25px;
	background-image:url(../images/background_main.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	height:620px;
}



/* Rahmen für den Hauptinhalt */

#mainContent {
	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
/* Startseiten Spezial - nur Dinge, die auf der Startseite eingesetzt werden */

* html #mainContent {
	
	padding-top: 0px;
	padding-left:10px;
}

#flaggen {
	margin:auto;
	margin-top:20px;
	width:75px;
	height:20px;
}

.flaggenabstand {
	margin-left: 8px;
}

#schriftzug {
	margin:auto;
	margin-top:200px;
	width:450px;
}

.carabstand {
	margin-left: 50px;
	margin-top:15px;
}

/* Inhaltsfeld oben links */

#content {
	margin-left:45px;
	margin-top:50px;
	margin-bottom:5px;
	width:605px;
	height:400px;
	float:left;
	overflow:auto;
}

* html #content {
	margin-left:30px;
}

#content h1 {
	font-size:18px;
	font-weight:normal;
}

#content table,p {
	font-size:12px;
}

#content td {
	padding-top:6px;
	padding-bottom:6px;
}
/* rechte Navigationsspalte */

#navi_right {
	
	margin-top:40px;
	width:180px;
	height:400px;
	float:right;
	line-height:150%;
}

#navi_right ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	font-size:12px;
}

#navi_right a {
	color:#666;
	text-decoration:none;

}

/* untere Navigationsleisten */

#navi_bottom {
	margin: -10px 30px 15px 30px;
	height:150px;		
	}
	
*+html #navi_bottom {
	margin:0 30px 15px 30px !important;
}
* html #navi_bottom {
	margin:0 30px 15px 30px !important;
}
.navi_bottom {
	text-align:center;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:90px;
}

.navi_bottom_2 {
	text-align:center;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	margin-top:0px;
}
/* Die einzelnen Rubriken mit Titel als Hintergrundbild */
.news {
	background-image:url(../images/news.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .news {
	background-image:url(../images/news.gif);
}

.portrait {
	background-image:url(../images/portrait.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .portrait {
	background-image:url(../images/portrait.gif);
}

.driftqueen {
	background-image:url(../images/driftqueen.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .driftqueen {
	background-image:url(../images/driftqueen.gif);
}

.galerie {
	background-image:url(../images/galerie.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .galerie {
	background-image:url(../images/galerie.gif);
}

.video {
	background-image:url(../images/video.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .video {
	background-image:url(../images/video.gif);
}
.impressum {
	background-image:url(../images/impressum.png);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .impressum {
	background-image:url(../images/impressum.gif);
}

/* Hyperlink-Modifikation */

#navi_bottom a {
	text-decoration:none;
	color:#999999;
}

#navi_bottom a:hover {
	text-decoration:underline;
	color:#ffffff;
}

/* Floatbefehl aufheben */

.aufhebFloat {
	clear:both;
}
#container #mainContent #content a {
	color: #CCC;
	text-decoration: none;
}
