/* Style Sheet Käseroute NRW für den Monitor */
/* Farben */
/* Hintergrund in Rot: #A71B20 */
/* Container in Beige: #FEECBF */
/* Schrift: #404040 */

/* Alle Außen- und Innenbastände auf 0 */
* {
margin: 0;
padding: 0;
}

/* GrundsätzlicheSchriftfestlegung */
html {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #404040;
	font-size: 80%;
	line-height: 160%;
	margin: 0 auto;  /* main-Box zentrieren in IE 5 und hoeher */
 	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */
	}

body {
	margin: 0 auto;  /* Inhalts-Box vertikal zentrieren */
	z-index:       1;
	text-align: left;
	background-color: #A71B20;
	scrollbar-base-color: #FEECBF;  /* kein standardkonformes CSS, geht nur beim IE.. */
        scrollbar-3dlight-color:#FEECBF; /*  Farbe für 3D-Effekte */
	scrollbar-arrow-color: #A71B20; /* Farbe für Verschiebepfeile */
	scrollbar-darkshadow-color: #FEECBF;  /* Farbe für Schatten */
	scrollbar-face-color:#FEECBF; /* Farbe für Oberfläche */
	scrollbar-highlight-color: #A71B20; /* Farbe für oberen und linken Rand */
	scrollbar-shadow-color: #A71B20; /* Farbe für unteren und rechten Rand */ 
	scrollbar-track-color: #FEECBF; /* Farbe für freibleibenden Verschiebeweg */
	}

#container {
	margin: 0 auto;  /* Inhalts-Box vertikal zentrieren */
	width: 760px;
	height:460px;
	background-color: #FEECBF;
	}

/* Zusätzliche Navigation im Seitemkopf */
/*	padding-top:47px; */
#navigationoben {
	postion:absolute;
	margin: 0 auto; 
	padding-top:6%;
	padding-bottom:2px; 
	width: 760px;
	text-align: right;
	color: #FEECBF;
	font-size:11px;
	}

#navigationoben a {
	color: #FEECBF;
	text-decoration: none;
	}

#navigationoben a:hover {
	color: #FEECBF;
	text-decoration: underline;
	}

#kopf {
	width: 760px;
	height: 135px; 
	}

#logo {
	position:absolute;
	z-index:10;
	}

/* Foto im Seitenkopf, muss für die Bereiche austauschbar sein */
#banner {
	width:760px;
	height:115px;
	}

#navigation {
	margin-left:140px; 
	font-size:12px;
	font-weight: bold;
	height:20px;
	}

#navigation ul {
	list-style-type: none;
	white-space: nowrap;
	}

#navigation li {
	float: left;
	height:20px;
	}
	
#navigation li.aktiv {
	background-color: #A71B20;
	}
	
#navigation li.aktiv a {
	color: #FEECBF;
	}
		
#navigation a {
	padding: 3px 7px 3px 7px;
	text-decoration:none;	
	}

#navigation a:hover {
	color: #FEECBF;
	background-color: #A71B20;
	text-decoration:none;
	}
	
/* Inhalts-Container bei Bedarf mit Scrollbalken */	
#inhalt {
	width: 760px;
	height: 323px;
	border-top: 2px solid #A71B20; 
	overflow:auto;
}
/* Schriftformatierungen */
/* padding: 'nach oben' 'nach rechts' 'nach unten' 'nach links' */
#inhalt h1	{ 
	color:#A71B20;
	font-size: 115%; 
	font-weight: bold;
	padding: 30px 40px 10px 40px;
	}
#inhalt h2	{ 
	font-weight: bold;
	font-size: 100%; 
	padding: 0px 40px 10px 40px;
	}

#inhalt h3	{ 
	font-weight: bold;
	padding: 0px 40px 10px 40px;
	font-size: 100%; 
	}

#inhalt p {
	padding: 0 20px 10px 40px;
	}

#inhalt ul {
	padding: 0 0 20px 55px;
	}

#inhalt ol {
	padding: 0 0 20px 65px;
	}
/* besondere Aufzählungszeichen */
/* Standard-Aufzaehlungszeichen entfernen, wenn besondere Formate zugewiesen werden */
#inhalt ul.ohne {
	list-style-type: none;
	padding: 0 0 20px 42px;
	}
	
/* Liste mit rotem Quadrat als Aufzählungszeichen */
#inhalt li.punkt {
	background-image: url('../grafik/punkt.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 15px;
	margin: 5px 0;
	}

/* Liste mit rotem Pfeil, für Linklisten */
#inhalt li.pfeil {
	background-image: url('../grafik/pfeil.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 10px;
	margin: 5px 0;
	}
/* Illustration auf der Startseite */
#inhalt .box {
	width: 760px;
	height: 323px;
	background-image:url(../grafik/startunten.jpg);
	background-repeat:no-repeat;
	background-position:bottom;	
	}

/* Links im Text */
a:link	    	{ color: #A71B20; text-decoration: underline; }
a:visited		{ color: #A71B20; text-decoration: underline; }
a:hover			{ color: #CC0000; text-decoration: underline; }
a:active		{ color: #CC0000; text-decoration: none; }

/* Bilder nach links oder rechts ausrichten */
.rechts { 
	float:right; 
	margin: 0 20px 10px 10px; 
	}
/* Roter Rahmen bei Bedarf */	
.rechts img { border: 1px solid #A71B20; }

.links { 
	float:left; 
	margin: 5px 20px 10px 20px; 
	}
.links img { border: 1px solid #A71B20; }


/* Liste mit Höfen rechts neben die Karte, Karten über align=left aus dem Textfluss */
.liste {
	width:auto;
	padding-left:370px;
	}