/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #069;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;

}


/* Container  */

#container {
	position:relative;
	width: 95%;
	max-width:1200px;
	min-width:750px;
	margin: 10px auto;
	background-color:#FFFFFF;
}


/* Kopf  */

#kopf {
	height: 120px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#logo {
	float:right;
	padding-top:45px;
	padding-right:10px;
	color:#069;
	font-size:10pt;
	text-align:left;
}


#titel {
	font-size: 1.25em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 60px;
}

/* Titel Indexseite */

.titel {
	font-size: 17pt;
	color: #cce5ff;
	padding-top: 78px;
	padding-left: 70px;
	text-align: left;
}

/* -------------*/

.hintergrund_aktionen {
background-image:  url("../bilder/kopf_2011_projekte.gif");
}

.hintergrund_elternservice {
background-image:  url("../bilder/kopf_newbrand_elternservice.gif");
}

.hintergrund_wissenslexikon {
background-image:url(../bilder/kopf_newbrand_wissenslexikon.gif);
}

.hintergrund_fachinfos {
background-image:  url("../bilder/kopf_newbrand_fachinfos.gif");
}

.hintergrund_kinderunfaelle {
background-image:  url("../bilder/kopf_newbrand_kinderunfaelle.gif");
}

.hintergrund_kisi {
background-image:  url("../bilder/kopf_newbrand_kisi.gif");
}

.hintergrund_medien {
background-image:  url("../bilder/kopf_2011_medien.gif");
}

.hintergrund_presse {
background-image:  url("../bilder/kopf_newbrand_presse.gif");
}



/* Navigation */


#drucken {
	float:right;
	display:inline;
	margin-right: 15px;
}

#drucken img {
	border:none;
}

#kleinnav {
	text-align: left;
	margin-left:12em;
	padding: 5px 0 5px 0;
	background-color: transparent;
}

#navi {
	position:relative;
	float: left;
	width: 11em;
	padding-left: 5px;
	text-align:left;
}

#menu { width: 9em; background-color: transparent; margin-top: 10px; } 

#menu ul { list-style: none; margin: 0; padding: 0; } 

#menu a  {
  font: bold 1em arial, helvetica, sans-serif;
  display: block;
  margin: 0; padding: 2px 4px; }

#menu h2 { background-color: transparent; } 

#menu a { color: #fff; text-decoration: none; } 

#menu a:hover { color: #fff;  } 

#menu li { position: relative; border: 2px solid #fff;  }

#menu ul ul {position: absolute; top: 0; left: 100%; width: 11em; }
#menu ul ul ul {position: absolute; top: 0; left: 100%; width: 12em; }

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul  {display: none;} 

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} 



.navi_hellblau {
	background-color:#9cf;
}

.navi_hellblau_twitter {
	background:#9cf url(../bilder/twitter20.gif) top left no-repeat;
}

.navi_hellblau_rss {
	background:#9cf url(../bilder/rss.gif) top left no-repeat;
}

.navi_hellblau_facebook {
	background:#9cf url(../bilder/facebook_navi.gif) top left no-repeat;
}

.navi_rot {
	background-color:#ff6600;
}
.navi_rot_image {
	background:#ff6600 url(../tri.gif) 98% center no-repeat;
}


.navi_orange {
	background-color:#FF9900;
}
.navi_orange_image {
	background:#ff9900 url(../tri.gif) 98% center no-repeat;
}


.navi_gelb {
	background-color:#FFCC33;
}
.navi_gelb_image {
	background:#ffcc33 url(../tri.gif) 98% center no-repeat;
}

/*Projekte 2011 blaugrün*/
.navi_gruen {
	background-color:#399;
}
.navi_gruen_image {
	background:#399 url(../tri.gif) 98% center no-repeat;
}

/* Medien 2011 */
.navi_frosch {
	background-color:#390;
}
.navi_frosch_image {
	background:#390 url(../tri.gif) 98% center no-repeat;
}


.navi_blau {
	background-color:#069;
}
.navi_blau_image {
	background:#069 url(../tri.gif) 98% center no-repeat;
}

/*Elternservice - hellgrün*/
.navi_lila {
	background-color:#9c3;
}
.navi_lila_image {
	background:#9c3 url(../tri.gif) 98% center no-repeat;
}


.navi_regenbogen {
	background:#069 top right no-repeat url(../regenbogen_kreise.gif);
}

.navi_smiley {
	background:#008bd6 url(../regenbogen_laengs.gif) top right x-repeat;
}

.blaulink {
	width:90%;
	color:#069;
	font-size:0.85em;
}

.blaulink h3 {
	font-weight:bold;
	font-size:1em;
}

.blaulink a, .blaulink a:hover, .blaulink a:active, .blaulink a:visited {
	display: inline;
	font-weight:normal;
	padding: 0;
	border:none;
	color:#069;
	text-decoration:underline;
}

/* Inhalt */

#content {
	margin-left:12em;
	background-color: #FFFFFF;
	text-align:left;
}    

#inhalt {
	width:99%;
	padding-bottom:10px;
}

