/*default settings */

html{
    font-family: 'Sarabun', "Calibri", Arial, Verdana,Times;
    color: #222222;
    font-size: 12pt;
    min-height: 100%;
    margin: 0px auto;
    padding: 0px;
    height: 100%;
}
 body{
    height: 100%;
    margin: 0px  auto;
    padding: 0px;
}
h1, h2, h3{
	padding: 0;
    /*margin: 0 0 10px 0; */
}
h1{
    font-size: 1.4em;
   /* padding: 5px 5px 5px 10px;*/
}
h2{
    font-size: 1.1em;
    /*padding: 3px 5px 3px 10px;*/
}
h3{
    font-size: 1.0em;
    /*padding: 2px 5px 2px 10px;*/
    
}
#mecEnBusinessstartseite .Beschreibung h1{
    text-transform: none;
}
#mecEnBusinessstartseite .Beschreibung{
   padding: 10px;
}
.centerWrapper{
    width: 990px;
    margin: 0px auto;
}

.homepageImages{
    width: 990px;
    height: 350px;
}

.homepageImages img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.quickbar {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #00236a;
}


#header{
    margin-top: 10px;
    width: 1000px;
    clear: both;   
}
.mecEnBusiness #header{
    margin-top: 0px;
    width: auto;

}
#mecEnInfoKontakt {
    bottom: 50px;
    margin-bottom: -2px;
    margin-right: -2px;
    position: fixed;
    right: 0;
}

#headLogo{
}
#headFull{
    width: 100%;
    
    background-color: #00236a;
}
#headLeft, #headRight{
    width: 50%;
    float: left;
    background-color: #00236a;
}
#headLeft #leftNavi{
    text-align: left;
    float: left;
    width: auto;
}

.contentDreiContainer{
    
    width: 250px;
    float: left;
    margin-left: 40px;
}.contentDrei{
    background-color: #FFF;
    padding: 5px;
    margin-top: 20px;
    width: 250px;
    padding: 10px;
}

.contentZwei{
    background-color: #FFF;
    padding: 5px;
    width: 680px;
    padding: 10px;
}

.contentZweiContainer{
    
    width: 680px;
    float: left;
}

#headRight #rightNavi{
    text-align: right;
    float: right;
    width: auto;
}

#tinymce{
    background-color: #FFF;
    background-image: none;
}
.printOnly{
    display: none;
}
.contentList{
    list-style-image: none;
}
.contentList li{
    
    display: inline;
    list-style: none;
    margin: 10px; padding: 0;
}

.linkMailto{unicode-bidi:bidi-override; direction:rtl; }
* html body
{
    height:100%;
}

#headLeft li, #headFull li, #headRight li{
    
    padding: 2px;
    margin: 2px 5px;
}
#headLeft li:hover, #headFull li:hover, #headRight li:hover, #headRight li.LinkAktiv, #headFull li.LinkAktiv, #headLeft li.LinkAktiv{
    
    color: #00236a;
    padding: 2px;
    margin: 2px 5px;
    background-color:#FFF;
}
#headLeft li:hover a, #headFull li:hover a, #headRight li:hover a, #headRight li.LinkAktiv a, #headFull li.LinkAktiv a, #headLeft li.LinkAktiv a{
    
    color: #00236a;
    text-decoration:none;
}
#headRight, #headFull, #headFull a, #headLeft, #headLeft a, #headRight a, #headRight{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14pt;
} #subNavi, #subNavi a{
    color: #00236a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14pt;
}
.Button{
    color: #cd001f ;
    border: 1px #cd001f solid;
    padding: 5px 10px;
    font-weight: bold;
}

#subNavi{
    padding: 0;
    background-color: #fff;
    float: left;
    width: 100%;
}


