@charset "UTF-8";
/* CSS Document by ENGADINKOMM. GMBH ©2010 */



/* -- ALLGEMEINE RESETS --------------------------------------------------------------------------------------- */
*								{ margin:0; padding:0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
								margin:0; 
								padding:0; 
								border:0; 
								outline:0; 
								font-size:100%; 
								vertical-align:baseline; 
								background:transparent; 
} 
ol, ul							{ list-style:none; }
table							{ border-collapse:collapse; border-spacing:0; }


/* ------------------------------------------------------------------------------------------------------------ */
/* -- ALLGEMEINE DEFINITIONEN --------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Serif'), url('fonts/Droid.ttf') format('truetype');
}



html							{ height:100.01%; margin-bottom:-1px; overflow-y:scroll; }
body 							{ position:relative; text-align:left; font-weight:normal; font-size:100.01%; font-family:'Droid Serif', Arial, Helvetica, sans-serif; line-height:1; }

strong							{ font-weight:bold; }
input, textarea, select			{ font-size:1em; }

a								{ text-decoration:none; outline:none; }
a:link,
a:visited						{ text-decoration:none; color:#000; }
a:hover,
a:active						{ text-decoration:underline; }

h1, h2, h3, h4, h5, h6			{ font-size:1em; line-height:1em; padding-bottom:5px; font-weight:normal; }

table							{ width:100%; }
td								{ vertical-align:top; padding:2px; }

hr								{ border:0px; height:1px; background:#000; }
.clear							{ clear:both; line-height:0px; height:0px; width:0px; font-size:0px; }



/* -- STRUKTUR / LAYOUT --------------------------------------------------------------------------------------- */



div#container					{ border:0px solid #FF0000; width:950px; margin:0px; margin-left:auto; margin-right:auto; padding:0 20px; font-size:0.7em; line-height:1.4em; background:url(../images/bg-frame.png) 7px 117px no-repeat; }
div#header						{ border:0px solid #FF0000; height:130px; background:none; position:relative; }

div#outer						{ 
								border-left: solid 200px #696969; /* linke Menue */ 
								border-right:solid 200px #FFF; /* rechts Spalte */
								background-color:#FFF; /* Inalt */ 
								}
								
div#inner						{ margin:0px; width:100%; } /* IE */
div#links						{ width:200px; float:left; position:relative; margin-left:-200px; margin-right:0px; }
div#inhalt						{ min-height:500px; position:relative; margin:0px; }
div#rechts						{ width:200px; float:right; position:relative; margin-right:-200px; margin-left:0px; color:#FFF; background:url(../images/bg-text.jpg) top left no-repeat; min-height:500px; }
div#fusszeile					{ min-height:70px; background:none; margin-top:20px; }
div#edit						{ font-size:10px; margin-top:10px; float:left; clear:left; }


/* IE6 */
* html div#rechts				{ height:500px; }
* html div#links				{ height:300px !important;}


/* -- HEADER / SERVICE NAVI ----------------------------------------------------------------------------------- */

div.servicenavigation			{ float:right; border:0px solid #FF0000; padding-top:10px; }
div.logo						{ float:left; border:0px solid #FF0000; padding:20px 0 0 0; float:left; background:url(../images/logo-hotelwolf.png) left bottom no-repeat; width:405px; height:82px; }
div.slogan						{ float:left; border:0px solid #FF0000; padding:65px 0 0 20px; font-size:1.4em; }



/* -- NAVIGATION ---------------------------------------------------------------------------------------------- */

div.navigation					{ padding:0; margin:0; }

ul.rex-navi1					{ padding:0; margin:0; border-bottom:1px solid #333; }
ul.rex-navi1 li					{ padding:0; margin:0; }
ul.rex-navi1 a					{ display:block; font-size:1.1em; color:#FFEFD5; display:block; text-decoration:none; font-weight:normal; padding:0; border-top:1px solid #333; padding:5px 0 3px 12px; margin:0px 0; }
ul.rex-navi1 li a:hover,
ul.rex-navi1 .rex-current		{ text-decoration:none; background-color:#333; }

ul.rex-navi2					{ padding:0; margin:0; }
ul.rex-navi2 li					{ list-style:none; margin:0; padding:0; }
ul.rex-navi2 a					{ color:#333; display:block; text-decoration:none; font-weight:normal; background:#FFEFD5; margin:0; padding:5px 0 4px 20px; }
ul.rex-navi2 li a:hover,
ul.rex-navi2 .rex-current		{ text-decoration:none; background:#333; color:#FFF; }


/* -- INHALT -------------------------------------------------------------------------------------------------- */

div.text						{ padding:15px; }
h1								{ font-size:1.4em; }
h2								{ color:#330000; font-size:1.2em; }
div.text p						{ font-family:Arial, Helvetica, sans-serif; color:#FFF; }

div.text a						{ color:#FFF; }




/* -- FUSSZEILE ----------------------------------------------------------------------------------------------- */


p.fadehover 					{ position: relative; float:left; margin-left:130px; margin-top:-5px; }
img.a 							{ position: absolute; left: 0; top: 0; z-index: 10; }
img.b 							{ position: absolute; left: 0; top: 0; }

div#fusszeile p					{ padding:10px; margin-right:20px; }
.gross							{ font-size:16px; }

div#copyright					{ float:left; clear:left; font-size:0.8em; }











/*//////////////////////////////////////////////////////////////////////////////*

/* FORMULAR - FORMULAR - FORMULAR - FORMULAR ->doForm!  */

/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	margin:0;
	padding:0;
}

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
	cursor : default;
}

.formgen form
{
	line-height : 120%;
}



/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 100%;
	margin-bottom: 15px;
	background-color:#990000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: normal;
	position:absolute;
	z-index:1000;
	top:415px;
	left:-220px;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
	clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 175px;
	height: 100px;
	float:left;
	border: none;
	background-color: #EFE7D4;
}


/* Textfeld */
.formgen .formtext
{
	width: 175px;
	font-size: 1em;
	padding:5px 0;
	background-color: #EFE7D4;
	border: none;
	margin:2px 0;
}

.formgen input:focus, .formgen input:hover,
/*.formgen select:focus, .formgen select:hover, */
.formgen textarea:focus, .formgen textarea:hover {
}


/* Label */
.formgen label {
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFF;
	width: 150px;
	clear: left;
	float: left;
	text-align:left;
	padding:5px 25px 0 0;
	font-weight: normal;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: auto;
	margin-left: 4px;
	padding:3px 10px;
}


/* Sende-Button */
.formgen .formsubmit
{	
	padding:5px 10px;
	text-align: center;
	background-color: #333333;
	border: 1px solid #FFF;
	float: left;
	color: #FFFFFF;
	margin:0 0 0 -5px;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color:#333333;
	width: 150px;
	padding:10px 0;
}
.formgen .fieldset {
	margin-bottom: 10px;
	border:none;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */