/*-----------------------------------------------
$Id: styles.css
Customer: Studienstiftung des Deutschen Volkes
Author:   vierviertel Agentur fuer Kommunikationsdesign GmbH (Volker Duerr)
Version:  1.0
Creation Date:    2006/05/08
Last Modify:
----------------------------------------------- */

/* --  basic HTML Styles
--------------------------- */

address, abbr, acronym, dfn    {
    font-variant:normal;
    font-style:normal;
    text-transform:none;
}

a, address, blockquote, caption,
cite, div, dfn, dl, dt,
fieldset, h1, h2, h3, h4,
img, input, label, legend,
li, ol, option, p, q,
select, textarea, td, th, ul     {
    font-family:Arial,Helvetica,sans-serif,"Trebuchet MS";
}

* {
    margin:0;
    padding:0;
    font-size: 11px;
}

body {
    margin:0;
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    color: #666666;
    line-height: 1.4em;
    font-size:11px;
}

h1 {
    font-size:14px;
    margin:0;
    padding:0;
}
h2 {
    font-size:12px;
    color:#404040;
    margin:0;
    padding:0;
}
h3 {
    font-size:12px;
    margin:0;
    padding:0;
    font-weight:normal;
}

h4 {
    font-size:12px;
    margin:0;
    padding:0;
    font-weight:bold;
    color:#666;
}
a {
    color: #666666;
    text-decoration:underline;
}

a:hover {
    text-decoration:underline;
}
.hidden {
    display: none;
}
.clear {
     float:none;
    clear:both;
    height:1px;
    font-size:1px;
    width:38em;
    line-height:1px;
    display:block;
}
p {
    margin:0;
    padding:0;
}
img {
    border:0;
}
form {
    margin:0;
    padding:0;
}
fieldset {
    border:0;
}

.servicenav {
    display:none;
}
#change-view-tool,
#skipToNav,
#skipToContent,
#helpbox,
.breadcrumb,
#navigation {
    display:none;
}
#page {
    padding:15px 0 30px 15px;
}
#head {
    background:#fff;
    width:600px;
    height:112px;
    position:relative;
}
#head span {
    display:none;
}
#head img {
    position:static;
    top:25px;
    left:8px;
}
#head .seitenbild {
    display:none;
}
#container {
    width:650px;
}
.service-box,
.servicebox {
    display:none;
}
.servicebox h2 {
    display:none;
}


.suche {
    display:none;
}
.service-box {
    display:none;
}



#change-view {
    display:none;
}
#change-view-link {
    display:none;
}

.contentBox {
    overflow:visible;
    width:650px;
    float:none;
    clear:both;
}

#inhalt {
    position:relative;
    left:22px;
    width:545px;
}
/* basis style for all css */
#inhalt .path {
    position:relative;
    top:12px;
    width:545px;
    overflow:visible;
    padding:0 0 2px 0;
    line-height:1.8em;
    margin-bottom:34px;
}
#inhalt .path h1,
#inhalt .path h2 {
    float:left;
    font-weight:bold;
    font-size:14px;
}

#inhalt p {
    margin-bottom:18px;
}


/* home */
#inhalt .home-aktuell {
    margin:20px 0 0 0;
    width:510px;
    overflow:visible;
}
#inhalt .home-aktuell h2 {
    margin-bottom:5px;
}
#inhalt .home-aktuell p {
    width:230px;
    margin-right:15px;
    float:left;
    margin-bottom:1em;
    min-height:7em;
}
.list-view {
    padding-bottom:10px;
    margin-bottom:10px;
}
.list-view a {
    font-weight:bold;
    text-decoration:none;
}
#inhalt .list-view p,
#inhalt .press-list p {
    margin-bottom:0;
}
.press-list {
    width:545px;
    overflow:visible;
    margin-top:10px;
    padding-bottom:5px;
}
.press-list span {
    display:block;
     float:left;
    width:6em;
    font-weight:bold;
}
#inhalt .press-list p {
     float:left;
    width:410px;
}
.press-list p a {
    text-decoration:none;
}
.press-list p a:hover {
    text-decoration:underline;
}
.press-list p span {
    width:380px;
    font-weight:normal;
}

