/* <? Header ("Content-type: text/css"); ?> */


/* Inhalte */

/* Grundlegende Styles */
/* Texte und Listen */
/* Formulare */
/* Header / Meta */
/* Banner fuer Bildungsfonds */
/* Hauptnavigation */
/* Hauptnavigation - Menuepunkte */
/* Navigation 2. Ebene */
/* Spalten */
/* Footer */
/* Kontext */
/* Teaser - Suchformular */
/* Artikel - Teaser */
/* Helferlein: am Ende der Datei belassen */




/* Grundlegende Styles */

html, body {
padding: 0;
margin: 0;
border: 0;
}

body {
font-size: 62.5%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #333;
text-align: center;
}

#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}

#header {
position: relative;
margin: 0;
padding: 1px 0 0 0;
width: 960px;
height: 190px;
background: url(../images/nav_bg_top.gif) 20px 25px no-repeat;
}

#content {
margin: 0px 39px 20px 39px;
height: 1%;
}

#maincontent {
padding: 0;
float: left;
width: 680px;
}

#kontext {
float: right;
width: 180px;
}

/* Texte und Bilder */

p {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 10px 0;
}

a {
font-weight: bold;
}

a:hover {
text-decoration: underline;
}

h2 {
font-size: 2.4em;
font-weight: normal;
}

h2 small {
font-size: 0.45em;
}

h3 {
font-size: 1.8em;
font-weight: normal;
color: #234f93;
}

h3 small {
font-size: 0.6em;
}


h3 small a {
color: #999;
}

h2 a, h3 a {
font-weight: normal;
}

.bildlinks img {
float: left;
margin: 5px 15px 15px 0px;
position: relative;
}

.bildrechts img {
float: right;
margin: 5px 0px 15px 15px;
position: relative;
}


/* Listen */

#content ul {
list-style: none;
padding: 0;
margin: 5px 0 15px 0;
font-size: 1.2em;
}

#content ol {
list-style: decimal;
padding: 0;
margin: 5px 0 15px 0;
font-size: 1.2em;
padding: 0 0 0 20px;
}

* html #content ol {
padding-left: 25px;
}

#bildungsfonds #content ul {
font-size: 1.4em;
}

#content ul ul {
margin-left: 10px;
margin-bottom: 5px;
font-size: 1em !important;
}

#content ul ol,
#content ol ol,
#content ol ul {
font-size: 1em !important;
}

#content ol li {
padding: 0;
margin: 2px 0;
background: none;
}

#content ul li {
padding: 0 0 0 9px;
margin: 2px 0;
background: url(../images/bullet_minus.gif) 0 8px no-repeat;
}

#content ul p,
#content ol p {
font-size: 1em;
}


/* Definitionslisten */

#content dl {
padding: 0;
margin: 0 0 15px 0;
font-size: 1.2em;
}

#content dl ul {
font-size: 1em;
}

.teaser-navi {
margin-bottom: 50px !important;
}

.teaser-navi ul {
font-size: 1.2em !important;
}

.teaser-navi li {
background: none !important;
padding-left: 0 !important;
font-size: 1em !important;
}

.teaser-navi a {
background: url(../images/pfeil_orange.gif) 0 6px no-repeat;
padding-left: 5px;
}

.teaser-navi h3 {
margin: 0 0 20px 0;
}

.teaser-navi p {
color: #000000;
font-weight: bold;
margin: 5px 0 10px 0px;
text-align: right;
}

#tickerbox ul li a p {
font-size: 1.2em;
}

.content-navi ul li {
background: none !important;
padding-left: 0 !important;
}


.content-navi ul li a {
background: url(../images/pfeil_orange.gif) 0 7px no-repeat;
padding-left: 5px;
}


/* Formulare */

label {
font-size: 1.2em;
padding: 0;
margin: 0;
}

input.text, textarea, select {
border: 1px inset #bbb;
background: #fff;
font-size: 1.1em;
color: #5c5c5c;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 1px 2px;
}

input.submit {
border: 0;
background: transparent;
padding: 0;
float: none;
}

input.radio {
margin: 0 3px 0 0;
height: 16px;
width: 16px;
}

body#bildungsfonds .formular {
margin: 30px 0 30px 0;
padding: 1px 0;
}

.formular {
margin: 0 0 30px 0;
padding: 1px 0;
height: 1%;
position: relative;
}

.formular fieldset {
margin: 0 0 35px 0;
padding: 1px 0;
height: 1%;
position: relative;
}

.formular h2 {
margin: 0 0 40px 0;
}

