/*==================================================================

Datei:	la.cocotte.css
Datum: 	01.06.2008
Autor: 	Joerg Schmitter
Aufbau:	1. Kalibrierung und allgemeine Styles
		2. Styles fuer Layoutbereiche	
		3. Sonstige Styles
==================================================================*/

/*	======================================
	1. Kalibrierung und allgemeine Styles
	======================================*/

/*Kalibrierung der wichtigsten Abstaende*/
* { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; } /*Abstand nach unten*/
ul ul { margin-bottom: 0; } /*Verschachtelte Listen ohne Abstand*/
li { margin-left: 1em; } /*Abstand von links*/

* html div.box { height: 1%; }
/*Allgemeine Selektoren*/

html { height: 101%; } /*erzwingt die Scrollbar im Firefox*/
body {/*Gestalte das HTML Element mit dem Namen body*/
	color: #000000; /*Schriftfarbe, mittelgrau*/
	background-color: #ffffff;/*mittelgrau*/
	background-image: url(../image/unterseiten/basics/stil_back.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Zeichensatz*/
	font-size: 12px; /*Schriftgroesse*/
}

h1 { font-size: 150%; } /*150% groesser als der Text*/
h2 { font-size: 130%; } /*130% groesser als der Text*/
h3 { font-size: 100%;} /*100% */

/*Hyperlinks allgemein*/
a { text-decoration: none; outline: none; } /*Unterstreichung beim Link entfernen*/

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover, a:focus {
	color: #000000;
	text-decoration: underline;
}
a:active{
	color: #000000;
	text-decoration: underline;
}

/*Allgemeine Klassen und IDs*/
.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}


/*	======================================
	2. styles fuer die Layoutbereiche
	======================================*/

#wrapper {
	color: #000000; /*mittelgrau*/
	width: 749px; /*Breite des Inhaltbereiches*/
	border-right: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	background-color: #ffffff; 
}
	
#kopfbereich {
	color: #666666;
	background-color: #dde5ce; /*hellgruen*/
	width: 749px;
}
	
#navibereich_h {
	color: #000000;
	width: 704px;
	font-weight: normal;	/*Schrift, normal*/
	margin-left: 45px;
	padding-top: 5px;
	padding-bottom: 30px;
	
}
	#navibereich_h ul { margin-bottom: 0; }
	#navibereich_h li{
	list-style: : none;
	text-decoration: none;
	display: inline;
		}
	#navibereich_h a{
	font-weight: normal;	/*Schrift, normal*/
	color: #000000;
	text-decoration: none;
	}
	
	#navibereich_h a:hover,
	#navibereich_h a:focus,
	#startseite #navi_h00 a,
	#linkseite #navi_h01 a,
	#presseseite #navi_h02 a,
	#impressumseite #navi_h03 a{
	color: #000000;/*schwarz*/
	text-decoration: underline;
	}
	
	#navibereich_h a:active {
	color: #000000;/*schwarz*/
	text-decoration: underline;
	}
	

#headline {
	color: #000000;
	background-color: #ffffff; /*weiss*/
	width: 749px;
}
#textbereich {
	color: #666666; /*mittelgrau*/
	width: 450px;
	margin-left: 58px;
	line-height: 1.8em; /*Zeilenabstand*/
	}
	
	#textbereich a {
	font-weight: normal;	/*Schrift, bold*/
	color: #000000;/*schwarz*/
	}
	
	#textbereich a:hover,
	#textbereich a:focus {
	font-weight: normal;	/*Schrift, Normal*/
	color: #000000;/*schwarz*/
	background-color: #ffffff;
	text-decoration: underline;
	}
	
#texterklaerung {
	color: #666666; /*mittelgrau*/
	width: 450px;
	margin-top: 40px;
	margin-left: 58px;
	line-height: 1.8em; /*Zeilenabstand*/
	}
	
	#texterklaerung a {
	font-weight: normal;	/*Schrift, bold*/
	color: #000000;/*schwarz*/
	}
	
	#texterklaerung a:hover,
	#texterklaerung a:focus {
	font-weight: normal;	/*Schrift, Normal*/
	color: #000000;/*schwarz*/
	background-color: #ffffff;
	text-decoration: underline;
	}
#fussbereich {
	color: #000000;
	width: 749px;
	height: 88px;
	background-image: url(../image/unterseiten/basics/fusszeile.gif);	
	background-repeat: no-repeat;
	
}

#fusszeile {
	color: #000000;
	width: 704px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Zeichensatz*/
	font-size: 10px; /*Schriftgroesse*/
	margin-left: 45px;
	padding-top: 5px;
	padding-bottom: 25px;
	}
	
	#fusszeile ul,
	#fusszeile li{
	list-style: none;
	text-decoration: none;
	display: inline;
	}
		
	#fusszeile a{
	font-weight: normal;	/*Schrift, normal*/
	color: #000000;
	text-decoration: none;
	}
	
	#fusszeile a:hover,
	#fusszeile a:focus,
	#startseite #navi_fuss00 a,
	#linkseite #navi_fuss01 a,
	#presseseite #navi_fuss02 a,
	#impressumseite #navi_fuss03 a{
	color: #000000;/*schwarz*/
	text-decoration: underline;
	}
	
	#fusszeile a:active {
	color: #000000;/*schwarz*/
	text-decoration: underline;
	}
	
}
/*	======================================
	3. Sonstige Styles
	======================================*/

.zitat {
	color: #000000; /*mittelgrau*/
	background-color: #red;
}

#clearing{
clear: both;
}
/*	======================================
	ENDE DES  STEYLESHEETS
	======================================*/