/**
 * CBB Default Style
 *
 * 0.1.0        2014-07-15  Christian Haseloff
 *              - Implementierung
 *
 */

/*****GRUNDELEMENTE****************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, br {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body { 
    font-size: 13px;
    line-height: 1.7em;
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    color: #4F4F4F;
    background-color: grey;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    width:100%;
}

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


a:link, a:visited, a:active { 
    text-decoration: none; 
    color: #0083B4;
    font-weight: normal;
    font-size: 100%;
}

a:hover, a:focus { 
    text-decoration: underline;
}

ul {
    list-style:none;
}

.clear {
    clear: both;
    border: 0 none !important;
}

.noborder {
    border: none;
}

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

h1 {
    color: #555;
    font-size: 130%;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 0px 0px 7px 0px;
}

h2 {
    font-size: 120%;
    font-weight: normal;
    color: #0083B4;
    margin-top: 0px;
}

.errors ,
.error ,
.fehler {
    color: red;
    font-weight: bold;
}

input.error,
select.error,
textarea.error {
    color: #000;
    font-weight: normal;
}

/**********************************************************************************************************************/

/*****STANDARD CONTENT BLUE PARSER ELEMENTS****************************************************************************/

/* Textparser */
strong,
span.bold {
    font-weight: bold;
}

span.kursiv {
    font-style: italic;
}

span.big {
    font-size: 1.2em;
}

span.small {
    font-size: 0.8em;
}
span.underline {
    text-decoration:underline;
}

/* Listenelemente */

.contentliste {
    margin-left: 0px;
    padding-left: 18px;
    list-style-type: circle;
    margin-left: 30px;
    font-weight: normal;
}

.contentliste li {
    margin-bottom: 0.8em;
}

ol.contentliste.decimal {
    list-style-type: decimal;
}

ol.contentliste.lowerAlpha {
    list-style-type: lower-alpha;
}

ol.contentliste.upperAlpha {
    list-style-type: upper-alpha;
}

ol.contentliste.lowerRoman {
    list-style-type: lower-roman;
}

ol.contentliste.upperRoman {
    list-style-type: upper-roman;
}

ul.contentliste.disc {
    list-style-type: disc;
}

ul.contentliste.circle {
    list-style-type: circle;
}

ul.contentliste.square {
    list-style-type: square;
}

/* Bildelemente */

div.bild {
    line-height: 150%;
    clear: both;
    margin-top: 0px;
    margin-bottom: 10px;
}

div.bild img {
    padding: 0px;
    border: 0px;
}

.caption-and-copyright {
    color: #555;
    padding: 0;
}

.bild.bild-left {
    float: left;
    margin-right: 10px;
}

.bild.bild-right {
    float: right;
    margin-left: 10px;
}

.bild.bild-center {
    margin: 10px auto !important;
    float: none;
}

/**********************************************************************************************************************/

/*****CONTAINER********************************************************************************************************/
#container {
    width: 100%;    
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-top: 15px;
    max-width: 1000px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);
    -ms-filter: dropshadow(color=#000000, offx=0, offy=0);
    filter: dropshadow(color=#000000, offx=0, offy=0); 
}
/**********************************************************************************************************************/
/**********************************************************************************************************************/
#logo{
    overflow: hidden;
}

#wrapper-content-right-left {
    margin: 0 auto;
    max-width: 1000px;
}
#wrapper-content-right {
    float: right;
    width: 100%;
}
#content {
    margin-top: 33px;
    margin-right: 392px;
}
#content-cleaner {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}
#right-outer {
    float: right;
    padding-left:14px;
    margin-right: 15px;
    border-left:1px solid green;
}
#right {
    width: 330px;
}
#left {
    /*float: left;
    margin-top: 33px;
    padding-left: 27px;
    width: 200px;
    background:yellow;*/
    display:none;
}
#footer {
    font-weight: normal;
    clear: both;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-top: 1px dashed #555;
    margin: 0 15px;
}

