/* CSS Document */

body{background-color:#0B4E5F;
font-family: Tahoma,Arial, Helvetica, sans-serif ;
text-align:center;
color:#064C55;
font-size:76%;
margin: 0;
padding:0;
}
#wrapper { 
margin: 0 auto;
width:900px;
text-align:left;
background-color:#FFFFFF;
}

#top { width:900px;
}

#logo{width:900px;
height:90px;
padding: 20px 0;}

#topnav { height: 38px;
  background: url(../upload/layout/topnav_bg.gif) repeat-x #2CA7B7; 
  width:900px;
}

#main {width:900px;
}
#links { width: 300px;
float:left;}

#startkontakt {padding: 80px  10px 0 15px;}

#rechts {width: 564px;
float:left;
border-left:1px solid #C0DAD8;
line-height:1.6em;
}
#rechts h1{padding-top:20px;margin-left:35px;}

.textItem{margin-left:35px;}

#bottom {width: 100%;
}
.stopFloat {
    display: block;
    float: none;
    clear: both;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}


/* .navi a:link{text-decoration:none; color:#fff;padding:9px 5px;}
.navi a:visited{text-decoration:none;color:#fff;padding:9px 5px;}
.navi a:hover{text-decoration:none;color:#fff;padding:9px 5px;} */

.navi {float:left; 
}

#topnav a {display:block; padding:10px 10px 11px 10px; font-size:110%;  }

.navitop_active {  text-decoration:none; color:#fff  !important;  background: url(../upload/layout/topnav_bg_active.gif) repeat-x ;}
.navitop_open { text-decoration:none; color:#fff  !important;  background: url(../upload/layout/topnav_bg_active.gif) repeat-x ;}
.navitop_passive {  text-decoration:none; color:#fff; background: url(../upload/layout/topnav_bg_passive.gif) repeat-x ;  }
#topnav  a:hover{  text-decoration:none; color:#fff; background: url(../upload/layout/topnav_bg_hover.gif) repeat-x ;  }



.navileft_active { color:#c60 !important; padding:5px 5px; font-weight:bold;background-color:#eee; 
           background-image:url(../images/bera_navi_active_right.gif);
           background-repeat:no-repeat;
           background-position:0 0;
    }
.navileft_open { color:#c60 !important; padding:5px 5px; background-color:#eee; 
           background-image:url(../images/bera_navi_down.gif); 
           background-repeat:no-repeat; 
           background-position:0 0; }
           
.navileft_passive {text-decoration:none; color:#c60; padding:5px 5px; 
           background-image:url(../images/navi_pfeil_zu.gif); 
           background-repeat:no-repeat; 
           background-position:265px 9px;}
           
.navileft_active3 { color:#c60 !important; padding:5px 30px 5px 5px; font-weight:bold;background-color:#eee; 
background-image:url(../images/bera_subnavi_right.gif);
    background-repeat:no-repeat;
    background-position:265px 9px;
    }
.navileft_open3 { color:#c60 !important; padding:5px 30px 5px 5px;  background-color:#eee; }
.navileft_passive3 {text-decoration:none; color:#c60; padding:5px 30px 5px 5px;  background-color:#eee; 
           background-image:url(../images/bera_subnavi_down.gif);
    background-repeat:no-repeat;
    background-position:0 0;}

#subnav {
margin-bottom: 50px;
margin-top: 80px;
}

#subnav a
{
color:#7B164A;
margin-left:5px;
margin-right:2px;
text-decoration: none;
display: block;
border-bottom: 1px solid #C0DAD8;
}
/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
margin-left: 35px;    
margin-bottom: 55px;   
width:450px;
}
#contactForm .contactRow {
    margin:14px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:100px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:12px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 0px;
}

#contactFormSubmit{margin-left:100px;}

#contactFormSubmit #contactFormSubmitLeft {
  
   float:left;
   margin:0 0 0 0px;
   width:100px;
}

#contactFormSubmit #contactFormSubmitRight {
    
     float:right;
   width:100px;
   margin:0 0 0 0px;
    
}


#contactFormSubmit #contactFormSubmitRight input {
background-color:#fff;
    color:#CC5200;
    padding:0 20px 0 10px;
    background-image:url(../images/navi_pfeil_submit.gif);
    background-repeat:no-repeat;
    background-position:right -1px ;   
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
background-color:#fff;
    color:#CC5200;
    padding:0 20px 0 10px;
    background-image:url(../images/navi_pfeil_submit.gif);
    background-repeat:no-repeat;
    background-position:right -1px ;   
    width:auto;
    height:auto;
    float:left;
    margin:0;
}


#contactForm table { 
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

/* ###################################################### */
/* ####################### clearfixes ############'#### */
/* ###################################################### */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */