/**************************************** Main ****************************************/
html { 
  height: 100%; 
  margin-bottom: 1px; 
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 1.0em;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #e6e6e6;
	height: 100%; 
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	margin-bottom:0px;
	text-align: left;
	height: 100%;
	position: relative;
	color: #000000;
	padding:0;
	height: 100%; 
}
* html #container {
	height: 100%; /* IE Hack for 100% Height */
}

#mainarea {
	width: 100%;
	height: 77%;
	/*margin-top: 25px;*/
	margin-bottom:0px;
	position: absolute;
	top: 218px;
	left:0px;
}

#mainarea { !height:78.5% }

#header{
  margin:0px 0px 25px 0px;
  padding:0;
  height: 23%; 
  min-height:193px;
}

@media screen and (min-width: 0px){ #header { height:193px }}

#header { !height:21.5% }

img {
	border: 0px;
}

.clear { /* IE Fix */
	font-size: 1px; 
	height: 1px;
}

.clear-both {
	clear: both;
}

* html .visualIEFloatFix { 
	height: 0.01%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
  font-weight: bold;
  color: #0077c0;
  text-decoration:none;
}

a.resize {
 font-weight: normal;
 color: #000000;
 background-image: url(main_lupe.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-left:16px;
}


/**************************************** Top ****************************************/
#top{
 margin: 9px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float:right;
 width: 100%;
 display:inline;
 color: #FFFFFF;
}

#top #metanavi {
  float: right;
  width: 155px;
  display:inline;
} 

#top #metanavi ul {
  float: left;
  height: 12px;
  /*width: 135px;*/
  list-style: none;
  margin: 0px 15px 0px 0px;
  padding: 0px 0px 0px 0px;
  display:inline;
}

#top #metanavi li {
  height: 12px;
  line-height: 10px;
	float: left;
	padding-left: 5px;
	padding-right:5px;
	display:inline;
	border: 1px solid transparent;
}

* html #top #metanavi li { border:none }

#top #langnavi {
  float: right;
  width: 180px;
  display:inline;
}

#top #langnavi ul {
  float: right;
    height: 12px;
  /*width: 155px;*/
  list-style: none;
  margin: 0px 15px 0px 0px;
  padding: 0px 0px 0px 0px;
  display:inline;
    height: 12px;
  line-height: 12px;
}

#top #langnavi li {
	float: left;
	margin-left: 10px;
	display:inline;
}

#top a{
  color: #FFFFFF;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.65em;
	text-decoration: none;
}
#top #langnavi #current-lang a{
  color: #69747a;
}

#top #metanavi #current-meta{
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

* html #top #current-meta{ 
  padding-left: 4px;
	padding-right:4px;
}
/**************************************** Main-Menu ****************************************/

#mainmenu {
  padding: 0px 0px 0px 0px;
  margin: 31px 0px 10px 33px;
  float:left;
	height: 16px;
	display:inline;
}

@media screen and (min-width: 0px){ #mainmenu { margin-top:31px }}	/*für Opera und Safari*/

#mainmenu ul {
  float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 16px;
	display:inline;
}

#mainmenu li {
	float: left;
	padding-right:9px;
	padding-left:9px;
  height: 16px;
  line-height: 16px;
  display:inline;
  border: 1px solid transparent;
  margin:-1;
}

* html #mainmenu li {
  border: none;	
}

#mainmenu a{
  color: #FFFFFF;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.81em;
	text-decoration: none; 
}

#mainmenu #main-active{
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  /*padding-right:-1;*/
}

* html #mainmenu #main-active {
  padding-right:8px;
  padding-left:8px;
}
/**************************************** Sub-Menu ****************************************/

#submenu {
	width: 960px;
	height: 115px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	
}

* html #submenu{
  height: 108px; 
}

#submenu ul {
  padding: 0px 0px 0px 15px;
  margin: 2px 0px 0px 0px;
	list-style: none;
	float:left;
	height:102px;
	width: auto;
	display:inline;
}
#submenu li {
  float: left;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  text-align: center;
  display:inline;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

* html #submenu li{
  width: 1%;
} 

/*#submenu li:hover,
#submenu li:focus,
#submenu li:active{
  border-left: 1px solid #0077c0;
  border-right: 1px solid #0077c0;
}

#submenu .logo:hover,
#submenu .logo:focus,
#submenu .logo:active{
  border: 1px solid #FFFFFF;
}*/

#submenu li:hover a,
#submenu li:focus a,
#submenu li:active a{
  color: #0077c0;
  font-weight: bold;
}

#submenu li a { 
	color: #69747a;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.81em;
	text-decoration: none;
  margin: 6px 0px 0px 0px;
  padding:0;
  text-align: center;
}

