/*
 * BuB CSS
 * 
 * 1.2.0            2015-11-20  Christian Lang
 *                  - Stifterverband Logo nochmal ausgetauscht
 * 1.1.0            2015-11-10  Christian Lang
 *                  - Stifterverband Logo ausgetauscht
 * 1.0.0            2015-06-16  Christian Lang
 *                  - KMK Logo ausgetauscht
 *                  - Versionierung eingefuehrt
 */
 
 /*****GRUNDELEMENTE*****/

html {
    height: 100%;
}

body {
    font-size: 9pt;
    line-height: 120%;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    color: #4F4F4F;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

p {
    margin-top: 0px;
    text-align: left;
}

a:link, a:visited, a:active {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #0ba1e2;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
    text-transform: uppercase;
}

a:hover, a:focus {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

a.mehr {
    float: right;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    color: #1a171b;
    text-transform: uppercase;
    text-align: right;
    padding-right: 13px;
    margin: 0px;
    width: 45px;
    background: url(/static/img/bub_pfeil.gif) no-repeat center right;
}

div.logoHide {
    display: none;
    width: 0px;
    height: 0px;
}

a.linkHide {
    display: none;
    width: 0px;
    height: 0px;
}

img.aufmacher {
    float: left;
    padding: 0px 20px 0px 0px;
}

img {
    border: none;
}

#content img{
}

.caption {
    text-transform: normal;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #a1a1a0;
    line-height: 130%;
}

.bild-left {
    float: left;
    margin: 0px 19px 5px 0px;
    border: none;
}

.bild-right {
    float: right;
    margin: 0px 0px 5px 20px;
    border: none;
}


.hidden {
    display: inline;
    left: -999px;
    top: -999px;
    font-size: 0px;
    height: 0px;
    line-height:0px;
    margin:0px;
    overflow:hidden;
    position:absolute;
}

span.bunt {
    color: #0ba1e2;
    font-weight: normal;
}

h1 {
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    color: #181715;
    font-size: 25pt;
    text-transform: normal;
    font-weight: normal;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 110%;
    background: url(/static/img/headline.gif) repeat-x bottom left;
}

h2 {
    font-size: 13pt;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    text-transform: normal;
    font-weight: normal;
    color: #181715;
    margin-top: 0px;
    text-transform: normal;
    margin-bottom: 10px;
}

h3 {
    font-size: 13pt;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    font-weight: normal;
    color: #181715;
    margin-top: 0px;
    text-transform: normal;
    border-bottom: 0px;
}


#links h3 {
    font-size: 7pt;
    font-family: Arial, Helvetica, sans serif;
    text-transform: normal;
    font-weight: normal;
    color: #181715;
    margin-top: 0px;
    text-transform: uppercase;
    border-bottom: 1px dotted #dfd4c1;
    margin-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.rubrik {
    font-family: Arial, Helvetica, sans serif;
    color: #0ba1e2;
    /*width: 100%;*/
    font-size: 8pt;
    text-align: right;
    float: right;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    /*background: url(/static/img/rubrik_pfeil_rechts.gif) no-repeat top left;*/
    background-position: 0px 3px;
}



/* Der Container umfasst den Gesamten Inhalt der Site */

#container {
    margin: 0px auto;
    background: white;
    margin-top: 0px;
    width: 1000px;
}

#header {
    margin: 0px auto;
    height: 440px;
    width: 1000px;
    background: url(/static/img/bub_logo.gif) no-repeat top left;
    background-position: 0px 35px;
}

#header .logolink {
    float: left;
    margin: 35px 0px 0px 0px;
    width: 243px;
    height: 82px;
    color: transparent;
    border: none;
}

#header .logo-rechts-1 {
    float: right;
    margin: 19px 20px 0px 0px;
    width: 101px;
    height: 70px;
    background: url(/static/img/logo_stifterverband_20151120.jpg) no-repeat top left;
    color: transparent;
    border: none;
}

#header .logo-rechts-2 {
    float: right;
    margin: 19px 20px 0px 0px;
    width: 101px;
    height: 70px;
    background: url(/static/img/logo_bmbf.jpg) no-repeat top left;
    color: transparent;
    border: none;
}

#header .logo-rechts-3 {
    float: right;
    margin: 19px 0px 0px 0px;
    width: 101px;
    height: 73px;
    /*background: url(/static/img/logo_kmk.png) no-repeat top left;*/
    background: url(/static/img/logo_kmk_2015_06.png) no-repeat top left;
    color: transparent;
    border: none;
}

/*Toolbar*/

#toolbar {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 25px;
    margin-bottom: 5px;
    width: 600px;
    float: right;
}

#toolbar ul {
    margin-right: 0px;
    margin-top: 10px;
}

#toolbar li {
    float: right;
    list-style-type: none;
    margin-left: 20px;
    padding-left: 0px;
}

#toolbar li a, #toolbar li span {
    font-size: 7pt;
    font-weight: normal;
    display: block;
    text-align: center;
    color: #181715;
    margin-top: 0px;
    padding: 1px 0px 0px 0px;
}

#toolbar li a:hover, #toolbar li a:focus {
}

