body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #0C2055;
	text-align: center;
	text-decoration: none;
	background-color: #A2A2A2;
	margin: 0px;
	padding: 0px;
	height: 100%;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #D4D0C8;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color:  #E3E3E3;
	scrollbar-arrow-color: #000000;
}
html { 
 height: 100%;
 margin:0; 
 padding:0; 
 text-align:center; 
} 
#flash{
	position: absolute;
	left: 40px;
	top: 130px;
	height: 198px;
	width: 678px;
}
#flash-e{
	position: absolute;
	left: 40px;
	top: 150px;
	height: 198px;
	width: 678px;
}
#pagewidth{ 
 width:978px;
/* height: 100%; */
 min-height: 100%;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 padding-bottom: 20px;
 background-image: url(img/line.gif);
 background-repeat: repeat-y;
} 
 /* Für 100% Höhe im IE */
* html #pagewidth {
	height: 100%;
}/**/
#header{
	position:relative;
	height:100px;
	width:100%;
} 
#copyright{
 float: right;
}

#kasten{
 position: absolute;
 height: 100px;
 width: 213px; 
 float: left;
 left: 14px;
 padding-left: 14px;
 background-color: #A2A8B8;
}

#kleiner-balken{
 position: absolute;
 height: 100px;
 width: 41px; 
 float: left;
 left: 241px;
 background-color: #E3E3E3;
}

#top-bild{
 position: absolute;
 height: 100px;
 width: 678px;
 left: 281px;
 float: left;
 background-color: #E3E3E3;
}
 
.logo{
 margin-left: 162px;
}
 
#leftcol{
 width:241px; 
 top: 20px;
 float:left; 
 position:relative; 
}
 
#maincol{
 float: right; 
 display: inline; 
 position: relative; 
 width: 737px; 
 }
 
#inhalt{
	margin-top: 37px; /*132*/
	margin-left: 40px;
	padding-bottom: 10px;
	width: 570px;	/*650*/
	}
	
#inhaltbreit{
	margin-top: 37px; /*132*/
	margin-left: 40px;
	width: 650px;	/*650*/
	}
	
H1{
 font-size: 16px; /*13*/
 font-weight: bold;
/* margin-bottom:3px;*/
 margin-top:0px; 
}
.prod-img, .prod-img-right{
 margin-right: 5px;
 margin-bottom: 12px;
 border: 1px solid;
 border-color: #414141;
}
.prod-img-right{
 margin-left: 5px;
 }
#bild{
/*	margin-right: 3px;*/
	height: 88px;
	width: 88px;
	float: left;
	border: 1px solid;
	border-color: #414141;
}  
#text-rechts{
	float: left;
	height: 100px;
	width: 450px;
	padding-left: 10px;
}
.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 */  

td {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #0C2055; 
	text-decoration: none;
}
a {  
	text-decoration: none;
	color: #0C2055; /*504F4F*/
	text-decoration: underline;
}
a:hover {
	color: 0C2055; /*ffffff*/
	text-decoration: none;
}
P,H2,H3,H4 {
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.titel {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin-bottom:10px;
}
.untertitel {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.produkt {
	text-decoration: none;
	font-weight: bold;
}
.produkt a{
	text-decoration: none;
	font-weight: bold;
}
strong {
	font-weight: bold;
}
bold {
	font-weight: bold;
}
.klein {
	font-size: 10px;
	text-decoration: none;
}
.formular {
	margin: 0px;
	padding: 0px;
}
.textfeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	width: 150px;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #666666;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	width: 150px;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #000000;
}

*****************************************************************
/*
  # # #####################
  # FORMLUARSTYLES   
*/

form {
  padding: 0;
  margin: 0;
}

p {
  clear: both;
  padding: 0;
  margin: 4px 0;
}

form input,
form textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

form .input,
form .inputKeineLaenge,
form textarea {
  padding: 2px;
	width: 70px;
  border: 1px #000000 solid;
}
form .ort{
	width: 120px;
  border: 1px #000000 solid;
  padding: 2px;
}

form .input,
form textarea {
  width: 200px;
}

form input.radio {
  vertical-align: bottom;
}

form .checkboxLabel{
width: auto;
float: none;
display: inline;
}

form .checkbox{
	margin-bottom: 0px;
}

form label {
  display: block;
  float: left;
  
  padding: 2px 0 0 0;
  width: 130px;
}
form label.radio {
  display: inline;
  float: none;
  width: auto;
    
  vertical-align: top;
}

.button {
  margin: 0 0 0 130px;
  padding: 2px 5px;
  
  font-weight: bold;  
  border: 1px #000000 solid;
}

/*
  # FORMLUARSTYLES   
  # # #####################
  # STATUS STYLES
*/

span.ok,
span.error,
span.warnung {
  display: block;
  color: #FF0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
span.ok {
  color: #006600;
  background-color: #ffffff;
}
span.error {
  background-color: #ffffff; /*FF0000*/
}
span.warnung {
  background-color: #ffffff;
}
label span.ok,
label span.error,
label span.warnung { display: inline; }

label.ok {
  color: #FF0000;
}
label.error {
  color: #FF0000;
}
label.warnung {
  color: #FFBB00;
}

#adresse {
	font-size: 11px;
	line-height: 14px;
	margin: 30px 0 0 -3px;
	color: #504F4F;

}

/*
  # STATUS STYLES
  # # #####################
*/

/*UL{
	font-size: 100%;
	line-height: 16px;
	list-style-type: square;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 15px;
}*/

UL {
  list-style: none;
  list-style-image: url(img/li_object_r.gif);
  margin: 0 0 0 16px;
  padding: 0;
}

LI {
	margin: 0px 0px 5px 0px;	
}

UL UL LI {
	font-size: 100%;
}

/* LANGUAGE MENU */
.menuLang ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menuLang ul li {
  display: inline;
  list-style-image: none;
}
.menuLang ul li a {
  color: #A9A9A9;
	text-decoration: none;
}
.menuLang ul li a:hover {
  color: #5A6277;
}
.menuLang ul li a.activ {
  color: #5A6277;
}

#sprache {
 float: right;
 margin-right: 56px;
 margin-top: 10px;
 color: #5A6277;
 }
 * html #sprache {
 margin-right: 28px;
}
.sprache a {
	text-decoration: none;
	color: #A9A9A9; /*A9A9A9*/
	text-decoration: none;
}
.sprache a.activ{
	text-decoration: none;
	color: #A9A9A9; /**/
	text-decoration: none;
}

/*.sprache a:hover {
	color: #5A6277; 
	text-decoration: none;
}*/