body      {
	background: white;
	color: black;
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px; }

* {	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 10pt;  }

/* Links */
a:link, a:visited, a:active, a:hover   { 
	color: #1C85FB;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	 }
a:hover  { color: red; }


/* Links */
a.unterkunft_white:link, a.unterkunft_white:visited, a.unterkunft_white:active, a.unterkunft_white:hover   { 
	color: white;
	background: transparent;
	font-size: 10pt;
	text-decoration: none;
	 }
a.unterkunft_white:hover  { color: red; }

/* Überschriften */
h1 {
	font-size: 12pt;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
h2 {
	font-size: 11pt;
	font-weight: bold;	
	border-bottom: 1px dotted #171796;
	margin: 5px 0px 5px 0px;
}
h3 {
	font-size: 10pt;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}
/* Normale Texte */
span.impressum  {
	font-size: 10pt;  }
	






	div.smallheadline{
		font-size: 12pt;
		font-weight: bold;
		background: url('http://www.dreisamtal.de/clips/smallheadline.gif');
		background-repeat: no-repeat;
		color: white;
		padding: 14px 0px 16px 60px;
	}
	div.smallheadline_right{
		font-size: 12pt;
		font-weight: bold;
		background: url('http://www.dreisamtal.de/clips/smallheadline.gif');
		background-repeat: no-repeat;
		color: white;
		padding: 14px 0px 16px 60px;
	}
	div.bigheadline{
		font-size: 12pt;
		font-weight: bold;
		background: url('http://www.dreisamtal.de/clips/bigheadline.gif');
		background-repeat: no-repeat;
		color: white;
		padding: 14px 0px 16px 60px;
	}

	div.smallheadline_content{
		padding-left: 60px;
	}
	div.smallheadline_content2{
		padding-left: 40px;
	}
	div.bigheadline_content{
		padding: 0px 40px 0px 40px;
	}

	img.with{
		border-right: 50px solid #99CC33;
		margin-bottom: 10px;
	}
	img.withaccothumbnail{
		border-right: 10px solid #99CC33;
		margin-bottom: 10px;
	}

	div.box_left{
		position: relative;width: 285px;float: left;text-align: left;margin-right: 10px;
	}
	div.box_right{
		position: relative;width: 285px;float: left;text-align: right;text-align: left;
	}	
	div.clearit{
		clear: both;
	}
	
	div.border_left{
		border-left: 10px solid #99CC33;
		padding-left: 10px;
	}
	div.border_left_with{
		border-left: 10px solid #99CC33;
		padding: 5px 0px 5px 10px;
		margin-left: 20px;
	}

	div.preisbox{
		padding: 10px;border: #99CC33 solid 10px;background:#FADD94;margin: 20px;
	}




input.search_form{
	border: 1px solid #00A6D6;
	color: #00A6D6;
	width: 120px;
}
select.search_form{
	border: 1px solid #00A6D6;
	color: #00A6D6;
	width: 120px;
}

select.search_form2{
	border: 1px solid #00A6D6;
	color: #00A6D6;
}

input.form{
	width: 250px;
	border: 1px solid #00A6D6;
}
textarea.form{
	width: 250px;
	border: 1px solid #00A6D6;
}
select.form{
	width: 250px;
	border: 1px solid #00A6D6;
}





div.topics{	
	border-left: 10px solid #99CC33;
	padding: 5px 0px 5px 10px;
	margin: 0px 50px 0px 40px;	
}

div#flags{
	position: relative; width: 990px;background: white url('http://www.dreisamtal.de/clips/himmel.jpg');text-align: right;
}
div#flags_d{
	padding: 5px 50px 5px 0px;
}
div#main{
	position: relative; width: 990px;
	border-left: 1px solid white;
	background: white url('http://www.dreisamtal.de/clips/verlauf.gif');
	background-repeat: repeat-x;	
}






div#top_menu{
	position: relative;width: 990px;border-bottom: 1px solid white;border-top: 1px solid white;
}

