html {
	margin: 0;
	width:100%;
	height:100%;
}
body	{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 99%;
	width:100%;
	height:101%;
	background:#f4efe9;
	color:#000;
}
* html .hasheight {
	height:1%;
	}
*+html .hasheight {
	height:1%;
	}
.bugfix {
	display: inline;
	}
.klear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
	}
.direkt {
	position:absolute;
	top:-1000px;
	left:-3000px;
}
.width {
	width:100%;
	}
p {
	color: #000;
	font-size:76%;
	line-height: 1.5em;
	margin:0.4em 0 0.8em 0;
	padding:0;
}
.klein {
	font-size:69%;
	margin:0.1em 0 0.8em 0;
	text-align:right;
	}
p .klein {
	font-size:86%;
	margin:0.1em 0 0.8em 0;
	text-align:right;
	}
.left {
	text-align:left;
	}
h1 {
	font-size:125%;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	color:#333;
	margin:0.25em 0 0.7em 0;
	padding:1em 0 0 0;
	}
h1 a#inhalt {
	color:#000;
}
h1.aussen {
     position:absolute;
     left:-3000px;
     width:0px;
     height: 0px;
	 line-height:0;
     overflow:hidden;
     display:inline;
}
h2 {
	font-size:76%;
	font-weight:bold;
	color:#333;
	padding:0.2em 0 0 0;
	margin:0.9em 0 0.4em 0;
	}
* html h2 {
	margin-top:0;
	}
*+html h2 {
	margin-top:0;
	}
a {
	font-weight:bold;
	text-decoration:none;
	color:#d46b13;
	}
a img {
	border:none;
	}

/*  Logo  */
#logo {
	font-family:"Times New Roman", Times, serif;
	font-size:250%;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1em;
	padding-top:0.3em;
	}
* html #logo  {
	padding-top:0.15em;
	line-height:1.6em;
	}
*+html #logo  {
	padding-top:0.15em;
	line-height:1.6em;
	}
#hotel {
	margin:0.9em 0 0.1em 0;
	}
.grossh {
	font-size:270%;
	}
.hotel {
	font-size:210%;
	}
#bism {
	margin:0.3em 0 0.2em 0;
	}
*+html #bism {
	margin:0 0 -0.2em 0;
	}
* html #bism {
	margin:0.5em 0 0em 0;
	}
#garni {
	background:none!important;
}
#garni p {
	color:#039;
	font-weight:bold;
}
.garni {
	font-size:62%;
	font-weight:normal;
	line-height:1.5em;
	margin:-0.3em 0 1em 0;
	}
* html .garni {
	margin-top:-0.7em;
	}
*+html .garni {
	margin-top:-0.7em;
	}
#mannh {
	margin:0.4em 0 1em 0;
	}
#fon {
	margin:0.4em 0 1em 0;
	line-height:1.2em;
	}
* html #mannh {
	margin-top:0;
	}
*+html #mannh {
	margin-top:0;
	}
.grossm {
	font-size:170%;
	}
.mannheim {
	font-size:120%;
	}
#logo a {
	text-decoration:none;
	border:none;
	color:#000;
	}
	
	/*Hauptlayout */ 
	
#bodywrap {	
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#f4efe9;
	max-width:826px;	
	padding:1px 0 130px 0;
	margin:0;
}
* html #bodywrap {
	width:expression(document.body.clientWidth > 820? "830": "100%" );
	}
*+html #bodywrap {
	width:expression(document.body.clientWidth > 820? "830": "100%" );
	}	
#bodywrap img.body {	
	width:100%;
	height:auto;
	top:0;
	position:absolute;
	}
#inhaltwrap {
	position:relative;
	width:74%;
	border:#666 1px solid;
	border-top-color:#f3c184;
	border-right-color:#f3c184;
	margin-top:13%;
	margin-left:12.5%;
	background:#fff;
	min-height:420px;
	padding:5px 5px 3px 0;
	}
* html #inhaltwrap {
	height:420px;
	}
#menucontainer {
	float:left;
	position:relative;
	display:inline;
	width:9.6em;
	margin:-0.3em 0 8px -10em;
	text-align:center;
	border-right:#ccc 1px solid;
	}
* html #menucontainer {
	height:1%;
	margin-top:0;
	margin-right:-3px;
	}