#subNavi>ul{
    padding: 2px;
    float: none;
    display: block;
        margin: 0px 0px;
}#subNavi>ul li{
    display: inline-block;
    background-color: #fff;
    padding: 1px 3px;
    margin-left: 10px;
    border: 1px #cd001f solid;
}#subNavi>ul li:hover{
    background-color: #cd001f;
    border: 1px #cd001f solid;
}#subNavi>ul li:hover a{
    color: #FFF;
}
#subNavi2, #subNavi2 a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
}
#subNavi2{
    width: 100%;
    padding: 0;
    background-color: #FFF;
    float: left;
    border: 1px #121212 solid;
    overflow: hidden;
}
#subNavi2>ul{
    padding: 2px;
    float: none;
    list-style-type: square;
        margin: 5px 8px;
    display: block;
}#subNavi2>ul li{
    display: inline-block;
    margin: 5px 10px; 
    white-space:nowrap;
    
}
.designImageContainer{
    background-color: #ededed;
    z-index: -2;
}
.designImageContainer div{
    margin: 0px auto;
}

#headRight, #headLeft{
    
}
.contentFull{
    background-color: #FFF;
    padding: 5px;
    margin-top: 30px;
}
.contentZwei .image{
    width: 150px;
    padding: 10px;
    float: left;
    margin: -10px;
    margin-right: 20px;
}.contentZwei a{
    font-weight: bold;
    color: #00236a;
}

.contentZwei .image img{
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.33);
-moz-box-shadow:  3px 3px 1px 0px rgba(0,0,0,0.33);
box-shadow:  3px 3px 1px  0px rgba(0,0,0,0.33);
}.contentDrei img{
    -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.33);
-moz-box-shadow:  3px 3px 1px 0px rgba(0,0,0,0.33);
box-shadow:  3px 3px 1px  0px rgba(0,0,0,0.33);
}
.contentFull .contentContainer h1,
.contentFull .contentContainer h2,
.contentFull .contentContainer h3,
.contentFull .contentContainer h4,
.contentFull .contentContainer h5{
    color: #121212;
    background-color: #FFF;
    border-bottom: 1px black solid;
    padding: 0px;
   margin: 0px;
}
.contentFull .contentContainer {
    min-height: 155px; width: 700px; float: left;
    
}
.contentFull .teaserContainer {
    margin-top: 10px;
    margin-left: 20px;
    min-height: 155px; width: 270px; float: left;
    
}
.contentFull .teaserContainer h1,
.contentFull .teaserContainer h2,
.contentFull .teaserContainer h3,
.contentFull .teaserContainer h4,
.contentFull .teaserContainer h5{
    color: #121212;
    background-color: #FFF;
    padding:2px 0px ;
   margin: 0px;
}
.contentFull .teaserContainer .teaserBox{
    margin: 20px 10px;
    margin-right: 0px;
    text-shadow: 0px 1px 3px #DDD;
    border-left: 1px #555 solid;
    padding: 1px 10px ;
}
.contentFull .teaserContainer .teaserBox p{
    margin: 0px;
}
.contentFull .teaserContainer .teaserBox h1,
.contentFull .teaserContainer .teaserBox h2,
.contentFull .teaserContainer .teaserBox h3,
.contentFull .teaserContainer .teaserBox h4,
.contentFull .teaserContainer .teaserBox h5
{
    
}
.contentFull .contentContainer a, .contentFull .teaserContainer a{
    color: #cd001f;
}
.contentFull .contentContainer .teaserBox{
    margin-top: 10px;
    text-shadow: 0px 1px 3px #DDD;
}
.contentFull .contentContainer .teaserBox h3{
    padding-left: 175px;
}
.contentFull .contentContainer .teaserBox img{
    float: left;
    margin: 5px;
    margin-right: 20px;
    border: 1px #AAA solid;
    
    -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.33);
-moz-box-shadow:  3px 3px 1px 0px rgba(0,0,0,0.33);
box-shadow:  3px 3px 1px  0px rgba(0,0,0,0.33);
}


.contentZwei .content{
}

.contentZwei .content .teaserImage{
    
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.33);
-moz-box-shadow:  3px 3px 1px 0px rgba(0,0,0,0.33);
box-shadow:  3px 3px 1px  0px rgba(0,0,0,0.33);
    width: 150px;
    float: left;
  
    margin-right: 20px;
    
}
.contentZwei .content h3{
}.contentZwei .content h3,.contentFull h3,.contentFull h2, .contentZwei h2{
    color: #001030;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
    margin: -10px;
    margin-bottom: 5px;
    padding: 3px 10px;
}
.contentZwei h1, 
.contentZwei h2.redHeadline,
.contentZwei h3.redHeadline,
.contentZwei h4.redHeadline