.formular h3 {
margin: 0 0 10px 0;
}

.formular h3 small {
margin-left: 5px;
}

.formular label,
.formular .fakelabel {
width: 80px;
float: left;
display: inline;
font-weight: bold;
text-align: right;
margin: 0 15px 10px 0;
padding: 0;
line-height: 1.15em;
position: relative !important;
}

.fakelabel label {
float: none;
width: auto;
margin: 0;
display: inline;
}

.formular input,
.formular select,
.formular textarea {
margin: 0 0 18px 0;
border: 0;
width: 203px;
float: left;
border-bottom: 1px solid #afafaf;
}

.formular input:hover,
.formular select:hover,
.formular textarea:hover {
border-color: #000;
}

.formular input:focus,
.formular select:focus,
.formular textarea:focus {
border-color: #000;
}

.formular textarea {
border: 1px solid #afafaf;
width: 201px;
height: 100px;
overflow: auto;
}

.formular .textarea-moretext {
height: 200px;
}

.formular .file { /* Fix fuer Breite */
font-size: 1.1em;
}

.formular select {
padding: 0;
width: 207px;
margin-right: 10px !important;
}

select.hochschule {
padding: 0;
width: 325px !important;
margin: 0 0 20px 0 !important;
}

.formular input,
.formular textarea {
padding: 2px !important;
}

.formular .submit {
float: none;
width: auto;
border: 0;
margin: 0 0 0 93px;
}

.formular-komplex .submit {
margin: 0 0 0 148px;
}


/* Formulare inline editieren */

.formular p.edit-inline {
clear: both;
margin: 0 0 10px 95px;
position: relative;
top: -15px;
}

.formular-komplex p.edit-inline {
margin: 0 0 10px 150px;
}

a.add {
padding-left: 10px;
background: url(../images/inline-add.gif) 0 6px no-repeat;
}

a.msg {
padding-left: 10px;
background: url(../images/inline-msg.gif) 0 6px no-repeat;
}

p.edit-inline a.add {
padding-left: 9px;
background: url(../images/inline-add.gif) 0 5px no-repeat;
}

a.del {
padding-left: 10px;
color: #888 !important;
background: url(../images/inline-delete_s.gif) 0 6px no-repeat;
}

p.edit-inline a.del {
padding-left: 10px;
color: #666 !important;
background: url(../images/inline-delete_s.gif) 0 5px no-repeat;
}

.file-list a.del {
background: url(../images/inline-delete_s.gif) 0 5px no-repeat;
}


.formular h3 .del,
.formular h3 .add {
position: static;
display: inline;
float: none;
top: 0;
height: auto;
left: 0;
background: none;
margin: 0 5px 0 0;
background: url(../images/inline-delete_s.gif) 0 6px no-repeat;
padding-left: 9px;
}

.formular h3 .add {
background: url(../images/inline-add.gif) 0 5px no-repeat;
}

.formular h3 .del {
color: #999 !important;
}

.formular .additional {
margin-bottom: 5px;
}

.formular .del-inline {
position: relative;
top: 5px;
left: -4px;
display: block;
width: auto;
float: left;
width: 7px;
height: 7px;
background: url(../images/inline-delete.gif) top left no-repeat;
}

* html .formular .del-inline {
top: 6px;
}

* + html .formular .del-inline {
top: 6px;
}



input.pflichterror,
select.pflichterror,
textarea.pflichterror {
background: #fcc;
border-color: red;
}

input.strasse {
width: 160px;
margin-right: 10px;
}

input.hausnummer {
width: 30px;
}

input.plz {
width: 36px;
margin-right: 10px;
}

input.ort {
width: 154px;
}

input.landesvorwahl {
width: 22px;
margin-right: 10px;
}

input.vorwahl {
width: 36px;
margin-right: 10px;
}

input.durchwahl {
width: 106px;
}

select.monat {
width: 55px !important;
}

select.jahr {
width: 63px !important;
}

body#bildungsfonds input.weiter {
width: 64px;
height: 24px;
border: none;
margin: 0 0 0 45%;
}

body#bildungsfonds label {
text-align: left !important;
font-size: 1.4em;
}

body#bildungsfonds select {
float: none !important;
width: 334px;
}

.rueckruf {
margin: 0;
padding: 0;
}

.rueckruf p {
margin: 0 0 30px 0;}

.rueckruf label {
width: 170px !important;
text-align: left !important;
margin: 0;
font-size: 1.4em  !important;
}



.themenauswahl label {
font-weight: normal;
font-size: 1.2em !important;
margin-bottom: 10px;
}