#toolbar li a:active{
    font-weight: normal;
}

#toolbar li a.active,
#toolbar li span.active {
    font-weight: normal;
}


/*Topnavi*/

#navicontainer {
    float: left;
    padding: 0px;
    background: url(/static/img/header.jpg) no-repeat top right;
    width: 526px;
    /*width: 1000px;*/
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px 0px 46px 0px;
    /*position: relative;*/ /*chl*/
    /*z-index:2000;*/ /*chl*/
}

#topnavi {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 8pt;
    font-weight: normal;
    width: 263px;
    padding: 0px;
    height: 273px;
    margin: 0px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #0ba1e2;
}

#topnavi ul {
    margin-top: 25px;
    background: url(/static/img/navibottom.gif) no-repeat bottom left;
    padding: 0px 0px 1px 0px;
    margin-left: 0px;
    /*position:relative;*/ /*chl*/
    /*z-index:2000;*/ /*chl*/
}

#topnavi li {
    list-style-type: none;
    margin: 0px;
    padding: 3px 0px 2px 0px;
    background: url(/static/img/navitrenner.gif) no-repeat top left;
    background-position: 0px 0px;
}


#topnavi li a {
    display: block; margin: 0px;
    padding: 1px 23px 1px 50px;
    color: #FFFFFF;
    font-weight: normal;
}

#topnavi li a:hover, #topnavi li a:focus {
    text-decoration: none;
}

li.hover a, li.open a {
    background: url(/static/img/navitrenner_over.gif) no-repeat top left;
    background-position: 0px -4px;
}

#topnavi li.active a, #subnavi li.active a {
    background: url(/static/img/navitrenner_over.gif) no-repeat top left;
    background-position: 0px -4px;
    font-weight: bold;
}


/*Subnavi*/

#subnavi  {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 8pt;
    font-weight: normal;
    width: 263px;
    padding: 0px;
    height: 273px;
    margin: 0px;
    font-weight: normal;
    text-transform: uppercase;
    background: url(/static/img/bub_bg_subnavi.png) repeat top left;
    position: relative; /*chl*/
    z-index:1000; /*chl*/
}

.subnavi-hidden {
    display: none;
}

#subnavi  ul {
    margin-top: 25px;
    background: url(/static/img/navibottom.gif) no-repeat bottom left;
    padding: 0px 0px 1px 0px;
    margin-left: 0px;
}

#subnavi  li {
    list-style-type: none;
    margin: 0px;
    padding: 3px 0px 2px 0px;
    background: url(/static/img/navitrenner.gif) no-repeat top left;
    background-position: 0px 0px;
}

#subnavi  li a {
    display: block; margin: 0px;
    padding: 1px 25px 1px 50px;
    color: #fff;
    font-weight: normal;
}

#subnavi  li a:hover,
#subnavi  li a:focus {
    text-decoration: none;
}


/*Linke Spalte*/

#links {
    clear: left;
    float: left;
    width: 243px;
    margin-top: -19px;
    margin-bottom: 20px;
    text-transform: normal;
}


/* Suchbox */

.suche {
    clear: both;
    width: 242px;
    margin-top: 10px;
    border-top: 1px dotted #dfd4c1;
}

input.suchfeld {
     padding: 0px 25px 0px 5px;
     color: #181715;
     float: left;
     width: 134px;
     margin-top: 30px;
     margin-left: 0px;
     font-size: 8pt;
     height: 22px;
     border: 1px solid #dfd4c1;
     background: url(/static/img/lupe.gif) no-repeat top right;
}

form.blau input.suchfeld.blau {
     padding: 0px 25px 0px 5px;
     color: #fff;
     float: left;
     width: 134px;
     margin-top: 30px;
     margin-left: 0px;
     font-size: 8pt;
     height: 22px;
     border: none;
     background: rgba(11,161,226, 1) url(/static/img/lupe_blau.gif) no-repeat top right;
}

form.blau input.submitbutton.blau {
    float: right;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0ba1e2;
    font-weight: normal;
    font-size: 7pt;
    text-transform: uppercase;
    border: none;
    text-align: center;
    height: 24px;
    width: 68px;
    margin-top: 30px;
}

input.submitbutton {
    float: right;
    color: #181715;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-weight: normal;
    font-size: 7pt;
    text-transform: uppercase;
    border: 1px solid #dfd4c1;
    text-align: center;
    height: 24px;
    width: 68px;
    margin-top: 30px;
}

input.submitbutton:hover {
    border: 1px solid #181715;
}


/* Newsletter */


.newsletter {
    margin-bottom: 40px;
}

input.usernamefeld {
     padding: 0px 5px;
     color: #181715;
     width: 232px;
     margin-left: 0px;
     height: 22px;
     border: 1px solid #dfd4c1;
}

input.passwortfeld {
     padding: 0px 5px;
     color: #181715;
     width: 232px;
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     height: 22px;
     border: 1px solid #dfd4c1;
     border-top: none;
}

input.radio {
    height: auto;
}

/* Veranstaltung start */

div.veranstaltung {
    clear: both;
    width: 242px;
    background: url(/static/img/bub_kalender.png) no-repeat top left;
    margin-bottom: 10px;
}

