body{
	font-family: Verdana;
	font-size: 12px;
	background-color: #ffffff;
/*	background-color: #fced9a;*/
	text-align: left; /*Scrollbaranzeige nur IE*/
	scrollbar-arrow-color: #9b9b9b;
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color: #9b9b9b;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #ffffff;
	
}

h1 {font-size:18px;
color:#9b9b9b;
margin:0px;
}
h2 {font-size:14px;
	color:#9b9b9b;

}
h3 {font-size:12px;
color:#9b9b9b;
}
h4 {font-size:10px;
color:#9b9b9b;
}

p {margin-top:0px;}

a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  /*color:#ff9200;*/
}

a:active, a:hover
{
/*  color:#ffffff;*/
color: #9b9b9b;
}

a.menu:link, a.menu:visited, a.menu:hover
{
  color:#9b9b9b;
  display: inline;
  margin-top: 2px;
  text-align: center;
  width: 100px;
  padding: 5px;
  font-size:10px;
}
a.menu:active, a.menu:hover
{
  color:#eeeeee;
  display: inline;
  margin-top: 2px;
  text-align: center;
  width: 100px;
  padding: 5px;
  background-color: #9b9b9b;
  font-size:10px;

}

/* Die Titelzeile */
#title {
	padding-top:15px;
	height:24px;
	color: #214778;
}

/* Das Menü */
#menu {
	color: #9b9b9b;
	text-align: center;
	padding: 5px 0px;
}

/* Der Inhalt */
#content {
	background-color: #ffffff; /* background-image: url(../img/villaaussen.JPG);*/
	padding: 5px;
	color: #214778;
	width: 800px;
	margin: 0px auto;
	overflow: auto;
	bottom: 20px;
	position: fixed;
	top: 150px;
}

/* Der Inhalt enger gesetzt */
/*	background-image: url(../img/nettihoch_ya.JPG);*/
#contenteng {
	background-color: #ffffff;
	padding: 5px;
	color: #214778;
/*	color: black;*/
	width: 700px;
	margin: 0px auto auto 50px;
	overflow: auto;
	bottom: 20px;
	position: fixed;
	top: 150px;
}
#contentpopup {
	background-color: #ffffff;
	padding: 5px;
	color: #214778;
	width: 370px;
	margin: 0px auto auto 10px;
	overflow: auto;
	bottom: 20px;
	position: fixed;
	top: 10px;
}
a.choice{
	border-bottom: 2pt solid #9b9b9b;
	display: inline;
	margin-top: 5px;
	text-align: center;
	width: 100px;
	padding: 5px;
	font-weight:bold;
	color: #9b9b9b;
}
small{

	width: 760px;
	font-size: xx-small;
	text-align: center
}

#footer{
	position: absolute;
	bottom: 0;
	width: 800px;
	height: 15px;
	overflow: auto;
	text-align: left;
	background: #9b9b9b;
	color: #eeeeee;
}
#footer2{
	position: absolute;
	bottom: 0;
	width: 380px;
	height: 30px;
	overflow: auto;
	text-align: center;
	background: #9b9b9b;
	color: #eeeeee;
}
#footerwerbung{
	position: relative;
	bottom: 0;
	width: 115px;
	height: 50px;
	overflow: visible;
	left: 800px;
	background: blue;
}

#header{
	position: absolute;
	top: 0;
	width: 800px;
	height: 150px;
	overflow: auto;
	text-align: left;
	}