{
    
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14pt;
    
}
.contentFull h3, .contentFull h2{
    
    margin: -5px;
}.contentFull .content{
    padding: 5px
}
.contentZwei .content p.Date{
    font-size: 10pt;
    margin: 0px;
}
.contentRed{ 
    background-color: #cd001f;
    color: white;
}
.contentZwei.contentRed  h3{
    text-transform: uppercase;
    font-size: 14pt;
    margin: 0px;
}

.contentDrei h3{
    border-bottom:2px #00236a solid;
    color: #00236a;
    background-color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
    padding: 3px 10px;
}
.contentDrei h4{
    color: #cd001f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
    margin: 0;
}
.contentDrei .terminZeit{
    font-size: 11pt;
    font-weight: bold;
}
.contentDrei .termin a{
    color: #cd001f;
}
.contentDrei .termin{

    font-size: 12pt;
}
.contentDrei .termin h4{
    margin: 0;
}

a{
    text-decoration: none;
    color: #000;
}
a:hover{
    text-decoration: underline;
}

a img{
    border: 0;
    vertical-align: bottom;
}

.naviv>ul, .naviv>ul ul,.navih>ul ul, .navih>ul{
    list-style-type: none;
    padding: 0px;
}
.naviv>ul ul{
    margin-left: 15px;
}



.navih>ul {
    
    display: block;
    float: left;
    margin: 0px auto;
    position:relative;
    
}
.navih>ul>li{
    display: inline;
    padding: 5px;
    float: left;
    position:relative;
}
.navih>ul li a{
    font-size: 1.3em;
    font-weight: bold;
}
.navih>ulContainer , #mainNavi{clear:both; float:left; width:100%; overflow:hidden;}


/*default settings ende*/

#mainWrapper {
    min-height:100%;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position:relative; /* needed for footer positioning*/
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
}


#headbg{
    height: 76px;
    clear: right;
}

.redhr{
    background-color: #cd001f;
    width: 100%;
    height: 14px;
    clear: both;
}

#contentWrapper{
    margin: 0px auto;
    height: auto;
}
#mainNavi{
    display: block;
    float: left;
    width: 100%;
}
#content{
    padding: 0px;

    height: auto;
    padding: 10px;
    padding-bottom: 61px;
    width: 700px;
}
#footer{

    position: absolute;
    height: 51px;
    clear: both;
    width: 100%;
    bottom: 0px;
}

br.clear{
    clear: both;
}

@media screen and (max-width: 1000px){
    .homepageImages{
        width: 100%;
    }
    .quickbar{
        bottom: 0px;
        left: 0px;
        right: 0px;
        top: auto;
        z-index: 999;
    }   
    #header{
        width: 100%;
    }
    
    body{
        padding-bottom: 40px;
    }
    #headLeft ul, #headRight ul{
        left: auto;
    }
    #headLeft ul li, #headRight ul li{
        right: auto;
        display: inline-block;
    }
    #headLeft, #headRight{
        width: 100%;
        margin-top:0;
                float: none;
    }
    #headLogo{
        margin-top:0;
        float: none;
    }
    table img {
        max-width: 100%;
    }
    .contentDreiContainer, .contentDrei, .contentZwei, .contentZweiContainer, .centerWrapper{
        margin: 0;
        width: 100%;
    }
    #headRight #rightNavi,#leftRight #leftNavi{
        text-align: left;
        float: none;
        width: auto;
    }
    #leftNavi ul, #rightNavi ul{
        float: none;
    }
    .contentDrei,
    .contentZwei{
        padding: 0;
    }
    .contentZwei .image{
        float: left;
        margin: -5px 10px 5px 10px;
    }
    .contentZwei .content{
        min-height: 165px;
    }
    .contentZweiContainer{
        margin-top: 20px;
    }
    h1, h2, h3, h4, h5,
    h1.redHeadline, h2.redHeadline, h3.redHeadline, h4.redHeadline, h5.redHeadline, 
    .contentZwei h1, .contentZwei h1.redHeadline, .contentZwei h2.redHeadline, .contentZwei h3.redHeadline, .contentZwei h4.redHeadline, .contentZwei h5.redHeadline,
    .contentDrei h1, .contentDrei h2, .contentDrei h3, .contentDrei h4, .contentDrei h5
    .contentZwei h1, .contentZwei h2, .contentZwei h3, .contentZwei h4, .contentZwei h5
    
    {
        margin-right: 0px;
    }
}
@media screen and (max-width: 500px){
    table td{
        
    }
}