#bookmark {
	width:80%;
	border-top:1px dotted #ccc;
	margin-top:30px;
	margin-bottom:20px;
	text-align:left;
}

#inhalt30 {
	width: 240px;
}

#inhalt40 {
	width: 300px;
}

#inhalt60 {
	margin-right:310px;
}

#inhalt70 {
	margin-right:250px;
}

#inhalt80 {
	margin-right:100px;
}


/* Text 

p {
	line-height:130%;
	margin: 15px 0 0 0;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color:#006699;
	margin: 15px 0 0 0;
}

h2 {
	font-size: 1.05em;
	font-weight: bold;
	color: #339966;
	margin: 20px 0 0 0;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #006699;
	margin: 20px 0 0 0;
}

h4 {
	font-size: 1em;
	font-weight: normal;
	color: #FF6600;
	margin: 15px 0 0 0;
} */



/* Extras: Wissenslexikon */

#navi_wissen {
	float: left;
	width: 20%;
	padding-left: 5px;
}

.a-z {
	font-size: 1.2em;
	font-weight: bold;
	text-align:center;
	margin: 1px;
	padding: 1px;
	background-color: #FFFFFF;
	color:#339966;
	border: 1px solid #f60;
}

#lex_suchen {
	margin: 10px 5px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #f60;
	text-align: center;
	font-size: 1em;
	color: #339966;
}

#inhalt_wissen {
	float: right;
	width: 78%;
	background-color: #FFFFFF;
}

#content_wissen {
	width: 60%;
	float: left;
	text-align: left;
}

#teaser_wissen {
	float: right;
	width: 38%;
	text-align: left;
}

#aktuell_wissen {
	margin: 5px;
	padding: 0 5px 5px 0;
	border: 1px solid #f60;
}

#aktuell_wissen p {
	padding-top: 5px;
}	

#formular_wissen {
	margin-left: 10px;
	padding: 0 5px;
	width: 80%;
}

/* für baderegeln.html */

.spalten_kasten {
	width: 35%;
	height: 65px;
	float: left;
	margin:3px;
	padding:2px;
	background-color:#c3dfee;
}

/* Produktkarten */

.tipp {
	margin: 30px 20px 20px 230px;
	padding: 15px;
	background-color:#FFFFCC;
}


/* Fuss und Sonstiges */

#fuss {
	height:50px;
	text-align: center;
}

#fuss p {
padding:13px 0 0 0;
margin:0;
}

.fuss_aktionen {
	background-image:url(../bilder/fuss_2011_projekte.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.fuss_kisi {
	background-image:url(../bilder/fuss_kisi.gif);
	background-repeat:no-repeat;
}

.fuss_elternservice {
	background-image:url(../bilder/fuss_elternservice.gif);
	background-repeat:no-repeat;
}

.fuss_kinderunfaelle {
	background-image:url(../bilder/fuss_kinderunfaelle.gif);
	background-repeat:no-repeat;
}

.fuss_medien {
	background-image:url(../bilder/fuss_2011_medien.gif);
	background-repeat:no-repeat;
}

.fuss_presse {
	background-image:url(../bilder/fuss_presse.gif);
	background-repeat:no-repeat;
}

.fuss_fachinfos {
	background-image:url(../bilder/fuss_fachinfos.gif);
	background-repeat:no-repeat;
}

.rechts {
	float: right;
	margin: 15px;
}

.links {
	float: left;
	margin: 15px;
}

.breadcrumbs {
 	display:none;
}

a.marker1, .marker1 {
	color: #006699;
	font-weight: bold;
}

a.marker2, .marker2 {
	color: #ff6600;
	font-weight: bold;
}


a, a:hover, a:active, a:visited {
	}
	
.weiss, a.weiss, a.weiss:hover, a.weiss:active, a.weiss:visited  {color:#FFFFFF;}
.blau, a.blau, a.blau:hover, a.blau:active, a.blau:visited {color:#069;}
/*kinderunfaelle*/.rot, a.rot, a.rot:hover, a.rot:active, a.rot:visited {color:#ff6600;}
.gelb, a.gelb, a.gelb:hover, a.gelb:active, a.gelb:visited {color:#FF6600;}
.orange, a.orange, a.orange:hover, a.orange:active, a.orange:visited {color:#FF9900;}
/*projekte 2011*/.gruen, a.gruen, a.gruen:hover, a.gruen:active, a.gruen:visited {color:#339999;}
/*elternservice*/.lila, a.lila, a.lila:hover, a.lila:active, a.lila:visited {color:#99cc33;}
.grau, a.grau, a.grau:hover, a.grau:active, a.grau:visited {color:#99ccff;}
/*medien2011*/.frosch, a.frosch, a.frosch:hover, a.frosch:active, a.frosch:visited {color:#339900;}
a.navigation, a.navigation:hover, a.navigation:active, a.navigation:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

.klein {
	font-size:0.9em;
	color:#999999;
}


.h1_teaser {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}

.h2_teaser {
	font-size: 1em;
	font-weight: bold;
	margin: 3px;
}

p.presse_fuss {
	font-style: italic;
}

h3.presse_fuss {
	font-style: italic;
	color:#000000;
}