#picr{
	float: right;
	padding: 10px 0 10px 10px;
}
#picl{
	float: left;
	padding: 10px 10px 10px 0;
}
table{
	table-layout:fixed;
	width:760px;
	border-style:collapse;
/*	border: thin solid #9b9b9b;*/
}
td.kopf{
	width: 302px;
	vertical-align: top;
	text-align: left;
	color: #9b9b9b;
	font-size: 10px;
	font-weight: bold; /*	padding-left: 5px;*/
/*	border: thin solid Blue;*/
}
td.koerper{
	width: 302px;
	vertical-align: top;
	text-align: left;
	padding-left: 15px;
	font-size: smaller;
/*	border: thin solid Blue;*/
}
td.preis{
	width:65px;
	vertical-align:top;
	text-align:right;
	color:#9b9b9b;
	font-size:10px;
	font-weight: bold;
/*	border: thin solid Blue;*/
}
td.leer{
	width: 4px;
/*	border: thin solid Blue;*/
}
tr{
	height: 14px;
}
.arrow{
	padding-left: 40px;
}
form{
	padding: 0px 50px;
}
.Button{
	background-color: #9b9b9b;
	color: white;
	width: 200px;
	font: bold;
	border: thin #9b9b9b solid;
}
input, textarea{
	color: #214778;
	width: 350px;
	border: 1pt solid #9b9b9b;
}
select{
	border: 1pt solid #9b9b9b;
}
/*.bereich, .feld{
	background-color: #fced9a;
	border: 1pt solid #9b9b9b;
	width: 350px;
}*/
dl{
	list-style-position: inside;
}
dt{
	font-size:12px;
	color:#9b9b9b;
	font-weight: bold;
	padding-top: 10px;
}
dd{
	font-size: x-small;
}

dd .picr{
	float: right;
	padding: 10px 0 10px 10px;
}
/** Zoom Effekt für Bilder Preislisten **/
#fotoboxl{
	width: 95px;
	margin: 1px;
	padding: 1px;
	border: 0px solid #000;
	color:#000;
}
#fotoboxl a img{
	float: left;
	height: 94px;
	width: 125 px;
	border: 1px solid #000000;
	margin: 0 0 5px 5px;
	cursor: url(../img/logo/lupe.gif), crosshair;
}
/** Gecko, Sadari und Opera **/
#fotoboxl img:hover{
	width:350px;
	height: 740px;
}
/** IE **/
#fotoboxl a:hover img{
	width: 350px;
	height: 744px;
}
#fotoboxl a:hover{
	padding:0;
}


/** Zoom Effekt für Bilder Preislisten **/
#fotoboxr{
	width: 95px;
	margin: 1px;
	padding: 1px;
	border: 0px solid #000;
	color:#000;
}
#fotoboxr a img{
	float: left;
	height: 94px;
	width: 125 px;
	border: 1px solid #000000;
	margin: 0 0 5px 5px;
	cursor: url(../img/logo/lupe.gif), crosshair;
}
/** Gecko, Sadari und Opera **/
#fotoboxr img:hover{
	float: left;
	width:772px;
	height: 830px;
	border: none;
	opacity: 0.3;
}
/** IE **/
#fotoboxr a:hover img{
	float: left;
	width: 772px;
	height: 830px;
	border: none;
	opacity: 30;
}
#fotoboxr a:hover{
	padding:0;
}
/* Zoombox für Anfahrtsplan*/
#zoommapr{
	width: 95px;
	margin: 1px;
	padding: 1px;
	border: 0px solid #000;
	color:#000;
}
#zoommapr a img{
	float: left;
	height: 94px;
	width: 125 px;
	border: 1px solid #000000;
	margin: 0 0 5px 5px;
	cursor: url(../img/logo/lupe.gif), crosshair;
}
/** Gecko, Sadari und Opera **/
#zoommapr img:hover{
	width:546px;
	height: 600px;
	border: none;
}
/** IE **/
#zoommapr a:hover img{
	width: 546px;
	height: 600px;
	border:none;
}
#zoommapr a:hover{
	padding:0;
}
li {
	list-style: none;
}

.normal{
	
}
/*Stu Nicholls Tool Tips*/
#info p {
	margin-left:15px;
	margin-right:20px;
}
#info img {
	margin:15px;
	float:left;
}
#info h1 {
margin-left:15px;
}
/* the style starts here */
a.tooltip {
	color:#c00;
}
a.tooltip b {
	display:none;
}
a.tooltip:hover {
	border:0;
	position:relative;
	z-index:500;
	text-decoration:none;
}
a.tooltip:hover b {
	display: block;
	position: absolute; /*	top: -15px;*/
	top: 20px;
	left: 25px;
	padding: 5px;
	font-weight: normal;
	font-size: x-small;
	color: #000;
	border: 1px solid #9b9b9b;
	background: #ffc;
	opacity: 0.8;
	filter: alpha(opacity=80);
	width: 200px;
}
a.tooltip:hover b em {
	position: absolute;
	left: 20px;
	top: -6px;
	width: 11px;
	height: 6px;
	background: transparent url(../img/tooltip.gif) 0 0;
	display: block; /*	font-size: 1px;*/
}