.content-links {
    margin-top:.5em;
}
#inhalt .content-links p {
    clear:both;
    margin:.5em 0 0 0;
    padding:0;
    font-weight:bold;
}
#inhalt .content-links ul {
    list-style:none;
    padding:0;
    margin:0;
}
.content-links li {
    padding:0;
    margin:0;
}

.form {
    margin:-17px 0 5px 0;
    padding-top:20px;
    padding-bottom:15px;
    background:#DAE7F1;
    padding-left:14px;
    width:545px;
}
.form p {
    width:510px;
}
/* form */
.form legend {
    display:none;
}
.form label {
    width:183px;
    float:left;
    font-weight:bold;
    margin-bottom:10px;
    clear:both;
}
#inhalt .login label {
    color:#666;
}
.form input,
.form textarea {
    width:326px;
    max-width:326px;
    margin-bottom:10px;

}
.form select {
    width:327px;
    margin-bottom:10px;
}
.form .buttons {
    position:relative;
    margin-top:2px;
}

.form .buttons a {
    text-decoration:none;
    font-weight:bold;
    position:absolute;
    left:185px;
    top:0;
}
.form .buttons input {
    position:absolute;
    left:235px;
    top:0;
    padding:0;
    width:5em;
}
.login .buttons {
    padding-bottom:1em;
}
#inhalt .login .buttons a {
     background:url(img/bg_save.gif) no-repeat;
    text-align:center;
    display:block;
    width:104px;
    padding:3px 0 3px 0;
    color:#fff;
    left:auto;
    right:25px;
    top:0;
}
.login .buttons input.submit {
     background:url(img/bg_save.gif) no-repeat;
    border:none;
    text-align:center;
    display:block;
    width:104px;
    padding:1px 0 3px 0;
    color:#fff;
    left:auto;
    right:20px;
    top:0;
    cursor:pointer;
    font-weight:bold;
}

* html #inhalt .login .buttons a {
    padding:2px 0 3px 0;
}
*+html #inhalt .login .buttons a {
    padding:2px 0 3px 0;
}
.login form input.reset   {
    background:url(img/bg_reset.gif) no-repeat;
    text-decoration:none;
    color:#fff;
    border:none;
    font-weight:bold;
    padding:3px 0 3px 0;
    cursor:pointer;
    margin-left:0;
    width:104px;
    position:absolute;
    left:182px;
}
.login legend,
.changeAdress legend {
    display:block;
    color:#000;
    font-weight:bold;
    padding:1em 0 0 0;
}
.login legend {
    padding:1em 0 1em 0;
    color:#336699;
    font-size:1.2em;
}
* html .login legend,
* html .changeAdress legend {
    margin-left:-.5em;
}
*+html .login legend,
*+html .changeAdress legend {
    margin-left:-.5em;
}
.login a.nopass {
    color:#336699;
    text-decoration:none;
    position:relative;
    top:-12px;
}
.pflicht {
    margin-top:.5em;
}
.changeAdress .small {
    font-size:.75em;
}
.changeAdress fieldset {
    border-bottom:1px solid #FF9934;
    width:96%;
}
* html .changeAdress fieldset {
    width:97%;
}
.changeAdress .form-field {
      overflow:hidden;
}
.checkbox {
    padding-top:3.4em;
}
.innerbox {
     float:left;
    padding-right:1em;
}
.checkbox label,
.checkbox input {
    width:auto;
    margin:0;
    padding:0;
    border:none;
    float:left;
    padding-right:.5em;
    background:none;
    font-weight:normal;
}
.checktext {
     padding-top:.5em;
    width:20em;
    float:left;
}
#inhalt ul {
    margin:0 0 14px 16px;
    padding:0;
}
#inhalt li {
    margin:0;
    padding:0;
}