div.datum {
    color: #181715;
}

div.eintrag {
    width: 196px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    padding: 5px 10px;
    margin-left: 26px;
    background-color: #f2ede5;
    color: #a1a1a0;
}

a.empty {
    margin-top: 4px;
    float: right;
    width: 9px;
    height: 9px;
    background: url(/static/img/bub_pfeil.gif) no-repeat bottom right #181715;
}

/* NEW */

a.veranstaltung {
    clear: both;
    width: 242px;
    margin-bottom: 10px;
    display: block;
    font-weight: normal;
}

a.veranstaltung:hover {
    text-decoration: none;
}

a.veranstaltung  span.month {
    display: block;
    background: url(/static/img/bub_kalender.gif) no-repeat top left;
    font-weight: bold;
    width: 22px;
    height: 23px;
    float: left;
    text-align: center;
    padding: 9px 0 0 0;
}

a.veranstaltung span.eintrag-box {
    display: block;
    width: 196px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    padding: 5px 10px;
    margin-left: 26px;
    background: #f2ede5;
    color: #a1a1a0;
}

a.veranstaltung span.eintrag {
    display: block;
    background: url(/static/img/bub_pfeil.gif) no-repeat bottom right;
    padding-right: 10px;
}

a.veranstaltung span.datum {
    color: #181715;
    display: block;
}

/* Projekte start */

.projekte {
    clear: both;
    width: 243px;
    margin-bottom: 25px;
}

.projekte .logo {
    width: 154px;
    height: 45px;
    margin-bottom: -10px;
}

a.zurueck {
    margin: 0px 0px 20px 5px;
    float: right;
    width: 21px;
    height: 11px;
    background: url(/static/img/rubrik_pfeil_links.gif) no-repeat bottom right;
}

a.zurueck:hover {
    background: url(/static/img/rubrik_pfeil_links_1.gif) no-repeat bottom right;
}

a.vor {
    margin: 0px 0px 20px 5px;
    float: right;
    width: 21px;
    height: 11px;
    background: url(/static/img/rubrik_pfeil_rechts.gif) no-repeat bottom right;
}

a.vor:hover {
    background: url(/static/img/rubrik_pfeil_rechts_1.gif) no-repeat bottom right;
}

a.bx-next {

}
    
a.bx-prev {
    
}    


/* Social Media */

.social-media {
    width: 243px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #a1a1a0;
}

a.facebook {
    margin: 8px 0px 15px 0px;
    float: left;
    width: 71px;
    height: 19px;
    background: url(/static/img/facebook.gif) no-repeat bottom left;
    clear: both;
}

a.twitter {
    margin: 10px 0px 15px 15px;
    float: left;
    width: 91px;
    height: 16px;
    background: url(/static/img/twitter.gif) no-repeat bottom left;
}


/*Content*/

#content {
    font-size: 10pt;
    line-height: 140%;
    margin: 0px 0px 20px 0px;
    width: 734px;
    float: right;
}
/* Div zum fixen des Floating bugs
 * muss floaten und so breit sein wie der Inhaltsbereich */

#content-cleaner {
    float: right;
    width: 734px;
    margin: 0px 0px 20px 0px;
}

#middle-cleaner .datum {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #a1a1a0;
}

/*Contentliste*/

.contentliste {
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

ul.contentliste {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}


ul.contentliste  li {
    margin-top: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    text-transform: normal;
    background: url(/static/img/bub_pfeil.gif) no-repeat top left;
    background-position: 0px 5px;
    padding-left: 20px;
}

#teaser ul.contentliste li {
    margin-left: 0px;
    list-style-type: none;
    background: url(/static/img/bub_pfeil.gif) no-repeat top left;
    background-position: 0px 3px;
    padding-left: 20px;
}

.contentliste .titel {
    font-size: 12pt;
    display: block;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    text-transform: normal;
    font-weight: normal;
    color: #181715;
    margin-top: 0px;
    margin-bottom: 5px;
    text-transform: normal;
}

.contentliste .img {
    float: right;
    border: none;
}


/*Teaserliste*/

.teaserliste {
    clear: both;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    width: 734px;
    border-top: 1px dotted #DFD4C1;
}

.teaserliste ul {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

.teaserliste li {
    margin-top: 10px;
    padding-bottom: 10px;
    list-style-type: none;
    text-transform: normal;
    background-position: 0px 3px;
    border-bottom: 1px dotted #DFD4C1;
}

.teaserliste .titel {
    font-size: 12pt;
    display: block;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    text-transform: normal;
    font-weight: normal;
    color: #181715;
    margin-top: 0px;
    margin-bottom: 5px;
    text-transform: normal;
}

.teaserliste .img {
    float: right;
    border: none;
}


/*Mitte*/

#middle {
    width: 500px;
    margin: 0px 0px 0px 0px;
    margin-bottom: 25px;
}
/* Div zum fixen des Floating bugs
 * muss floaten und so breit sein wie der Inhaltsbereich */

#middle-cleaner {
    /*float: left;*/
}


/*Aufmacher*/

#aufmacher {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    float: left;
}