#submenu a:hover,
#submenu a:focus,
#submenu a:active {
  color:#0077c0;
  font-weight: bold;
}

#submenu .active{
  border-left: 1px solid #0077c0;
  border-right: 1px solid #0077c0;
}

#submenu .active a{
  color: #0077c0;
  font-weight: bold;
}

#submenu #logo{
 float: right;
 margin-right: 20px;
 margin-top:8px;
 display:inline;
 text-align: right;
 width: 149px;
}

#submenu .text{
  padding:0;
  margin:0;
}
/**************************************** Content ****************************************/
  #body {
  background: #FFFFFF;
  margin:0;
  padding: 0px 30px 15px 30px;
	 width: 730px;
  margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, sans-serif;
	color: #69747a;
	font-size: 0.81em;
	line-height: 1.4em;
	min-height:80%;
}

* html #body{
  	height:80%; 
}

 .left{
  float: left;
  width: 180px;
  margin:0;
  padding:0;
  display: inline;
}

 .right{
  float: right;
  width:522px;
  display: inline;
  margin:0;
  padding:0;
}

 h1{
  color: #0077c0;
  font-size: 1.08em;
  font-weight: bold;
  line-height: 1.43em;
  margin-top: 5px;
  padding: 0;
}

 h2{
  color: #69747a;
  font-size: 1em;
  margin: 0;
  padding:0px 0px 0px 0px;
}

 h2 a{
  color: #69747a;
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

 p{
  padding:0;
  margin: 10px 0px 15px 0px;
}


 ul{
  line-height: 20px;
}


#content-header{
  height: 112px;
  width: 790px;
  background-image: url(header-bg.gif);
  background-repeat: no-repeat;
  background-position: top center;
  padding:0;
  margin-right: auto;
	margin-left: auto;
}

 #content-header #left-corner {
  margin: 3px 0px 0px 3px;
  padding:0;
  float: left;
  width: 6px;
  display:inline;
}

 #content-header #top-image {
  margin: 2px 0px 0px 0px;
  padding:0;
  float: left;
  width: 772px;
 display:inline;
}

 #content-header #right-corner {
  margin: 3px 0px 0px 0px;
  padding:0;
  float: left;
  width: 6px;
  height: 7px;
 display:inline;
}

 #content-header #bottom-image {
  margin: 0px 0px 0px 2px;
  padding:0;
  float: left; 
  height:102px;
  display:inline;
}
 #content-submenu {
  padding: 0px 0px 17px 30px;
  background-color: #FFFFFF;
   width: 760px;
  margin-right: auto;
	margin-left: auto;

}
 #content-submenu #sub-text {
	background: #FFFFFF;
  padding: 0px;
  margin:0;
	list-style: none;
	float:left;
	width: 100%;
	height: 20px;
	display: inline;
	  vertical-align: middle;
}

 #content-submenu #sub-img {
	background: #FFFFFF;
  padding: 0px;
  margin: 15px 0px 0px 0px;
	list-style: none;
	float:left;
	width: 100%;
	display: inline;
	  vertical-align: middle;
}

 #content-submenu #sub-text li {
  float: left;
  padding: 0px 9px 0px 9px;
  margin:0;
  display: inline;
}

 #content-submenu #sub-img li {
  float: left;
  padding: 0px 20px 0px 20px;
  margin:0;
  display: inline;
  text-align:center;
  border: 1px solid #FFFFFF;
}
/*
#content-box #content-submenu #sub-img li:hover,
#content-box #content-submenu #sub-img li:focus,
#content-box #content-submenu #sub-img li:active{
  border-left: 1px solid #0077c0;
  border-right: 1px solid #0077c0;
}*/

 #content-submenu #sub-img li:hover a,
 #content-submenu #sub-img li:focus a,
 #content-submenu #sub-img li:active a{
  color: #0077c0;
  font-weight: bold;
}

#sub-text li a  { 
  color: #69747a;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.75em;
  margin:0;
}

#sub-img li a  { 
  color: #69747a;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.81em;
  margin:0;
}

#content-submenu #sub-text a:hover,
#content-submenu #sub-text a:focus,
#content-submenu #sub-text a:active {
  color: #0077c0;
}

#content-submenu #sub-img a:hover,
#content-submenu #sub-img a:focus,
#content-submenu #sub-img a:active {
  color: #0077c0;
  font-weight: bold;
}

/*#content-box #active{
  border-left: 1px solid #0077c0;
  border-right: 1px solid #0077c0;
}*/
/*
#content-box #active a{
  color: #0077c0;
}*/

 .image{
  float:left;
  display: inline;
}

 #images{
  padding-bottom: 10px;
}

 .pdf {
  padding-top: 15px;
  padding-bottom: 15px; 
}

