@import url("reset.css"); /* Setzt alle Browserstyles auf einen Standard */
@import url("html.css"); /* Formatiert HTML-Tags */
@import url("layout.css"); /* Grundlegendes Layout der Seite, Position der Elemente */
/*@import url("datepicker.css");  Datumsauswahl */



body {
	color: #454545;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
}
#midcol h1 { font-size: 18px; margin: 0 0 20px 0; padding: 10px 0 0 0; }
#midcol h1.csc-firstHeader { margin: 0 0 30px 0; padding: 10px 0 0 0; }
#midcol h2 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 5px 0 0 0; }
#midcol h3 { font-size: 13px; font-weight: bold; margin: 0 0 5px 0; }
#midcol .toggle h1 { cursor: pointer; font-size: 13px; font-weight: bold; margin: 0 0 5px 0; }

#midcol p { margin: 0 0 15px 0 }
#midcol p.align-left { text-align: left; }
#midcol p.align-center { text-align: center; }
#midcol p.align-right { text-align: right; }

#midcol blockquote { font-style: italic; margin: 0 0 0 25px; }

#midcol * b { font-weight: bold; }
#midcol * i { font-style: italic; }
#midcol * sub { font-size: 10px; vertical-align: sub; }
#midcol * sup { font-size: 10px; vertical-align: super; }

#midcol ul { list-style: outside disc; margin: 0 0 15px 0; padding-left: 20px; }
#midcol ul ul { list-style: outside circle; margin: 0; padding-left: 15px; }
#midcol ol { list-style: outside decimal; margin: 5px 0; padding-left: 15px; }
#midcol ol ol { list-style: outside decimal; margin: 0; }

#midcol a { color: #CB181E; text-decoration: underline; }
#midcol a:hover { text-decoration: none; }


#rightcol .csc-textpic-imagerow { margin-bottom: 10px; overflow: hidden; }

#pfoot .csc-textpic-image { margin: 0 0 0 1px; }

/* #############################################################################
 * ########## Navigationen
 */
 
/* Hauptnavigation */
#navigation ul { margin: 0 34px; }
#navigation li.menuitem { float: left; line-height: 33px; position: relative; }
#navigation .menuitem a { color: #454545; display: block; font-size: 13px; height: 33px; padding: 0 15px; }
#navigation .active a,
#navigation a:hover, #navigation a:active, #navigation a:focus { color: #ffffff; text-decoration: none;}
#navigation .active .arrow {
	background: transparent url(../images/navi_arrow.png) center bottom no-repeat;
	bottom: -7px;
	display: block;
	height: 7px;
	position: absolute;
	width: 100%;
}

/* Rot */
#navigation .id2 a:hover, #navigation .id2 a:active, #navigation .id2 a:focus,
#navigation .id4 a:hover, #navigation .id4 a:active, #navigation .id4 a:focus,
#navigation .id7 a:hover, #navigation .id7 a:active, #navigation .id7 a:focus
{ background: transparent url(../images/bg_navi_act_red.png) 0 0 repeat-x; }

/* Gelb */
#navigation .id3 a:hover, #navigation .id3 a:active, #navigation .id3 a:focus
{ background: transparent url(../images/bg_navi_act_yellow.png) 0 0 repeat-x; }

/* Orange */
#navigation .id5 a:hover, #navigation .id5 a:active, #navigation .id5 a:focus
{ background: transparent url(../images/bg_navi_act_orange.png) 0 0 repeat-x; }

/* Blau */
#navigation .id6 a:hover, #navigation .id6 a:active, #navigation .id6 a:focus
{ background: transparent url(../images/bg_navi_act_blue.png) 0 0 repeat-x; }

/* Lila */
#navigation .id8 a:hover, #navigation .id8 a:active, #navigation .id8 a:focus
{ background: transparent url(../images/bg_navi_act_purple.png) 0 0 repeat-x; }

/* Grün */
#navigation .id9 a:hover, #navigation .id9 a:active, #navigation .id9 a:focus
{ background: transparent url(../images/bg_navi_act_green.png) 0 0 repeat-x; }

/* Grau */
#navigation .id10 a:hover, #navigation .id10 a:active, #navigation .id10 a:focus
{ background: transparent url(../images/bg_navi_act_grey.png) 0 0 repeat-x; }



/* Subnavigation linke Seite (bei vorhandenen Menüpunkten) */
#subnavi.level-1, #subnavi .level-2 { list-style-position: outside; list-style-type: none; padding: 0;}
#subnavi li { line-height: 32px; margin-bottom: 1px; }
#subnavi.level-1 a { color: #454545; display: block; height: 32px; width: 200px; padding-left: 20px; }
#subnavi.level-2 a { font-size: 11px; padding-left: 40px; }
#subnavi .active > a { text-decoration: underline; }



/* Statische "Navigation" (rechte Seite) */
#staticnavi h1 { font-size: 18px; margin-bottom: 30px; padding-top: 10px; }
#staticnavi ul { list-style-position: outside; }
#staticnavi .menuitem { border-bottom: 1px dashed; line-height: 30px; padding-left: 10px; }
#staticnavi .menuitem a { color: #454545; display: block; padding-left: 20px; }



/* Metanavigation oben rechts */
#metanavi ul { color: #b5b5b5; direction: rtl; list-style-position: outside; }
#metanavi li { background: transparent url(../images/list_point.png) right top no-repeat; padding-right: 10px; }
#metanavi a:link, #metanavi a:visited { color: #b5b5b5; }


/*Zoff - Jugendberatung ID 38*/
.Zoff-Kasten {border:1px solid #FF9933; padding:5px 10px;margin:10px 0;}
.Zoff-Schulen {width:450px; text-align:left;}

/*Ausrichtung Rollups rechts*/

.rollups  {
border:1px solid #999999;
margin:25px 0 0;
padding:6px 2px 2px 0;
}

.logos {
margin-top:40px;
}

/* Accordion FAQ / Links */
#midcol div.toggle {
	border: 1px dashed #CB181E; /* Rot */
	padding: 0 5px;
}
#midcol div.toggle h1 { padding-top: 5px; }
#midcol div.faq, #midcol div.links { background-color: #ECEDED; margin-bottom: 10px; padding-left: 10px !important; padding-right: 10px !important;}
#midcol div.faq p, #midcol div.faq ul,
#midcol div.links p, #midcol div.links ul { margin-bottom: 0; }