
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: verdana,arial,sans-serif;
 background-image: url(images/background_html.png);
 background-repeat: repeat-x;
} 

.selectlang{
  font-size: 8pt;
}

.border{
  border: 1px solid #878787;
}

.produkte{
  width: 100%;
}

.produkte td{
  padding: 10px 0px 10px 0px;
  border-top: 1px dotted #878787;
}

.newstitel{
  font-weight: bold;
  color: #18569c;
}

.border_bottom{
  border-bottom: 1px dotted #878787;
}

.border_top{
  border-top: 1px dotted #878787;
  padding-top: 10px;
}

a img{
  border:none;
}
 
#pagewidth{ 
 position: relative;
 width:1022px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 font-size: 8pt; 
 letter-spacing: 0.5pt;
 -moz-box-shadow:0px 0px 7px #878787;
 -webkit-box-shadow:0px 0px 7px #878787;
} 
 
#header{
 position:relative; 
 height:177px; 
 background-image:url(images/header.png); 
 width:100%;
 border-left: 1px solid #18569c;
 border-right: 1px solid #18569c;
 border-bottom: 1px solid #18569c;
 /*margin-bottom: 1px;*/
} 

#logo{
  position: absolute;
  top: 7px;
  left: 5px;
  width: 188px;
  height: 69px;
}
 
#wrapper{
  position: relative;
  background-color: #fff; 
  background-image: url(images/rechte_spalte.png);
  background-repeat: repeat-y;
  background-position: top right;
  border-right: 1px solid #878787;
  border-left: 1px solid #878787;
  border-bottom: 1px solid #878787;
  float: left;
  width: 100%;
}

.errors{
  border: 1px solid #bf1e1e;
  padding: 10px;
  background-color: #ebc0c0;
  margin-bottom: 15px;
}


.referenzen{
  font-family: verdana;
}

.text{
  border: 1px solid #18569c;
  font-size: 9pt;
  width: 180px;
  height: 20px;
}

.button{
  margin: 20px 0px 0px 0px;
  border: 1px solid #878787;
}

.referenzen textarea{
  border: 1px solid #18569c;
  width: 350px;
  height: 150px;
  
}

#symbolnavi{
  position: absolute;
  right: 25px;
  top: 4px;
  height: 20px;
  width: 75px;
}

#symbolnavi img{
  margin-right: 5px;
}
 
#rightcol{
 width:242px; 
 float:right; 
 position:relative; 
 line-height: 12pt;
 padding: 5px 8px 5px 8px;
 *padding-top: 10px;
 
 }
 
#rightcol h2{
 padding-top: 5px;
 color: #000;
 font-weight: bold;
 border-bottom: 1px solid #000;
 font-size: 8pt;
 margin: 0px 0px 15px 0px;
}

#rightcol ul{
  padding-left: 20px;
  *margin-left: 5px;
}

#maincol ul{
  padding-left: 25px;
  *margin-left: 5px;

}

#maincol a:link, #maincol a:visited, #maincol a:active{
  text-decoration: underline;
  color: #878787; 
}

#maincol a:hover{
  color: #000;
}

#rightcol a:link, #rightcol a:visited, #rightcol a:active{
  text-decoration: underline;
  color: #878787; 
}


#rightcol a:hover{
  color: #000;
}


#error{
  border: 1px solid #bf1e1e;
  padding: 7px;
  background-color: #ebc0c0;
  margin-bottom: 15px;
}
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:738px; 
 border-right: 1px dashed #878787;
 min-height: 600px;
 padding: 12px 12px 12px 12px;
 line-height: 12pt;
 background-color: #fff;
 }
 
#mainmenu{
  position: absolute;
  width: 100%;
  height : 33px;
  bottom: 0px;
  padding-left: 10px;
  font-size: 9pt;
  letter-spacing: 1pt;
}

#mainmenu ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: inline;
}

#mainmenu li{
  display: inline;
}