#aufmacher.highlight {
    border: 1px solid #dfd4c1;
    padding: 10px 10px;
    margin-bottom: 20px;
    width: 712px;
}


/*Doppelteaser*/

#middle div.doppelteaserrahmen {
    width: 510px;
    margin-top: 0px;
}

#middle div.doppelteaser {
    float: left;
    width: 230px;
    margin: 2px 12px 10px 0px;
    border-bottom: 1px dotted #dfd4c1;
    padding: 0px 11px 0px 0px;
}

#middle div.rahmen{
    border-right: 1px dotted #dfd4c1;
    border-bottom: none !important;
}

#middle div.doppelteaser img.bild {
    margin: 10px 0px;
}

#middle div.doppelteaser h3 {
    font-size: 13pt;
    margin: 11px 0px 10px 0px;
}

#middle div.doppelteaser h3.hilight {
    font-size: 24pt;
    color: #61248D;
    margin-top: 17px;
}

#teaser div.teaserrubrik {
    margin-top: 0px;
    margin-bottom: 0px;
}



/*Archiv*/

#archiv {
    width: 732px;
    margin-bottom: 0px;
    border: 1px solid #dfd4c1;
    float: left;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans serif;
}

#archiv h1 {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
}

#jahr {
    width: 732px;
    border-top: 1px solid #dfd4c1;
    float: left;
}

#jahr ul {
    margin-right: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#jahr li {
    float: left;
    list-style-type: none;
}

#jahr li a, #topnavi li span {
    display: block;
    text-align: center;
    color: #181715;
    margin-top: 0px;
    padding: 5px 10px;
    font-weight: normal;

}

#jahr li a:hover, #jahr li a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0ba1e2;
}

#jahr li a:active{
    background-color: #0ba1e2;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}

#jahr li a.active,
#jahr li span.active {
    background-color: #0ba1e2;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
}

#monat {
    width: 732px;
    border-top: 1px solid #dfd4c1;
    float: left;
    text-transform: uppercase;
}

#monat ul {
    margin-right: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#monat li {
    float: left;
    list-style-type: none;
    padding: 5px 10px;
    color: #959698;
}

#monat li a {
    font-weight: normal;
    display: block;
    /* color: #959698;*/
    color: #181715;
}

#monat li a:hover, #monat li a:focus {
    color: #181715;
    text-decoration: underline;
}

#monat li a:active {
    font-weight: normal;
    text-decoration: none;
    color: #181715;
}

#monat li a.active, #monat li span.active {
    font-weight: bold;
    text-decoration: none;
    margin-left: -10px;
    padding-left: 20px;
    padding-right: 8px;
    margin-right: -10px;
    color: #181715;
    background: url(/static/img/bub_pfeil.gif) no-repeat top left;
    background-position: 6px 9px;
    border-left: 1px solid #dfd4c1;
    border-right: 1px solid #dfd4c1;
    padding-bottom: 5px;
    margin-bottom: -5px;
    padding-top: 5px;
    margin-top: -5px;
}

/* Archivsuche */

#archivsuche {
    clear: both;
    width: 242px;
    margin-top: -20px;
}

.archivsuche input.suchfeld {
     color: #181715;
     float: right;
     width: 134px;
     margin-top: 10px;
     margin-left: 0px;
     height: 22px;
     font-size: 8pt;
     border: 1px solid #dfd4c1;
     background-color: #181715;
     background: url(/static/img/lupe.gif) no-repeat top right;
}

.archivsuche input.submitbutton {
    margin-top: 10px;
    float: right;
    color: #181715;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-weight: normal;
    font-size: 7pt;
    text-transform: uppercase;
    border: 1px solid #dfd4c1;
    text-align: center;
    height: 24px;
    width: 48px;
    margin-left: 10px;
}

.archivsuche input.submitbutton:hover {
    border: 1px solid #181715;
}


/*Teaser*/

#teaser {
    width: 195px;
    float: right;
    margin: 0px 0px 0px 0px;
    /*font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 140%;
    background-color: #F2EDE5;
    padding: 1px 10px 10px 10px;
}

#teaser > div {
    margin: 10px 0px 10px 0px;
    border-top: 1px dotted #B8A486;
    padding-top: 20px;
    padding-bottom: 7px;
}

#teaser > div:first-child {
    border-top: none;
    padding-top: 0px
}

#teaser div img {
    float: left;
    margin: 0px 8px 5px 0px;
    border: none;
}

#teaser div img.right {
    float: right;
    margin: 0px 0px 5px 5px;
}

#teaser div h3 {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #0ba1e2;
    margin-top: 0px;
    text-transform: uppercase;
    border-bottom: 0px;
    margin-bottom: 10px;
}

/*#teaser h3 {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans serif;
    text-transform: normal;
    font-weight: normal;
    color: #0ba1e2;
    /*color: #181715;*/
    margin-top: 0px;
    text-transform: uppercase;
    border-bottom: 1px dotted #dfd4c1;
    margin-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}*/


#teaser div h3.black {
    font-weight: normal;
    color: #181715;
}

#teaser div h3 a {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0ba1e2;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    background-image: none;
}

