/* ************************************************************************************************** */
/* ALLGEMEINE SHTML LAYOUT CSS - für alle Seiten gueltig                       						  */
/* ************************************************************************************************** */

html {
	width:100%
	height:100%;
}

body {
	font-family: Verdana, Arial, sans-serif; 
	margin-bottom: 20px; 
	margin-top: 0px; 
	padding: 0px; 
	font-weight: normal; 
	font-size: 9pt; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	color: #000000; 
	font-weight: 400; 
}
h1, h2, h3, h4, h5, h6 {
	padding: 0px; 
	margin: 0px; 
	font-weight: bold; 
	color: #000; 
        line-height: 1.2em;
}

h1 {
	font-size: 16pt; 
}
h2 {
	font-size: 14pt; 
}
h3 {
	font-size: 12pt; 
}
h4 {
	font-size: 11pt; 
}
h5 {
	font-size: 10pt; 
}
h6 {
	font-size: smaller; 
	font-weight: normal; 
}

table, td, p, span {
	font-size: 9pt; 
}

a:link,
a:active,
a:visited {
	text-decoration: underline; 
	color: #000000; 
}


a:hover {
	text-decoration: underline; 
	color: #5F8FB0; 
}

ul { 
	margin: 7px 0px 7px 10px; 
} 

li { 
	margin: 0 0 5px; 
	padding-top: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	list-style-type: circle; 
} 

/* ************************************************************************************************** */
/* SEITENSPEZIFISCHES LAYOUT CSS                                             						  */
/* ************************************************************************************************** */

div.text {
	position:absolute; 
	left: 420; 
	top: 20; 	
	width:400; 
	height:280; 
	z-index:2; 
	padding-top: 50px;
	padding-left: 20px;
}

div.text#apartments{
	background: url(pi/text_apartments_e.jpg) no-repeat top left #fff; 
	z-index:5;
}

div.text#appartm{
	background: url(pi/text_appartments.jpg) no-repeat top left #fff; 
	z-index:5;
}

div.text#welcome {
	background: url(pi/text_start_e.jpg) no-repeat top left #fff; 
}

div.text#willkommen {
	background: url(pi/text_start.jpg) no-repeat top left #fff; 
}

div.text#rooms {
	background: url(pi/text_rooms_e.jpg) no-repeat top left #fff; 
	z-index:5;
}

div.text#zimmer {
	background: url(pi/text_zimmer.jpg) no-repeat top left #fff; 
	z-index:12;
}

div.text#how {
	background: url(pi/howtoreach.jpg) no-repeat top left #fff; 
	z-index:12;
}

div.text#anfahrt {
	background: url(pi/text_anfahrt.jpg) no-repeat top left #fff; 
	z-index:12;
}

div.text#contact {
	background: url(pi/text_contact_e.jpg) no-repeat top left #fff; 
	position:absolute; 
	left: 230; 
	top: 20; 	
}
div.text#kontakt {
	background: url(pi/text_kontakt.jpg) no-repeat top left #fff; 
	position:absolute; 
	left: 230; 
	top: 20; 	
}

table.menutable {
	background: #336633; 
	white-space: nowrap !important;
}

a.menulink:link,
a.menulink:visited {
	font-size: 12pt; 
	text-decoration: none; 
	background: #336633; 
	color: #ffffff; 
	font-weight: 500; 
	padding-right: 22px;
	padding-top: 5px;
	height: 21px;
}

a.menulink:hover,
a.menulink:active {
	font-size: 12pt; 
	text-decoration: none; 
	background: url(pi/sterne.gif) no-repeat top right #336633; 
	color: #ffffff; 
	font-weight: 500; 
	padding-right: 22px;
	padding-top: 5px;
	height: 21px;
}

span.small {
	font-size: 7pt; 
}