body      {
	background: url('http://www.historische-gasthaeuser.de/clips/hintergrund.jpg') white;
	background-repeat: repeat-x;
	background-position: top left;
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
	margin: 0px;
	padding: 0px;
	line-height:145%; }

* {	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;  }

/* Links */
a:link    { color: blue;
	font-size: 12pt;
	text-decoration: none;
	background: transparent; }
a:visited { color: blue; 
	font-size: 12pt;
	text-decoration: none;
	background: transparent; }
a:active  { color: blue;
	font-size: 12pt;
	text-decoration: none;
	background: transparent; }
a:hover  { color: #666666;
	font-size: 12pt;
	text-decoration: none;
	background: transparent; }
	
/* Links */
a.menu2:link    { color:  #666666;
	font-size: 11pt;
	text-decoration: none;
	background: transparent;
	width:200px;
	display: block; }
a.menu2:visited { color:  #666666; 
	font-size: 11pt;
	text-decoration: none;
	background: transparent;
	width:200px;
	display: block; }
a.menu2:active  { color:  #666666;
	font-size: 11pt;
	text-decoration: none;
	background: transparent;
	width:200px;
	display: block;}
a.menu2:hover  { color: white;
	font-size: 11pt;
	text-decoration: none;
	
	background: #E1BA48;
	width:200px;
	display: block; }
	
	
a.menu:link    { color: #666666;	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	width:220px;
	display: block;
 }
a.menu:visited { color: #666666; 	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	width:220px;
	display: block;
}
a.menu:active  { color: #666666;	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	width:220px;
	display: block;
}
a.menu:hover  { color: white;	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: #E1BA48;
	width:220px;
	display: block;
 }
	
a.menuaktiv:link    { color: white;	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: #E1BA48;
	width:220px;
	display: block;
	 }
a.menuaktiv:visited { color: white; 	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: #E1BA48;
	width:220px;
	display: block;  }
a.menuaktiv:active  { color: white;	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: #E1BA48;
	width:220px;
	display: block;  }
a.menuaktiv:hover  { color: #E1BA48;	
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	width:220px;
	display: block;  }

/* Links - Menue unten */
a.menuunten:link    { color: #000033;
	font-size: 10pt;
	text-decoration: none;
	background: transparent; }
a.menuunten:visited { color: #000033; 
	font-size: 10pt;
	text-decoration: none;
	background: transparent; }
a.menuunten:active  { color: #000033;
	font-size: 10pt;
	text-decoration: none;
	background: transparent; }
a.menuunten:hover  { color: #666666;
	font-size: 10pt;
	text-decoration: underline;
	background: transparent; }

/* Überschriften */
h1 {
	font-size: 13pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 9px;
	color: #111111;
}
h2 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}
h3 {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}

/* Normale Texte */
span.normal  {
	font-size: 12pt;  }
span.normalbold  {
	font-weight: bold;
	font-size: 12pt;  }
span.small  {
	font-size: 10pt;  }
span.smallbold  {
	font-weight: bold;
	font-size: 10pt;  }
span.impressum  {
	font-size: 10pt;  }
	
img.picture{
	border: 1px solid #E1BA48;
}
img.picture_right{
	border: 1px solid #E1BA48;
	float: right;
	margin-left: 10px;
	margin-bottom:10px;
	margin-top:10px;
}
img.picture_left{
	border: 1px solid #E1BA48;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
	margin-top:10px;
}
/* ######################################## */

div#mastercontainer  {
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	text-align:left;
	position:relative;
	width:936px;
	background: url('http://www.historische-gasthaeuser.de/clips/hintergrund.jpg') white;
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom:90px;
}
div#content{
	position: relative;
	width:570px;
	border: 1px solid #E1BA48;
	color: black;
	background: url('http://www.historische-gasthaeuser.de/clips/hintergrund2.jpg') white; 
	background-repeat: no-repeat; 
	background-position: top left;
	margin-left:240px;
	top: 80px;
	z-index: 10;
}
div#content_distance{
	margin: 25px;
}
div.generaldistance  {
	margin:25px;
}
div#logo{
	position: absolute;
	top: 25px;
	left: 750px;
	width:125px;
	height:90px;
	z-index: 15;
}
div#schriftzug{
	position: absolute;
	top: 55px;
	left: 420px;
	width:400px;
	height:25px;
	font-size: 14pt;
	font-weight: bold;
}
div#menu{
	position: absolute;
	top: 35px;left: 20px;
	width:240px;
	color:black;
	background: white url('http://www.historische-gasthaeuser.de/clips/bestellung.jpg');
	z-index: 5;
	background-repeat: no-repeat;
	background-position: top left;
}
div#menu_distance{
	margin: 10px;
	margin-left:7px;
	line-height:20pt;
}
div#menu_unten  {
	position:relative;
	top:25px;
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;  }

div.pictures{
	position: relative;
	width:500px;
	height:290px;
}
div#menue_left{
	position: absolute;
	top: 130px;
	left: 750px;
	width: 200px;
	border: 1px solid #E1BA48;
	background: white;
	z-index: 20;
}
div#haus_kontakt{
	position: relative;
	border: 0px solid #E1BA48;
	float: right;
	text-align:center;
	font-size:10pt;
	width:250px;
}

th.titel  {
	font-size: 10pt; 
	font-weight: normal;
	text-align: left;
}
label  {
	font-size: 10pt; 
	font-weight: normal;
	text-align: left;
}
.field  {
	width: 320px;
	border: 1px solid #CCCCCC;
}
.field:focus  {
	width: 320px;
	border: 1px solid #BB8888;
	background: #EEDDDD;
}
.submitit  {
	width: 320px;
	border: 0px solid #DDDDCC;
	background: #DDDDCC;
	font-size: 10pt; 
	font-weight: normal;
	margin-top:5px;
}

.referenzen {
	font-size: 10pt; 
	font-weight: normal;
	text-align: left;
}

div.line {
	margin-top:20px;
	margin-left:20px;
	width:250px;
	border:solid 1px transparent;
	border-top-color:#333333;
	border-style:dotted;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.historische-gasthaeuser.de/clips/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://www.historische-gasthaeuser.de/clips/white.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.historische-gasthaeuser.de/clips/overlay.png", sizingMethod="scale");
	}