/*basis---------------------------------------*/
* {padding: 0; margin: 0;}
html {height: 100%;}
body { min-height: 101%; font-size: x-small; /* fÃ¼r IE%/Win*/f\ont-size: small; /*fÃ¼r alle andreren IE*/font-family: Helvetica, Arial, san-serif; color: #000; /*line-height: 140%;*/
background-image: url(basisdesign/backgroundhell.gif); background-repeat: repeat-x; background-color: #121212;}

#wrapper {position: absolute; left: 50%; width: 1000px;margin-left: -480px;}

/*header---------------------------------------*/

#header { width: 1000px; background-image: url(basisdesign/bgheader.gif); height: 98px; }

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

#navigation { position: absolute; width: 200px; top: 15px; left: 0; z-index: 10;  }

/*#naviheader {}*/
#naviheadertool { padding: 0 0 10px 0px; width: 190px;}
#navihome {background-image: url(basisdesign/bgnavicontent.gif);}
#navhome a: active {background-image: url(basisdesign/navion.gif); background-repeat: no-repeat; background-position: right center;font-weight: bold ;display: block; text-decoration: none; color: #fff;} /* menu aktv mit Linie*/
.navhome a: active{text-decoration:underline;}


#navicontent { padding-top: 10px;}
#navicontent ul {list-style: none; margin-bottom: 0px; width: 200px; }
#navicontent ul li { background-image: none; background-repeat: no-repeat; background-position: right center;color: #999; font-weight: bold; display: block;  margin-top: 8px;}
#navicontent ul li a {background-image: url(basisdesign/navioff.gif); background-repeat: no-repeat; background-position: right center;font-weight: bold;display: block; text-decoration: none; color: #999;padding: 4px 0 3px;}
#navicontent ul li a:hover  {background-image:  url(basisdesign/naviover.gif);background-repeat: no-repeat; background-position: right center;font-weight: bold; display: block; color: #fff;}

#navicontent .act {background-image: url(basisdesign/navion.gif); background-repeat: no-repeat; background-position: right center;font-weight: bold ;display: block; text-decoration: none; color: #fff;} /* menu aktv mit Linie*/
#navicontent .act1 {font-weight: bold ;display: block; text-decoration: none; color: #fff; background-image: none /*url(basisdesign/navion.gif)*/; background-repeat: no-repeat; background-position: right center;} /* menu weiss Schrift ohne Linie wenn submenu aktiv*/
#navicontent .act2 {background-image: url(basisdesign/navion.gif); background-repeat: no-repeat; background-position: right center;font-weight: bold ;display: block; text-decoration: none; color: #fff; margin-left: 15px;} /*submenu aktiv mit Linie*/
#navicontent .act3 {display: block; text-decoration: none; color: #999;margin-left: 15px;}/*submenu inaktiv*/
#navicontent .act3 a:hover {background-image: url(basisdesign/navion.gif); background-repeat: no-repeat; background-position: right center;font-weight: bold ; display: block; text-decoration: none; color: #fff;margin-left: 15px;}/*submenu aktiv mit Linie (hover)*/


#navifooter {}
#navifootertool {padding: 22px 0 0 0px;}

#navihome a {text-decoration: none; color: #999; display: block; font-weight: bold; padding-top: 10px;}
#navihome a:hover {text-decoration: none; color: #fff; display: block; background-image:  url(basisdesign/naviover.gif);background-repeat: no-repeat; background-position: right center;}
#navihome .act {background-image: url(basisdesign/navion.gif); background-repeat: no-repeat; background-position: right center;font-weight: bold ;display: block; text-decoration: none; color: #fff;}


#navifootertool a {text-decoration: none; color: #666; display: block; font-weight: bold; padding-top: 10px;}
#navifootertool a:hover {text-decoration: none; color: #ff8500; display: block;}

/*Content---------------------------------------*/

#contentwrapper {width: 680px; background-color: white; position: relative; left: 210px;top: -10px; z-index: 100; min-height: 400px;}
#content {position: relative; margin: 0px 10px 0px 10px; width: 670px;}
#bewertung {margin-top: 1em;}

/*Typocontent ---------------------------------------*/

#content h1 {padding: .5em 0;font-size: 150%;}
#content h2 {padding-bottom: 3px; color: #999; font-size: 130%;}/*titelseite*/
#content h3 , .pollquestion {padding-bottom: 3px; color: #999; font-size: 125%; font-weight: bold; line-height: 140%;}
.tx-dnclasslist-pi1  {padding-bottom: 10px; color: #999;  font-weight: bold;}
#content p {padding-bottom: .5em; line-height: 140%;}

/*Typo3krytisches-------------------*/

.bodytext {line-height: 140%; }/*??löschen*/
p.bodytext {font-size: 110%; line-height: 140%; padding-bottom: .5em;}



/*Quiz*/
label.tx-dnquiz-pi1-normalLabel {font-size: x-small; /* fÃ¼r IE%/Win*/f\ont-size: small; /*fÃ¼r alle andreren IE*/font-family: Helvetica, Arial, san-serif; color: #000; font-size: 110%;}
#content form {margin-top: 20px;}
#content form h3 {margin: .5em 0 .2em 0;}
.tx-dnquiz-pi1-listrowField-answer {margin-bottom: .1em;}

.flashplayer {  margin:0px 0px 2em 0em;}


/* Einstiegsfoto*/
.teaserbild {padding-bottom: 1.5em;  /*margin: 1.2em 0;  width: 660px; background-color: #333; background-image: url(basisdesign/bg-bilder.gif); background-repeat: repeat-x; text-align: center;*/ }


/* Umfrage*/
.pollanswer {margin-right: .3em;} /*Abstand Radiobtn zu Text*/
.pollmain td {font-size: x-small; /* fÃ¼r IE%/Win*/f\ont-size: small; /*fÃ¼r alle andreren IE*/font-family: Helvetica, Arial, san-serif; color: #000; line-height: 1.6em; font-size: 110%;}


/* Fotoroman*/
.tx-dnfotoroman-pi1-imagetextbox {line-height: 140%;width: 300px; padding-right: 0; margin-right: 30px;} /* Zeilendurchschuss*/
.tx-dnfotoroman-pi1-imagetextbox img {margin-bottom: 1em;}/* Abstand zu Text*/
.tx-dnfotoroman-pi1-fotoromanwrapper {width: 660px;}

#teaser { background-image: url(basisdesign/bgblatt.gif); background-repeat: no-repeat; background-position: center bottom; padding: 10px; width: 640px;background-color: #f0e3cd;}
#teaser h1 {padding-top: 10px;}

.episode {margin-left: 0px; width: 660px; float: left; margin: 15px 0 10px 0;}
.imgleft {float: left; margin: 0px 20px 0px 0px;}
.imgright {float: right; margin: 0px 0px 0px 20px;}
.clearleft {clear: left;}

#shinybox {width: 1000px;  background-image: url(basisdesign/bgshiny.gif); position: relative; right: 0px;}

/*footer---------------------------------------*/

#footer { width: 1000px; background-image: url(basisdesign/bgfooter.gif); background-repeat: no-repeat; background-position: right bottom; position: relative; left: 0; top: 0;height: 70px; z-index: 0;  text-align: right;}
#footer img { text-align: right; position: relative; top: 24px;}

.impressum a {color: #666; position: absolute; left: 220px; top: 42px; text-decoration: none; font-size: 85%;}
.impressum a:hover {color: #fff;}

/*Diverse---------------------------------------*/

#logomfk { width: 75px; background-image: url(basisdesign/logomfk.gif); background-repeat: no-repeat; position: absolute; right: 0; top: 87px; height: 400px;z-index: 1000; }

.editpaneltext {color: #ff8500; padding: 5px 0 5px 0; margin: 0; font-size: 85%; line-height: 110%;}
.digi-news-editpanel {border-top: 1px solid #aaa; padding-top: 8px;  margin-top: 10px; }

#bewertung {border-top: 1px solid #aaa; padding-top: 10px; padding-bottom: 10px; clear: both;}
.myclear {width: 100px;}

/* diverse Inhalte*/

#podcast {width: 120px; height: 40px; background-image: url(basisdesign/podcast.png); background-repeat: no-repeat; padding:3px 8px 0px 42px;margin-top: 70px;}
#podcast a , #youtube a , #facebook a, #tutorial, #tutorial a {color: #888; font-size: 85%; width: 50px; text-decoration: none;}
#podcast a:hover, #youtube a:hover, #facebook a:hover, #tutorial a:hover {color: #ff8500;}
.pollquestion td {padding-bottom: 10px; line-height: 5em;}

#youtube {width: 120px; height: 40px; background-image: url(basisdesign/youtube.png); background-repeat: no-repeat; padding:3px 8px 0px 42px;margin-top: 5px;}
#facebook {width: 120px; height: 40px; background-image: url(basisdesign/facebook.png); background-repeat: no-repeat; padding:3px 8px 0px 42px;margin-top: 5px;}
#tutorial {width: 120px; height: 40px; background-image: url(basisdesign/digi-rad.gif); background-repeat: no-repeat; padding:3px 8px 0px 42px;margin-top: 5px;}

/* Titelseite Start*/

.tx-dnclasslist-pi1 h2 {margin-bottom: 30px; line-height: 140%; color: #666 ! important;}/* Teaser*/
.tx-dnclasslist-pi1 { font-weight: bold; width: 660px;}

.sortieren {position: absolute; top: 94px;left: 0px; height: 32px; width: 330px; background-color: #999;  background-image: url(basisdesign/nbgsubnavibg.gif);}
.sortieren ul { line-height: 30px; list-style: none; display: block; font-size: 85%; background-image: url(basisdesign/nbgsubnavibg.gif); }
.sortieren ul li { width: auto; float: left; text-align: center; background-image: url(basisdesign/nbgsubnavibg.gif);}
.sortieren ul li a {display: block; text-decoration: none; color: #152028; padding: 0 10px 0 10px; }
.sortieren ul li a:hover { line-height: 30px; color: #000;display: block; padding: 0 10px 0 10px; background-image: url(basisdesign/nbgsubnaviaktiv.gif); background-position: right -60px; }
.sortieren .act { color: #ddd; font-weight: bold; background-color: #666;  background-image: url(basisdesign/nbgsubnaviaktiv.gif); background-position: right -120px; cursor: default;}

.searchbox {position: absolute; top: 94px;left: 330px; height: 32px; width: 330px; background-color: #999; /*font-size: 80%;*/ background-image: url(basisdesign/nbgsubnavibg.gif); }
.sort-selector { margin-top: 3px; margin-left: 35px; /*font-size: 80%;*/}
.searchbox-button { margin-top: 4px; font-size: 80%;}


/* Tabelle Front*/
.klassenliste {width: 660px; border-collapse: collapse; margin: 0; padding: 0;}
.klassenliste caption {display: none; } /*Tabellentitel verbergen*/
.klassenliste th {text-align: left;color: #ddd; background: #666 url(basisdesign/nbgsubnavibasisbg.gif); font-size: 85%;} /*Spaltentitel*/
.klassenliste th, .klassenliste td { padding: 4px 10px;}
.klassenliste tr:hover {background-color: #d0d0d0;}

.hell {background-color: #f3f3f3;}
.dunkel {background-color: #eaeaea;}

.klassenliste tbody {line-height: 160%; color: black; }
.klassenliste tbody a {line-height: 160%; color: black; text-decoration: none;}

.klassenliste tbody a:link { color: black; }
.klassenliste tbody a:visited { color: #666; }


