html { height:100%;}
body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:0.9em;
width:100%;
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}
p {margin:0; padding:0;}
strong {color:#8c898c;}
h1 { font-size:1.1em; color:#3399cc; margin:0;padding:0 0 5px 0;}
h2 { font-size:1.1em; color:#3399cc; margin:0;padding:0 0 5px 0;}
h3 { font-size:1em; color:#3399cc; margin:0;padding:0 0 5px 0;}
h3.underline { font-size:1em; color:#1e84bb; margin:0;padding:0 0 5px 0;}
h1.gruen { font-size:1.1em; color:#78b63e; margin:0;padding:0 0 5px 0;}
.pink { color:#db0076;}
hr { height: 1px;border: 0 none; border-top: 1px dotted #2b81a6; margin-top:5px;}
a:link { text-decoration:none;color:#e40075; }
a:visited {text-decoration:none; color:#e40075;}
a:hover { color:#e40075; text-decoration:none;}
a:focus { color:#e40075; text-decoration:none;}
/*********************************2011 allgemein gültige Klassen************************************************/
a.pink-button { background: transparent url(images/icons/pfeil-pink.png) left top no-repeat; padding-left: 15px; background-color:#eeeeee;}
.zahl-1 { width:200px; height:130px; background: transparent url(images/zahlen/1.png) right center no-repeat; margin-bottom:10px;}
.zahl-2 { width:200px; height:130px; background: transparent url(images/zahlen/2.png) right center no-repeat; margin-bottom:10px;}
.zahl-3 { width:200px; height:130px; background: transparent url(images/zahlen/3.png) right center no-repeat; margin-bottom:10px;}
.zahl-4 { width:200px; height:130px; background: transparent url(images/zahlen/4.png) right center no-repeat; margin-bottom:10px;}
.zahl-5 { width:200px; height:130px; background: transparent url(images/zahlen/5.png) right center no-repeat; margin-bottom:10px;}
.zahl-6 { width:200px; height:130px; background: transparent url(images/zahlen/6.png) right center no-repeat; margin-bottom:10px;}
.zahl-7 { width:200px; height:130px; background: transparent url(images/zahlen/7.png) right center no-repeat; margin-bottom:10px;}
.zahl-8 { width:200px; height:130px; background: transparent url(images/zahlen/8.png) right center no-repeat; margin-bottom:10px;}
/********************************* 2011 Container ************************************************/
#wrapper { margin:auto; width:980px;text-align:left; margin-top:30px;
-moz-box-shadow: 5px 5px 30px #ccc; -webkit-box-shadow: 5px 5px 30px #ccc; box-shadow: 5px 5px 30px #ccc; -khtml-box-shadow: 5px 5px 30px #ccc;
-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index:100;
background-color:#fcfcfc;
}
*+html #wrapper { border: 1px solid #ccc;}
#head-container-start { height:260px; width:980px; background: transparent url(http://localhost:8080/html/images/header/header-start.png) left top no-repeat;}
#head-container { height:260px; width:980px; background: transparent url(http://localhost:8080/html/images/header/header-follow.png) left top no-repeat;}
#content {
padding:0px;
text-align:left;
margin:0px 220px 0px 220px;
}
#breadcrumb { height:20px; font-size:0.9em; float:left;}
/*********************************2011 Service Menue************************************************/
#service-menue{
margin:0px;
padding:0;
height:30px;
font-size:0.9em;
width:500px;
float:left;
}
#service-menue ul {padding: 0;list-style-type: none;}
#service-menue ul li { display:block;float:left;text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #fff;
color: #fff;
text-align: center;}
#service-menue a {text-decoration:none; color:#fff; background:none;}
#service-menue ul li#minusRand { border-right: 0;
}
/****************************2011 Suche im header*******************************************************************************/
.box-suche-start {
width:195px;
float:right;
margin:8px 8px 0px 0px;
padding:5px;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
background-color:#f07eb9;
font-size:0.9em;
}
.box-suche-start label { padding:0px 5px 0px 5px; color:#fff;}
.box-suche-start input { color:#e40075; width:8.5em; }
.box-suche-start a.go { background: transparent url(images/icons/go-search.png) left center no-repeat; padding:10px;}
.box-suche-follow {
width:195px;
float:right;
margin:58px 8px 0px 0px;
padding:5px;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
background-color:#dfdfdf;
font-size:0.9em;
}
.box-suche-follow label { padding:0px 5px 0px 5px;}
.box-suche-follow input { color:#e40075; width:8.5em; }
.box-suche-follow a.go { background: transparent url(images/icons/go-search.png) left center no-repeat; padding:10px;}
/****************************2011 boxen startseite *******************************************************************************/
.box-holder { margin:auto; width:640px;}
.box-holder p { padding:5px;}
.box-holder h2.schueler { background-color:#e40075; color:#fff; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 5px;}
.box-holder h2.unternehmer { background-color:#11afff; color:#fff; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 5px;}
.box-holder h2.verwaltung { background-color:#393939; color:#fff; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 5px;}
.box-1 { width:180px; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; margin-right:20px; background-color:#fff;}
.box-2 { width:180px; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; margin-right:20px; background-color:#fff;}
.box-3 { width:180px; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; background-color:#fff;}
/****************************2011 hauptmenue *******************************************************************************/
.menue { padding:0; height:25px; width:980px;}
.menue ul { margin:0; padding:6px 0 0 0; list-style-type: none; font-size:1em;float:right; margin:82px 10px 0px 0px; clear:right;}
.menue ul li { text-align: center; background-color:#e40075; color:#fff; float: left;
-moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding:3px 0px 3px 0px; margin-left:7px; }
.menue ul li a { text-decoration: none; background: #e40075; color:#fff; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding:3px 20px 3px 20px;}
.menue ul li a:hover{color: #fff; background: #00a5e2; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; }
.menue ul li.active a {background: #00a5e2; color: #fff; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;}
/*********************************2011 rechter Bereich************************************************/
#right { float:right; width:180px; right:0; margin:50px 0 0 0; padding:5px; font-size:0.9em; background:#fff;}
#right p {line-height:1.5em;}
#right h1 {background-color:#e40075; color:#fff; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 5px;}
#right hr { height: 1px;border: 0 none; border-top: 1px dotted #e4e4e4; margin-top:5px;}
#right fieldset { border:1px solid #ccc; padding:8px; margin:auto;}
#right legend { color:#2b81a6; font-weight:bold;}
#right a.intern {
background:transparent url(images/icons/pfeil-liste-magenta.png) left 4px no-repeat;
padding-left: 12px;
font-size:0.9em;
}
#news p {line-height:1.5em;}
#news h2 {line-height:1.5em; font-size:1em;color:#2b81a6;}
#lastminute p {line-height:1.5em;}
/*********************************2011 linker Bereich Sponsoren ************************************************/
#sponsoren { text-align:center; margin-top:30px;}
#sponsoren h1 { background-color:#e40075; color:#fff; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 5px;}
/********************************* 2011 Content Bereich************************************************/
#story {
float:left; width:560px; font-size:1em;
}
#story p {line-height:1.5em;}
.margin-adress {width:120px; float:left; font-style:italic;}
.margin-adress200 {width:200px; float:left; font-style:italic;}
.start-box1 { width:250px; min-height:300px; margin:0px 20px 20px 0px; font-size:0.9em; border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; background-color:#fff;}
.start-box2 { width:250px; min-height:300px; margin:0px 0px 20px 0px; font-size:0.9em; border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; background-color:#fff;}
.start-box3 { width:250px; min-height:300px; margin:0px 20px 0px 0px; font-size:0.9em; border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; background-color:#fff;}
.start-box4 { width:250px; min-height:300px; margin:0px 0px 0px 0px; font-size:0.9em; border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float:left; background-color:#fff;}
.start-box1 p, .start-box2 p, .start-box3 p, .start-box4 p { padding:5px;}
h2.headline {background-color:#eeeeee; color:#3399cc; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 8px;}
#box-center250 { margin:auto;font-size:0.9em; padding:0px; width:250px; margin-top:40px;}
/******************************** 2011 linker Bereich************************************************/
#left-index { float:left; width:200px; margin:50px 0 0 0; padding:0;}
#left-index hr { height: 1px;border: 0 none; border-top: 1px dotted #2b81a6; margin-top:5px;}
#left-index h1 { color:#1e84bb; background-image: url(images/jump_headline.gif);background-repeat: no-repeat;background-position: left center; padding-left:60px; font-size:100%;}
#left-index p { line-height:1.5em; font-size:90%;}
#left-index input { width:8em; border-style:outset; border:1px solid #2b81a6; background-color:#f0f8ff; color:#2b81a6; font-weight:bold; text-align:center;}
#left { float:left; width:200px; margin:0px 0 10px 0; padding:0;}
#left hr { height: 1px;border: 0 none; border-top: 1px dotted #2b81a6; margin-top:5px;}
#left h1 { color:#1e84bb; background-image: url(images/jump_headline.gif);background-repeat: no-repeat;background-position: left center; padding-left:60px; font-size:100%;}
#left p { line-height:1.5em; font-size:90%;}
#welcome { width:180px; padding:4px 0px 4px 20px; margin-bottom:20px; background-image:url(images/welcome_linie.gif); background-repeat:no-repeat; height:35px;}
a.logout { background-image: url(images/logout.gif);background-repeat: no-repeat;background-position: left center; padding-left: 15px; margin-left:30px;}
#left-start { float:left; width:200px; margin:20px 0 0 0; padding:0; background-image:url(images/web_ringe_150.jpg); background-position:top center;
background-repeat:no-repeat; padding-top:140px;}
#left-start h1 {background-color:#e40075; color:#fff; -moz-border-radius:8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; padding:3px 3px 3px 5px;}
#left-start hr { height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:5px;}
#left-start p { line-height:1.5em; font-size:0.9em; text-align:center;}
/********************************* 2011 Listen Definitionen Content Bereich************************************************/
#liste-standard ul { list-style-image:url(images/icons/pfeil-liste-blau.png); margin-left:-10px;}
#liste-standard ul li { line-height:1.9em; }
ul.standard { list-style-image:url(images/icons/pfeil-liste-blau.png); margin-left:-10px;}
ul.standard li {line-height:1.6em;}
/************* neue Listenklassen ***********/
ul.liste { list-style-image:url(images/icons/pfeil-liste-blau.png); margin-left:-10px; }
ul.liste li {line-height:1.6em;}
*+html ul.liste { margin-left:30px;}
#liste-lastminute ul { list-style-image:url(images/icons/pfeil-liste-magenta.png); margin-left:-10px;}
#liste-lastminute ul li {line-height:1.9em;}
#liste-aktuelles ul { list-style-image:url(images/icons/pfeil-liste-magenta.png); margin-left:-10px;}
#liste-aktuelles ul li {line-height:1.9em;}
/* liestendefinition fuer den bereich meine nachrichten*/
#liste-mails ul { list-style-image:url(images/icons/pfeil-liste-magenta.png); margin-left:-10px;}
#liste-mails ul li { line-height:1.6em; }
/***************************************************** 2011 linker Bereich Menue ***************************************************/
.submenue { border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;background:#fff; padding:15px 0px 15px 0px}
.submenue ul { list-style:none; margin:0; padding:0; font-size:0.9em; }
.submenue li {background: transparent url(images/menue-bg/0.png) 2px 5px no-repeat; margin:1px 0px 1px 0px;}
.submenue li:hover {background: transparent url(images/menue-bg/0-active.png) 2px 5px no-repeat; color:#fff;}
.submenue li li:hover {background: transparent url(images/menue-bg/0-active-sub.png) left top no-repeat; color:#fff;}
.submenue li li li:hover {background: transparent url(images/menue-bg/0-active-sub-sub.png) left top no-repeat; color:#fff;}
.submenue li a { color:#333; background:none; padding-left:3px;}
.submenue li a:hover { color:#fff;}
.submenue ul li {padding:10px 0px 3px 6px; }
.submenue ul ul { margin-top:8px;}
.submenue ul ul li {border-bottom:none; margin:1px 0px 1px 9px; background: transparent url(images/menue-bg/0-sub.png) left top no-repeat; padding:6px 0px 6px 3px;}
.submenue ul ul ul { margin-top:8px;}
.submenue ul ul ul li {border-bottom:none; background: transparent url(images/menue-bg/0-sub-sub.png) left top no-repeat; padding:6px 0px 6px 3px; }
.submenue li.active-0 {background: transparent url(images/menue-bg/0-active.png) 2px 5px no-repeat;}
.submenue li.active-0 a { color:#fff; padding-left:3px; font-weight:bold;}
.submenue li.active-0 li a { color:#333; font-weight:normal;}
.submenue li.active-0 li a:hover { color:#fff; font-weight:normal;}
.submenue li li.active-0 {background: transparent url(images/menue-bg/0-active-sub.png) left top no-repeat;}
.submenue li li.active-0 a { color:#fff; font-weight:bold;}
.submenue li.active-0 li li a { color:#333; font-weight:normal;}
.submenue li.active-0 li li a:hover { color:#fff; font-weight:normal;}
.submenue li li li.active-0 {background: transparent url(images/menue-bg/0-active-sub-sub.png) left top no-repeat;}
.submenue li li li.active-0 a { color:#fff; font-weight:bold;}
.submenue li.active-1 {background: transparent url(images/menue-bg/1.png) 2px 5px no-repeat;}
.submenue li.active-1 a { color:#fff; padding-left:3px; font-weight:bold;}
.submenue li.active-2 {background: transparent url(images/menue-bg/2.png) 2px 5px no-repeat;}
.submenue li.active-2 a { color:#fff; padding-left:3px; font-weight:bold;}
.submenue li.active-3 {background: transparent url(images/menue-bg/3.png) 2px 5px no-repeat;}
.submenue li.active-3 a { color:#fff; padding-left:3px; font-weight:bold;}
.submenue li.active-4 {background: transparent url(images/menue-bg/4.png) 2px 5px no-repeat;}
.submenue li.active-4 a { color:#666; padding-left:3px; font-weight:bold;}
.submenue li.active-5 {background: transparent url(images/menue-bg/5.png) 2px 5px no-repeat;}
.submenue li.active-5 a { color:#666; padding-left:3px; font-weight:bold;}
.submenue li.active-6 {background: transparent url(images/menue-bg/6.png) 2px 5px no-repeat;}
.submenue li.active-6 a { color:#fff; padding-left:3px; font-weight:bold;}
.submenue li.active-7 {background: transparent url(images/menue-bg/7.png) 2px 5px no-repeat;}
.submenue li.active-7 a { color:#fff; padding-left:3px; font-weight:bold;}
/****************************Bildleiste und Landkreisüberschriften im header*******************************************************************************/
/**************************** menue blau*******************************************************************************/
#menue-blau { padding:0; height:27px; width:980px; background-image:url(images/header/blau_unten.gif); background-repeat:no-repeat;}
#menue-blau ul { margin:0; padding:6px 0 0 0; list-style-type: none; text-align: center; margin-left:300px; font-size:0.9em;}
#menue-blau ul li { float: left; text-align: center; padding: .3em 0 .3em 0; margin: 0; border-left: 1px solid #fff;}
*html #menue-blau ul li {padding: .3em 0px .4em 0px; display:block; border-left: 1px solid #fff;}
#menue-blau ul li a { padding: .3em 11px .3em 5px; margin: 0; text-decoration: none; color:#fff;}
*html #menue-blau ul li a {padding: .3em 11px .4em 5px;}
#menue-blau ul li a:hover{color: #fff; background: #1e84bb;}
#menue-blau a:active{background: #1e84bb; color: #fff;}
#menue-blau li.active a {background: #1e84bb; color: #fff;}
/**************************** menue pink*******************************************************************************/
#menue-pink { padding:0; font-size:0.9em; height:27px; width:980px; background-image:url(images/header/pink_unten.gif); background-repeat:no-repeat;}
#menue-pink ul {border: 0;margin: 0; padding:6px 0 0 0; list-style-type: none;text-align: center; margin-left:300px;}
#menue-pink ul li {float: left;text-align: center;padding: .3em 0 .3em 0;margin: 0;}
*html #menue-pink ul li {padding: .3em 0 .4em 0;}
#menue-pink ul li a {border-left: 1px solid #fff; padding: .3em 11px .3em 5px;margin: 0;text-decoration: none; color:#fff;}
*html #menue-pink ul li a{padding: .3em 11px .4em 5px;}
#menue-pink ul li a:hover{color: #fff; background: #db0076; }
#menue-pink a:active{background: #db0076; color: #fff;}
#menue-pink li.active a {background: #db0076; color: #fff;}
/**************************** menue gruen*******************************************************************************/
#menue-gruen { padding:0; font-size:0.9em; height:27px; width:980px; background-image:url(images/header/gruen_unten.gif); background-repeat:no-repeat;}
#menue-gruen ul {border: 0;margin: 0; padding:6px 0 0 0; list-style-type: none;text-align: center; margin-left:300px;}
#menue-gruen ul li {float: left;text-align: center;padding: .3em 0 .3em 0;margin: 0;}
*html #menue-gruen ul li {padding: .3em 0 .4em 0;}
#menue-gruen ul li a{border-left: 1px solid #fff;padding: .3em 11px .3em 5px;margin: 0;text-decoration: none; color:#fff;}
*html #menue-gruen ul li a{padding: .3em 11px .4em 5px;}
#menue-gruen ul li a:hover{color: #fff;background: #78b63e; }
#menue-gruen a:active{background: #1e84bb; color: #fff;}
#menue-gruen li.active a{background: #78b63e; color: #fff;}
/********************************* Bildpositionierugen und Bildunterschriften innerhalb des Content Bereiches************************************************/
#story .bild-unterschrift200 { font-style:italic; padding-bottom:5px; line-height:1.5em; font-size:0.8em; float:left; margin:5px 20px 0px 0; width:200px;}
#story .bild-unterschrift300 { font-style:italic; padding-bottom:5px; line-height:1.5em; font-size:0.8em; float:left; margin:5px 20px 0px 0; width:300px;}
#story img.img-left { float:left; margin-right:10px; margin-bottom:10px;}
/********************************* unterschiedliche horizontale Menues innerhalb des Content Bereiches************************************************/
#menue-jahrgaenge {float:left; width:100%;}
#menue-jahrgaenge ul {border:0; margin: 0; padding:0; list-style:none; text-align:center;}
#menue-jahrgaenge ul li {float: left; text-align: center; padding: .3em 0 .3em 0; margin: 0; list-style:none;}
#menue-jahrgaenge ul li a{ border:1px solid #ccc; padding:2px 8px 2px 8px; margin-top:10px; margin-right:15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#menue-jahrgaenge ul li a:hover{ background-color:#28477b; padding:2px 8px 2px 8px; margin-top:10px; margin-right:15px; color:#fff;}
#menue-jahrgaenge ul li a.active{ background-color:#28477b; padding:2px 8px 2px 8px; margin-top:10px; margin-right:15px; color:#fff;}
#menue-gruppen {float:left; width:100%;}
#menue-gruppen ul {border:0; margin: 0; padding:0; list-style:none; text-align:center;}
#menue-gruppen ul li {float: left; text-align: center; padding: .3em 0 .3em 0; margin: 0; list-style:none;}
#menue-gruppen ul li a{ border:1px solid #ccc; padding:2px 5px 2px 5px; margin-top:10px; margin-right:10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#menue-gruppen ul li a:hover{ background-color:#28477b; padding:2px 5px 2px 5px; margin-top:10px; margin-right:10px; color:#fff;}
#menue-gruppen ul li a.active{ background-color:#28477b; padding:2px 5px 2px 5px; margin-top:10px; margin-right:10px; color:#fff;}
#menue-a-z { float:left; width:98%;}
#menue-a-z ul {border:0; margin:0; padding:0; list-style:none; text-align:center;}
#menue-a-z ul li {float: left; text-align: center; padding: .8em 0 .5em 0; margin: 0; list-style:none;}
#menue-a-z ul li a{ border:1px solid #ccc; padding:2px 4px 2px 4px; margin-top:5px; margin-right:1px;}
#menue-a-z ul li a:hover{ background-color:#2b81a6; padding:2px 4px 2px 4px; margin-top:5px; color:#fff; margin-right:1px;}
#menue-a-z ul li a.active{ background-color:#2b81a6; padding:2px 4px 2px 4px; margin-top:5px;color:#fff; margin-right:1px;}
*html #menue-a-z ul li a{ border:1px solid #ccc; padding:2px 2px 2px 4px; margin-top:5px; margin-right:1px;}
*html #menue-a-z ul li a:hover{ background-color:#2b81a6; padding:2px 2px 2px 4px; margin-top:5px; color:#fff; margin-right:1px;}
*html #menue-a-z ul li a.active{ background-color:#2b81a6; padding:2px 2px 2px 4px; margin-top:5px;color:#fff; margin-right:1px;}
#menue-reiter { padding-bottom:2px; width:98%;}
#menue-reiter ul{ margin:0;padding: 0;list-style: none;}
*html #menue-reiter ul{ margin:.5em 0 0 0;padding: 0;list-style-type: none;}
#menue-reiter ul li { display: inline;}
#menue-reiter ul li a {padding:.2em 1em .2em 1em; background-color: #eeeeee; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#menue-reiter ul li a:hover {color: #fff;background-color:#3399cc;}
#menue-reiter ul li a.active {color: #fff;background-color:#3399cc;}
/********************************* 2011 Tabellen innerhalb des Content Bereiches************************************************/
#table-schuelerverwaltung table {
float:left;
width:95%;
font-size:1em;
}
#table-schuelerverwaltung th {
padding: 5px 10px;
color: #666;
text-align: left;
border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
#table-schuelerverwaltung thead th {border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; white-space: nowrap; background-color: #eeeeee;}
#table-schuelerverwaltung tbody td, tbody th {padding: 5px 10px;background-color: #fff; border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
#table-schuelerverwaltung tbody tr th.green { background:#eeeeee url(images/icon_ampel_gruen.gif) center center no-repeat; }
#table-schuelerverwaltung tbody tr th.red { background:#eeeeee url(images/icon_ampel_red.gif) center center no-repeat; }
#table-schuelerverwaltung tbody tr th.orange {background:#eeeeee url(images/icon_ampel_orange.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr th.edit { background:#eeeeee url(images/icon_pencil.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr th.edit a{ padding:2px 5px 2px 10px;}
#table-schuelerverwaltung tbody tr td.green { background:transparent url(images/icon_ampel_gruen.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.red { background:transparent url(images/icon_ampel_red.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.orange { background:transparent url(images/icon_ampel_orange.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.edit { text-align: center; background:transparent url(images/icon_pencil.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.edit a{ text-align: center; padding:2px 5px 2px 10px;}
#table-schuelerverwaltung tbody tr td.delete { text-align: center; background:transparent url(images/icon_delete.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.deletefromlist { text-align: center; background:transparent url(images/icon_delete_list.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.delete a{ text-align: center; padding:2px 5px 2px 10px;}
#table-schuelerverwaltung tbody tr td.greenarrow { background:transparent url(images/ok.gif) center center no-repeat;}
#table-schuelerverwaltung tbody tr td.greenarrow a{ padding:2px 5px 2px 140px;}
#table-schuelerverwaltung tbody tr.blue {border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#table-schuelerverwaltung tbody tr.blue td {background-color: #eeeeee;}
#table-schuelerverwaltung tfoot td, tfoot th {border: none;padding-top: 10px;}
#table-schuelerverwaltung caption {
text-align: left;
text-indent: 1em;
font-size: 1em;
padding: 8px 0;
color: #3399cc;
font-weight:bold;
border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
#table-schuelerverwaltung colgroup col.td-center{ text-align:center;}
#table-schuelerverwaltung select {border:1px solid #ccc; width:5em;}
#table-stripes table {
float:left;
width:97%;
border-collapse: collapse;
border: 3px solid #fff;
border-bottom: 3px double #ccc;
border-top: 3px double #ccc;
font-size:1em;
}
#table-stripes th { padding: 5px 10px; color: #666; text-align: left; }
#table-stripes thead th {border: 1px solid #ccc; white-space: nowrap;background-color: #f0f8ff;}
#table-stripes tbody td, tbody th {padding: 5px 10px;background-color: #fff;}
#table-stripes tbody tr.blue {border: 1px solid #ccc;}
#table-stripes tbody tr.blue td {background-color: #f0f8ff;}
#table-stripes tfoot td, tfoot th {border: none;padding-top: 10px;}
#table-stripes caption {
text-align: left;
text-indent: 1em;
font-size: 1em;
padding: 8px 0;
color: #2b81a6;
font-weight:bold;
border-top: 1px solid #ccc;
}
#table-stripes colgroup col.td-center{ text-align:center;}
#table-stripes select {border:1px solid #ccc; width:5em;}
/*********************2011 Auszeichnungen button Navigation innerhalb des Contents *************************/
#story a.back {
background: transparent url(images/icons/pfeil-back.png) left 4px no-repeat;
padding-left: 12px;
font-size:0.9em;
}
/***** Klasse für internen Link ****/
#story a.forward {
background:transparent url(images/icons/pfeil-liste-magenta.png) right 4px no-repeat;
padding-right: 12px;
font-size:0.9em;
float:right;
}
#story a.intern {
background:transparent url(images/icons/pfeil-liste-magenta.png) left 4px no-repeat;
padding-left: 12px;
font-size:0.9em;
}
#story a.top {
float:right;
background:transparent url(images/icon_top.gif) left center no-repeat;
padding-left: 15px;
font-size:0.9em;
}
#story a.work {
background:transparent url(images/icon_pencil.gif) left center no-repeat;
padding-left: 20px;
}
#story a.new {
background:#eeeeee url(images/icon_new.gif) left center no-repeat;
border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
padding:3px 3px 3px 20px;
}
#story a.favoriten {
background:#eff6fa url(images/icon_favoriten.gif) left center no-repeat;
border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
padding:3px 3px 3px 20px;
}
#story a.arbeitsamt {
background:transparent url(images/icon_aa.gif) left center no-repeat;
padding:2px 2px 2px 20px;
}
#story a.delete {
background:transparent url(images/icon_delete_small.gif) right center no-repeat;
padding-right: 15px;
font-size:0.9em;
}
#story a.delete_bordered_button {
background:#eff6f url(images/icon_delete.gif) right center no-repeat;
border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
padding:2px 20px 2px 2px;
text-align:right;
}
#story p.pink { color:#db0076;}
/********************** 2011 Formular Auszeichnungen ***************************/
#form-standard fieldset {margin:0 0 5px 0px; border:none;}
#form-standard label{float:left; width:6em; margin:2px 0 0px 0px;}
#form-standard input {border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#form-standard textarea {border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#form-standard select {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#form-standard input.sent-button { color:#e40075;}
#form-standard input.sent-button6em { width:6em; color:#e40075;}
/********************** news formular ***************************/
#form-news fieldset {margin:0 0 5px 0px; border:none;}
#form-news label{float:left; width:6em; margin:2px 0 0px 0px;}
#form-news input {border:1px solid #2b81a6; width:80%;}
#form-news textarea {border:1px solid #2b81a6; width:80%;height:30em;}
#form-news select {border:1px solid #2b81a6; width:6em;}
#form-news input.sent-button { width:2em; color:#2b81a6;}
/*************** feedback formular *****************/
#form-feedback fieldset {margin:0 0 5px 0px; border:none;}
*html #form-feedback fieldset {margin:0 0 10px 0px; border:none;}
#form-feedback label {float:left; width:8em; margin:2px 15px 0px 0px; text-align:right;}
#form-feedback input { border:1px solid #2b81a6; width:45%;}
#form-feedback textarea {border:1px solid #2b81a6; width:45%; height:10em;}
#form-feedback select {border:1px solid #2b81a6; width:45%;}
#form-feedback input.sent-button { width:6em; color:#2b81a6;}
/*************** registrieren formular *****************/
#form-registrieren fieldset {margin:0 0 5px 0px; border:none;}
*html #form-registrieren fieldset {margin:0 0 10px 0px; border:none;}
#form-registrieren label {float:left; width:8em; margin:2px 15px 0px 0px; text-align:right;}
#form-registrieren input { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-registrieren input.read-only {border:none; width:15em;}
#form-registrieren textarea { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-registrieren select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-registrieren input.sent-button { width:6em; color:#de007e;}
#form-registrieren input.check { float:left;}
/*************** 2011 registrieren stammdaten *****************/
#form-stammdaten fieldset {margin:0 0 5px 0px; border:none;}
*html #form-stammdaten fieldset {margin:0 0 10px 0px; border:none;}
#form-stammdaten label {float:left; width:8em; margin:2px 15px 0px 0px;}
#form-stammdaten input { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-stammdaten input.read-only { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-stammdaten textarea { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-stammdaten select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:15em;}
#form-stammdaten input.sent-button { width:6em; color:#de007e;}
/********************** edit news form ***************************/
#news-edit-form fieldset {margin:0 0 5px 0px; border:none;}
*html #news-edit-form fieldset {margin:0 0 10px 0px; border:none;}
#news-edit-form label {float:left; width:8em; margin:2px 15px 0px 0px; text-align:right;}
#news-edit-form textarea { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:20em; height:10em;}
#news-edit-form input { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:10em;}
#news-edit-form input.read-only {border:none; width:15em;}
#news-edit-form input[type="text"] { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:20em;}
#news-edit-form input[type="submit"] { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:10em;}
#news-edit-form input.sent-button { width:2em; color:#de007e;}
/********************** indilogin center250 form ***************************/
#form-center250 label{float:left; width:8em; margin:2px 0 0px 0px;}
#form-center250 input {border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:8em;}
#form-center250 textarea {border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:8em;}
#form-center250 select {border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:8em;}
#form-center250 input.sent-button { width:2em; color:#de007e;}
/*************** verwaltung administrator formular *****************/
#form-admin fieldset {margin:0 0 5px 0px; border:none;}
*html #form-admin fieldset {margin:0 0 10px 0px; border:none;}
#form-admin label {float:left; width:10em; margin:2px 15px 0px 0px; text-align:right;}
#form-admin input.text { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:60%;}
#form-admin input.check { float:left;}
#form-admin input.read-only {border:none; width:15em;}
#form-admin textarea {border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:60%; height:10em}
#form-admin select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:61%; margin:0;}
#form-admin input.sent-button { width:6em; color:#de007e;border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/*************** schüler register formular *****************/
#form-reg-pupil fieldset {margin:0 0 5px 0px; border:none;vertical-align:middle;}
#form-reg-pupil div {vertical-align:middle;}
#form-reg-pupil span {vertical-align:middle;}
#form-reg-pupil label {float:left; width:10em; margin:2px 15px 0px 0px; text-align:right; vertical-align:middle;}
#form-reg-pupil input.text { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:60%;}
#form-reg-pupil input.check { float:left;}
#form-reg-pupil input.read-only {border:none; width:15em;}
#form-reg-pupil textarea {border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:60%; height:10em}
#form-reg-pupil select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:61%; margin:0; vertical-align:middle;}
#form-reg-pupil input.sent-button { width:6em; color:#de007e;border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/*************** search form *****************/
#form-search fieldset {margin:0 0 5px 0px; border:none;}
*html #form-admin fieldset {margin:0 0 10px 0px; border:none;}
#form-search input.text { border:1px solid #2b81a6; width:60%;}
#form-search input.read-only {border:none; width:15em;}
#form-search textarea {border:1px solid #2b81a6; width:60%; height:10em}
#form-search select { border:1px solid #2b81a6; width:61%; margin:0;}
#form-search input.sent-button { width:6em; color:#2b81a6;border:1px solid #2b81a6;}
#form-search label.left
{
float:left;
width:10em;
margin:2px 15px 0px 0px;
text-align:right;
}
#form-search label.right
{
float:left;
text-align:left;
}
#form-search input.check.left { float:left;}
#form-search input.check.right { float:right;}
/*************** verwaltung administrator formular *****************/
#form-verwaltung fieldset {margin:0 0 5px 0px; border:none;}
*html #form-verwaltung fieldset {margin:0 0 10px 0px; border:none;}
#form-verwaltung label {float:left; width:15em; margin:2px 15px 3px 0px;}
#form-verwaltung input.text { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:80%;}
#form-verwaltung textarea {border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:80%; height:10em}
#form-verwaltung select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:81%; margin:0; padding:2px;}
#form-verwaltung input.sent-button { width:6em; color:#de007e; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/*************** verwaltung administrator Group *****************/
#group-verwaltung fieldset {margin:0 0 5px 0px; border:none;}
*html #group-verwaltung fieldset {margin:0 0 10px 0px; border:none;}
#group-verwaltung label {float:left; margin:2px 15px 3px 0px;}
#group-verwaltung input.text { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#group-verwaltung select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin:0;}
#group-verwaltung input.sent-button { width:6em; color:#de007e; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/*************** stellenangebote formular *****************/
#form-stellen fieldset {margin:0 0 5px 0px; border:none;}
*html #form-stellen fieldset {margin:0 0 10px 0px; border:none;}
#form-stellen label {float:left; width:20em; margin:2px 15px 3px 0px;}
#form-stellen input.text { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:80%;}
#form-stellen input.check { float:left;}
#form-stellen textarea { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:80%; height:10em}
#form-stellen select { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:81%; margin:0;}
#form-stellen input.sent-button { width:6em; color:#de007e; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/*************** verwaltung administrator formular *****************/
#form-berufsorientierung fieldset {margin:0 0 0px 0px; border:none;}
#form-berufsorientierung label {width:15em; margin:0px 0px 0px 25px;}
#form-berufsorientierung input.sent-button { width:6em; color:#de007e; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/***************Berufsorientierungstests bot *****************/
#bot fieldset {margin:0px; border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding:10px; width:60%;}
#bot legend {color:#2b81a6; font-weight:bold;}
#bot label{float:left; width:6em; margin:2px 0 0px 0px;}
#bot input { border:1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width:6em;}
#bot input.sent-button6em { width:6em; color:#de007e;}
/*************** schuelerverwaltung formularfeld fuer schueler tests editieren *****************/
#schuelerverwaltung-tests fieldset {margin:0px; border:1px solid #2b81a6; padding:10px;margin:auto;}
#schuelerverwaltung-tests legend {color:#2b81a6; font-weight:bold;}
#schuelerverwaltung-tests label{float:left; width:6em; margin:2px 0 0px 0px;}
#schuelerverwaltung-tests input {border:1px solid #2b81a6; width:6em;}
#schuelerverwaltung-tests textarea {border:1px solid #ccc; width:6em;}
#schuelerverwaltung-tests select {border:1px solid #2b81a6; width:6em;}
#schuelerverwaltung-tests input.sent-button6em { width:6em; color:#2b81a6;}
#schuelerverwaltung-tests fieldset.fieldset {margin:0 0 10px 0px; border:none;}
/***************Suche *****************/
#suche fieldset {margin:0px; border:1px solid #ccc; padding:10px; width:60%;}
#suche legend {color:#2b81a6; font-weight:bold;}
#suche label{float:left; width:6em; margin:2px 0 0px 0px;}
#suche input {border:1px solid #2b81a6; width:12em;}
#suche input.sent-button { width:1.5em; color:#2b81a6;}
.status-green {
background-image: url(images/icon_ampel_gruen.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:30px; margin-bottom:8px; border-bottom:1px solid #ccc;
}
.status-orange {
background-image: url(images/icon_ampel_orange.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:30px; margin-bottom:8px; border-bottom:1px solid #ccc;
}
.status-red {
background-image: url(images/icon_ampel_red.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:30px;
margin-bottom:8px; border-bottom:1px solid #ccc;
}
/**********************Tests ***************************/
#test table {
font-size:0.9em;
}
#test th { padding: 5px 6px;color: #666; text-align: left; }
#test thead th {background-color: #eeeeee;border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#test tbody td, tbody th {padding: 5px 6px; background-color: #fff;border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#test thead th { color:#3399cc;}
#test thead th span.pink {color:#db007a;}
#test thead th.center { text-align:center;}
#test tbody td.center { text-align:center;}
#test caption {
font-size: 1em;
font-weight:bold;
text-align:left;
padding: 6px 5px;
color:#3399cc;
background-color:#eeeeee;
border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#test select {border:1px solid #ccc; width:5em;}
#test select.border-gray {border:1px solid #ccc; width:15em; margin-right:20px;}
#test fieldset {margin:0px; border:1px solid #ccc; padding:10px; width:80%;}
#test legend {color:#666; font-weight:bold;}
#test tbody tr.blue td { background-color:#eeeeee;}
#test tbody tr td.info { background: transparent url(images/icon_info.gif) center center no-repeat;}
#test tbody tr td.kamera { background:transparent url(images/icon_kamera.gif) center center no-repeat;}
#test tbody tr td.jobs { background:transparent url(images/icon_puzzle.gif) center center no-repeat;}
#test tbody tr td.info-plus { background:transparent url(images/icon_info_plus.gif) center center no-repeat;}
#test tbody tr td.green { background:transparent url(images/icon_ampel_gruen.gif) center center no-repeat;}
#test tbody tr td.red { background:transparent url(images/icon_ampel_red.gif) center center no-repeat;}
#test tbody tr td.orange { background:transparent url(images/icon_ampel_orange.gif) center center no-repeat;}
#test tbody tr td.pink { background:transparent url(images/icon_ampel_pink.gif) center center no-repeat;}
#test tbody tr td.edit { background:transparent url(images/icon_pencil.gif) center center no-repeat;}
#test tbody tr td.edit a{ padding:2px 5px 2px 10px;}
#test tbody tr td.delete { background:transparent url(images/icon_delete.gif) center center no-repeat;}
#test tbody tr td.delete a{ padding:2px 5px 2px 10px;}
#test tbody tr td.view { background:transparent url(images/icon_view.gif) center center no-repeat;}
#test tbody tr td.view a{ padding:2px 10px 2px 10px; text-align:center;}
#test tfoot td {text-align: center; text-indent: 1em;font-size: 1em;padding: 8px 0;border-top: 3px double #ccc;}
#test input.formular-button { font-size:0.9em; background-color:#eeeeee; color:#de007e; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#test input { font-size:0.9em; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#test textarea { border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#test input.border-none { border:0;}
#test .fileinputs { position: relative;}
#test .fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#test input.file {
position: relative;
text-align:right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
/********************************* Footer************************************************/
#footer {
width:959px;
font-size:0.8em;
clear:both;
border:1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
margin:30px 0px 40px 0px;
text-align:center;
padding:5px 10px 10px 10px;
background:#fff;
}
#pupiladministrationform table {
border-collapse: collapse;
border: 3px solid #fff;
border-bottom: 1px solid #ccc;
border-top: 3px double #ccc;
font-size:1em;
}
#pupiladministrationform th { padding: 5px 6px;color: #666;text-align: left;}
#pupiladministrationform thead th {border: 1px solid #ccc;background-color: #f0f8ff;}
#pupiladministrationform tbody td, tbody th {padding: 5px 6px;background-color: #fff;}
#pupiladministrationform thead th span.pink {color:#db007a;}
#pupiladministrationform thead th.center { text-align:center;}
#pupiladministrationform tbody td.center { text-align:center;}
#pupiladministrationform caption {
text-align: center;
text-indent: 1em;
font-size: 1em;
padding: 8px 0;
border-top: 1px solid #ccc; }
#pupiladministrationform select {border:1px solid #ccc; width:5em;}
#pupiladministrationform select.border-gray {border:1px solid #ccc; width:15em; margin-right:20px;}
#pupiladministrationform fieldset {margin:0px; border:1px solid #ccc; padding:10px; width:80%;}
#pupiladministrationform legend {color:#666; font-weight:bold;}
#pupiladministrationform tbody tr.blue td { background-color:#f0f8ff;}
#pupiladministrationform tbody tr td.info { background-image:url(images/icon_info.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.kamera { background-image:url(images/icon_kamera.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.jobs { background-image:url(images/icon_puzzle.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.info-plus { background-image:url(images/icon_info_plus.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.green { background-image:url(images/icon_ampel_gruen.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.red { background-image:url(images/icon_ampel_red.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.orange { background-image:url(images/icon_ampel_orange.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.pink { background-image:url(images/icon_ampel_pink.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.edit { background-image:url(images/icon_pencil.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.edit a{ padding:2px 5px 2px 10px;}
#pupiladministrationform tbody tr td.delete { background-image:url(images/icon_delete.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.delete a{ padding:2px 5px 2px 10px;}
#pupiladministrationform tbody tr td.view { background-image:url(images/icon_view.gif); background-position:center; background-repeat:no-repeat;}
#pupiladministrationform tbody tr td.view a{ padding:2px 10px 2px 10px; text-align:center;}
#pupiladministrationform tfoot td {text-align: center;text-indent: 1em;font-size: 1em;padding: 8px 0;border-top: 3px double #ccc;}
#pupiladministrationform input.formular-button { font-size:0.9em; background-color:#f0f8ff; color:#1e84bb; border-style:outset;}
#pupiladministrationform input { font-size:0.9em; border-style:inset; border-color:#ccc;}
#pupiladministrationform textarea { border-color:#ccc;}
#pupiladministrationform input.border-none { border:0;}
#pupiladministrationform .fileinputs { position: relative;}
#pupiladministrationform select { border:1px solid #2b81a6; width:100%; margin:0;}
#pupiladministrationform fieldset {margin:0 0 10px 0px; border:none;width:100%;}
#pupiladministrationform .fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#pupiladministrationform input.file {
position: relative;
text-align:right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
/********************** lk teamleader formular ***************************/
#form-lk-tl fieldset {margin:0 0 0px 0px; border:none;}
#form-lk-tl label{float:left; margin:2px 0 0px 0px;}
#form-lk-tl input {border:1px solid #2b81a6; width:;}
#form-lk-tl select {border:1px solid #2b81a6; width:125px;}
#form-lk-tl input.sent-button { width:30px; color:#2b81a6;}