*+html #menucontainer {
	height:1%;
	margin-top:0;
	margin-right:-3px;
	}
	#menucontainer ul {
		position:relative;
		list-style-type:none;
		margin:0.7em 0 0 0;
		padding:0;
	}
	#menucontainer li a {
		display:block;
		position:relative;
		font-size:76%;
		font-weight:bold;
		text-decoration:none;
		color:#cf7b35;
		padding:2px;
		}
	#menucontainer li a:hover, #menucontainer li a:active, #menucontainer li a.current, #menucontainer li a:focus, a:hover  {
		color:#039;
		}
#menucontainer #logo {
	font-size:89%;
	}
#menucontainer #logo #mannh {
	margin:0.3em 0 0.7em 0;
	}
* html #menucontainer #logo #mannh {
	margin-top:-0.2em;
	}
*+html #menucontainer #logo #mannh {
	margin-top:-0.2em;
	}
#menucontainer img {
	border:none;
	margin:0.2em 0 0 0;
	}
	
/*  Hauptinhalte */	
.inhalt {
	/*float:left; erst mal ohne probieren, nur display:inline fuer den menucontainer*/
	position:relative;
	width:auto;
	margin:0;
	padding:0;
	border-left:#fff 10em solid;
	z-index:5;
	}
.inhalt img, .inhalt#map {
	border:#666 1px solid;
	border-top-color:#f3c184;
	border-right-color:#f3c184;
	margin:0.5em 0.2em 0.2em 0;
	}
img.ohnerahmen {
	border:none;
	}
table p {
	margin:0;
	}
td.ueber {
	border:#f3c184 solid;
	border-width:0 0 1px 0;
	white-space:nowrap;
	}
li p {
	margin:0.3em 0;
	padding:0;
	}
	
/********* flaggen auf den verschiedenen Sprachseiten ********/

#newscontainer .flag {
	margin-top:0;
	margin-right:3px;
	height:2em;
	text-align:right;
	}
li .flag {
	margin-top:0;
	height:1em;
	text-align:left;
	}
	.flag a {
		display:block;
		margin-left:3em;
		text-align:left;
		}
	#newscontainer .flag.de {
		background:url(hotel-bismarck-img/de-m.gif) no-repeat top right;
		}
	#newscontainer .flag.en {
		background:url(hotel-bismarck-img/en-m.gif) no-repeat top right;
		}
	#newscontainer .flag.fr {
		background:url(hotel-bismarck-img/fr-m.gif) no-repeat top right;
		}
	#newscontainer .flag.it {
		background:url(hotel-bismarck-img/it-m.gif) no-repeat top right;
		}
	#fr .flag.de, #en .flag.de, #de .flag.en, #it .flag.de {
		margin-top:65px;
		}
/***********newscontainer *********/

#newscontainer {
	float:right;
	position:relative;
	width:150px;
	margin:-109px -100px 16px 0;
	z-index:200;
	}
	#newswrapper {
		border:#666 1px solid;
		border-top-color:#69f;
		border-right-color:#69f;
		background:#e5ecff;
		}
	#newscontainer h1.leiste {
		font-size:115%;
		font-family: "Times New Roman", Times, serif;
		color:#039;
		margin:0 0 0.5em 0;
		padding:0;
		}
	#newscontainer h1.leiste a {
		color:#039;
		}
	#newscontainer #wechsel {
		margin-top:-0.5em;
	}
	#newscontainer h2 {
		font-size:63%;
		line-height:1em;
		padding:0.7em 0 0 0;
		margin:0;
		}
	#newscontainer a {
		color:#000;
		display:block:
		}
	#newscontainer img {
		margin:0;
		border:none;
		}
	.news {
		margin-top:0.5em;
		text-align:left;
		background:#fff;
		width:100%;
		border-bottom:#69f 1px solid;
		}
		.news h1 {
			 position:absolute;
			 left:-3000px;
			 width:0;
			 height: 0;
			 line-height:0;
			 overflow:hidden;
			 display:inline;
		}
	#newscontainer .news img {
		float:left;
		margin-right:2px;
		}
	#newscontainer .flag a {
		padding-right:40px;
		margin-left:0;
		font-weight:normal;
		text-align:right;
		}
/***** button**********/
#button {
	float:right;
	position:relative;
	width:auto;
	margin:-58px -58px 16px 0;
	z-index:200;
}
	#button img {
		border:none;
		background:none;
	}
	
/*iPad styles*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
		font-size:115%;
	}
	#bodywrap {
		width:110%;
		margin-left:-5%;
	}
	#newscontainer {
		font-size:99%;
		margin-right:-84px;
	}
		#newscontainer h1.leiste {
			font-size:100%;
		}
	#menucontainer li a {
		padding:4px 2px;
	}