#content form fieldset a   {
    float:left;
    display:block;
    background:none;
    text-decoration:none;
    color:#336699;
    font-weight:bold;
    padding-top:5px;
}
form fieldset a:hover   {
    text-decoration:none;
}
form input.reset   {
    float:left;
    background:none;
    text-decoration:none;
    color:#999;
    border:none;
    font-weight:bold;
    padding-top:5px;
    cursor:pointer;
    margin-left:126px;
}
* html form input.reset   {
    margin-left:124px;
}

.bildarchiv {
    margin:20px 0 0 15px;
    padding-bottom:15px;
    border-bottom:1px dotted #ccc;
}
.bildarchiv h3 {
    font-weight:bold;
    margin-bottom:10px;
}
.bildarchiv div {
    border:1px solid #CCC;
    height:8.45em;
    margin-bottom:10px;
    position:relative;
}
* html .bildarchiv div {
    height:8.6em;
}
.bildarchiv div p span {
    position:absolute;
    left:260px;
    top:4.5em;
    list-style:none;
    width:130px;
    display:block;
    text-align:left;
    background:none;
    height:auto;
}
.bildarchiv div span {
    width:112px;
    display:block;
    text-align:right;
    background:#F5F5F5;
    height:112px;
}
.bildarchiv div p {
    position:absolute;
    left:135px;
    top:.9em;
    width:250px;
}
.bildarchiv div ul {
    position:absolute;
    left:400px;
    top:3.5em;
    list-style:none;
    width:130px;
}
#inhalt .bildarchiv div p a {
    font-weight:bold;
    text-decoration:none;
}

.sitemap {
    position:relative;
    left:0;
    top:1em;
    width:545px
}
.sitemap .levels {
    background:url(img/bg_sitemap.gif) repeat-y;
    min-height:2em;
    float:left;
    width:363px;
    max-width:358px;
    margin:0 0 5px 1px;
    padding:1px 0 0 5px;
    float:right;
}
.sitemap .levels div {
    float:left;
    overflow:hidden;
    margin-left:.4em;
}
.sitemap h2 {
    font-size:110%;
    float:left;
    display:block;
    width:171px;
}

.sitemap h3 a {
    font-weight:normal;
    float:left;
    display:block;
    width:161px;
    font-size:90%;
    color:#4F4F4F;
}
.sitemap ul {
    list-style:none;
    margin:10px 0 10px 2em;
    font-size:80%;
}
.sitemap .levels ul li {
    width:16em;
    margin:0 0 3px 0;
}
* html .sitemap .levels ul li {
    width:170px;
}
.sitemap .levels ul li a {
    color:#6189B1;
}
.sitemap .spacer {
    margin:.4em 0 .4em 0;
    clear:both;
    float:none;
    height:1px;
    line-height:1px;
    display:block;
}
.sitemap a {
    text-decoration:none;
}
.sitemap a:hover {
    text-decoration:underline;
}



/* Suche */
.search-result fieldset {
    clear:both;
    float:none;
    overflow:hidden;
}
* html .search-result fieldset legend {
    margin-left:-.6em;
}
.search-result input.search {
    display:block;
    border:1px solid #666;
    float:left;
    width:12em;
    padding:.1em;
    margin-bottom:1em;
    cursor:pointer;
}
.search-result input:focus.search {
    background:#EFEFEF;
}
.search-result input.submit {
    background:none;
    border:none;
    width:8em;
    font-weight:bold;
    color:#1E698F;
    cursor:pointer;
    height:1.6em;
    margin-left:1em;
}
.search-result input:hover.submit,
.search-result input:focus.submit {
    background:#EFEFEF;
}
.search-result h2 {
    color:#0061A0;
    padding-top:0;
}
.search-result {
    margin:0;
    padding:0;
    width:28em;
    overflow:hidden;
}
.browsebox {
    clear:both;
    float:none;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    font-size:90%;
    width:560px;
    position:relative;
    left:-1.2em;
}
.browsebox li {
    list-style:none;
    float:left;
    padding-right:.2em;
}
.browsebox li a {
    float:left;
    display:block;
    margin-right:.3em;
}

