/*
    CSS fuer Decron
    
    erstellt: 2012-08-20
    
    pro-bit webagentur
    www.pro-bit.de
*/

/***************/
/* Allgemeines */
/***************/

*,html
{
        padding:0px;
        margin:0px;
}

body
{
        /*background-color: #FDFDFD;*/
        /*background-color: #000000;*/
        color:#7D7D7D;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-size:18px;
        background: #BFBFBF; /* Old browsers */
        min-width:1105px; /* wichtig beim Zusammenschieben des Browserfensters 
                          /* - es gibt sonst Darstellungsprobleme mit den Hintergründen einzelner Bereiche */
}

img
{
    border:0px;
}

.conSite /* Breite und zentrierung */
{
    width:970px;
    margin-left:auto;
    margin-right:auto;
}

.clrscr
{
    clear:both;
}

/********************/
/* Sprachnavigation */
/********************/

#lang-navi-bg
{
    
    background-image:url(../images/top_bar.png);
    background-repeat:repeat-x;
    z-index:1;
}

.lang-navi-height
{
    height:26px;
}

#lang-navi
{
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    background-image:url(../images/top_bar_middle.png);
    background-repeat:no-repeat;
    background-position:center;
    text-align:right;
    text-shadow: 1px 1px 1px #666;
}

#lang-navi a
{
    text-decoration:none;
    font-weight:normal;
}

.navi-lang-img
{
    margin:2px 5px;
    vertical-align:middle;
}

.navi-lang-flags
{
    margin:2px 1px 2px 0px;
    vertical-align:middle;
}

.lang-menu-text
{
    margin:2px 1px;
    vertical-align:middle;
    color:#393939;
}

/*******************/
/* Hauptnavigation */
/*******************/

.haupt-navi-height
{
    height:117px;
}

#haupt-navi-bg
{
    background-image:url(../images/head_middle.png);
    background-size:100%;
    z-index:1;
}

#bonekare-logo
{
    position:absolute;
    bottom:18px;
    left:3px;
} 

#jaraz-logo
{
    
    position:absolute;
    bottom:70px;
    right:3px;
}

#haupt-navi
{
    font-family:'Open Sans', sans-serif;
    font-size:12px;
    position:relative;
    bottom:-2px;
}

.trenner
{
    padding-left:10px;
    padding-right:10px;
    background-color:#CACACA;   
    height:46px;
    border-top:6px solid #0187d0;
    /* padding-top:23px; */
}

.trenner-img
{
    padding-top:17px;
}

.subtrenner-img
{
display:block;
margin:0 auto;
}

#menu-img-rechts
{
    vertical-align:bottom;
    text-align:right;
}

#menu-img-links
{
    vertical-align:bottom;
    text-align:left;
}

#main-menu
{
    position:absolute;
    bottom:0px;
    right:0px;
}

ul#main-menu li
{   
    float:left;
    list-style:none;
}

#main-menu .haupt
{
    display:block;
    height:46px;
    padding:0px 15px;
    /*  padding:47px 15px 15px; */
    text-decoration:none;
    font-weight:normal;
    color:#000;
    z-index:0;
    background-color:#CACACA;
    border-top:6px solid #0187d0;
}

#main-menu .menu-text
{
    padding-top:18px;
}

#main-menu .menu-text-active
{
    padding-top:32px;
    padding:32px 15px 0px 15px;
}

ul#main-menu li a.first{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    background-color:#CACACA;
    background-image:none;
    border-top:6px solid #0187d0;
}

ul#main-menu li a.first:focus,
ul#main-menu li a.first:hover
{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    background-color:#CACACA;
}

ul#main-menu li a.last{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    background-color:#CACACA;
    border-top:6px solid #0187d0;
}

ul#main-menu li a.last:focus,
ul#main-menu li a.last:hover
{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

ul#main-menu li ul
{
    overflow:auto;
    position:absolute;
    z-index:10;
}

ul#main-menu  .active-li ul li {
    width:140px;
}

ul#main-menu  ul li img#fattie_top {
    margin-bottom:-4px;
}

ul#main-menu  ul li div#fattie_divider {
    background-color:#CACACA;
}

ul#main-menu li a:hover,
ul#main-menu li a:focus
{
    border-top:6px solid #025483;
}