ul#topmenu{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 990px;
}
ul#topmenu li{
	float: left;
	margin: 0px;	
	width: 198px;
	text-align: center;
}
ul#topmenu a{
	display: block;
	color: #171796;
	font-size: 11pt;
	padding: 10px 0px 10px 0px;
	border-right: 1px solid white;
	background: transparent;
	text-decoration: none;
}
ul#topmenu a:hover{	
	color: white;
	background: #FFCF4D;
}






div#content{
	position: relative;width: 990px;text-align: left;z-index: 1;	
}
div#logo{
	position:absolute;width:541px;height:162px;z-index:10;
}
div#left{
	position: relative;width: 400px; float: left;text-align: left;z-index: 1;
}
div#left_d{
	padding: 225px 20px 0px 20px;
}
div#left_d_content{
	padding: 150px 20px 0px 20px;
}
div#right{
	position: relative;width:586px;float: right;z-index: 1;
}
div.right_d{
	padding: 15px 10px 0px 10px;text-align: left;
}
div#bottom{
	position: relative;width: 990px;background: #FADD94;color: #4C4C4C;margin-top: 10px;
}
div#bottom_d{
	padding: 4px 10px 4px 10px;font-size: 9pt;
}



	

div#menu2{
	position: absolute; width: 197px;z-index: 100;left: 0px;top:76px;text-align: left; visibility: hidden;background: white;
}
div#menu3{
	position: absolute; width: 197px;z-index: 100;left: 198px;top:76px;text-align: left; visibility: hidden;background: white;

}
div#menu4{
	position: absolute; width: 197px;z-index: 100;left: 396px;top:76px;text-align: left; visibility: hidden;background: white;

}
div#menu5{
	position: absolute; width: 197px;z-index: 100;left: 594px;top:76px;text-align: left; visibility: hidden;background: white;

}
div#menu6{
	position: absolute; width: 197px;z-index: 100;left: 792px;top:76px;text-align: left; visibility: hidden;background: white;

}

div#menu112{
	position: absolute; width: 197px;z-index: 100;left: 0px;top:76px;text-align: left; visibility: hidden;background: white;
}
div#menu117{
	position: absolute; width: 197px;z-index: 100;left: 198px;top:76px;text-align: left; visibility: hidden;background: white;

}
div#menu118{
	position: absolute; width: 197px;z-index: 100;left: 396px;top:76px;text-align: left; visibility: hidden;background: white;

}
div#menu116{
	position: absolute; width: 197px;z-index: 100;left: 594px;top:76px;text-align: left; visibility: hidden;background: white;

}
div#menu119{
	position: absolute; width: 197px;z-index: 100;left: 792px;top:76px;text-align: left; visibility: hidden;background: white;

}

/* Links */
a.menu2:link, a.menu2:visited, a.menu2:active, a.menu2:hover   { 
	color: #171796;
	display: block;
	background: #FADB8D;
	font-size: 10pt;
	text-decoration: none;
	margin-bottom: 1px;
	padding: 3px 5px 3px 5px;
	 }
a.menu2:hover  { color: white; background: #FFCF4D;}




	

span.f_kalender_frei  {
	color: black;
	background:green;
	}
span.f_kalender_belegt{
	color: black;
	background:red;
	}
span.f_kalender_misch{
	color: black;
	background:yellow;
	}
td.f_kalender_frei{
	color: black;
	background:green;
	}
td.f_kalender_belegt{
	color: black;
	background:red;
	}
td.f_kalender_misch{
	color: black;
	background: yellow;
	}
td.f_kalender_alt{
	color: black;
	background:#BBBBBB;
	}
td.f_kalender_title{
	color: black;	
	}


	

div#map *{
	font-size: 3pt;
}
div.unterkunft_topic{
	background: #99CC33;padding: 5px;text-align: center;
}
div.unterkunft_navigation{
	background: #FADB8D;padding: 5px; text-align: center;
}




#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.dreisamtal.de/clips/lightbox/overlay.png); }

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