.rueckruf select {
width: 252px !important;
margin-right: 0;
}

* html .rueckruf select {
width: 240px !important; /* fuer den IE 6 und IE 5 noch anpassen */
margin-right: 0;
padding: 0;
}

.rueckruf input {
width: 248px;
}

.rueckruf textarea {
width: 416px;
height: 106px;
overflow: auto;
border: 1px solid #1c5180;
}

.versenden {
margin: 0;
padding: 0;
}

.versenden label {
width: 180px !important;
text-align: left !important;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.4em  !important;
}

.versenden label.gruss, .versenden textarea {
margin: 20px 0 10px 0;
}

.versenden textarea {
width: 246px;
}

.versenden input {
width: 248px;
}

.versenden input.abschicken {
margin-top: 15px;
text-align: center;
}
















body#bildungsfonds input.check {
width: 16px;
height: 16px;
margin: 0 8px 0 0;
float: left;
}

input.zuruecksetzen {
width: 119px;
height: 24px;
border: none;
margin: 0;
padding: 0;
}

input.abschicken {
width: 119px;
height: 24px;
border: none;
margin: 0 0 0 178px ;
padding: 0;
}


* html input.check {
border: none !important;
float: left;
margin: 0 0 5px 0;
}

/* Header / Meta */


#meta { 
position: absolute;
top: 0;
right: 30px;
vertical-align: top;
padding: 0;
font-size: 1.1em;
}

#meta a {
color: #234f93;
font-weight: normal;
}

#meta strong a {
font-weight: bold !important;
}

#meta ul {
display: inline;
vertical-align: top;
margin: 0 0 0 40px !important;
float: left;
}

#meta ul li {
padding-top: 2px;
float: left;
display: inline;
padding: 2px 13px 0 13px;
border-right: 1px solid #91acd5;
}

#meta ul li.last {
border-right: 0;
}

body#bildungsfonds #meta ul li a {
font-weight: normal !important;
}


/* Banner fuer Bildungsfonds */

#banner {
margin: 0px 0 30px 0;
height: 136px;
position: relative;
background: top left no-repeat;
}


#banner h2 {
font-size: 3.2em;
color: #234f93;
width: 430px;
position: absolute;
bottom: 9px;
margin: 0 0 0 245px;
}

#banner-teaser {
position: absolute;
right: 0px;
height: 136px;
width: 190px;
}

#banner-teaser img.teaserhead {
margin: 24px 0 0 20px;
}

#banner-teaser p {
margin: 6px 0 0 20px;
}

#banner-teaser a img.button {
margin: 12px 0 0 20px;
outline: 0 !important;
}






/* Hauptnavigation */

.navigation {

}

.navi-top {
position: absolute;
top: 87px;
font-weight: bold;
}

.navi-bottom {
margin: 0;
height: 90px;
background: url(../images/nav_bg_bottom.gif) 20px 0px no-repeat;
}

#wrapper .navigation ul {
list-style: none;
padding: 0;
margin: 0 0 0 176px;
}

#wrapper .navigation ul li {
padding: 0 !important;
float: left;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
margin: 6px 0 1px -1px;
position: relative;
}

#wrapper .navi-bottom ul li {
margin: 1px 0 6px -1px;
}

#wrapper .navigation ul li a {
display: block;
padding: 0;
height: 26px;
filter:alpha(opacity=100);
}

#wrapper .navigation ul li a:hover {
-moz-opacity: 0.7;
opacity: 0.7;
filter:alpha(opacity=70);
}

#wrapper .navigation ul li.active {
margin-top: 0;
margin-bottom: 0;
}

#wrapper .navigation ul li.active a {
height: 33px; 
}

#wrapper .navigation ul li.active a:hover {
-moz-opacity: 1;
opacity: 1;
filter:alpha(opacity=100);
}



/* Navigation 2. Ebene */

#subnavigation {
top: 130px;
left: 0;
text-align: center !important;
padding: 0;
letter-spacing: 0; /* Fix fuer hasLayout Probleme im IE7 Zoom */
width: 960px;
margin: 0;
position: absolute;
}

#subnavigation li a {
color: #333;
font-weight: normal;
}

#subnavigation li.active a {
color: #234f93;
font-weight: bold;
}

#subnavigation li {
display: inline;
font-size: 1.3em;
padding: 0 15px 0 10px;
margin: 0;
border-right: 1px solid #afafaf;
}

