/* Layer-Spass für alle! */

div.hotel_berlin {				/* Gelber balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	top: 68px;
	height: 29px;
	background: #C7E2FD;
}
div.hotel_berlin_zentrum {		/* Oberer grauer balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 650px;
	top: 67px;
	height: 1px;
	background: #4C4C4C;
}
div.berlin_hotel_zentrum {		/* Unterer grauer balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	top: 97px;
	height: 1px;
	background: #4C4C4C;
}
div.zentrum_berlin_hotel {		/* Oberer roter balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 630px;
	top: 48px;
	height: 19px;
	background: #009999;
}
div.lnav {		/* Oberer roter balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 675px;
	top: 50px;
	height: 19px;
}
div.hotel_elite_berlin {		/* Text Oberer roter balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 600px;
	top: 52px;
	height: 19px;
	z-index: 2;
  		color: #ffffff;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 12px;
  		font-weight: normal;
		line-height: 12px;	
}
div.slogan {				/* Text Gelber balken */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	top: 72px;
	height: 29px;
	text-align: right;
	z-index: 2;
  		color: #000000;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 20px;
  		font-weight: normal;
}
div.zentrum_hotel_berlin {		/* Eyecatcher */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 141px;
	height: 67px;
	z-index: 2;
}
div.hotel_pension_elite {		/* Logo */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
	height: 97px;
	z-index: 3;
}
div.hotel_berlin_zentral {		/* Navi */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 116px;
	width: 187px;
	background-image: url(images/hotel_berlin_zentral.gif); 
}
div.zentral_berlin_hotel {		/* Rechts */
	border: 0;
	margin: 0;
	padding: 10;
	position: absolute;
	right: 0px;
	top: 116px;
	width: 250px;
	z-index: 10;
}
div.berlin_hotel {				/* Inhalt */
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 210px;
	right: 270px;
	top: 130px;
  	color: #000000;
  	font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-size: 12pt;
  	font-weight: normal;
	line-height: 18pt;	
	text-align: left;
	z-index: 9;
}
div.left {				/* Inhalt */
	float: left;
	padding: 5px;
}
div.right {				/* Inhalt */
	float: right;
	padding: 5px;
}
div.yellowbox {		/* Rechts */
	border: 0;
	margin: 0;
	padding: 10;
	background: #C7E2FD;
	width: 250px;
}
div.redbox {		/* Rechts */
	border: 0;
	margin: 0;
	padding: 10;
	background: #ffcccc;
	width: 250px;
}
div.greybox {		/* Rechts */
	border: 0;
	margin: 0;
	padding: 10;
	background: #dddddd;
	width: 250px;
}
/* Eine Überschrift hab ich immer gleich genascht! */

h1		{
  		color: #004A4A;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 24px;
  		font-weight: bold;
		line-height: 22px;
		}
h1.box		{
  		color: #000000;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 16px;
  		font-weight: bold;
		line-height: 18px;
		padding: 0;
		margin: 0;
		padding-bottom: 3;
		}	
h1.slogan {
  		color: #000000;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 20px;
		line-height: 20px;
  		font-weight: normal;
		padding: 0;
		margin: 0;
		border:0;
		padding-left: 3;		
		}
h2		{
  		color: #222222;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 16px;
  		font-weight: bold;
		line-height: 22px;
		}
h5		{
  		color: #222222;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 14px;
  		font-weight: normal;
		line-height: 22px;
  		}	

/* John Maynard war unser Steuermann: Die Navigation*/
		
ul.navi {
		padding: 0px;
		border: 0px;
		margin: 0px;
		margin-left: 3px;
}
li.eins {
		list-style-type: none;
		list-style-position: outside; 
		background-image: url(images/navarrow.gif);
		background-repeat: no-repeat;
		list-style-image: url(images/navsep.gif);
		padding-left: 20px;
		margin-top: 3px;
 }
li.einsa{
		list-style-type: none;
		list-style-position: outside; 
		background-image: url(images/navarrow_a.gif);
		background-repeat: no-repeat;
		list-style-image: url(images/navsep.gif);
		padding-left: 20px;
		margin-top: 3px;		
 }
li.zwei {
		list-style-type: none;
		list-style-position: outside; 
		background-image: url(images/navarrow3.gif);
		background-repeat: no-repeat;
		list-style-image: url(images/navsep.gif);
		padding-left: 20px;
		margin-top: 3px;		
 }
li.zweia{
		list-style-type: none;
		list-style-position: outside; 
		background-image: url(images/navarrow3_a.gif);
		background-repeat: no-repeat;
		list-style-image: url(images/navsep.gif);
		padding-left: 20px;
		margin-top: 3px;		
 }
li.drei {
		list-style-type: none;
		list-style-position: outside; 
		background-image: url(images/3in.gif);
		background-repeat: no-repeat;
		list-style-image: url(images/navsep.gif);
		padding-left: 20px;
		margin-top: 3px;
 }
li.dreia{
		list-style-type: none;
		list-style-position: outside; 
		background-image: url(images/3ac.gif);
		background-repeat: no-repeat;
		list-style-image: url(images/navsep.gif);
		padding-left: 20px;
		margin-top: 3px;		
 }
a.navi:link,a.navi:visited		{
		font-size: 16px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #333333;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
		}
a.navi:hover	{
		font-size: 16px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #333333;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
		}
a.navi2:link,a.navi2:visited		{
		font-size: 15px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #333333;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
		}
a.navi2:hover	{
		font-size: 15px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #333333;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
		}
a.navi3:link,a.navi3:visited		{
		font-size: 14px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #333333;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
		}
a.navi3:hover	{
		font-size: 14px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #333333;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
		}


a	{
  	text-decoration: 	underline;
  	font-weight: normal;
  	color: #004A4A;
}
a.glossar, a.glossar:visited	{
  		color: #660000;
  		text-decoration: none;
  	font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-size: 12pt;
  	font-weight: normal;
	line-height: 22pt;				
		}	
a.glossar:hover	{
  		color: #000000;
  		background: #cccccc;
  		text-decoration: normal;
  	font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-size: 12pt;
  	font-weight: normal;
	line-height: 22pt;				
		}			
a.box		{
  		color: #000000;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 16px;
  		font-weight: normal;
		text-decoration: none;
		line-height: 18px;
		padding: 0;
		margin: 0;
		padding-bottom: 3;
		}
a.right, a.right:visited		{
  		color: #004A4A;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 16px;
  		font-weight: normal;
		text-decoration: none;
		line-height: 18px;
		padding: 0;
		margin: 0;
		padding-bottom: 3;
		}
a.right:hover		{
  		color: #000000;
  		font-family: Garamond, Georgia, Arial, Helvetica, sans-serif;
  		font-style: normal;
  		font-size: 16px;
  		font-weight: normal;
		text-decoration: none;
		line-height: 18px;
		padding: 0;
		margin: 0;
		padding-bottom: 3;
		}


img 		{
		border: 0;
		}