.image-left {
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding:0px;
	float:left;
}

.image-right {
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 15px;
	padding:0px;
	float:right;
}
.text-left {
	float: left;
	padding: 0px;
	margin: 0px;
	display:inline;
}

.text-right {
	float: right;
	padding: 0px;
	margin: 0px;
	display:inline;
}

 .img-caption{
  text-align: center;
}

.imagebar{
  /*margin:0px 0px 0px 10px;*/
  margin:0;
  padding:0px;
  float:left;
  position: relative;
  display: inline;
  font-size: 1em;
}

 .imagebar .left{
	float: left;
	width: 470px;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	display: inline;

}

 .imagebar .right{
	margin-bottom: 30px;
	width: 225px;
	float: right;
	clear: right;
	display: inline;
}

#news-box{
  width: 228px;
  height: 265px;
  background-image: url(bg_newsbox.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  display: inline;
  position: absolute;
  top: 125px;
  right: 15px;
}

#news-text {
  margin-top: 60px;
  margin-left: 29px;  
}

.news-teaser{
  margin: 10px 20px 0px 0px;
	font-family: Verdana, Arial, sans-serif;
  font-size: 0.81em;
  line-height: 18px;
}

.news-teaser a {
  color: #69747a;
  font-weight: normal;
}

#sitemap{
  margin:0;
  padding:17px;
}

/**************************************** Contact ****************************************/

#contact {
  padding: 20px 0px 0px 0px;
}

#contact #personal-data{
  float: left;
  width:290px;
  margin-right: 10px;
  display: inline;
}

#contact #message{
  float: left;
  width: 420px;
  display: inline;
}

#contact form{
  padding:0;
  margin:0;
  display:inline;
}

#contact .left {
	width: 90px;
	float: left;
	margin: 0px;
	padding-right: 10px;
	padding-top: 1px;
	text-align: right;
	display: inline;
}

#contact .right {
	float: left;
	width: 180px;
	margin-bottom: 8px;
	display: inline;
}

#contact .message-right {
	float: left;
	width: 315px;
	margin-bottom: 3px;
	display: inline;
}

#contact .left p{
  margin:0px;
  padding:0px;
  color: #69747a;
  font-weight: bold;
  font-size: 0.95em;
}

#contact .right input {
	border-color: #a7a7a7;
	border-style: solid;
	border-width: 1px;
	background-color: #efefef;
	font-family: Verdana, Arial, sans-serif;
}

#contact .right label, input, select {
  display: block;
  width: 180px;
	font-family: Verdana, Arial, sans-serif;
}

#contact .dropdown {
  border: none;
}

#contact .dropdown select{
  border-color: #a7a7a7;
	border-style: solid;
	border-width: 1px;
	width: 80px;
	background-color: #efefef;
}

#contact #message textarea {
	border-color: #a7a7a7;
	border-style: solid;
	border-width: 1px;
	height: 293px;
	width:100%;
	background-color: #efefef;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}

#contact .button {
	margin-top: 8px;
	width: 100px;
	height: 20px;
	color: #69747a;
	font-weight: bold;
	font-size: 0.95em;
	background-color: #FFFFFF;
	border-color: #a7a7a7;
	border-style: solid;
	border-width: 1px;
	padding:0;
	margin:0;
}

#contact .button:hover,
#contact .button:focus,
#contact .button:active{
  color: #0077c0;
}

#contact .required-input{
  	font-size: 0.81em;
  	font-weight: bold;
  	float: left;
  	display: inline;
  	margin-top: 8px;

}
#contact .required-input p{
  	padding:0;
  	margin:0;
}
#contact .submit{
  float: right;
  display: inline;
  margin-top:5px;
}

#warning{
  padding-top: 10px;
  font-size: 0.95em;
	font-weight: bold;
}

.extra-width {
	width: 250px;
}


/***** CUSTOM *****/

#submenu-man {
 background-color: #FFFFFF;
 padding: 0px;
 margin: 0;
 list-style: none;
 float: left;
/* width: 100%; */
 height: 20px;
 display: inline;
 vertical-align: middle;
}

#submenu-man li {
 float: left;
 padding: 0px 9px 0px 9px;
 margin: 0;
 display: inline;
}

#submenu-man li a  { 
 color: #69747a;
 background-color: transparent;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 1em;
 margin: 0;
}

#submenu-man a:hover,
#submenu-man a:focus,
#submenu-man a:active {
 color: #0077c0;
}

#subnavi_active {
  color: #0077c0;
}

.purephoto {
  position: relative;
  top: 10px;
  right: -45px;
}