/**********************************************************************************************************************/
/*

        bis hier ueberarbeitet

*/

/*****HEADER***********************************************************************************************************/
/*#header {
    height: 101px;
    /*background: url(/static/img/navi_header_final.gif) repeat-x top left;
    margin-bottom: 0px;
    background-color: #fff;
}*/

/*#header .logolink {
    width: 185px;
    height: 50px;
    margin: 30px 0px 0px 20px;
    position: absolute;
    border: none;
    background: url(/static/img/basic_logo.gif) no-repeat top left #CBD0DE;
}*/

#header {
    /*background: url(/static/img/navi_header_2.jpg) repeat-x top left;*/
    margin-bottom: 0px;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

#header .logolink {
    width: 350px;
    height: 96px;
    margin: 20px 0px 0px 20px;
    position: absolute;
    border: none;
    background: url(/static/img/basic_logo.gif) no-repeat top left #ffffff;
}

/**********************************************************************************************************************/


/*****TOPNAVI**********************************************************************************************************/

#topnavi {
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 0px;
    text-transform: uppercase;
    background:grey;
}

#topnavi ul {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 100%;

}

#topnavi li {
    float: left;
    list-style-type: none;
    background-color: #555;
    background:grey;
}

#topnavi li a {
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 0px;
    padding: 4px 20px 4px 20px;
    text-decoration: none;
}

#topnavi li a.active,
#topnavi li span.active {

}
    
/*****NAVI******/   
  
/*#navi {
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    font-size: 100%;
    font-weight: normal;
    float: left;
    width: 220px;
    margin: 40px 0px 0px 0px;
    background-color: #0083B4;  
    line-height: 120%;
    text-transform: uppercase;
    border-bottom: 1px solid #0083B4;
}
    
#navi ul {
    margin: 0px;
    padding: 0px 0px;
}
    
#navi li {
    list-style-type: none;
}
    
#navi li a, #navi li span {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 9px 8px 10px 20px;
    border-top: 1px solid #fff;
    background: url(/static/img/ecke_rechts.gif) no-repeat top right #0083B4;
}

#navi li a:hover, #navi li a:focus {
    color: #fff;
    background-color: #0083B4;
    text-decoration: underline;
}

#navi li a:active {
    color: #000;
    background-color: #fff;
    text-decoration: none;
    background: url(/static/img/ecke_rechts_left_1.gif) no-repeat top right #fff;
    border-top: 1px solid #0083B4;
}

#navi li a.active,
#navi li span.active {
    color: #000;
    text-decoration: none;
    background: url(/static/img/ecke_rechts_left_1.gif) no-repeat top right #fff;
    border-top: 1px solid #0083B4;
}*/

/* Zweite Ebene */

/*#navi ul li ul {
    background-color: #0083B4;
    padding: 0px;
    border-bottom: 0px;
}

#navi ul li ul li a, #navi ul li ul li span {
    background: url(/static/img/subnavi_0.gif) no-repeat top left #0083B4;
    background-color: #0083B4;
    color: #fff;
    padding-left: 40px;
    border-top: 1px dashed #fff;
}

#navi ul li ul li a:hover, #navi ul li ul li a:focus {
    background: url(/static/img/subnavi_1.gif) no-repeat top left #0083B4;
    background-color: #0083B4;
    color: #fff;
    text-decoration: underline;
}

#navi ul li ul li a:active{
    background: url(/static/img/subnavi_2.gif) no-repeat top left #0083B4;
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

#navi ul li ul li a.active,
#navi ul li ul li span.active {
    background: url(/static/img/subnavi_2.gif) no-repeat top left #0083B4;
    background-color: #fff;
    color: #000;
    text-decoration: none;
}*/

    

/* Brotkrumennavigation */

div.brotkrumen {
    height: 23px;
    margin-top: 32px;
    margin-bottom: 0px;
    color: #555;
}

div.brotkrumen ul {
    margin: 0px;
    padding: 0px;
    border: none;
}