#teaser div a.diskette {
    float: right;
    margin: 3px 0px 0px 5px;
    width: 30px;
    height: 20px;
    background: url(/static/img/bub_teasericon_download.png) no-repeat top left;
}

#teaser div a.email {
    float: right;
    margin: 3px 0px 0px 5px;
    width: 30px;
    height: 20px;
    background: url(/static/img/bub_teasericon_email.png) no-repeat top right;
}

#teaser div a:hover,
#teaser div a:active,
#teaser div a:focus,
#teaser div h3 a.mehr:hover,
#teaser div h3 a.mehr:active,
#teaser div h3 a.mehr:focus {
    text-decoration: none;
    color: #181715;
}

#teaser div span {
    float: left;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #a1a1a0;
    text-align: left;
    margin-top: 10px;
}

#teaser div span.download {
    display: inline;
    float: none;
    margin-top: 0px;
    padding-top: 0px;
}

#teaser div span.pfeil {
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
    background: url(/static/img/bub_pfeil.gif) no-repeat bottom left;
    background-position: 0px 4px;
}

#teaser div span.schwarz {
    text-transform: uppercase;
    color: #181715;
}

#teaser div span.titelpfeil {
    float: none;
    display: inline;
    text-transform: uppercase;
    color: #181715;
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
    background: url(/static/img/bub_pfeil.gif) no-repeat bottom left;
    background-position: 0px 4px;
}


#teaser div.teaserVariante {
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    font-size: 10pt;
    line-height: 140%;
}


#teaser div.teaserVariante img.halberTeaser {
    float: right;
    margin: 5px -10px 0 5px;
}

#teaser div.teaserVariante h3 {
    font-weight: normal;
    color: #181715;
    font-size: 13pt;
    text-transform: none;
    margin-top: 12px;
    padding-top: 0px;
}


#teaser div.teaserVariante a.ueberschrift {
    clear: both;
    font-weight: normal;
    color: #181715;
    font-size: 13pt;
    font-family: Palatino Linotype,Book Antiqua,Palatino,FreeSerif,serif;
    text-transform: none;
    margin: 11px 0px 10px 0px;
}

#teaser div.teaserVariante .rubrik {
}

a.download {
    float: left;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #a1a1a0;
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
    background: url(/static/img/bub_pfeil.gif) no-repeat bottom left;
    background-position: 0px 4px;
}

a.download:hover {
    float: left;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #1a171b;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding-left: 15px;
    background: url(/static/img/bub_pfeil.gif) no-repeat bottom left;
    background-position: 0px 4px;
}



/*Footer*/

#footer {
    font-weight: normal;
    clear: both;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
        font-size: 7pt;
    color: #fff;
    text-align: right;
    height: 20px;
    text-transform: uppercase;
    background-color: #beb292;
}

#footer .farbe {
    float: left;
    width: 263px;
    height: 20px;
    background-color: #0ba1e2;
}

#footer .content {
    padding: 3px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
}

#footer a {
    margin: 0px 15px 0px 0px;
    color: #fff;
    font-weight: normal;
    font-size: 7pt;
}


/* Artikelbild */

.inhaltsbild {
    border: 0px;
    float: left;
    margin: 0 5px 5px 0;
}

/* Mitarbeiter */

.mitarbeiterbild {
    border: 0px;
    float: left;
    margin: 0 5px 5px 0;
}

/* Liste */

.listenbild {

}

ul.listenobjekt {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 40px 0px 0px 0px;
    width: 100%;
}

ul.listenobjekt li {
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

ul.listenobjekt li img {
    float: left;
    margin: 0 10px 10px 0;
}

ul.listenobjekt li a, ul.listenobjekt li a:hover, ul.listenobjekt li a:active, ul.listenobjekt li a:visited {
    color: #181715;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    font-size: 10pt;
}

ul.listenobjekt li .datum {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #a1a1a0;
    margin-bottom: 10px;
}

ul.listenobjekt li .titel {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0ba1e2;
    text-transform: uppercase;
    border-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    background-position: 0px 2px;
}

ul.listenobjekt li.mitarbeiter {
    clear: both;
}
ul.listenobjekt li.mitarbeiter img {
    float: left;
    margin: 0 10px 10px 0px;
}
ul.listenobjekt li.news {

}
ul.listenobjekt li.default {

}


/* Kontaktformular */

form.kontaktformular {
    margin: 0;
    width: 99%;
}

form.kontaktformular div {
    padding: 10px 10px 0px 0px;
    width: 100%;
}

form.kontaktformular div label {
    width: 100%;
}

form.kontaktformular div div.fehler {
    color: red;
    font-weight: bold;
}

form.kontaktformular div input {
    width: 100%;
    margin: 10px 0px;
}

form.kontaktformular #anfrage{
    width: 100%;
    height: 200px;
    margin: 10px 0px;
}

form.kontaktformular #hinweis{
    width: 100%;
    height: 100px;
    margin: 10px 0px;
}

form.kontaktformular div textarea {
    width: 100%;
}

form.kontaktformular div input.checkbox {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border: none;
}