ul#main-menu .active-li a:hover,
ul#main-menu .active-li a:focus
{
    border-top:0px;
}

.active-left
{
    position:relative;
    left:-4px;
    top:-9px;
    display:block;
    background-image:url(../images/menu_active_left.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    height:61px;
    z-index:10;
}

.active-middle
{
    position:relative;
    top:-70px;
    display:block;
    background-image:url(../images/menu_active_middle.png);
    background-position:center bottom;
    background-repeat:repeat-x;
    height:61px;
    z-index:10;
}

.active-right
{
    position:relative;
    left:14px;
    top:-131px;
    display:block;
    background-image:url(../images/menu_active_right.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:61px;
    z-index:10; 
}

#haupt-navi-bottomline
{
    height:2px;
    background-image:url(../images/menu-bottom-line.png);
    background-position:center;
    background-repeat:repeat-x;
    z-index:11;
}

.sub-icon
{
    margin-left:8px;
}

ul#main-menu li:hover ul.level1,
ul#main-menu li:hover ul.level1-active
{
    display:block;
}

ul#main-menu li a.active
{
    font-weight:bold;
    color:#1C1613;
    border:0px;
    background:transparent;
    padding:0px;
    margin:0px;
}
/***********/
/* Submenü */
/***********/

ul#main-menu ul.level1{
    z-index:999999;
    display: none;
}

ul#main-menu ul.level1-active{
    padding-top:6px;
    z-index:999999;
    display:none;
}

ul#main-menu li ul
{
    width:140px;
}
ul#main-menu li ul li a{
    padding:5px 15px;
    display:block;
    background-color:#CACACA;
    border-top:0px;
    text-decoration:none;
    color:#1C1613;
}

ul#main-menu li ul li a:last-child
{
    border-top:0px;
    border-bottom:3px solid #594228;
}

ul#main-menu li ul.level1 li{
    display:block;
    float:none;
    }

ul#main-menu li ul.level1 li a
{
    padding:5px 15px;
    text-decoration:none;
    color:#000;
    background-color:#CACACA;
    border-top:0px;
}

ul#main-menu li ul li a:hover,
ul#main-menu li ul li a:focus
{
    background:rgba(238, 238, 238, 0.95);
}

ul#main-menu li ul.level1 li a:last-child
{
    border-top:0px;
    border-bottom:3px solid #594228;
}
.toupper
{
text-transform:uppercase;
}

/**********/
/* Slider */
/**********/

.slider-wrapper, .headerimage
{
    position:relative;
    top:28px;
    margin:0px auto;
    width:798px;
    z-index:0;
}

#slider-bg
{
    background-image:url(../images/slider_background_leftright.png);
    background-repeat:repeat-x;
    z-index:1;
}

#slider-bg-muster
{
    margin:0 auto;
    width:1105px;
    height:304px;
    background-image:url(../images/slider_background_full.png);
    background-repeat:no-repeat;
    z-index:2;
}

#slider-bg-left
{
    position:relative;
    top:28px;
    left:128px;
    float:left;
    z-index:20;
}

#slider-bg-right
{
    position:relative;
    top:28px;
    right:128px;
    float:right;
    z-index:20;
}

/**********/
/* Inhalt */
/**********/

#seite-bg
{
    /* farbverlauf */
    
    background: rgb(191,191,191); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(243,243,243) 50%, rgb(191,191,191) 100%, rgb(255,255,255) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(243,243,243)), color-stop(100%,rgb(191,191,191)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(191,191,191) 100%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(191,191,191) 100%,rgb(255,255,255) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(191,191,191) 100%,rgb(255,255,255) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(243,243,243) 50%,rgb(191,191,191) 100%,rgb(255,255,255) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BFBFBF',GradientType=0 ); /* IE6-8 */
}

#seite
{
    position:relative;
    top:-40px;
}

#inhalt-bg-oben
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    height:18px;
    background-image:url(../images/content_bg_top.png);
    background-position:center bottom;
}

#inhalt-bg-oben-spacer
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    height:22px;
    background-image:url(../images/content_bg_main.png);
    background-position:left top;
}

#big-top-box
{
    background-image:url(../images/big_box_top.png);
    background-repeat:no-repeat;
    background-position:center;
    height:5px;
    z-index:10;
}