#shadow{
	background-color: #bbbbbb;
	width: inherit;
	height: inherit;
	margin: 10px 0px 0px 10px;
}

/* version 2
#tt {background:url(brown.jpg); width:740px;}
a.tooltip2 {color:#c00;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #ff0; background:#8cc; width:150px;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}
 */
.clear {clear:both;}

/*#box2, #box3 {
display:block;
position:absolute;
top:2px;
left:2px;
}
#box1 {
display:block;
width:200px;
height:150px;
position:relative;
top:20px;
left:0;
background:#ccc;
border:2px solid #eee;
margin:0 auto;
}
#box2 {
width:192px;
height:142px;
background:#999;
border:2px solid #aaa;
}
#box3 {
width:184px;
height:134px;
background:#777;
border:2px solid #888;
}
#box4 {
display:block;
width:190px;
height:140px;
position:absolute;
bottom:0;
right:0;
background:#fc6;
border-bottom:1px solid #444;
border-right:1px solid #444;
border-top:1px solid #ff8;
border-left:1px solid #ff8;
padding:5px;
}
#box5 {
display:block;
width:10px;
height:10px;
background:#777;
border-top:1px solid #333;
border-left:1px solid;
border-right:1px solid #ff8;
border-bottom:1px solid #ff8;
position:absolute;
bottom:5px;
right:5px;
overflow:hidden;
}
*/
#werbung{
/*	display: block;*/
/*	border: thin solid #9b9b9b;*/
	position: relative;
	width: 100px;
	left: 780px;
	top: 0px;
	height: 450px;
	overflow: none;
	padding: 5px;
	font-size: xx-small;
	color: #214778;
}
.email>ins:before {
	content: "@"; 
	text-decoration: none;
}
.email del {
text-decoration: none
}
.email>del {
display: none
}
 *:first-child+html .email>del {display:inline}  /* Workaround fuer IE 7 */
 
.unsichtbar{	
	display:none;}

.offer{
	width:75%;
}
/*.button{
	width: 173px;*/

.shortinput{
	width: 100px;
}
.mediuminput{
	width: 173px;
}
.plzinput{
	width:75px;
}
.combo{
	width: 70px;
}
fieldset{
	width: 700px;
	border: 1pt solid #9b9b9b; /*	border: 3px double #9b9b9b;*/
	color: #9b9b9b; /*border: 3px double #947d54;
background-color: #d1c5ad;
color: #000;*/
}
fieldsetbutton{
	width: 700px;
	border: 1pt solid #9b9b9b; /*	border: 3px double #9b9b9b;*/
	color: #9b9b9b; /*border: 3px double #947d54;
background-color: #d1c5ad;
color: #000;*/
}
legend{
	float:right;
}

#formularbox{
width: 650px;
margin: 0 auto;
padding: 20px 0px 20px 0px;
text-align: left;
/*border:solid;*/
	
}
.labels{
	color: #9b9b9b;
	float: left;
	position: relative;
	width: 200px;
	padding: 5px 0 0 10px;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);

}
.felder{
	float:right;
	width:450;

	}
.breaker {
clear: left;
}
.labelsh{
	color: #9b9b9b;
	float: left;
	position: relative;
	width: 200px;
	padding: 5px 0 0 10px;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	visibility: hidden;
	}
.felderh{
	float:right;
	width:450;
	visibility: hidden;
}
.meinLayer{
	background-color: black;
	position: absolute;
	display: inline;
}
.hinweis{
	color: #9b9b9b;
	float: left;
	position: relative;
	width: 400px;
	padding: 5px 0 0 10px;	
}