*{
	margin:0;
	padding:0;
}
body {
	background-color: #2C3F57;
	background-image: url(images/styles/body_background.gif);
	background-repeat: repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:black;
}

a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
	color:#9F0202;
}
a:hover {
	color: black;
}
#menu {
	font-size: 14px;
	position: absolute;
	left: 53px;
	top: 200px;
	z-index: 100;
}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active, #menu a:focus {
	background-image: url(images/styles/out_background.gif);
	text-decoration: none;
	color: #9F0202;
}
#menu a:hover {
	background-image: url(images/styles/over_background.gif);
	color: black;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu ul li {
	padding-left:0px;
}
#menu .active {
	display:block;
	background-image: url(images/styles/active_background.gif);
	width:120px;
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
}

#menu .link {
	display:block;
	width:120px;
	height:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
}
#menuimage {
	position: absolute;
	left: 53px;
	top: 34px;
	border-bottom: 3px solid #9F0202;
	z-index: 90;	
}
#bottom_menu {
	position: absolute;
	border-top: 1px solid #9F0202;
	background-image: url(images/styles/bottom_menu.gif);
	text-align: center; 
	left: 3px;
	height: 38px;
	width: 144px;
	padding: 3px;
	bottom: 2px;
	z-index: 90;
}
#content #top {
	background-image: url(images/styles/top_background.gif);
	margin: 0;
	padding: 0;
	width: 700px;
	height: 20px 
}
#content h1 {
	width: 460px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 10px;
}
#content h1.welcome {
	background-image: url(images/styles/willkommen.gif);
}
#content h1.dresden {
	background-image: url(images/styles/dresden.gif);
}
#content h1.impressum {
	background-image: url(images/styles/impressum.gif);
}
#content h1.umgebung {
	background-image: url(images/styles/umgebung.gif);
}
#content h1.pension{
	background-image: url(images/styles/pension.gif);
}
#content h1.gaststaette {
	background-image: url(images/styles/gaststaette.gif);
}
#content h1.preise {
	background-image: url(images/styles/preise.gif);
}
#content h1 span {
	display:none;
}
#content h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#9F0202;
	padding-bottom: 5px;}
#content h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#9F0202;
	padding-bottom: 5px;}
#content p{	padding-bottom: 8px;}
#content {
	background-image: url(images/styles/bottom_background.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	position: absolute;
	top: 30px;
	left: 50px;
	width: 700px;
}
#content .container {
	min-height: 400px;
	padding-left: 200px;
	padding-right: 35px;
	padding-bottom: 13px; 
	background-image: url(images/styles/middle_background.gif);
	background-repeat: repeat-y;
}
#content img {
	float:right;
	margin: 14px;
	margin-top: 0px;
	border: 3px solid #9F0202;
}
#content .intext{
	background-color:#FFF8E3;
	padding-left:2px;
	padding-right:2px;
}
#gasttext{width:300px;}
#gasthaus{
	position: absolute;
	left: 500px;
	
}
#gasthaus img{
	float:none;
}
#pensiontext{width:300px;

}
#pension{
	position: absolute;
	left: 500px;
}
#pension img{
	float:none;
}
#pensioncollage{
	height:330px;
	margin:0px;
	padding:0px;
}
#pensioncollage img{	
	clear:both;
	display:inline;
	border: 2px solid #9F0202;
	margin:0px;
	padding:0px;
}

#preise {
	width: 350px;
}
#preise td{
	padding-bottom: 6px;
}
#preise .preis{
	text-align: right;
}
/** Special IE hack for emulating min-width **/
* html #content .container {
	height: 400px;
}
/** IE Listitems space removing **/
* html li {
	display: inline;
}
/** IE Box Bug **/
* html  #menu .active, * html #menu .link  {width:150px; height:30px;}
* html #bottom_menu {width:150px;height:44px;}
* html #content h1 {height:59px;}