form.kontaktformular div input.submitbutton {
    color: #181715;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-weight: normal;
    text-transform: normal;
    float: left;
    border: none;
    margin-top: 5px;margin-right: 0px;
    padding:  3px 0px;
    text-align: center;
    width: 200px;
    border: 1px solid #DFD4C1;
}

form.kontaktformular div input.submitbutton a:hover {
    color: #181715;
    border: 1px solid #181715;
}

textarea, input {
    border: 1px solid #DFD4C1;
    height: 20px;
    padding: 0px 5px;
    font-size: 8pt;
}

textarea.readonly {
    background-color: #ECECEC;
    color: #716F64;
}


/* BILDERGALERIE */


div.imagegallery {}

div.imagegallery-zoomimage {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

div.imagegallery a {
    color: #181715;
}

div.imagegallery-links {
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
    font-family: Arial, Helvetica, sans serif;
    font-weight: bold;
    text-transform: uppercase;
}


div.imagegallery-thumbnail {
    float: left;
    margin: 0 6px 7px 0;
    background-color: #F1ECE4;
    border: 1px solid #F1ECE4;
}


div.imagegallery-thumbnail-active {
    float: left;
    margin: 0 6px 7px 0;
    background-color: #F1ECE4;
    border: 1px solid #DFD4C1;
}

div.bildbeschreibung {

}

div.bildbeschreibung div.bildbeschreibung-t {
    font-family: Arial, Helvetica, sans serif;
    font-weight: bold;
    text-transform: uppercase;
}

div.bildbeschreibung div.bildbeschreibung-d {
    font-family: Arial, Helvetica, sans serif;
    font-weight: normal;
}

/* Ansprechpartner */

ul.ansprechpartner {
    font-family: Arial, Helvetica, sans serif;
    color: #959698;
    text-transform: uppercase;
    font-size: 8pt;
    list-style-type: none;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    width: 734px;
}

ul.ansprechpartner > li {
    padding: 0px 15px 20px 0px;
    margin: 0px;
    width: 352px;
    float: left;
    display: block;
}

ul.ansprechpartner > li > ul{
    margin-top: 10px;
    margin-left: 157px;
}

ul.ansprechpartner > li > ul > li {
    padding: 0px 15px 10px 20px;
    list-style-type: none;
    width: 115px;
    background: url(/static/img/bub_pfeil.gif) no-repeat top left;
    background-position: 3px 3px;
}

ul.ansprechpartner h2 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans serif;
    color: #0ba1e2;
    font-size: 8pt;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}


#aufmacher .eckbild {
    float: left;
    margin: 0px 24px 0px 0px;
    width: 220px;
    height: 220px;
}


.eckbild {
    float: left;
    margin: 0px 24px 0px 0px;
    width: 177px;
    height: 177px;
}

.ecke {
    float: right;
    margin-top: 0px;
    width: 38px;
    height: 12px;
    background-color: #0ba1e2;
}

ul.ansprechpartner li a:hover, ul.ansprechpartner li a:active {
    text-decoration: none;
}
/* Teaser Mitarbeiter + Download*/

div.teaser-mitarbeiter,
div.teaser-download {
    text-transform: normal;
    margin: 0;
}

div.teaser-mitarbeiter div {
    float: left;
    width: 105px;
    /*border: none !important;
    margin-top: -17px !important;*/
}

div.teaser-download div {
    border: none !important;
    float: left;
    width: 95px;
    margin-top: -25px !important;
    margin-bottom: 0px !important;
}

div.teaser-download div > ul {
    margin: 10px 0 0 0px;
    padding: 15px 0 0 0;
}

div.teaser-mitarbeiter div > ul {
    margin: 10px 0 0 0px;
    padding: 15px 0 0 0;
    margin-top: -15px !important;
}


div.teaser-mitarbeiter div > ul > li,
div.teaser-download div > ul > li {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    list-style-type: none;
    width: 95px;
    background: url(/static/img/bub_pfeil.gif) no-repeat top left;
    background-position: 3px 3px;
}

div.teaser-download div > ul > li {
    text-transform: uppercase;
}

/*


/*---ol---*/

ol {
    margin-top: 10px;
    padding: 0px;
    margin-left: 0px;
}

ol li {
    margin-left: 20px;
    padding: 0px;
    background-position: 0px 0px;
}

ol li a {
    display: block;
    margin: 0px;
}


/*---sitemap---*/

.sitemap {
    font-family: arial, helvetica, sans serif;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 0px;
    margin-left: 0px;
}

.sitemap ul {
    margin-top: 10px;
    padding: 0px;
    margin-left: 20px;
}

.sitemap li {
    margin: 0px 0px 10px 0px;
    padding-left: 20px;
    background: url(/static/img/bub_pfeil.gif) no-repeat top left;
    background-position: 0px 4px;
    list-style-type: none;
}

.sitemap li a {
    color: #181715;
    margin: 0px;
    list-style-type: none:
}

/*---Newsletter---*/

#newsletterformular {
    padding: 0px;
    margin: 0px;
}

#newsletterformular .text {
    font-size: 8pt;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}


#newsletterformular .button {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 7pt;
    height: 22px;
    width: 200px;
    margin-left: 0px;
    padding: 0px;
}