.mecEnPriceTable{
   
}
.mecEnPriceTable tr.Heading td,.mecEnPriceTable tr.Heading th{
   background-color: #1a217a;
   color: #FFF;
}

.mecEnFunktionenTable.mecEnPriceTable td{
    text-align: left;
    vertical-align: middle;
}
.mecEnPriceTable td{
    border: 1px black solid;
    padding: 5px;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
}

.mecEnPriceTable td.First{
    border: 1px black solid;
    border-top-left-radius:  6px;
    border-top-right-radius:  0px;
    -moz-border-radius: 6px;
    text-align: left;
    background-color: #FFF;
    font-weight: bold;
}

.mecEnPriceTable td .small{
    font-style: italic;
    font-size: 10pt;
}

.mecEnPriceTable th,.mecEnPriceTable td{
    margin: 0;    
}
.mecEnPriceTable th,.mecEnPriceTable td{
    margin: 0;    
}

.mecEnPriceTable th{
    border: 1px black solid;
    border-top-left-radius: 6px;
    -moz-border-radius: 6px;
    padding: 2px;
    background-color: #FFF;
    font-size: 14pt;
}


.mecEnPriceTable th .small{
    font-style: italic;
    font-size: 10pt;
}

.mecEnPriceTable tr:hover td{
    background-color: #DEDEDE;
}
.mecEnPriceTable tr.Heading:hover td{
    background-color: #1a217a;
    color: #FFF;
}


#mecEnVeranstaltungen{
    width: 800px;
    margin: 0px auto; 
}

#mecEnVeranstaltungen .leftDiv{
    width: 180px;
    padding: 10px;

    float: left;
}
#mecEnVeranstaltungen .rightDiv{
    width: 580px;
    padding: 10px;
    padding-bottom: 0px;
    float: left;
}

#mecEnVeranstaltungen h1,#mecEnVeranstaltungen h2,#mecEnVeranstaltungen h3{
    color: #000000;
    background-color: #FFF;
    margin: 0 0 10px 0;
}
#mecEnVeranstaltungen h1{
    font-size: 24pt;
}
#mecEnVeranstaltungen .hr, .hr{
    background-color: black;
    width: 800px;
    clear: both;
}
#mecEnVeranstaltungen .secoundCol{
    background-color: #DEDEDE;
    padding: 5px;
}

.Footer{
    font-size: 0.8em;
}


/* Termine */

#mecEnBusinessstartseite .Termine .mecEnTermin{
    border: 1px #DEDEDE solid;
    box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.75);
    background-color: #FFF;
    margin: 30px;
}

#mecEnBusinessstartseite .Termine .DatumContainer{
    width: 30%;
    text-align: center;
    padding: 10px 0px;
    float: left;
}

#mecEnBusinessstartseite .Termine .ContentContainer{
    width: 70%;
    text-align: left;
    padding: 10px 0px;
    float: left;
}


#mecEnBusinessstartseite .Termine .ContentContainer h2{
    color: #CC0000;
    font-size: 1.1em;
    font-weight: normal;
}
#mecEnBusinessstartseite .Termine .DatumContainer span{
    width: 100%;
    display: block;
    color: #CC0000;
}

#mecEnBusinessstartseite .Termine .Datum{
    font-size: 1.6em;
    font-weight: bold;
}
#mecEnBusinessstartseite .Termine .Tag{
    font-size: 1.1em;
    font-weight: normal;
}
#mecEnBusinessstartseite .Termine .Ort{
    font-size: 0.9em;
    font-weight: normal;
}

/* Termine ende */