/* BILDUNGSPORTAL Stylesheets */
/* Version vom 01.07.2010 */
/* Ueberarbeitet von Carsten Peters */

* { margin: 0; padding: 0; }

body { font-size: 100,01%; font-family: Arial, Helvetica, sans-serif; padding: 10px; }

/* (cp) -------------------------------------------- */
a img { border: none; }
.inhalt img { margin: 0 7px 2px 0; display: inline; }
.inhalt img.rechts { float: right; margin: 0 0 2px 7px; display: inline; }
.inhalt img.links,
.articlelistImage { float: left; margin: 0 7px 2px 0; display: inline; }
.subhead { padding: 5px 0 10px 0; margin: 0 0 5px 0; }
#foerderkonzepte h4 { padding: 3px 0 3px 28px; background: url(../images/bsp.gif) no-repeat 0% 50%; }
#regiomap { overflow: hidden; }
.inhalt .bild-center { display: block; margin: 0 auto; }
* html #handlungsfelder { width: 99%; font-size: 11px; }
* html #handlungsfelder td { padding: 4px 2px; }
#service { margin: 0 84px 0 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }

/* -------------------------------------------- (cp) */

table { font: .9em Arial, Helvetica, sans-serif; margin: 0 0 10px 0; border-color: #aaa; border-width: 0 0 2px 2px; border-style: solid; border-collapse: collapse; width: 100%; }
table.layout,
table.layout th,
table.layout td { border: none; }
td, th { height: 40px; border-color: #aaa; border-width: 2px 2px 0 0; border-style: solid; margin: 0; padding: 4px; vertical-align: middle; text-align: center; background-color: #fff; }
.handlungsfelder { background: #006; color: #fff; }
.handlungsfelder_hd { background: #fff; color: #006; }
.themenfelder { background: #0c6; color: #fff; }
.themenfelder_hd { background: #fff; color: #0c6; }
.inhalt table img { float: none; }
.entwicklungsbedarf { color: green; font-weight: bold; }
.entwicklung_farbe { background: lightgreen }
.material_farbe { background: #336699 }
.wichtig { color: red }

#kennung { height: 55px;  }
#kennung img { float:right; }

#rahmen,
#rahmenblau { /* float: left; rausgenommen (cp) */ } 

#topnavi { height: 3.6em; font-size: 0.8em; text-align: left; border-bottom: 2px solid #fff; text-decoration: none; color: #000; }
#topnavi a,
#topnavi a:hover,
#topnavi a:visited { font-size: 1em; text-decoration: none; }
#topnavi a:hover { color: #808080; }

#rahmenblau #topnavi { background: url(../upload/bp_images/hg_blau.jpg); }
#rahmenblau #topnavi a { color: #000; text-decoration: none; }
#rahmenblau #topnavi a:hover { color: #808080; }

#schnellnaviblau { height: 1.5em; font-size: 1em; padding-right: 10px; }
#schnellnaviblau { background: #5583bd; }

#suche a { float: right; font-weight: 600; font-size: 0.9em; color: #fff; height: 23px; text-decoration: none; }

#oben { height: 150px; border-top: 2px solid #fff; }
#fotos { margin-left: 201px; height: 150px; background: url(../upload/bp_images/leiste.gif) repeat-x; }

div.titel_rechtsblau { color: #fff; font-weight: 600; font-size: 0.9em; line-height: 1.5em; width: 185px; float: right; text-indent: 10px; padding-top: 1px; }

div.abstand { height: 7px; font-size: 1px; }

div.themenmenublau,
div.usermenu { width: 200px; float: left; color: #fff; font-weight: 600; font-size: 0.9em; }

div.themenmenublau { background: #eeffff; }

div.usermenu { height: 150px; background: url(../upload/bp_images/hg_blau.jpg); }
div.menueeintrag { padding-left: 10px; font-size: 0.9em; padding-top: 3px; padding-bottom: 3px; }
div.leer { height: 1.6em; text-indent: 10px; font-size: 1em; line-height: 1.5em; background: url(../upload/bp_images/hg_blau.jpg); padding: 1px 0 0 8px; border-bottom: 1px solid #fff; }

div.leer1 { height: 38px; background: #5583bd; border-left: 7px solid #fff; color: #fff; }

div.blau { border-bottom: 1px solid #fff; padding-left: 7px; }
div.blau { background: url(../upload/bp_images/blau.gif); }

div.zblau { color: #fff; padding: 4px 0 3px 15px; border-bottom: 1px solid #fff; }
div.zblau { background: url(../upload/bp_images/hg_blau.jpg); }

div.blau a,
div.zblau a { color: #000; text-decoration: none; }
div.blau a:hover { color: #5583bd; }
div.zblau a:hover { color: #f4f9fd; }

div.impressum { position: relative; clear: both; font-size: 70%; text-align: center; border-top: 1px solid #000; margin-top: 5px; padding-top: 5px; width: 100%; }

#container { float: left; margin-top: 2px; width: 100%; }
#links { background: #fff; width: 200px; float: left; }
#mitte { margin: 0 190px 0 200px; }
#guetesiegel #mitte { margin: 0 0 0 200px; }
#mitte_breit { margin: 0 0px 0 200px; }

div.micronavigation { color: #9f9f9f; background-color: #fff; font-size: 0.98em; margin: 4px 15px 0 10px; color: #000; padding-bottom: 5px; border-bottom: 1px solid #000; }
div.micronavigation a { color: #000; background-color: #fff; text-decoration: none; }
div.micronavigation p { padding-bottom: 3px; }
div.micronavigation a:hover { color: #9f9f9f; background-color: #fff; }
div.micronavigation_leer { background-color: #fff; font-size: 80%; color: #000; padding: 3px 0 2px 0; }

div.inhalt { float: left; border-left: 15px solid #fff; border-right: 15px solid #fff; font-size: 0.9em; }
div.inhalt ul { padding: 0 0 8px 25px; }
div.inhalt ol { padding-left: 30px; }
div.inhalt ol li { padding-bottom: 8px; }
div.inhalt p { padding-bottom: 10px; }
div.inhalt h1 { color: #000; background: #fff; text-decoration: none; padding: 5px 0; font-size: 1.3em; }
div.inhalt h2 { color: #000; background: #fff; text-decoration: none; padding-bottom: 3px; }
h4 { color: #000; background: #fff; padding-bottom: 5px; }
div.inhalt h1 a { color: #000; background: #fff; text-decoration: none; padding: 0; }
div.inhalt h2 a { color: #000; background: #fff; text-decoration: none; padding: 0; }
div.inhalt a { color: #606060; background-color: #fff; text-decoration: none; }
div.inhalt a:hover { color: #000; text-decoration: underline; background-color: #fff; }

div.Gliederung { float: left; width: 90%; margin-bottom: 10px; border-bottom: 1px solid #000; border-left: 15px solid #fff; border-right: 15px solid #fff; }
div.Gliederung ul { padding: 4px 0 0 15px; }
div.Gliederung ul li { padding-bottom: 4px; }
div.Gliederung a { color: #000; background-color: #fff; text-decoration: none; }
div.Gliederung a:hover { color: #303030; text-decoration: underline; background-color: #fff; }

#rechts { background-color: #fff; float: right; width: 185px; }
#rechts a { color: #000; text-decoration: none; }
#rechts a:hover { color: #9f9f9f; }

div.kasten,
div.kasten1,
div.kasten2 { margin-bottom: 10px; padding-bottom: 10px; }
div.kasten { float: left; width: 100%; }
div.kasten1 { float: left; width: 48%; }
div.kasten2 { float: right; width: 48%; }
div.kasten h1,
div.kasten1 h1,
div.kasten2 h1 { font-size: 1.3em; padding-bottom: 4px; }
div.kasten p,
div.kasten1 p,
div.kasten2 p { font-size: 90%; }
div.kasten img,
div.kasten1 img,
div.kasten2 img { margin-right: 10px; margin-top: 3px; float: left; }
div.kasten a,
div.kasten1 a,
div.kasten2 a { color: #9f9f9f; background: #fff; text-decoration: underline; }
div.kasten a:hover,
div.kasten1 a:hover,
div.kasten2 a:hover { color: #000; background-color: #fff; }

div.titel_rechtsblau { background: #5583bd; }

div.inhalt_rechtsblau { float: right; color: #000; background: #f9f8f4; font-size: 0.85em; width: 183px; padding-bottom: 5px; font-size: 0.75em; border-top: 0px solid #000; }
div.inhalt_rechtsblau { border: 1px solid #5583bd; } 

div.inhalt_rechtsblau h1 { font-size: 1.2em; padding: 3px 0 5px 10px; }
div.inhalt_rechtsblau p { padding: 0 5px 0 10px; }

div.inhalt_rechtsblau divi { background: #f9f8f4; padding: 2px 0; margin-left: 2px; margin-right: 5px; border-top: 1px solid #000; color: #000; }

div.inhalt_rechtsblau a { color: #9f9f9f; background-color: #f9f8f4; text-decoration: none; }
div.inhalt_rechtsblau a:hover { color: #000; background-color: #fff; }


/* (cp) -------------------------------------------- */

div.inhalt_rechtsblau img { margin: 5px 0 5px 30px; }
div.inhalt_rechtsblau a:hover { background-color: transparent; }
div.inhalt_rechtsblau ul { padding: 5px 5px 5px 10px; }
div.inhalt_rechtsblau ul li { list-style: none; }




div.inhalt_rechtsblau ul li a { padding: 0 0 0 10px; height: 18px; line-height: 18px; border-bottom: none; background: url(../upload/bp_images/rechtsblau.gif) no-repeat 0 50%; }	
div.inhalt_rechtsblau ul li a { background: url(../upload/bp_images/rechtsblau.gif) no-repeat 0 50%; }	

/* -------------------------------------------- (cp) */

.borderSmall { border: 1px solid #000; border-collapse: collapse; font-size: 85%; }
td.borderSmall { font-size: 1.2em; }
.borderMiddle { border: 2px solid #000; border-collapse: collapse; font-size: 85%; }
.borderLarge { border: 5px solid #000; border-collapse: collapse; font-size: 85%; }

h1 { font-size: 110%; padding-bottom: 10px; } 
h2 { font-size: 115%; padding-bottom: 10px; }
h3 { font-size: 110%; padding-bottom: 10px; }

div.hauptmenue { float: left; color: #fff; font-weight: 600; border-top: 3px solid #fff; width: 200px; font-size: 0.75em; background: #b0b0b0; }
div.hauptmenue a { color: #fff; text-decoration: none; }
div.hauptmenue a:hover { color: #000; }

div.untermenueblau { padding: 1px 0 0 10px; font-weight: 100; border-bottom: 1px solid #fff; color: #000; }
div.untermenueblau { background: url(../upload/bp_images/blau_u.gif); } 
div.untermenueblau a { color: #000; text-decoration: none; }
div.untermenueblau a:hover { color: #5583bd; }


div.untermenue1blau { color: #000; padding: 1px 0 0 10px; border-bottom: 1px solid #fff; font-weight: 100; font-size: 0.8em; margin-left: 17px; background-repeat: no-repeat; background-position: left center; font-size: 0.8em; }
div.untermenue1blau { background-image: url(../upload/bp_images/rechtsblau.gif); }
div.untermenue1blau a { color: #000; text-decoration: none; }
div.untermenue1blau a:hover { color: #5583bd; }

div.untermenue2blau { color: #000; padding: 1px 0 0 20px; border-bottom: 1px solid #fff; font-weight: 100; margin-left: 17px; background-repeat: no-repeat; background-position: left center; font-size: 0.8em; }
div.untermenue2blau { background: url(../upload/bp_images/rechtsblau.gif) no-repeat 10px 50%; }	
div.untermenue2blau a { color: #000; text-decoration: none; }
div.untermenue2blau a:hover { color: #5583bd; }

ul.faq { list-style-image: url(../upload/bp_images/rechtst.gif) }
ul.faq ul { list-style-image: url(); list-style-type: disc; }
ul.link { list-style-image: url(../upload/bp_images/rechtst.gif) }

div.kasten p a,
div.kasten1 p a,
div.kasten2 p a,
#rechts p a,
div.inhalt p a,
div.inhalt li a,
#rahmen form p a { background-repeat: no-repeat; background-position: left center; padding-left: 8px; }

#rahmenblau div.kasten p a,
#rahmenblau #rechts p a,
#rahmenblau div.inhalt p a,
#rahmenblau div.inhalt li a,
#rahmen form p a { background-image: url(../upload/bp_images/rechtsblau.gif); }


/* (cp) -------------------------------------------- */

#lernstaende h3,
#unt_entwickeln h3,
#pers_entwickeln h3,
#strukturen h3,
#koop h3 { padding: 16px 0 8px 40px; background: url(../images/lernstaende.gif) no-repeat 0% 50%; }

#unt_entwickeln h3 { background: url(../images/unterricht.gif) no-repeat 0% 50%; }
#pers_entwickeln h3 { background: url(../images/persoenlichkeit.gif) no-repeat 0% 50%; }
#strukturen h3 { background: url(../images/strukturen.gif) no-repeat 0% 50%; }
#koop h3 { background: url(../images/kooperieren.gif) no-repeat 0% 50%; }
#sonstiges h3 { }
#optionen img { clear: both; margin: 3px 0 0 0; float: none; }
br.clear { clear: both; }

/* Hides from IE5-mac */
* html #mitte {height: 1%;}
/* End hide from IE5-mac */

.articlelistItem { margin: 0 0 20px 0; }

/* ----- Listemmenue ----- */

	#navigation ul { width: 200px; font-size: 0.9em; }
		#navigation ul li { margin: 0; border-bottom: 1px solid #fff; background: url(../upload/bp_images/blau.gif) 0 50%; }
                #navigation ul li#liid_234 { background: url(../upload/bp_images/d_blau.gif) 0 50%; }
			#navigation ul li a { display: block; padding: 4px 0 4px 17px; width: 183px; color: #000; font-weight: bold; text-decoration: none; }
			#navigation li a:hover,
			#navigation li a:focus { color: #5583bd; }
			#navigation li a:active,
			#navigation li a#current,
			#navigation li a#subcurrent,
			#navigation li a.sub_subcurrent { font-weight: bold; }
				#navigation ul ul li { border-bottom: 1px solid #fff;  background: url(../upload/bp_images/blau_u.gif) 0 50%; }
				#navigation ul li li {  }
				#navigation ul ul li a { font-weight: normal; }
					#navigation ul ul ul li { border-bottom: none; font-size: 1.1em; background-image: none; background-color: #eff; }
					#navigation ul ul ul li a { width: 163px; padding: 2px 0 2px 30px; background: url(../upload/bp_images/rechtsblau.gif) no-repeat 20px 50%; }
						#navigation ul ul ul ul li a { width: 157px; padding: 2px 0 2px 36px; background: none; }

/* -------------------------------------------- (cp) */