/* Kinder brauchen Kinder e.V. - Kindergrippe Ismaning */
/* Typo3-Umsetzung, CSS von atic (www.atic.de) */

/* Barrierefreie/barrierearme Vorlage */
/* Definition der div-Container */

/* Titelblock umfasst den Logoblock und den Statusblock */

div#titelblock {
	position: relative;
	margin-top: 1em;
	margin-left: 1em;
	width: 50em;
}

/* Logoblock umfasst das Logo selbst und die beiden Farbblöcke oben links */

div#logoblock {
	float: left;
}

/* Farbblöcke zeigen oben links die Farbblöcke an */

div#farbblock1 {
	float: left;
	width: 5.6em;
	height: 1em;	
	background-color: #3399FF;
}

div#farbblock2 {
	float: left;
	width: 5.55em;
	height: 1em;
	background-color: #CC0033;
}

/* Positioniert das Logo */

div#logo {
	clear: both;
	position: relative;
}

/* Statusblock positioniert die Statuszeile für die Anzeige des Titels */

div#statusblock {
	float: left;
	width: 37em;
}

/*Statuszeilee formatiert die Anzeige des Seitentitels */

div#statuszeile {
	font-size: 3em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #CC0033;
	margin-left: 0.35em;
	margin-top: 0.4em;
}

/* Fügt die weiße Trennlinie ein */

div#trenner {
	clear: both;
	position: relative;
	background-color: white;
	width: 50em;
	height: 0.2em;
	margin-left: 1em;
}

/* Positioniert die obere Navigationsleiste */

div#navigationsblock {
	clear: both;
	position: relative;
}

/* Positioniert die obere Navigationsleiste */

div#hauptnavigation {
	float: left;
	width: 37.8 em;
	margin-left: 12.2em;
}

/* Positioniert und formatiert den blauen Farbblock rechts am Rand der oberen Navigationsleiste */

div#farbblock5 {
	float:left;
	width: 7.05em;
	height: 2.3em;
	background-color: #3399FF;
	padding-left: 0.05em;
	margin-left: 0.05em;
}

/* Positioniert den Hauptblock mit Seitennavigation un dInhaltsfeld */

div#hauptblock {
	clear: both; 
	position: relative;
	width: 50em;
	margin-left: 1em;
}

/* Positioniert die Seitennavigation */

div#seitennavigation {
	float: left;
	width: 10em;
	margin-left: 1em;
	margin-top: 4.8em;
}

/* Positioniert das Inhaltsfeld */

div#inhaltsfeld {
	float: right;
	width: 37.7em;
}

/* Positioniert die Fußzeile */

div#fussblock {
	clear: both; 
	position: relative;
	width: 51em;
	height: 2em;
	top: 3em;
	padding-bottom: 1em;
}

/* Positioniert und formatiert die Farbblöcke unten rechts */

div#farbblock3 {
	float: right;
	width: 5.6em;
	height: 1em;	
	background-color: #3399FF;
}

div#farbblock4 {
	float: right;
	width: 5.6em;
	height: 1em;
	background-color: #CC0033;
}

/* Navigationen */

/* Formatiert die Hauptnavigation in rot mit Effekten */

div#hauptnavigation ul {
	list-style-type: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	margin-top: 0em;
	margin-left: 0em;
	background-color: #CC0033;
}

div#hauptnavigation ul li {
	display: inline;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-top: 0em;
	margin-left: 0.05em;
}

div#hauptnavigation ul li a {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-right:  1.6em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 1.6em;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	border-right: 0.05em solid;
	border-color: rgb(255,204,102); 
	}

div#hauptnavigation ul li a.normal {
	color: #FFFFFF;
	}

div#hauptnavigation ul li a.aktiv {
	color: #FFCC66;
	}

div#hauptnavigation ul li a:hover {
	color: #FFCC66;
	}

/* Formatiert die Seitennavigation in rot mit Effekten */	
	
div#seitennavigation ul {
	list-style-type: none;
	vertical-align: middle;
	margin-top: 0em;
	margin-left: 0em; 
	padding-left: 0em;
	padding-bottom: 0em;
	background-color: #3399FF;
}

div#seitennavigation ul li {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em; 
	padding-bottom: 0em;
}

div#seitennavigation ul li a {
	list-style-type: none;
	display: block;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0.5em; 
	padding-bottom: 0.5em;
	padding-left: 0.7em;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 0.1em solid #FFFFFF;
	}
	
div#seitennavigation ul li a.normal {
	color: #FFFFFF;
	}

div#seitennavigation ul li a.aktiv {
	color: #FFCC66;
	}

div#seitennavigation ul li a:hover {
	color: #FFCC66;
	}


/* Textformatierungen */
	
/* Formatierung der Überschriften */
	
h1, h2, h3, h4, h5, p, ul, li {
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	color: #CC0033;
}	

/* Schriftgröße für die beiden verwendeten Überschriftentypen */

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.25em;
}

/* Sonderformatierung für h1-Überschriften im Inhaltsfeld: blau statt rot */

div#inhaltsfeld h1 {
	color: #3399FF;
}

/* Formatierung für Fließtext */

P, P.Bodytext, ul, li {
	font-size: 1em;
	line-height: 125%;
}

/* Formatierung für Links */

a {
	color: #CC0033;
}

/* Verstecke die Piktogramme für Links (von RTEHTMLAREA) */

a.download img {
	display: none;
}

a.internal-link img {
	display: none;
}

a.external-link img {
	display: none;
}

a.external-link-new-window img {
	display: none;
}

a.mail img {
	display: none;
}

/* Formatiere tt_news */

div.news-single-category {
	color: #3399FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;	
	font-weight: bold;
	margin-bottom: 0.1em;
}

div.news-list-item {
	color: #CC0033;
	margin-top: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}

div.news-list-item h3 {
	margin-bottom: 0.2em;
	margin-top: 0.1em;
}