.result-box {
    display:block;
    margin:.2em 0 .5em 0;
    padding-bottom:.5em;
}
.result-box  p {
    float:none;
    clear:both;
}
.res-header {
    background:#eee;
    padding:.1em 0 .2em .4em;
    width:100%;
    font-size:86%;
    margin-top:.5em;
    position:relative;
}
.res-header img {
    margin:.4em 0 -.2em 0;
}

.res-header .rating {
    font-size:100%;
    position:absolute;
    right:1em;
    bottom:.2em;
}

#teaser-col {
      position:absolute;
    left:845px;
    top:259px;
}

#teaser-col .teaser {
    width:10.6em;
    padding:7px;
    margin-bottom:1.2em;
}
* html #teaser-col .teaser {
    width:13.3em;
}
#teaser-col .teaser h2 {
    margin-bottom:3px;
    font-weight:bold;
    font-size:96%;
}
#teaser-col div a.special {
    background:url(img/linkico_tool.gif) right center no-repeat;
    padding-right:1em;
    text-decoration:none;
    margin:0;
}
* html #teaser-col div a.special {
    width:12em;
    padding:3px 0 7px 0;
}
#teaser-col div a.special:hover {
    text-decoration:underline;
}
#teaser-col div hr {
    border:none;
    color:#fff;
    height:1px;
    line-height:1px;
    font-size:1%;
    margin:.4em 0 .4em 0;
}

/* links unter content bereich */
#teaser-col a {
    text-decoration:underline;
    display:block;
    line-height:1.1em;
}
#teaser-col a:hover {
    text-decoration:underline;
}

#inhalt .hometext {
    margin:20px 0 0 0;
    padding-left:14px;
    width:540px;
}