#newsletterformular .checkbox {
    width: 15px;
    height: 15px;
    border: none;
    margin-right: 10px;
}

#newsletterformular #datenschutzerklaerung {
    width: 510px;
    height: 100px;
    margin: 10px 0 0 0;
    padding: 5px;
}

#email-element, #anrede-element, #titel-element {
    margin: 0 0 10px 0;
}


dd {
    margin: 0px;
}

#register-element .button {
    border-top: 1px solid #DFD4C1;
    border-right: 1px solid #DFD4C1;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #DFD4C1;
    background-color: #fff;
    margin: 0px;
}

#cancel-label {
    display: none;
}

#cancel-element .button{
    border: 1px solid #DFD4C1;
    margin: 0px;
}

/* Anmeldeformular */

form.anmeldeformular {
    margin: 0;
    width: 99%;
}

form.anmeldeformular div {
    padding: 10px 10px 0px 0px;
    width: 100%;
}

form.anmeldeformular div label {
    width: 100%;
}

form.anmeldeformular div div.fehler {
    color: red;
    font-weight: bold;
}

form.anmeldeformular div input {
    width: 100%;
    margin: 10px 0px;
}

form.anmeldeformular #anfrage{
    width: 100%;
    height: 200px;
    margin: 10px 0px;
}

form.anmeldeformular #hinweis{
    width: 100%;
    height: 100px;
    margin: 10px 0px;
}

form.anmeldeformular div textarea {
    width: 100%;
}

form.anmeldeformular div input.checkbox {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border: none;
}
form.anmeldeformular div input[type="checkbox"]{
    margin-top: 0px;
    padding: 0px;
    width: 20px;
    float: left;
    margin-bottom: 0px;
}
form.anmeldeformular div input.submitbutton {
    color: #181715;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-weight: normal;
    text-transform: normal;
    float: left;
    border: none;
    margin-top: 5px;margin-right: 0px;
    padding:  3px 0px;
    text-align: center;
    width: 200px;
    border: 1px solid #DFD4C1;
}

form.anmeldeformular div input.submitbutton a:hover {
    color: #181715;
    border: 1px solid #181715;
}

form.anmeldeformular .required {
    float: left;
}

form.anmeldeformular .level2 {
    margin-left: 20px;
}

form.anmeldeformular .level3 {
    margin-left: 40px;
}

form.anmeldeformular .level4 {
    margin-left: 60px;
}

.radio{
    width: 20px !important;
}

textarea, input {
    border: 1px solid #DFD4C1;
    height: 20px;
    padding: 0px 5px;
    font-size: 8pt;
}

textarea.readonly {
    background-color: #ECECEC;
    color: #716F64;
}


form.anmeldeformular div.indent {
    margin: 0 0 0 20px;
    padding: 0;
}

/* ANMELDEFORMULAR */

.error {
    color: #FF0000;
    font-weight: bold;
}

ul.errors {
    color: #FF0000;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/*---sitemap---*/


.sitemap li {
    background: url(/static/img/bwm_pfeil.gif) no-repeat top left;
    background-position: 0px 4px;
}

/*----akkordeon---*/

.akkordeon {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.akkordeon .inhalt{
    background-color: #F2EDE5;
    padding: 10px;
}

.akkordeon h2 {
    clear: right;
    border-top: 1px solid #DFD4C1;
    padding-top: 10px;
    padding-right: 80px;
}

.akkordeon h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #0BA1E2;
    font-size: 8pt;
    margin-top: 5px;
    margin-bottom: 5px;
}

.akkordeon a {
    color: #181715;
    margin: 0px;
    padding-left: 20px;
    background: url(/static/img/bub_pfeil.gif) no-repeat center left;
    background-position: 0px 2px;
}

.akkordeon a.anzeigen{
    clear: both;
    float: right;
    margin: -28px 0px 0px 0px;
    padding-right: 20px;
    background: url(/static/img/bub_pfeil.gif) no-repeat center right;
}

.akkordeon .content {
    margin-left: 20px;
    color: #181715;
    font-family: arial;
}

.akkordeon .abschluss {
    border-bottom: 1px solid #DFD4C1;
}

.akkordeon .kb {
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin-left: 20px;
    margin-bottom: 0px;
}


/* akkordeon inline */

.akkordeon-inline {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.akkordeon-inline .inhalt{
    background-color: #F2EDE5;
    padding: 10px;
}

.akkordeon-inline h2 {
    clear: right;
    border-top: 1px solid #DFD4C1;
    padding-top: 10px;
    padding-right: 80px;
    font-size: 11pt;
}

.akkordeo-inlinen h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #0BA1E2;
    font-size: 8pt;
    margin-top: 5px;
    margin-bottom: 5px;
}

.akkordeon-inline a {
    color: #181715;
    margin: 0px;
    padding-left: 20px;
    background: url(/static/img/bub_pfeil.gif) no-repeat center left;
    background-position: 0px 2px;
}

.akkordeon-inline a.anzeigen{
    clear: both;
    float: right;
    margin: -28px 0px 0px 0px;
    padding-right: 20px;
    background: url(/static/img/bub_pfeil.gif) no-repeat center right;
}

.akkordeon-inline .content {
    margin-left: 20px;
    color: #181715;
    font-family: arial;
}

.akkordeon-inline .abschluss {
    border-bottom: 1px solid #DFD4C1;
}

.akkordeon-inline .kb {
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin-left: 20px;
    margin-bottom: 0px;
}

/* --------- */

.bookmarks {
    clear: both;
    margin: 20px 0 10px 0;
}

.bookmarks .title {
    font-weight: bold;
    margin: 0 0 7px 0;
}

.bookmarks a {
    margin: 0 10px 0 0 !important;
    display: block;
    float: left;
}

/*----Quiz---*/

#quizcontainer {
    width: 1000px;
    height: 1000px;
    overflow: hidden;
    color: #61248d;
    font-size: 14pt;
    font-family: 'Cabin Sketch', arial, sans serif;
    clear: both;
}