* html #subnavigation li { /* Da mittig zentrierte Liste, kann whitespace nicht per float entfernt werden. Ergo dieser unschoene Hack. */
padding: 0 10px 0 15px;
}

*+html #subnavigation li { /* Und nochmal fuer IE7. */
padding: 0 10px 0 15px;
}

#subnavigation li.last {
border: 0;
}


/* Spalten */

.spalte {
width: 340px;
float: left;
display: inline;
}


.spalte-breit {
width: 345px;
float: left;
margin: 0 50px 0 0;
display: inline;
overflow: hidden;
}

.spalte-schmal {
width: 255px;
float: left;
margin: 0 30px 0 0;
display: inline;
overflow: hidden;
}

.spalte-content {
width: 434px;
float: right;
margin: 0 0px 0 -30px;
display: inline;
overflow: hidden;
}

.spalte-schmal-bi {
width: 203px;
float: left;
margin: 0 42px 0px 0;
display: inline;
overflow: hidden;
text-align: right;
}

.spalte-content p {
font-size: 1.4em;
}

.spalte-schmal-bi ul {
margin: 32px 0 0 0;
}

.spalte-schmal-bi ul li a.mehr {
font-weight: bold;
background: url(../images/pfeil_orange.gif) 0 7px no-repeat;
padding: 0 0 0 6px;
}

.spalte-schmal-bi h3 {
font-size: 1.4em;
font-weight: bold;
color: #234f93;
}

/* Footer */

#footer {
padding: 30px 26px 0px 26px;
margin: 10px 0 20px 0;
font-size: 1.1em;
color: #888;
line-height: 1.1em;

}

.footer-right {
float: right;
}

#footer ul li {
float: left;
display: inline;
padding: 0px 13px 0 13px;
border-right: 1px solid #234f93;
}

#footer ul li.last {
border-right: 0;
}

#footer a {
color: #234f93;
font-weight: normal;
}

#footer a.active {
color: #234f93;
font-weight: bold;
}

/* Kontext */

#kontext .teaser {
width: 180px;
margin: 0 0 20px 0;
}

#kontext .teaser .teaserbox {
border: 1px solid #8b8e94;
border-top: 0;
height: 1%; /* Fix fuer IE Redraw Bug */
padding: 6px 9px 0 9px;

}

#kontext .teaser h2 {
background: url(../images/kontext_block_head_bg.gif) top left no-repeat;
font-size: 1.2em;
padding: 5px 10px 3px 10px;
border-bottom: 1px solid #8b8e94;
margin: 0;
color: #000;
text-transform: uppercase;
}

body#bildungsfonds #kontext .teaser h2 {
background: url(../images/kontext_block_head_bg.gif) top left no-repeat;
font-size: 1.2em;
font-weight: bold;
padding: 5px 10px 3px 10px;
border-bottom: 1px solid #8b8e94;
margin: 0;
color: #000;
text-transform: uppercase;
}

body#bildungsfonds #kontext .teaser .teaserbox {
border: 1px solid #8b8e94;
border-top: 0;
padding: 6px 5px 0 9px;
margin: 0 0 20px 0;
}

body#bildungsfonds #kontext .teaser .teaserbox img {
margin: 0 0 0 -9px !important;
}

* html body#bildungsfonds #kontext .teaser .teaserbox img {
margin: 0 0 0 0;
padding: 0 !important;
}

a.mehr {
font-weight: bold;
background: url(../images/pfeil_gruen.gif) 0 7px no-repeat;
padding: 0 0 0 6px;
}

body#bildungsfonds a.mehr {
font-weight: bold;
background: url(../images/pfeil_orange.gif) 0 7px no-repeat !important;
padding: 0 0 0 6px;
}

/* Teaser - Suchformular */

.teaser-suche {
background: url(../images/kontext_suche.gif) top left no-repeat;
height: 196px;
border-bottom: 1px solid #8b8e94;
margin: 0 0 20px 0;
}

html>body .teaser-suche {
height: auto;
min-height: 197px;
}

.teaser-suche form {
padding: 30px 9px 10px 9px;
}

.teaser-suche form fieldset {
margin: 10px 0;
}

.teaser-suche strong {
font-size: 1.2em;
}

.teaser-suche #sitesearch {
width: 154px;
padding: 2px 3px;
}


/* Artikel - Teaser */

.article-teaser {
margin: 0 0 31px 0;
}

.article-teaser img {
margin: 0 0 20px 0;
}

* html .article-teaser img {
margin: 0 0 16px 0;
}


.article-teaser p {
margin: 0;
}

.article-teaser p .mehr {
margin: -10px 0 0 0;
}