/* Schulvorschlag */
.progress {
    margin-top:-22px;
     background:#e8eff7;
    height:23px;
    position:relative;
    margin-bottom:25px;
}
.progress span {
    position:absolute;
    padding:3px 0 0 0;
    height:20px;
    border-bottom:5px solid #fc9933;
    display:block;
    width:180px;
    background:#d3dfed;
}
.step2 span {
    width:353px;
}
.step3 span {
    width:545px;
}
.progress span strong {
    padding-left:7px;
    font-weight:normal;
    color:#000;
}
.step2 span strong {
    padding-left:180px;
}
.step3 span strong {
    padding-left:360px;
}
.vorschlagIntro h2 {
     color:#336699;
    margin-bottom:0;
}
.schoolDataBox {
     margin-top:15px;
}
.vorschlagIntro dl {
     width:540px;
    overflow:hidden;
    clear:both;
    float:none;
    margin-bottom:20px;
}
.vorschlagIntro dt {
     width:180px;
    float:left;
    min-height:20px;
}
.vorschlagIntro dd {
     width:350px;
    float:left;
    min-height:20px;
}
.vorschlagIntro dt.space,
.vorschlagIntro dd.space {
    margin-bottom:16px;
}
.vorschlag {
    margin-top:10px;
}
#inhalt .vorschlag select,
#inhalt .vorschlag input {
    width:340px;
    max-width:340px;
}
*+html #inhalt .vorschlag select {
    width:344px;
}
#inhalt .vorschlag .buttons input {
    width:104px;
    max-width:auto;
}
.vorschlag span {
     display:block;
    float:left;
    margin-bottom:7px;
}
.vorschlag strong.small {
    font-size:.9em;
    width:auto;
    margin:0;
    font-weight:normal;
}
.vorschlag span.label {
    font-weight:bold;
    width:163px;
}
.vorschlag label {
    width:163px;
}
.vorschlag h2 {
     color:#336699;
    margin:20px 0 10px 163px;
}
.title {
    font-weight:bold;
     color:#336699;
    display:block;
}
.vorschlag div.radiobox {
    overflow:hidden;
    clear:both;
    float:none;
}
#inhalt .vorschlag div.radiobox span {
    float:left;
    width:150px;
}
#inhalt .vorschlag div.radiobox span.label {
    height:25px;
    float:left;
    width:163px;
}
.vorschlag div label {
    width:auto;
    font-weight:normal;
    float:left;
    display:block;
    margin:0;
    padding:0;
    clear:none;
}
#inhalt .vorschlag div.radiobox input {
    width:auto;
    display:block;
    float:left;
    margin:3px 5px 0 0;
    padding:0;
    background:none;
}
*+html #inhalt .vorschlag div.radiobox input {
    margin:0;
}
#inhalt .vorschlag textarea {
    width:505px;
    max-width:505px;
    float:none;
    height:200px;
}
input.hidden {
     display:none;
}
.loginBox {
     position:absolute;
    top:240px;
    left:836px;
    width:173px;
    z-index:1000;
    background:#fff;
}
* html .loginBox {
     position:absolute;
    top:100px;
    left:821px;
    width:173px;
    z-index:1000;
    background:#fff;
}
.loginBox ul {
    list-style:none;
    margin:0 0 5px 16px;
    padding-bottom:5px;
    background:url(img/bg_line_dotted.gif) 16px bottom no-repeat;
}
ul.userlist {
     margin-left:32px;
    background:url(img/bg_line_dotted.gif) 0 bottom no-repeat;
}
.loginBox ul.userlist li {
    color:#e0e0e0;
}
.loginBox ul.userlist li a {
    color:#666;
    padding-left:0;
    background:none;
}
.loginBox ul.userlist li a:hover {
    text-decoration:underline;
}
.loginBox h4 {
    margin:15px 0 5px 32px;
    font-weight:normal;
    color:#336699;
}
.loginBox h5 {
    margin:0 0 5px 32px;
    font-weight:normal;
}
.loginBox span,
.loginBox a {
    margin-left:16px;
    padding-left:16px;
    background:url(img/bg_link.gif) left center no-repeat;
    text-decoration:none;
    display:block;
    line-height:22px;
    font-size:.9em;
}
.loginBox a {
    margin-left:16px;
    padding-left:16px;
    background:url(img/bg_link.gif) left center no-repeat;
    text-decoration:none;
    display:block;
    line-height:22px;
    font-size:.9em;
}
.loginBox ul li a {
    margin-left:0;
}
.loginBox ul li span {
    margin-left:0;
}
.vorschlagStep2 h3 {
     font-weight:bold;
    margin-left:180px;
    color:#336699;
}
.vorschlagStep2 .buttons {
    position:relative;
    height:25px;
}
.vorschlagStep2 .buttons a {
    position:absolute;
    text-decoration:none;
    text-align:center;
    display:block;
    width:104px;
    padding:3px 0 3px 0;
    color:#fff;
    top:0;
}
.vorschlagStep2 .buttons a.save {
     background:url(img/bg_save.gif) no-repeat;
    left:440px;
}

.vorschlagStep2 .buttons a.edit   {
    background:url(img/bg_edit.gif) no-repeat;
    left:290px;
     color:#336699;
}
.vorschlagStep2 .buttons a.reset   {
    background:url(img/bg_reset.gif) no-repeat;
    left:180px;
}
.vorschlagStep3 p {
    width:330px;
}
.vorschlagStep3 p.formline {
    width:auto;
}
.vorschlagStep3 a {
     background:url(img/bg_link.gif) right center no-repeat;
    text-decoration:none;
    padding-right:12px;
    color:#336699;
}
.vorschlagStep3 a:hover {
    text-decoration:underline;
}
.error {
     font-weight:bold;
    color:red;
}