html{
width: 98%;
}

  body { 
    width: 99%;
    background-color:#e9ede8; 
    font-family : Arial, Helvetica, Geneva, sans-serif; 
    font-size : 12px;
    margin-left:5px;
   padding-right:2px;
    /*font-size:medium;*/
  } 

  #header {
    width: 100%;
    
    background:blue;
    display: inline;
    }

  #head {
    width: 100%;
    background:#e9ede8;
    height: 10px;
    padding-bottom:0;
    
    }
    
.headline{
font-size: 20px;
font-weight:bold;
padding:5px;
} 
.breadcrumb{
padding:5px;
padding-bottom:10px;
font-size: 11px;
}   
.breadcrumb a{
color: black;
text-decoration: none;
}
.breadcrumb a:hover{
color: black;
text-decoration: none;
}
    
    
 #head a{
  color: #555;
  background: #e9ede8;
  border: 0;
  border-style: none ;
  text-decoration: none;
  }
  #head img {
  border: 0;
  border-style: none ;
  text-decoration: none;
  }

 #email a{
  color: #555;
  background: #fff;
  border: 0;
  border-style: none ;
  text-decoration: none;
  }
  #email img {
  border: 0;
  border-style: none ;
  text-decoration: none;
  }

.contentpaneopen{
width:100%;
padding:0;
margin:0;
margin-top:10px;
font-size:16px;
}



.contentpaneopen table tr td{
padding:0;
margin:0;

}
.contentpaneopen h2{
padding:10px;
text-align: left;
}

/*----------------------------------------css Startseite------------------------------------------- */
#imagesstartseite {
padding:0;
margin:0;
min-height:95px;
}

.publikationen {
	font-size: 18px;
	color: #009474;
	text-decoration: none;
	width: 100%;
}

#imagespublika{
padding:0;
margin:0;
min-height:220px;
}
/*----------------------------------------css Startseite------------------------------------------- */


.headings {
background: #009474;
color: #FFFFFF;
width:100%;
padding: 0px;
font-size: 11px;;
}



.home {

padding:0;
margin:0;
}

  
  a{
  color: #555;
  
  border: 0;
  text-decoration: none;
  }
  
  a:hover{
  color: #555;
  /*background: #e9ede8;*/
  text-decoration: underline;
  }

  #subhead {
    float: left;
    width: 100%;
    background: #e9ede8;
    }
    
  #subhead2 {
  margin-top:10px;
  
    float: left;
    width: 100%;
    background: #fff;
    }    

  #main { 
    margin-top:0px;
    padding-top:0;
    float: left;
    width: 100%;



    }
    
    #hauptmenu{
                background: #fff;
                padding-bottom:0;
                margin-bottom:0;
    }
    
    #hauptmenu ul{
    padding: 0px;    

    }
    
    
#hauptmenu li{
  background:#F5F5F5;
  padding: 5px;
  margin:3px;
  list-style: none;
}   
    
#hauptmenu ul {left:0;top:41px;width:98%;margin:0;padding:0;}
#hauptmenu ul > li {
    margin:0;
    border-top:1px solid #E0E0E0;
    padding:3px;
    font-size:14px;
    font-weight:bold;
    list-style:none;
    }
#hauptmenu ul > li:first-child {border-top:0;}
#hauptmenu ul > li > a {display:block;padding:9px 10px 9px 10px;text-decoration:none;color:inherit;}

#hauptmenu ul > li.item1{
 background: url(../images/iPhoneArrow.png) no-repeat right center;
}
#hauptmenu ul > li.item31{
 background: url(../images/iPhoneArrow.png) no-repeat right center;
}
#hauptmenu ul > li.item32{
 background: url(../images/iPhoneArrow.png) no-repeat right center;
}
#hauptmenu ul > li.item2{
padding-left:30px;
 background: #F1F1F1 url(../images/iPhoneArrow3.png) no-repeat 10px center;
}
#hauptmenu ul > li.item3{
 background: url(../images/iPhoneArrowURL.png) no-repeat right center;
}


#hauptmenu ul > li.parent1 {
 background: url(../images/iPhoneArrow2.png) no-repeat right center;
}



 #mini-hauptmenu{
                background: #fff;
                padding-bottom:0;
                margin-bottom:0;
    }
    
 #mini-hauptmenu .headline{
                background: #F5F5F5;
                font-size: 14px;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
    }

    #mini-hauptmenu ul{
    padding: 0px;    
	
    }
    
    
#mini-hauptmenu li{
  padding: 1px;
  margin:1px;
  list-style: none;
width: 48%;
float: left;

}   
    
#mini-hauptmenu ul {left:0;top:41px;width:98%;margin:0;padding:0;}
#mini-hauptmenu ul > li {

    margin:0;
    border-bottom:1px dotted #E0E0E0;
    padding:0px;
    font-size:14px;
    font-weight:bold;
    list-style:none;
