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

forum schule - Haupt-Stylesheet
Autor: Carsten Peters
Version: 18.07.2010 

ColorCodes:

thema: #eef2de
extra: #027485

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

body { font: 62.5%/1.9em Verdana, Arial, Helvetica, sans-serif; color: #000; background: #fff; }

a:link,
a:visited { font: bold 1em; color: #C00; text-decoration: underline; margin-bottom: 0px; margin-top: 0px; }
a:hover { font: bold 1em; color: #000; }
a:active { font: bold 1em; color: #C00; text-decoration: underline; }

.sponsorlink { text-align: center; padding: 10px 40px 0 0; color: darkblue; }
.kasten { margin: 5px; width: 455px; height: auto; background: #E9E0C1; padding: 5px; }

#top h1 { position: absolute; text-indent: -9999px; display: block; background: url(../upload/css_img/bg_kopf_22.jpg) no-repeat; margin: 0; height: 90px; width: 760px; }    
#top h1 a { position: absolute; text-indent: -9999px; display: block; width: 140px; height: 90px; }
#id_52 #top h1,
#id_79 #top h1 { background: url(../upload/css_img/bg_kopf_22.jpg) no-repeat; }
#id_80 #top h1 { background: url(../upload/css_img/bg_kopf_23.jpg) no-repeat; }
#relaunch #top h1,
#relaunch #top h1 { background: url(../upload/css_img/bg_kopf_24.gif) no-repeat; }

h1#editorial,
h1#panorama,
h1#zeitpunkt,
h1#standpunkt,
h1#brennpunkt,  
h1#thema,
h1#exkursion,
h1#praxis,
h1#fortbildung,
h1#forschung,
h1#schulportraet,
h1#pinnwand,
h1#multimedia,
h1#nachgefragt,
h1#impressum,
h1#mediadaten,
h1#sek1,
h1#grundschule,
h1#gesundheit,
h1#wettbewerb,
h1#debatte,
h1#gespraech,
h1#politik,
h1#service { position: absolute; text-indent: -9999px; display: block; height: 30px; width: 250px; margin: 0; }    
h1#mediadaten { height: 34px; width: 165px; }    

h1#editorial { background: url(../upload/css_img/magedihd.gif) no-repeat; }    
h1#panorama { background: url(../upload/css_img/magpanhd.gif) no-repeat; }    
h1#zeitpunkt { background: url(../upload/css_img/magrpthd.gif) no-repeat; }    
h1#standpunkt { background: url(../upload/css_img/magstphd.gif) no-repeat; }    
h1#brennpunkt { background: url(../upload/css_img/magbrehd.gif) no-repeat; }    
h1#thema { background: url(../upload/css_img/magtmahd.gif) no-repeat; }    
h1#exkursion { background: url(../upload/css_img/magexkhd.gif) no-repeat; }    
h1#praxis { background: url(../upload/css_img/magprxhd.gif) no-repeat; }    
h1#fortbildung { background: url(../upload/css_img/magforhd.gif) no-repeat; }    
h1#forschung { background: url(../upload/css_img/magforschhd.gif) no-repeat; }    
h1#schulportraet { background: url(../upload/css_img/magschhd.gif) no-repeat; }    
h1#pinnwand { background: url(../upload/css_img/magpinhd.gif) no-repeat; }    
h1#multimedia { background: url(../upload/css_img/magmulhd.gif) no-repeat; } 
h1#nachgefragt { background: url(../upload/css_img/magnachg.gif) no-repeat; }    
h1#impressum { background: url(../upload/css_img/magimphd.gif) no-repeat; }
h1#mediadaten { background: url(../upload/css_img/rub_mediadaten.gif) no-repeat; }
h1#sek1 { background: url(../upload/css_img/sek1.gif) no-repeat; }
h1#grundschule { background: url(../upload/css_img/grundschule.gif) no-repeat; }
h1#gesundheit { background: url(../upload/css_img/gesundheit.gif) no-repeat; }
h1#wettbewerb { background: url(../upload/css_img/wettbewerb.gif) no-repeat; }
h1#debatte { background: url(../upload/css_img/debatte.gif) no-repeat; }
h1#gespraech { background: url(../upload/css_img/gespraech.gif) no-repeat; }
h1#politik { background: url(../upload/css_img/politik.gif) no-repeat; }
h1#service { background: url(../upload/css_img/service.gif) no-repeat; }

#relaunch h1#editorial,
#relaunch h1#panorama,
#relaunch h1#zeitpunkt,
#relaunch h1#standpunkt,
#relaunch h1#brennpunkt,  
#relaunch h1#thema,
#relaunch h1#exkursion,
#relaunch h1#praxis,
#relaunch h1#fortbildung,
#relaunch h1#forschung,
#relaunch h1#schulportraet,
#relaunch h1#pinnwand,
#relaunch h1#multimedia,
#relaunch h1#nachgefragt,
#relaunch h1#impressum,
#relaunch h1#mediadaten,
#relaunch h1#sek1,
#relaunch h1#grundschule,
#relaunch h1#gesundheit,
#relaunch h1#wettbewerb,
#relaunch h1#debatte,
#relaunch h1#gespraech,
#relaunch h1#politik,
#relaunch h1#service,
#relaunch h1#titel,
#relaunch h1#gastbeitrag,
#relaunch h1#humor,
#relaunch h1#pro-kontra,
#relaunch h1#projekt,
#relaunch h1#hintergrund,
#relaunch h1#anno-dazumal,
#relaunch h1#leserbriefe,
#relaunch h1#am-rande,
#relaunch h1#reportage,
#relaunch h1#service,
#relaunch h1#kultur,
#relaunch h1#mensch,
#relaunch h1#initiative,
#relaunch h1#didacta,
#relaunch h1#debatte,
#relaunch h1#innovation,
#relaunch h1#bilanz { position: absolute; text-indent: -9999px; display: block; height: 30px; width: 464px; margin: 0; }  

#relaunch h1#editorial { background: url(../upload/css_img/banner-edit.gif) no-repeat; } 
#relaunch h1#impressum { background: url(../upload/css_img/banner-impr.gif) no-repeat; } 
#relaunch h1#panorama { background: url(../upload/css_img/banner-pano.gif) no-repeat; } 
#relaunch h1#titel { background: url(../upload/css_img/banner-titel.gif) no-repeat; } 
#relaunch h1#gastbeitrag { background: url(../upload/css_img/banner-gast.gif) no-repeat; }
#relaunch h1#humor { background: url(../upload/css_img/banner-humo.gif) no-repeat; }  
#relaunch h1#pro-kontra { background: url(../upload/css_img/banner-pro.gif) no-repeat; }
#relaunch h1#projekt { background: url(../upload/css_img/banner-proj.gif) no-repeat; }
#relaunch h1#praxis { background: url(../upload/css_img/banner-prax.gif) no-repeat; } 
#relaunch h1#forschung { background: url(../upload/css_img/banner-forsch.gif) no-repeat; }
#relaunch h1#wettbewerb { background: url(../upload/css_img/banner-wett.gif) no-repeat; }
#relaunch h1#politik { background: url(../upload/css_img/banner-poli.gif) no-repeat; }
#relaunch h1#gesundheit { background: url(../upload/css_img/banner-gesu.gif) no-repeat; }
#relaunch h1#hintergrund { background: url(../upload/css_img/banner-hint.gif) no-repeat; }
#relaunch h1#standpunkt{ background: url(../upload/css_img/banner-stan.gif) no-repeat; }
#relaunch h1#exkursion { background: url(../upload/css_img/banner-exku.gif) no-repeat; }
#relaunch h1#anno-dazumal { background: url(../upload/css_img/banner-anno.gif) no-repeat; }
#relaunch h1#leserbriefe { background: url(../upload/css_img/banner-lese.gif) no-repeat; }
#relaunch h1#am-rande { background: url(../upload/css_img/banner-rand.gif) no-repeat; }
#relaunch h1#reportage { background: url(../upload/css_img/banner-repo.gif) no-repeat; }
#relaunch h1#service { background: url(../upload/css_img/banner-serv.gif) no-repeat; }
#relaunch h1#kultur { background: url(../upload/css_img/banner-kult.gif) no-repeat; }
#relaunch h1#mensch { background: url(../upload/css_img/banner-mensch.gif) no-repeat; }
#relaunch h1#initiative { background: url(../upload/css_img/banner-init.gif) no-repeat; }
#relaunch h1#didacta { background: url(../upload/css_img/banner-dida.gif) no-repeat; }
#relaunch h1#debatte { background: url(../upload/css_img/banner-deba.gif) no-repeat; }
#relaunch h1#innovation { background: url(../upload/css_img/banner-inno.gif) no-repeat; }
#relaunch h1#bilanz { background: url(../upload/css_img/banner-bila.gif) no-repeat; }

h1 { font-size: 1.4em; color: #ce0002; margin: 40px 0 10px 0; }
h1#index { margin: 10px 0; }
h2 { color: #000; font-size: 1.23em; margin: 20px 0 5px 0; }
h3 { font-size: 1.1em; }
.info,
.links,
.literatur { border: 1px solid #498502; margin: 10px 0 0 0; }
.links { border-color: #c00;  }
.literatur { border-color: #027485; }
.info h3,
.links h3,
.literatur h3 { color: #fff; background: #498502; margin: 0 0 10px 0; padding: 4px 10px; }
.links h3 { background: #c00; }
.literatur h3 { background: #027485; }
.literatur a { color: #027485; }
.info a { color: #498502; }
.info a:hover { color: #000; }
.info p,
.links p,
.literatur p,
.info h4,
.links h4,
.literatur h4 { padding: 0 10px; }
.thema { background: #eef2de; }
.extra,
.extra h2 { color: #027485; }

hr { border: solid #ccc 1px; height: 1px; margin: 0 0 -20px 0; }

#pinwand p { border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#start a:link,
#start a:visited { padding-left: 15px; background: url(../upload/css_img/pf_rechts.gif) no-repeat left; margin-bottom: 0px; margin-top: 0px; }
#start h2 { font-size: 1em; margin: 5px 0 10px 0; }
#start h3 { font-size: 1em; margin: 0; }
#start p { border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 5px 0; }
#start p.link { border-bottom: none; margin: 0; padding: 0; }
#start img { float: left; margin: 0 8px 2px 0; }

#impressum h2 { font-size: 1em; margin: 20px 0 -10px 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; height: 0; line-height: 0; }

pre { font: 1em "Courier New", Courier, mono; }
.legende { font: italic 10px; color: #000; }
.text { font: 1em/1.6em; color: #000; }
.textfill { font: 1em/1.6em; color: #000; }
.linksmall { font: normal 1em; color: #000; }
.small { font: .9em; color: #000; }
.halbfett { color: #000; font: bolder 1em/1.1em; }
.zitat,
.zitat_r { float: left; width: 150px; padding: 10px; margin: 0 10px 5px 0; background: #EBEFE0; }
.zitat p,
.zitat_r p { margin: 0 0 5px 0; font-size: 0.9em; line-height: 1.5em; }
.zitat img,
.zitat_r img { margin: 0 0 5px 0; }
.zitat_r { float: right; margin: 0 0 5px 10px; };
.ftn { border-top: 1px dotted #ccc; margin: 10px 0 0 0; padding: 10px 0 0 0; font-size: .9em; }
img { margin: 0 0 10px 0; }
img.img_links { float: left; margin: 0 10px 2px 0; }
img.img_rechts { float: right; margin: 0 0 2px 10px; }
a img { border: none; }

.arc90_imgcaption { border: 1px solid #ddd; padding: 5px; margin: 0 0 1em 0; width: 9em; }
.arc90_imgcaption p { margin: 0; }
.arc90_imgcaptionALT { font-size: .95em; margin: 0; line-height: 1.3em; }
.arc90_imgcaptionTXT { font-size: .95em; color: #808080; line-height: 1.3em; }
.floatl { float: left; margin: 3px 10px 2px 0; }
.floatr { float: right; margin: 3px 0 2px 10px; }

#id_79 h1 {  }
#id_79 img { margin: 0 10px 0 0; }
#id_79 #fsmenu { display: none; }


/* Tabellen
------------------------------------------------------------*/

table { margin: 0 0 10px 0; border-color: #808080; border-width: 0 0 1px 1px; border-style: solid; border-collapse: collapse; width: 100%; font-size: 0.9em; }
table.layout { border: none; width: auto; }
    td,
    th { border-color: #808080; border-width: 1px 1px 0 0; border-style: solid; vertical-align: top; margin: 0; padding: 5px; background-color: #fff; }
    table.layout td,
    table.layout th { border: none; padding: 0; }
    table.primar th { width: 33%; }
    th { font-weight: bold; color: #333; background-color: #eee; text-align: center; }
#formate th,
#formate td { font-size: .8em; }


/* Navigation
------------------------------------------------------------*/

#hilfsnavi { font: 1.25em Arial, Helvetica, sans-serif; position: absolute; z-index: 100; padding: 0; margin: 63px 0 10px 5px; }
    #hilfsnavi li { float: left; display: inline; }
    #hilfsnavi li a { float: left; background: url(../upload/css_img/line_navi.gif) no-repeat right center; text-decoration: none; padding: 0 15px; line-height: 25px; height: 25px; color: #fff; display: block; text-align: center; }
    #hilfsnavi li a#id_52 { background: none; }     
    #hilfsnavi li a:hover,
    #hilfsnavi li a:active,
    #hilfsnavi li a:focus,
    #hilfsnavi li a.current { color: #DE4446; }

#relaunch #hilfsnavi { margin: 55px 0 10px 450px; }
#relaunch #hilfsnavi li a { background: url(../upload/css_img/line_navi_relaunch.gif) no-repeat right center; }

#fsmenu { position: absolute; top: 110px; z-index: 3; width: 133px; font: 1.2em Arial, Helvetica, sans-serif; background: #eee; border: 1px solid #999; border-left: 3px solid #a4a4a4; }
#fsmenu ul { margin: 0; padding: 0; list-style: none; }
    #fsmenu ul li { margin: 0; line-height: 1em; }
    #fsmenu ul li a { color: #000; display: block; padding: 5px 0 5px 6px; text-decoration: none; }
    #fsmenu li a:hover,
    #fsmenu li a:focus,
    #fsmenu li a:active { border-left: 3px solid #666; padding: 5px 0 5px 3px; background: #d6d6d6; color: #000; }
    #fsmenu li a.current { background: #d6d6d6; color: #000; }
        #fsmenu ul ul li { background: none; }
        #fsmenu ul ul li a { font-size: .9em; padding: 3px 0 3px 15px; }
        #fsmenu ul ul li a:hover,
        #fsmenu ul ul li a:focus,
        #fsmenu ul ul li a:active { padding: 3px 0 3px 12px; }

.dot { color: #c00000; font-weight: bold; }
#relaunch .dot { display: none; }
ul ul .dot { display: none; }