.article-teaser h3 {
font-size: 2.4em;
font-weight: normal;
color: #62a100;
margin: 0 0 11px 0;
}

.article-teaser small {
font-size: 0.46em;
display: block;
color: #333;
padding-left: 1px;
}


/* Artikel - Teaser - Klein */

.article-teaser-klein h3 {
font-size: 1.8em;
margin: 0 0 6px 0;
}

.article-teaser-klein small {
font-size: 0.6em;
}


/* Artikel - Teaser - Liste */

.article-teaser-list ul li {
margin: 0 0 11px 0 !important;
background: url(../images/pfeil_gruen.gif) 0 7px no-repeat !important;
padding: 0 0 0 6px !important;
}

.article-teaser-list ul li span {
color: #62a100;
}


/* Artikel */

.article {
margin: 0 45px 20px 0;
}

.article h2 {
margin: 0 0 11px 0;
}

.article p {
margin: 0 0 18px 0;
}

.article img {
margin: 5px 20px 20px 0;
}

* html .article img {
margin: 5px 20px 16px 0;
}

.article .date {
margin: 0;
}

.article .date small {
font-size: 0.9em;
}


.metainfo {
margin: 0;
}

.metainfo small {
font-size: 0.9em;
}

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

.joboffer h2 {
margin: 0 0 20px 0;
}

.joboffer .spalte {
width: 300px;
margin-right: 40px;
}

.joboffer .spalte img {
margin: 10px 0;
}


/* Umfrage */

.umfrage {
margin: 0 10px 0 0;
}

.umfrage table {
border: 1px solid #afafaf;
margin: 0 0 20px 0;
}

.umfrage th,
.umfrage td {
font-size: 1.2em;
vertical-align: middle;
padding: 10px 9px;
text-align: left;
line-height: 1.3em;
}

.umfrage th {
font-weight: normal;
}

.umfrage thead th {
border-bottom: 1px solid #afafaf;
vertical-align: bottom;
font-size: 1em;
padding: 8px;
height: 75px;
line-height: 1.1em;
}

.umfrage tbody th,
.umfrage thead .empty {
border-right: 1px solid #afafaf;
width: 96px;
}

.umfrage td {
text-align: center;
}

.umfrage .odd td,
.umfrage .odd th {
background: #efefef;
}

.umfrage .submit {
float: right;
}

/* Umfrage mit Bilder */

.umfrage table.imageumfrage {
border-bottom: none;
}

.umfrage table.imageumfrage thead .empty,
.umfrage table.imageumfrage tbody th {
padding: 0;
width: 114px;
}

.umfrage table.imageumfrage tbody th,
.umfrage table.imageumfrage tbody td {
border-bottom: 1px solid #afafaf;
}

.umfrage table.imageumfrage tbody th a {
display: block;
height: 1%;
}

.umfrage table.imageumfrage tbody th a:hover {
background: #dbdbdb;
}

.umfrage table.imageumfrage tbody th img {
vertical-align: middle;
}

.umfrage table.imageumfrage tbody th img.zoom {
margin: 0 0 0 3px;
}

.umfrage .formular {
margin: 0 !important;
}

.umfrage .formular label.freifeld {
width: auto;
}

.umfrage textarea {
width: 418px;
}

/* Statusbalken */

.status {
margin-bottom: 20px;
}

/* Statusbalken gesamt */
.status dd {
background: #ededed;
width: 100%;
margin: 0;
}

/* Statusbalken Prozentteil */
.status dd span {
text-align: right;
padding: 5px 5px 5px 0;
display: block;
background: #EB651D;
}



/* Fehlermeldungen */

#divError {
padding: 10px 10px 0 10px;
border-top: 1px solid red;
border-bottom: 1px solid red;
margin: 10px 0;
}

.formular #divError {
margin: 10px 0 20px 0;
}

#divError h3 {
font-size: 1.4em;
color: #333;
font-weight: bold;
margin: 0 !important;
}

#divError ul {
margin-top: 0 !important;
}

#divSuccess {
padding: 10px 10px 10px 10px;
border-top: 1px solid green;
border-bottom: 1px solid green;
margin: 10px 0;
}

.formular #divSuccess {
margin: 10px 0 20px 0;
}

#divSuccess h3 {
font-size: 1.4em;
color: #333;
font-weight: bold;
margin: 0 !important;
}

/* Helferlein: am Ende der Datei belassen */

.clear {
clear: both;
margin: -1px 0px 0px 0px;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst &nbsp; auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}

.ahem {  /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px;
}