color: #009474;
margin-right: 1px;
    }
/*#mini-hauptmenu ul > li:first-child {border-top:0;}*/
#mini-hauptmenu ul  .nr1, #mini-hauptmenu ul  .nr2 {border-top:0;}
#mini-hauptmenu ul > li > a {display:block;padding:7px 10px 7px 10px;text-decoration:none;color:inherit;}




  #footer { 
    margin-top:10px;
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:10px;
    float: left;
    width: 100%;
    background: #fff;
    }
    
      #email { 
    margin-top:10px;
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:10px;
    float: left;
    text-align:center;
    width: 100%;
    background: #fff;
    }

  #Bereich1 { 

    width:40%;
    background: #e9ede8;
    float: left;
    }

  #Bereich2 { 
    float: right;
    width:60%;
    }

  #Bereich3 { 

    width:190px;
    background: #e9ede8;
    float: left;
    }
 #bereich_lang {
  float:right;
  padding:3px;
  margin-right: 5px;
 }

  #bereich_lang img {
  border: 0;

  border-style: none ;
  text-decoration: none;
  }

  #Bereich4 { 
    float: right;
    margin-right: 5px;
    }

  #Bereich5 { 
    margin:0;
    padding: 0;
    background: #FFF;
    }


#footer-nav {
list-style: none;
display: inline;
		clear: none;
		float: none;
		margin: 0;
		overflow: visible;
		text-align: left;
		width: auto;
}

#footer li {
	display: inline;
	padding: 0 0.5em 0 0;
	font-family : Arial, Helvetica, Geneva, sans-serif; 
    font-size : 12px; 
   list-style: none;
}

#input_text{
display:inline;
margin:15px;
height: 30px;
font-size: 18px;
vertical-align: middle;
border-color: #009474;
}
#input_submit{
display:inline;
padding-left:20px;
margin-top:30px;

}

  #input_submit img {
  border: 0;

  border-style: none ;
  text-decoration: none;
  }


#ergebnis{
margin:15px;
}

.right{float: right;}
.left{float: left;}

.linklist {
list-style-type: none;
}
.linklist li {
padding:3px;
padding-left: 12px;
background: url(../img/blacksquare.gif) no-repeat 0px 9px;
}
.linklist a{
color: #555555;
text-decoration: underline;
}
.linklist a:hover{
color: #555555;
text-decoration: underline;
}


.bulletpointlist {
list-style-type: none;
}
.bulletpointlist li {
padding:3px;
padding-left: 12px;
background: url(../img/blacksquare.gif) no-repeat 0px 9px;
}
.bulletpointlist a{
color: #555555;
text-decoration: underline;
}
.bulletpointlist a:hover{
color: #555555;
text-decoration: underline;
}


.con input, textarea{
border: thin #009474 solid;
}
#branch-sonstiges{
border: thin #009474 solid;
}
#interessengebiet {
border: thin #009474 solid;
}
.adresse{
padding-left:10px;
}
.input-normal{
width:88%;
max-width:250px;
}
.input-medium{
width:69%;
max-width:210px;
}
.input-small{
width:39%;
max-width:47px;
}
.con td{
vertical-align: top;
}
.submit {
padding:5px;
}
.section {
width:90%;
padding-left:5%;
padding-right:5%;
}

<!-- styles neu -->



@media screen and (orientation:portrait) {
.imagetop {
   width: 250px;
   height: 100px;
border: 0;
margin-bottom: 5px;
}

.imagema{
width: 70px;
height: 105px;  
float: left;
margin-right: 8px; 
margin-bottom: 1px;
border: 0;

}

}

@media screen and (orientation:landscape) {
.imagetop {
max-width: ;
border: 0;
padding-bottom: 5px;
}   

.imagema {
width: 95px;
height: 143px;
float: left;
margin-right: 8px; 
margin-bottom: 1px;
border: 0;

}

}



#imagetop
{width: 400px;
text-align: center;
margin-bottom: 5px;}

.imagetopdesc 
{font-size: 8px;
color: #c0c0c0;
}

.imagestartseite {
	float: left; 
	margin-right: 8px; 
	margin-bottom: 1px; 
	height: 78px;
        width: 100px;
	border: 0;}

#dotted {
	border: #D2D2D2 dotted 1px;
	width: 100%;}
	

.mabg {
background-color: #c4e2e6;}

.linkstartseite {
	color: #009474;}
	
.galerie {
	width: 250px;
	height: 160px;
	border: 0;}
	
.galeriedesc {
	font-size: 12px;
	font-weight: bold;
}

.imagepub { 
        float: left; 
        margin-right: 8px; 
        margin-bottom: 1px;
        border: 0;}

.linkpub {
        color: #009474;
        font-weight: normal;
}

textpub {
       font-size: 11px;
       font-weight: normal; }
	   

.hug a {font-site; 12px; font-color: #000000; background-color: #ffffff"}