#quizcontainer h1 {
    color: #61248d;
    font-size: 20pt;
    font-family: 'Cabin Sketch', arial, sans serif;
    text-transform: uppercase;
}

#quizcontainer h1 .beige {
    color: #beb292;
}

#quizcontainer .info {
    margin-top: -35px;
    padding-left: 210px;
    color: #beb292;
    float: left;
    text-transform: uppercase;
    font-family: arial, helvetica, sans serif;
    font-size: 11px;
    font-weight: normal;
}

#quizcontainer .links {
    margin-top: -37px;
    float: right;
    text-transform: uppercase;
    font-family: arial, helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
}

#quizcontainer .links a.material {
    color: #61248D;
    font-family: arial, helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
    float: right;
    padding-right: 16px;
    padding-top: 1px;
    background: url(/static/img/bwf-quizicon-material.gif) no-repeat center right;
    border: none;
    padding-bottom: 0px;
}

#quizcontainer .quizelement .material {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #dfd4c1;
    font-size: 9pt;
    line-height: 140%;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    color: #4F4F4F;
}

#quizcontainer .antworten {
    clear: both;
}

#quizcontainer .auswertung {
    margin-top: 2em;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #dfd4c1;
    font-size: 14px;
    line-height: 140%;
    font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
    color: #4F4F4F;
}

#quizcontainer .links a.uebersicht {
    float: right;
    padding-right: 16px;
    padding-top: 1px;
    margin-left: 10px;
    background: url(/static/img/bwf-quizicon-uebersicht.gif) no-repeat center right;
}

a.facebook-link {
    float: right;
    width: 86px;
    height: 20px;
    background: url(/static/img/facebook-button-0.gif) no-repeat top left;
    background-position: 0px 0px;
}

a.facebook-link:hover {
    float: right;
    width: 86px;
    height: 20px;
    background: url(/static/img/facebook-button-0.gif) no-repeat top left;
    background-position: -86px 0px;
}

#quizcontainer .trenner {
    width: 1000px;
    border-top: 1px dotted #dfd4c1;
    margin-top: 10px;
    margin-bottom: 20px;
}

#quizcontainer .frage {
    width: 1000px;
    color: #61248D;
    font-size: 14pt;
    font-family: 'Cabin Sketch', arial, sans serif;
    text-transform: normal;
}

#quizcontainer .auswertung h1 {
    font-size: 26pt;
    font-family: 'Cabin Sketch', arial, sans serif;
    text-transform: none;
}

#quizcontainer #quizstrip {
    width: 3000px;
    overflow: hidden;
    position: relative;
    left: 0px;
    background-color: #fff;
}

#quizcontainer #quizstrip .quizelement {
    float: left;
    width: 1000px;
    background: #fff;
    margin-bottom: 100px;
}

#quizcontainer ul {
    list-style-type: none;
    margin: 0;
    padding: 1px 0 0 0;
    border-bottom: 1px dotted #dfd4c1;
}

#quizcontainer ul li a.antwort {
    -moz-transition-property: background-color;  /* FF4+ */
    -moz-transition-duration: .5s;
    -webkit-transition-property: background-color;  /* Saf3.2+, Chrome */
    -webkit-transition-duration: .5s;
    -o-transition-property: background-color;  /* Opera 10.5+ */
    -o-transition-duration: .5s;
    -ms-transition-property: background-color;  /* IE10? */
    -ms-transition-duration: .5s;
    transition-property: background-color;  /* Standard */ 
    transition-duration: .5s; 
    color: #fff;
    font-size: 12pt;
    font-family: 'Cabin Sketch', arial, serif;
    background-color: #beb292;
    border: none;
    text-transform: none;
    margin: 20px 0px 24px 0px;
    padding: 20px;
    display: block;
}


/* infobox */

.infobox-content {
    background-color: #F2EDE5;
    padding: 10px;
}   

a.infobox-toggle {
    padding-right: 20px;
    background: url(http://www.mathe-wettbewerbe.de/static/img/bub_pfeil.gif) 100% 50% no-repeat;
}


/* Login-Formular */
form.login label {
    width:90px;
    text-align:right;
    display:inline-block;
    padding:0 5px 10px 0;
}

i.bold {
    font-weight:bold !important;
}
i.red {
    color:#f00 !important;
}