/* layout divs -----------------------------------------------------*/

html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color:#FAFAFA;
}
body { 
  margin:0; 
  padding:0;
}
body, td {
  vertical-align:top;
	font: 11px Tahoma, Arial, sans-serif; color: #000000; font-weight: normal; text-decoration: none; line-height : 16px;
	  margin: auto;
}

p{
	margin-top:0px;
	margin-bottom:5px;
}

	/* inline divs --------------------------- */
.inlineOne{
  display:inline;
  border:1px solid white;
	float:left;
	clear:right;
		margin:0;
padding:0px;


}

.inlineTwo{
 border:1px solid white;
display:inline;
float:left;
	clear:right;
	margin:0px;



}
.inlineBlock{
display:block;
	width:145px;
}
.clear{float:left;clear:both;height:0px; width:145px;
}
 
#container {
  width: 100%;
  text-align: center;
    margin: auto;
}
#head{
    width: 785px;
	 height:178px;
  margin: auto;
  margin-bottom:0px;
  padding:0px;
    border:0px;
  text-align: left;
  background-image: url(../images/basics/bg_content.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

#visual{
 border:0px;
width:775px;
height:122px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
padding-left:10px;
}
*html #visual{
margin-bottom:-2px;

}
#logo{
 border:0px;
text-align:right;
width:765px;
height:56px;
margin-top:0px;
padding:0px;
margin-left:10px;
background-color:#000000;
	
}
#headline{
	height:52px;
	text-align:left;
	margin-left:30px;
}
#underline{
	height:17px;
	margin-left:10px;
}
#content{
border:0px;
  width: 785px;
  margin: auto;
  margin-top:0px;
  padding:0px;
  text-align: left;
  background-image: url(../images/basics/bg_content.gif);
  background-position: top left;
  background-repeat: repeat-y;
}
#navigation{
text-align:left;
margin-left:30px;
margin-top:5px;
width:135px;
display:inline;
	float:left;
	clear:right;
background-color:#FFFFFF;
}
#maincontent{
width:416px;
display:inline;
	float:left;
	clear:right;
	margin-left:15px;
	margin-top:5px;
background-color:#FFFFFF;
}
#rightcol{
width:145px;
display:inline;
	float:left;
	clear:right;
	margin-left:15px;
background-color:#FFFFFF;
}


#bottom{
width: 785px; 
height:22px;
clear: both;
 background-image: url(../images/basics/bg_bottom.gif);
  background-position: bottom left;
  background-repeat:no-repeat;
  margin:auto;
}
#footer{
text-align:left;
margin:auto;
font: 10px Tahoma, Arial, sans-serif; color: #999999; font-weight: normal; text-decoration: none; line-height : 16px;
width: 765px; 
height:20px;
border:0px;
clear: both;
}

.clear {
width: 785px; clear: both; line-height:1px; height: 1px;
}
.clearBoth{clear:both;}
 /* inhalt divs---------------------------------------------------------------------------------------------- */
 .imageright{
	
	float:right;
	clear:both;
	margin-left:8px;
	margin-bottom:10px;
}

.image{
	margin-right:10px;
	margin-bottom:8px;
	float:left;
	clear:right;

}


/* -- fonts usw --------------------------------------------------------------------- */
.grey{color: #999999;}
.bold{color: #000000; font-weight:bold;}
.boldgrey{color: #666666;font-weight:bold;}
.marginten{
	margin-left:10px;
}
.marginright{
	margin-right:10px;
}

.marginboth{
   margin-left:10px;
	margin-right:10px;
}

/*angebote ------------------------------------------------------------------------*/
.tableheading{
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:3px;
		padding-right:3px;
}
.tdwhite{
	background-color:#FFFFFF;
	font-weight:normal;
	padding-left:3px;
		padding-right:3px;
}
.tdgrey{
	background-color:#E8E7E7;
	font-weight:normal;
	padding-left:3px;
	padding-right:3px;
}
/*---- Kontakt form ------------------------------------------------------------*/
.dropdownkontakt{
width:243px;
height:19px;
border:1px solid #A6A6A6;
padding:0px;
margin:0px;
margin-top:1px;
margin-bottom:12px;

}
.inputkontakt{
width:240px;
height:16px;
border:1px solid #A6A6A6;
padding:0px;
margin:0px;
margin-top:1px;
margin-bottom:3px;

}
.inputkontakterror {
width:240px;
height:16px;
border:1px solid #FF0000;
padding:0px;
margin:0px;
margin-top:1px;
margin-bottom:3px;
	
}
*html .inputkontakterror {
	margin-top:0px;
}
.textkontakt{
width:240px;
height:68px;
border:1px solid #A6A6A6;
padding:0px;
margin:0px;
margin-top:1px;
margin-bottom:5px;
overflow:auto;

}
.textkontakterror{
width:240px;
height:68px;
border:1px solid #FF0000;
padding:0px;
margin:0px;
margin-top:1px;
margin-bottom:5px;
overflow:auto;

}
.submitkontakt{
width:76px;
height:18px;
border:1px solid #A6A6A6;
color: #A6A6A6;
background-color:#FFFFFF;
margin-left:164px;

}

/* ------- kapitel aktuelles - angebote  -------------------------------------------------------------------------------------*/

.angebot{display:block; clear:both;width:415px; margin-bottom:20px; border:0;	 z-index:100;}
.angebotText{display:inline; float:left;clear:right;width:275px; border:0;	 z-index:100;}
.angebotImage{ display:inline; float:left;clear:right; margin-left:10px;width:100px; height:100px;border:1px solid #e6e6e6;padding:7px;	 z-index:100;} 
/*------- tooltip --------------- */
.imgvorschau{position:relative; border:0; z-index:100;}
a.imgVorschau,a.imgVorschau:link,  a.imgVorschau:visited, a.imgVorschau:active{
  position:relative; 
   border:0;
   }
      a.imgVorschau:hover{ 
	    position:relative; 
     border:0;
	 color:#CCCCCC;
	 cursor:pointer;
	 z-index:100;
  }
   a.imgVorschau span{display:none;  z-index:1000;}
a.imgVorschau:hover span {
  position:absolute;
  top:-97px;left:-238px;
  display: block;
width:320px;
  padding:12px; 
  background-color:#FFFFFF;   
  border:1px solid #e6e6e6;
   	 cursor:pointer;
	    z-index:1000;

 }