#mainmenu li a{
  display: inline;
  float: left;
  margin-right: 12px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 7px 8px 7px;
}

#mainmenu li a:hover{
  background-image: url(images/mainmenu_hover.png);
  background-repeat: repeat-x;
}

#mainmenu li.active a{
  background-image: url(images/mainmenu_hover.png);
}

#contact{
  position: absolute;
  top: 5px;
  left: 205px;
  width: 200px;
  height: 150px;
  letter-spacing: 1pt;
  font-size: 7pt;
}

#righttop{
  position: absolute;
  top: 10px;
  right: 35px;
  width: 175px;
  height: 150px;
  font-size: 7pt;
  letter-spacing: 1pt;
  line-height: 20px;
}

#languages{
  position: absolute;
  top: 45px;
  right: 0px;
  width: 200px;
  height: 20px;
}


#submenu{
  height: 29px;
  /*border: 1px solid #878787;*/
  position: relative;
  padding-left: 20px;
  font-size: 7.5pt;
  line-height: 28px;
  width: 1014px;
  margin: 0px;
  letter-spacing: 1pt;
  background-image: url(images/submenu.png);
  background-repeat: no-repeat;
}

#submenu ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#submenu li{
display: inline;
}

#submenu li a{
  display: inline;
  float: left;
  margin-right: 20px;
  text-decoration: none;
  color: #000;
}

#submenu li a:hover{
  font-weight: bold;
}

#submenu li.active{
  font-weight: bold;
}


h1{
  font-size: 10.5pt;
  color: #18569c;
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px;
}

#maincol h2{
  font-size: 8pt;
  color: #18569c;
  margin: 20px 0px 20px 0px;
  padding: 0px;
}
 
#footer{
  width:1022px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto; 
  height: 24px;
  position: relative;
  font-size: 7.5pt;
  letter-spacing: 1pt;
  padding-top: 10px;
 } 
 
#clear{
  position: relative;
  clear: both;
}
 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#wrapper{border:none;}
#submenu{display:none;}
#header{display:none;}
#rightcol{display:none;}
#maincol{width:100%; float:none; border:none;}
}

a.pdf { /*The background image*/
	background: url(images/pdf.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 2px;
	
}

a.email {
	background: url(images/email.png) no-repeat left center;
	line-height: 16px;
	padding-left: 20px;
}

p{
  margin: 8px 0px 8px 0px;
  padding: 0px;
}

/*
#lastnews a:link, #lastnews a:visited, #lastnews a:active{
  margin: 0px;
  padding: 0px;
  text-decoration: none; 
  color: #000;
  display: inline;
}

#lastnews a:hover{
  font-weight: bold;
}
*/
/*Ajax-Search-Form*/

#ajaxSearch_form {
  border: none;
 }
 
 #ajaxSearch_form fieldset{
  border: none;
 }
 #ajaxSearch_input {
     background-image: url(images/search.png);
     background-repeat: no-repeat;
     background-color: transparent;
     display: inline;
     height: 20px;
     padding-left: 27px;
     border: none;
     font-family: verdana,arial;
     font-size: 7.5pt;
     width: 153px;
 }
 #ajaxSearch_submit {
     display: inline;
     height: 22px;
     line-height: 22px;
     display: none;
 }
 #ajaxSearch_output {
     border: 1px solid #444;
     padding: 10px;
     background: #fff;
     display: block;
     height: auto;
     vertical-align: top;
 }
 .AS_ajax_result {
     color: #444;
     margin-bottom: 3px;
 }
 .AS_ajax_resultLink {
     text-decoration: underline;
 }
 .AS_ajax_resultDescription{
     color: #555;
 }
 .AS_ajax_more {
     color: #555;
 }
 .ajaxSearch_highlight{
  font-weight: bold;
  color: #18569c;
 }
 
 .ajaxSearch_result{
  border-bottom: 1px dotted #878787;
  padding: 10px 0px 10px 0px;
 }
 