#small-top-box
{
    background-image:url(../images/small_box_top.png);
    background-repeat:no-repeat;
    background-position:center;
    height:5px;
    z-index:10;
}

#big-box-shadow
{
    background-image:url(../images/big_box_shadow.png);
    background-repeat:no-repeat;
    background-position:bottom;
    height:16px;
}

#small-box-shadow
{
    background-image:url(../images/small_box_shadow.png);
    background-repeat:no-repeat;
    background-position:bottom;
    height:16px;
}

#inhalt
{
    z-index:1;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../images/content_bg_main.png);
    background-repeat:repeat;
}

#inhalt ul
{
    list-style-image: url(../images/aufzahler.png);
    margin-left:23px;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:0px;
}

#inhalt li
{
    margin: 4px 0px;
}

#inhalt-head-bg
{
    z-index:1;
    width:724px;
    height:62px;
    margin-left:-38px;
    background-image:url(../images/ueberschrift.png);
    background-position:left top;
    background-repeat:no-repeat;
    margin-bottom:20px;
}

#inhalt-head
{
    color:#FFF;
    margin:0px;
    padding:0px;
    z-index:2;
    margin:25px 28px 0px 37px;
}

#inhalt-head h1
{
    font-size:19px;
    font-family:'Open Sans', sans-serif;
    z-index:5;
    font-weight:bold;
    text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

#inhalt-head h2
{
    font-family:'Yanone Kaffeesatz', sans-serif;
    font-size:18px;
    z-index:5;
    font-weight:normal;
    text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

#inhalt-head h3
{
    font-size:36px;
    font-family:'Open Sans', sans-serif;
    z-index:5;
    font-weight:bold;
    text-shadow: 1px 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}

#main-shadow
{
    background-image:url(../images/main_content_bg.png);
    background-position:left top;
    box-shadow: 3px 0px 3px 0px #EAEAEA,
                -3px 0px 3px 0px #EAEAEA,
                0px 0px 0px 0px,
                0px 0px 0px 0px;
}

#box-shadow
{
    background-image:url(../images/main_content_bg.png);
    background-position:left top;   
    box-shadow: 3px 0px 3px 0px #EAEAEA,
                -3px 0px 3px 0px #EAEAEA,
                0px 0px 0px 0px,
                0px 0px 0px 0px;
}

#main-text
{
    width:652px;
    float:left;
    margin-left:31px;
}

#main-text-inner
{
    padding-left:28px;
    padding-right:28px;
    padding-top:0px;
    padding-bottom:20px;
}

#form ul
{
    /* Kontaktformular - hier sollten Listen kein "icon" haben */
    list-style:none;
}

#box-rechts
{
    width:239px;
    float:right;
    margin-right:20px;
}

#box-rechts-inner
{
    padding-left:9px;
    padding-right:9px;
    padding-top:24px;
    padding-bottom:20px;    
}

.container
{
    
}

#bild1
{
    float:left;
    margin-right:15px;
}

#bild7
{
    margin-top:10px;
    text-align:center;
}

#text1
{

}

.galerieBox
{
    float:left; 
    margin:auto;
    padding:5px 10px 5px 10px;
}

.galerie
{
    margin-left:45px;
    margin-right:45px;
}

.tabelle_studien table
{
    border-spacing:0px;
    border:0px;
}

.tabelle_studien table td
{
    padding:3px;
    border:0px;
}

.tabelle_studien table tr:nth-child(even)
{
    background-color:#fff;
}

.tabelle_studien table tr:nth-child(odd)
{
    background-color:#eee;
}

/**********/
/* Footer */
/**********/

#footer
{
    height:76px;
    background-image:url(../images/footer_full.png);
    background-repeat:no-repeat;
}

#footer-text
{
    float:left;
    text-align:left;
    vertical-align:middle;
    padding:5px 15px 10px 28px;
    font-size:14px;
    color:#FFF;
}

#footer-text ul
{
    list-style:none;
    float:left;
    padding-right:30px;
}

#footer-pics
{
    float:right;
    vertical-align:middle;
    padding:20px;
    padding-right:28px;
}

#footer-pics img
{
    padding-left:8px;
}

/*******************/
/* Kontaktformular */
/*******************/

.error
{
    background:url(../images/error_box.png) no-repeat;
    padding:6px 10px;
    height:41px;
    color:red;
    width:233px;
}