div.brotkrumen a {
    color: #0083B4;
}

div.brotkrumen li {
    list-style-type: none;
}

div.brotkrumen li a {
    font-weight: normal;
    margin: 5px 0px 3px 0px;
    padding: 0px 5px 5px 0px;
    color: #0083B4;
}

div.brotkrumen li a:hover, div.brotkrumen li a:focus {
    color: #0083B4;
    text-decoration: none;
}

div.brotkrumen li a:active {
    font-weight: bold;
    color: #0083B4;
}

div.brotkrumen li.active a {
    font-weight: bold;
    color: #0083B4;
}

/*****TEASER******/  
     
#teaser {
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    font-size: 100%;
    float: right; 
    width: 200px;
    background-color: #fff;
    padding: 0px 0px 10px 10px;
    margin: 40px 0px 10px 0px;
    border-bottom: 10px solid #fff;
}

#teaser img {
    float: left; 
    margin: 5px 0px 5px 0px;
}

#teaser div a.mehr {
    font-weight:     normal; 
    text-decoration: none; 
    color:           #0083B4;
    display: block;
}

#teaser ul li a.mehr:hover {
    text-decoration: underline; 
    color:           #0083B4;
}

#teaser ul li a.mehr:active, a.mehr:focus {
    text-decoration: none; 
    color:           #0083B4;
}

#teaser ul li h3 { 
    text-decoration: none; 
    font-family: georgia, Serif;
    color: #555;
    font-size: 130%;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 6px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #555;
}

#teaser ul li h3 a.mehr { 
    text-decoration: none; 
}

#teaser ul li h3 a.mehr:hover, div h3 a.mehr:active, div h3 a.mehr:focus { 
    font-weight:     normal; 
    text-decoration: none; 
    color:           #555;
}


/*****FOOTER******/

#footer a {
    margin: 0px 0px 0px 3px;
    color: #0083B4;
}
    
    
/* 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: 0px;
    width: 100%;
}

ul.listenobjekt li {
    padding: 10px 0px 10px 0px;
    margin: 0px;
    /*background: url(/static/img/subhead_bg.gif) repeat-x top left;*/
}

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 {
    font-weight: normal;
    text-decoration: none;
}

ul.listenobjekt li .titel {
    font-weight: bold;
}

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 {
    
}



/* News */
.newsbild {
    border: 1px solid green;
}

/* Kontaktformular */
form.kontaktformular {
    margin: 0;
    width: 100%;
}
form.kontaktformular div {
    padding: 1% 1% 0px 0px;
    width: 100%;
}

form.kontaktformular div label {
    width: 100%;
}
form.kontaktformular div input[type=submit] {
    width: auto;
}
form.kontaktformular div input {
    width: 99%;
    margin: 0px;
}
form.kontaktformular div textarea {
    width: 99%;
}

form.kontaktformular div input.checkbox {
    width: 15px;
    border: none;
}

/*form.kontaktformular div input.submitbutton {
    color: #0083B4;
    font-family: georgia, serif;
    background-color: #fff;
    font-size: 120%;
    font-weight: normal;
    border: none;
    padding: 3px 0px;
    border-top: 1px dashed #555;
    text-align: center;
}

form.kontaktformular div input.submitbutton a:hover{
    color: #000;
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    background-color: #000;
    font-size: 120%;
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    padding: 3px 0px;
    text-align: center;
    width: 200px;
}*/

textarea, input {
    font-family: Lucida Sans unicode, Lucida sans, Sans Serif;
    font-size: 1em !important;
}
textarea.readonly {
    background-color: #ECECEC;
    color: #716F64;
}


/* Banner */
#banner {
    margin: 0 auto 0px auto;
    width: 88px;
    height: 41px;
}

/* Suchbox im Header */
form.suchbox {
}

/* Zoom Bilder */

div#container-image-zoom {
    margin-top: 25px;
    margin-bottom: 25px;
}

div#container-image-zoom img {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

div.container-image-zoom-description {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
}