html { height:100%;}
body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:0.75em;
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:#666;}
h1 { font-size:1.1em; color:#1e84bb; margin:0;padding:0 0 5px 0;}
h2 { font-size:1.1em; color:#1e84bb; margin:0;padding:0 0 5px 0;}
h3 { font-size:1em; color:#666; margin:0;padding:0 0 5px 0;}
h3.underline { font-size:1em; color:#1e84bb; margin:0;padding:0 0 5px 0; border-bottom:1px solid #ccc;}
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:#1e84bb;}
a:visited {text-decoration:none; color:#1e84bb;}
a:hover { color:#1e84bb; text-decoration:none;}
a:focus { color:#1e84bb; text-decoration:none;}
#wrapper { margin:auto; width:980px;text-align:left;/*Aufheben von IE_quirks im BODY*/ margin-top:10px;}
#head-container { height:155px; clear:both; width:980px;}
/********************************* Service Menue************************************************/
#service-menue{
margin:0px;
padding:0;
height:30px;
font-size:0.9em;
}
*html #service-menue{
margin:0px;
padding:0;
height:20px;
font-size:90%;
}
#service-menue ul {padding: 0;list-style-type: none; float:right;}
#service-menue ul li { display:block;float:left;text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #666;
color: #666;
background-color: #fff;
text-align: center;}
#service-menue a:hover {text-decoration: underline;}
#service-menue a {text-decoration:none; color:#666;}
#service-menue ul li#minusRand {
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #666;
background-color: #fff;
text-align: center;}
/****************************Bildleiste und Landkreisüberschriften im header*******************************************************************************/
#lk-headline-blau { height:26px; background-image:url(images/header/blau_oben.gif); background-repeat:no-repeat; width:980px;}
#lk-headline-blau h1{ padding:2px 0 0 10px; color:#fff;}
#lk-headline-pink { height:26px; background-image:url(images/header/pink_oben.gif); background-repeat:no-repeat; width:980px;}
#lk-headline-pink h1{ padding:2px 0 0 10px; color:#fff;}
#lk-headline-gruen { height:26px; background-image:url(images/header/gruen_oben.gif); background-repeat:no-repeat; width:980px;}
#lk-headline-gruen h1{ padding:2px 0 0 10px; color:#fff;}
#bl { height:102px; background-image:url(images/header/bildleiste.gif); background-repeat:no-repeat;}
/****************************Suche im header*******************************************************************************/
#suche-container { width:150px; float:right; margin-top:6px; font-size:0.9em; color:#999;}
#suche-container input.button { border:1px solid #ccc; margin:5px 0 10px 0; padding:0; color:#1e84bb; width:1.5em;}
#suche-container input.suchefeld { border:1px solid #ccc; float:left; margin:5px 0 10px 0; width:80px; height:16px;}
#suche-container br { clear:both;}
/**************************** 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;}
/******************************** 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:50px 0 10px 0; padding:0; border:1px dotted #ccc;}
#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/jump_kids_klein.jpg); background-position:top center;
background-repeat:no-repeat; padding-top:140px;} */
#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 { color:#1e84bb; background-image: url(images/jump_headline.gif);background-repeat: no-repeat;background-position: left center; padding-left:60px; font-size:100%;}
#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;}
/***************************************************** linker Bereich Menue ***************************************************/
#submenue ul { list-style:none; margin:0; padding:0; font-size:0.9em;}
#submenue li a { color:#666; background-image: url(images/button.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;}
#submenue li a:hover { color:#666; background-image: url(images/button_on.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;}
#submenue ul li {padding:6px 0px 6px 6px; border-bottom:1px dotted #ccc;}
#submenue ul ul li {border-bottom:none; margin-left:15px;}
#submenue ul ul { font-size:1em;}
#submenue ul li a.active { color:#666; background-image: url(images/button_on.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;}
#submenue ul li a.active-bold {
font-weight:bold;
color:#666;
background-image: url(images/button_on.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;}
#submenue ul li a.bold {
font-weight:bold;
color:#666;
background-image: url(images/button.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;}
/********************************* linker Bereich Sponsoren ************************************************/
#sponsoren { text-align:center; margin-top:30px;}
#sponsoren h1 { color:#1e84bb; background-image: url(images/jump_headline.gif);background-repeat: no-repeat;background-position: left center;
padding-left:60px; font-size:100%; text-align:left; border-bottom:1px dotted #ccc;}
/********************************* rechter Bereich************************************************/
#right { float:right; width:180px; right:0; margin:50px 0 0 0; padding:5px; font-size:0.9em;}
#right p {line-height:1.5em;}
#right h1 { color:#2b81a6; background-image: url(images/jump_headline.gif);background-repeat: no-repeat;background-position: left center; padding-left:60px; font-size:1.1em;}
#right hr { height: 1px;border: 0 none; border-top: 1px dotted #2b81a6; margin-top:5px;}
#right fieldset { border:1px solid #ccc; padding:8px; margin:auto;}
#right legend { color:#2b81a6; font-weight:bold;}
#news p {line-height:1.5em;}
#news h2 {line-height:1.5em; font-size:1em;color:#2b81a6;}
#lastminute p {line-height:1.5em;}
/********************************* Content Bereich************************************************/
#content {
padding:0px;
text-align:left;
margin:10px 210px 0px 230px;
}
#story {
float:left; width:550px; padding-top:10px; padding-bottom:10px; padding-right:20px;
}
#story p {line-height:1.5em;}
.margin-adress {width:120px; float:left; font-style:italic;}
.margin-adress200 {width:200px; float:left; font-style:italic;}
#breadcrumb { height:20px; font-size:0.9em; margin-top:0px; padding-right:30px; float:right;}
#start-box1 { width:230px; height:300px; margin:20px 0px 0 5px;font-size:0.9em; padding:5px; border:1px solid #ccc; float:left;}
#start-box2 { width:230px; height:300px; margin:20px 20px 0 15px;font-size:0.9em; padding:5px; border:1px solid #ccc; float:right;}
#start-box3 { width:230px; height:250px; margin:20px 0px 0 5px;font-size:0.9em; padding:5px; border:1px solid #ccc; float:left;}
#start-box4 { width:230px; height:250px; margin:20px 20px 0 15px;font-size:0.9em; padding:5px; border:1px solid #ccc; float:right;}
h2.headline { color:#2b81a6; background-image: url(images/jump_headline.gif); background-repeat: no-repeat;background-position: left top; padding-left:60px; font-size:1.1em;}
#box-center250 { margin:auto;font-size:0.9em; padding:0px; width:250px; margin-top:40px;}
/********************************* Listen Definitionen Content Bereich************************************************/
#liste-standard ul { list-style:none;}
*html #liste-standard { margin-left:5px;}
#liste-standard ul li {
margin-left:-25px;
background: transparent url("images/icon_liste.gif") left center no-repeat;
background-position:0 5px;
padding-left: 15px;
text-align: left;
line-height:1.9em;
}
*html #liste-standard ul li {margin-left:0px;}
ul.standard { list-style:none;}
*html ul.standard { margin-left:5px;}
ul.standard li {
margin-left:-25px;
background: transparent url("images/icon_liste.gif") left center no-repeat;
background-position:0 5px;
padding-left: 15px;
text-align: left;
line-height:1.9em;
}
*html ul.standard li {margin-left:0px;}
#liste-lastminute ul { list-style:none;}
*html #liste-lastminute ul { margin-left:5px;}
#liste-lastminute ul li {
margin-left:-25px;
background: transparent url("images/icon_liste.gif") left center no-repeat;
background-position:0 5px;
padding-left: 15px;
text-align: left;
line-height:1.9em;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
*html #liste-lastminute ul li {margin-left:0px;}
#liste-aktuelles ul { list-style:none;}
*html #liste-aktuelles ul { margin-left:5px;}
#liste-aktuelles ul li {
margin-left:-25px;
background: transparent url("images/icon_liste.gif") left center no-repeat;
background-position:0 5px;
padding-left: 15px;
text-align: left;
line-height:1.9em;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
*html #liste-aktuelles ul li {margin-left:0px;}
/* liestendefinition fuer den bereich meine nachrichten*/
#liste-mails ul { list-style:none;}
*html #liste-mails ul { margin-left:5px;}
#liste-mails ul li {
margin-left:-25px;
background: transparent url("images/icon_liste.gif") left center no-repeat;
background-position:0 5px;
padding-left: 15px;
text-align: left;
line-height:1.9em;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
*html #liste-mails ul li {margin-left:0px;}
/********************************* 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;}
#menue-jahrgaenge ul li a:hover{ background-color:#2b81a6; padding:2px 8px 2px 8px; margin-top:10px; margin-right:15px; color:#fff;}
#menue-jahrgaenge ul li a.active{ background-color:#2b81a6; 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;}
#menue-gruppen ul li a:hover{ background-color:#2b81a6; padding:2px 5px 2px 5px; margin-top:10px; margin-right:10px; color:#fff;}
#menue-gruppen ul li a.active{ background-color:#2b81a6; 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 { border-bottom:1px solid #ccc;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: #eff6fa; border:1px solid #ccc;}
#menue-reiter ul li a:hover {color: #fff;background-color:#61a9cf;}
#menue-reiter ul li a.active {color: #fff;background-color:#61a9cf;}
/*********************************Tabellen innerhalb des Content Bereiches************************************************/
#table-schuelerverwaltung table {
float:left;
width:95%;
border-collapse: collapse;
border: 3px solid #fff;
border-bottom: 3px double #ccc;
border-top: 3px double #ccc;
font-size:1em;
}
#table-schuelerverwaltung th {
padding: 5px 10px;
color: #666;
text-align: left;
}
#table-schuelerverwaltung thead th {border: 1px solid #ccc; white-space: nowrap;background-color: #f0f8ff;}
#table-schuelerverwaltung tbody td, tbody th {padding: 5px 10px;background-color: #fff;}
#table-schuelerverwaltung tbody tr th.green { background-image:url(images/icon_ampel_gruen.gif); background-position:center; background-repeat:no-repeat;background-color: #f0f8ff;}
#table-schuelerverwaltung tbody tr th.red { background-image:url(images/icon_ampel_red.gif); background-position:center; background-repeat:no-repeat;background-color: #f0f8ff;}
#table-schuelerverwaltung tbody tr th.orange { background-image:url(images/icon_ampel_orange.gif); background-position:center; background-repeat:no-repeat;background-color: #f0f8ff;}
#table-schuelerverwaltung tbody tr th.edit { background-image:url(images/icon_pencil.gif); background-position:center; background-repeat:no-repeat;background-color: #f0f8ff;}
#table-schuelerverwaltung tbody tr th.edit a{ padding:2px 5px 2px 10px;}
#table-schuelerverwaltung tbody tr td.green { background-image:url(images/icon_ampel_gruen.gif); background-position:center; background-repeat:no-repeat;}
#table-schuelerverwaltung tbody tr td.red { background-image:url(images/icon_ampel_red.gif); background-position:center; background-repeat:no-repeat;}
#table-schuelerverwaltung tbody tr td.orange { background-image:url(images/icon_ampel_orange.gif); background-position:center; background-repeat:no-repeat;}
#table-schuelerverwaltung tbody tr td.edit { text-align: center; background-image:url(images/icon_pencil.gif); background-position:center; background-repeat: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-image:url(images/icon_delete.gif); background-position:center; background-repeat:no-repeat;}
#table-schuelerverwaltung tbody tr td.deletefromlist { text-align: center; background-image:url(images/icon_delete_list.gif); background-position:center; background-repeat:no-repeat;}
#table-schuelerverwaltung tbody tr td.delete a{ text-align: center; padding:2px 5px 2px 10px;}
#table-schuelerverwaltung tbody tr td.greenarrow { background-image:url(images/ok.gif); background-position:center; background-repeat:no-repeat;}
#table-schuelerverwaltung tbody tr td.greenarrow a{ padding:2px 5px 2px 140px;}
#table-schuelerverwaltung tbody tr.blue {border: 1px solid #ccc;}
#table-schuelerverwaltung tbody tr.blue td {background-color: #f0f8ff;}
#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: #2b81a6;
font-weight:bold;
border-top: 1px solid #ccc;
}
#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;}
/*********************Auszeichnungen für button Navigation innerhalb des Contents *************************/
#story a.back {
background-image: url(images/icon_back.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
}
#story a.forward {
background-image: url(images/button.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 15px;
font-size:0.9em;
}
#story a.top {
float:right;
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
}
#story a.pink-button { background-image: url(images/button_on.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;}
#story a.work {
background-image: url(images/icon_pencil.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
#story a.new {
background-image: url(images/icon_new.gif);
border:1px solid #ccc;
background-repeat: no-repeat;
background-position: left center;
padding:2px 2px 2px 20px;
background-color:#eff6fa;
}
#story a.favoriten {
background-image: url(images/icon_favoriten.gif);
border:1px solid #ccc;
background-repeat: no-repeat;
background-position: left center;
padding:2px 2px 2px 20px;
background-color:#eff6fa;
}
#story a.arbeitsamt {
background-image: url(images/icon_aa.gif);
background-repeat: no-repeat;
background-position: left center;
padding:2px 2px 2px 20px;
}
#story a.delete {
background-image: url(images/icon_delete_small.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 15px;
font-size:0.9em;
}
#story p.pink { color:#db0076;}
/********************** 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; width:6em;}
#form-standard textarea {border:1px solid #ccc; width:6em;}
#form-standard select {border:1px solid #ccc; width:6em;}
#form-standard input.sent-button { width:2em; color:#2b81a6;}
#form-standard input.sent-button6em { width:6em; color:#2b81a6;}
/********************** 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 #2b81a6; width:15em;}
#form-registrieren input.read-only {border:none; width:15em;}
#form-registrieren textarea {border:1px solid #2b81a6; width:15em;}
#form-registrieren select {border:1px solid #2b81a6; width:15em;}
#form-registrieren input.sent-button { width:6em; color:#2b81a6;}
#form-registrieren input.check { float:left;}
/*************** 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; text-align:right;}
#form-stammdaten input {border:1px solid #2b81a6; width:15em;}
#form-stammdaten input.read-only {border:none; width:15em;}
#form-stammdaten textarea {border:1px solid #2b81a6; width:15em;}
#form-stammdaten select {border:1px solid #2b81a6; width:15em;}
#form-stammdaten input.sent-button { width:6em; color:#2b81a6;}
/********************** 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 #2b81a6; width:20em; height:10em;}
#news-edit-form input {border:1px solid #2b81a6; width:10em;}
#news-edit-form input.read-only {border:none; width:15em;}
#news-edit-form input[type="text"] {border:1px solid #2b81a6; width:20em;}
#news-edit-form input[type="submit"] {border:1px solid #2b81a6; width:10em;}
#news-edit-form input.sent-button { width:2em; color:#2b81a6;}
/********************** indilogin center250 form ***************************/
#form-center250 label{float:left; width:8em; margin:2px 0 0px 0px;}
#form-center250 input {border:1px solid #ccc; width:8em;}
#form-center250 textarea {border:1px solid #ccc; width:8em;}
#form-center250 select {border:1px solid #ccc; width:8em;}
#form-center250 input.sent-button { width:2em; color:#2b81a6;}
/*************** 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 #2b81a6; width:60%;}
#form-admin input.check { float:left;}
#form-admin input.read-only {border:none; width:15em;}
#form-admin textarea {border:1px solid #2b81a6; width:60%; height:10em}
#form-admin select { border:1px solid #2b81a6; width:61%; margin:0;}
#form-admin input.sent-button { width:6em; color:#2b81a6;border:1px solid #2b81a6;}
/*************** 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 #2b81a6; 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 #2b81a6; width:60%; height:10em}
#form-reg-pupil select { border:1px solid #2b81a6; width:61%; margin:0; vertical-align:middle;}
#form-reg-pupil input.sent-button { width:6em; color:#2b81a6;border:1px solid #2b81a6;}
/*************** 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 label {float:left; width:10em; margin:2px 15px 0px 0px; text-align:right;}
*/
#form-search input.text { border:1px solid #2b81a6; width:60%;}
/*
#form-search input.check { float:left;}
*/
#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 #2b81a6; width:80%;}
#form-verwaltung textarea {border:1px solid #2b81a6; width:80%; height:10em}
#form-verwaltung select { border:1px solid #2b81a6; width:81%; margin:0;}
#form-verwaltung input.sent-button { width:6em; color:#2b81a6;border:1px solid #2b81a6;}
/*************** 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 #2b81a6; width:80%;}
#form-stellen input.check { float:left;}
#form-stellen textarea {border:1px solid #2b81a6; width:80%; height:10em}
#form-stellen select { border:1px solid #2b81a6; width:81%; margin:0;}
#form-stellen input.sent-button { width:6em; color:#2b81a6;border:1px solid #2b81a6;}
/*************** 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:#2b81a6;border:1px solid #2b81a6; margin-left:4em;}
/***************Berufsorientierungstests bot *****************/
#bot fieldset {margin:0px; border:1px solid #ccc; 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 #2b81a6; width:6em;}
#bot input.sent-button6em { width:6em; color:#2b81a6;}
/*************** 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 {
border-collapse: collapse;
border: 3px solid #fff;
border-bottom: 1px solid #ccc;
border-top: 3px double #ccc;
font-size:1em;
}
#test th { padding: 5px 6px;color: #666;text-align: left;}
#test thead th {border: 1px solid #ccc;background-color: #f0f8ff;}
#test tbody td, tbody th {padding: 5px 6px;background-color: #fff;}
#test thead th span.pink {color:#db007a;}
#test thead th.center { text-align:center;}
#test tbody td.center { text-align:center;}
#test caption {
text-align: center;
text-indent: 1em;
font-size: 1em;
padding: 8px 0;
border-top: 1px solid #ccc; }
#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:#f0f8ff;}
#test tbody tr td.info { background-image:url(images/icon_info.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.kamera { background-image:url(images/icon_kamera.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.jobs { background-image:url(images/icon_puzzle.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.info-plus { background-image:url(images/icon_info_plus.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.green { background-image:url(images/icon_ampel_gruen.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.red { background-image:url(images/icon_ampel_red.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.orange { background-image:url(images/icon_ampel_orange.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.pink { background-image:url(images/icon_ampel_pink.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.edit { background-image:url(images/icon_pencil.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.edit a{ padding:2px 5px 2px 10px;}
#test tbody tr td.delete { background-image:url(images/icon_delete.gif); background-position:center; background-repeat:no-repeat;}
#test tbody tr td.delete a{ padding:2px 5px 2px 10px;}
#test tbody tr td.view { background-image:url(images/icon_view.gif); background-position:center; background-repeat: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:#f0f8ff; color:#1e84bb; border-style:outset;}
#test input { font-size:0.9em; border-style:inset; border-color:#ccc;}
#test textarea { border-color:#ccc;}
#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 {
font-size:0.9em;
clear:both;
height:40px;
border-top:1px dotted #999;
margin-top:10px;
text-align:center;
padding-top:5px;
margin-bottom:40px;
}
#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;
}