@charset "utf-8";

/* Projekt Landhotel Rosentaler Hof 2008 *    
    
	
	Farben:

    #F7E8E8		Transparente Elemente im Textfeld "haupttext" oben	
	#BE4236		Transparente Elemente ueber dunklem Hintergrund (eventuell auch #C33)
	#FCC		Menue Text
	#F93		Menue Hover
	#333		Text
	#C33		Hover
	#933		Hervorhebungen
	#C14337		Rot Hintergrund
    					  
    					
*/

html, body 
{
	background-image: url(../images/000_hintergrund.jpg); 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: left top;
	background-color: #c14337;
	margin-right: 0px; 
	margin-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	margin: 0px; 
	width: 100%; 
	
	scrollbar-arrow-color: #633; 
	scrollbar-base-color: #C99; 
	scrollbar-face-color: #C66; 
	scrollbar-highlight-color: #633; 
	scrollbar-shadow-color: #633; 
	scrollbar-darkshadow-color: #CC9; 
	zoom: 1 
}
.logo
{
	width: 166px;
	height: 122px;
	left:  824px;
	top: 26px;
	position: absolute;
	visibility: visible;
	z-index: 2;
}
#fotos_oben
{
	color: #c99;
	width: 100%;
	height: 124px;
	left:  0px;
	top: 18px;
	position: absolute;
	visibility: visible;
	z-index: 2;
	background-color: #c99;
	padding: 5px 0px 3px 0px;
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;	
	box-shadow: 5px 5px 15px #600;
	-moz-box-shadow: 5px 5px 15px #600;
	-webkit-box-shadow: 5px 5px 15px #600;
}

/* MITTLERE SPALTE + INHALT */

#haupttext_rahmen
{
	width: 480px;
	left:  267px;
	top: 212px;
	position: absolute;
	visibility: visible;
}
#haupttext_rahmen_breit
{
	width: 720px;
	left:  240px;
	background-color: #FFF;	
	top: 86px;
	position: absolute;
	visibility: visible;
	height: 700px;
}
#haupttext
{
	width: 480px;
	background-image: url(../images/000_hg_text.jpg);
	background-color: #fff;	
	background-repeat: no-repeat;
	visibility: visible;
	z-index: 1;	
	border: 1px solid #ccc;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	box-shadow: 5px 5px 8px #600;
	-moz-box-shadow: 5px 5px 8px #600;
	-webkit-box-shadow: 5px 5px 8px #600;
}
h1
{
	color: #933;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	text-align: justify;
	line-height: 16px;
	letter-spacing: 0px; 
}
.text
{
	color: #333;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	line-height:14px;
	padding-left: 70px;
	padding-right: 42px;
}
a.text
{
	color: #933; 	
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: justify; 
	line-height:14px; 	
	padding-left: 0px; /* Daher nur für Links, die nicht ganz am linken Rand stehen, geeignet! */
	padding-right: 0px;
}
.text_tab
{
	color: #333;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	line-height:14px;
	padding-left: 24px;
	padding-right: 0px;
}
.text_klein
{
	color: #333; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	line-height:14px; 
}
a.text_klein
{
	color: #333; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: center; 
	line-height:14px; 
}
a.text_klein:hover
{
	color: #C33; 	
}
.text_klein_li
{
	color: #333; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: left; 
	line-height:14px; 
}

a.textnavitop
{
	color: #933; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	text-align: center; 
	line-height:10px; 
}
a.textnavitop:hover
{
	color: #000; 	
}
.textnavi_fix
{
	color: #333; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: underline; 
	text-align: left; 
	line-height:14px; 
}

#spaltelinks
{
	background-image: url(../images/000_navi_li_hg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 60px;
	top: 212px;
	width: 200px;
	position: absolute;
	background-color:#fff;
	border: 1px solid #bbb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 2px 5px 8px #600;
	-moz-box-shadow: 2px 5px 8px #600;
	-webkit-box-shadow: 2px 5px 8px #600;
}
#menue
{
	width: 208px;
	height: 360px;
	left: -24px;
	top: 100px;
	position: relative;
} 
#menue li
{
	list-style-type: none; 
}
#menue2
{
	width: 208px;
	height: 360px;
	left: -24px;
	top: 100px;
	position: relative;
} 
#menue2 li
{
	list-style-type: none; 
}
a.menue_text
{
	color: #633; 
	font: 12px/20px verdana, arial, helvetica, sans-serif; 
	text-align: left; 
	text-decoration: none;
	display: block;
	padding: 1px 8px 1px 12px;
	margin-top: 2px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.menue_text:hover
{
	color: #fff; 		
	background-color:#c99;
}
.menue_text_fix
{
	color: #633; 		
	background-color:#eddec8;
	font: 12px/20px verdana, arial, helvetica, sans-serif; 
	text-align: left; 
	text-decoration: none;
	display: block;
	padding: 1px 8px 1px 12px;
	margin-top: 2px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.menue_klein
{
	padding-left: 12px;
	color: #999; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: justify; 
	line-height: 14px; 
}
a.menue_klein:hover
{
	color: #000; 	
}
.menue_klein_fix
{
	padding-left: 12px;
	color: #630; 	
	font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: justify; 
	line-height: 14px; 
}
#flags
{
	width: 70px;
	height: 24px;
	margin: 32px 0 0 380px;
	position: relative;
}
a.flag
{
	color: #000; 	
	text-decoration: none; 
}


#roadbike
{
	width: 124px;
	height: 64px;
	left: 40px;
	margin-top: 80px;
	position: relative;
} 
#gelbestrikot
{
	width: 70px;
	height: 84px;
	left: 70px;
	margin-top: 12px;
	position: relative;
}
#hotel-de
{
	width: 180px;
	height: 150px;
	left: 12px;
	top: 100px;
	position: relative;
} 

#holidaycheck
{
	width: 160px;
	height: 420px;
	left: 22px;
	top: 150px;
	position: relative;
} 
#kaerntenvideo
{
	width: 185px;	
	height: 120px;
	left: -12px;
	top: 50px;
	position: relative;
}
.video_text
{
	color: #FC9; 	
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	line-height: 20px; 
} 
#alpenstadt
{
	width: 160px;	
	height: 25px;
	left: 4px;
	top: 50px;
	position: relative;
	visibility: visible;
}

.dd
{
	width: 210px;	
	left: 36px; 
	position: absolute;
	visibility: visible;
	text-align: right;
} 
.dd_text
{
	color: #FC9; 	
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	line-height: 20px; 
}
a.dd_text
{
	color: #FC9; 	
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	line-height: 20px; 
}
a.dd_text:hover
{
	color: #FFF; 	
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: right; 
	line-height: 20px; 
}

#spalterechts
{
	height: 432px;
	background-image: url(../images/000_navi_re_hg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 754px;
	top: 212px;
	width: 200px;
	position: absolute;
	background-color:#fff;
	border: 1px solid #bbb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 5px 5px 8px #600;
	-moz-box-shadow: 5px 5px 8px #600;
	-webkit-box-shadow: 5px 5px 8px #600;
}
.rahmen_oben
{
	border:1px solid #ccc;
}
.rahmen
{
	border:1px solid #C99;
}
img.rahmen
{
	border: 1px solid;
	border-color: #333;
}
a.text_aufz
{
	padding-left: 12px;
	color: #999; 	
	font-size: 12px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-weight: normal; 
	text-decoration: none; 
	text-align: justify; 
	line-height: 14px; 
}
a.text_aufz:hover
{
	color: #000; 	
}

#stammgastlogin
{
	padding:36px 8px 0 8px;
	border: 1px solid #bbb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}