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 {
	color:#000!important;
}
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:#e6a36b;
	}
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 {
	font-size:62%;
	font-weight:normal;
	line-height:1.5em;
	margin:-0.3em 0 1em 0;
	}
#garni {
	font-size:62%;
	margin:0;
	}
* html #garni p {
	margin-top:1em;
	}
*+html #garni p {
	margin-top:1em;
	}
* 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;
	}
* 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;
	}
@media screen and (max-device-width: 480px) {
	#bodywrap  { 
	max-width:980px;
 	 }
}
* 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:#e6a36b;
		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 1em 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 verschidenen 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;
		}