/*****************INFOS******************/

/*
 * COLORS
 * Dark gray: 333333 
 * Main blue: 2d9ddc
 * Light blue: 5792bb
 * Dark blue: 336699
 * green: 99cc33
 * Title big und Links: 0096ff
 * Title small: 2d9ddc
 */



/*****************ALLGEMEINES******************/
*{
	margin: 0;
	padding: 0;
	font-family:  Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	color: #c5c5c5;
	letter-spacing: 0.7px;
}

body {
	background-color: #171717;
     background-image: url('../images/bg_top.png');
     background-repeat: repeat-x;
}

a:visited, a, a:hover{
	text-decoration: none;
	color: #99cc33;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 100;
}

h1{
	font-size: 18px;
	color: #0096ff;
}

h2{
     font-size: 18px;
	color: #c5c5c5;
}

h3{
	font-size: 16px;
}

h4{
     font-size: 25px;
}

p{
     text-align: justify;
}

#links p{
	color: #ededed;
}

.clear{
	clear: both;
}

.center{ /* Für Sachen die zentriert werden müssen*/
	text-align: center;
}

.right{
	float: right;
}

.blue{ /* Für blauen Text*/
	color: #0096ff;
	font-size: 14px;
}

.small_blue{
      color: #0096ff;
}

.red{
      color: #a83d51;
}

.kleinschrift{
	font-size: 10px;
}

.kleinschrift_2{
	font-size: 11px;
}

.hideBox{
	display: none;
}

.thumb_galerie{
	border: 1px solid #cacaca;

}

.tnBorder{
     border: 4px solid #cecece;
}



td{ /* Für alle Tables */
	text-align: center;
}


/*****************CONTENT PAGES******************/



/****** Principal *******/
#principal{
	width: 950px;
	margin: 0 auto;
}



/****** Top *******/
#topPage{
     height: 108px;
     width: 950px;
     margin: 0 auto;
     background-image: url('../images/bg_top.png');
     background-repeat: repeat-x;
}

#logo{
     position: relative;
     top: 20px;
     left: 385px;
}


#language{
     position: relative;
     bottom: 50px;
}

#language dt{
      display: inline;
}

#family{
      position: relative;
      top: -65px;
      left: 800px;
}

/** Menu Navigation ***/
#menu{
     position: relative;
     bottom: 18px;
     padding-left: 37px;
}


#menu dt{
      display: inline;
      margin-right: 30px;
}

#menu dl{
     width: 950px;
}


/** Wechselndes Bild ***/
#imgChange{
     float: left;
     border: 4px solid #cecece;
}

#imgWelcome{
     border: 4px solid #cecece;
}

#slogan{
     width: 650px;
     margin-top: 10px;
}

/** Kontakt ***/
#contact{
	float: left;
	width: 164px;
     margin-top: 24px;
	text-align: center;
	
}

/** Newsticker ***/
#newsticker{
      height: 30px;
      margin-bottom: 10px;
      border: 1px solid #393939;
}

#newsticker p{
      position: relative;
      top: 7px;
      left: 10px;
}

/** Submenu ***/
#submenu{
	float: left;
	width: 164px;
	margin-top: 24px;
}

#submenu dl dt{
     margin: 3px 0;
}

#submenu dl dt a{
	color: #2d9ddc;
}

#submenu #whereYouAre a{
	color: #ddd;
	font-size: 15px;
}



/****** Main Content *******/
#mainContent{
      float: left;
      width: 550px;
      margin-top: 24px;
      padding: 0 34px 0 34px;
}

.trennVertikal{
     float: left;
     width: 2px;
     height: 400px;
     margin-top: 24px;
     background-image: url('../images/trenn_vertikal.png');
     background-repeat: repeat-y;
}

.trennHorizontal{
     width: 149px;
     height: 2px;
     background-image: url('../images/trenn_horizontal.png');
     background-repeat: repeat-x;
}





/****** Preise Sommer und Winter | Tables *******/
#tablePreise td{
	border: 1px #424242 solid;
}

#tablePreise td{
	font-size: 8pt;
	padding: 1px;
}

#tableHide{
	visibility: hidden;
	color: #1c1c1c;
	font-size: 8pt;
}

/* Info: Findet auch Anwendung bei den Pauschalen*/

.centerTable{
	text-align: center;
}

.tableStyle{
	color: #fff;
	font-style: italic;
}


.bgNachsaison{
	background-color: #39779a;
}

.bgHochsaison{
	background-color: #0d86cc;
}

.bgKomfort{
	background-color: #495e6a;
}

.bgEinzel{
	background-color: #6d838f;
}



/****** Pauschalen *******/
#tablePauschalen td{
	font-size: 8pt;
	padding: 5px;
}

#tablePauschalen a{
	text-decoration: none;	
	color: #fff;
}

#tablePauschalen a:hover{
	text-decoration: underline;
}

.euro_preise{
	color: #fff;
	font-size: 11px;
}



/****** Page Anreise *******/
#anreise1{
	float: left;
	margin: 7px;
	margin-bottom: 70px;
}

#anreise2{
	float: right;
	margin: 7px;
	margin-top: 30px;
}



/****** Page Geschichte *******/
.imgGeschichteRight{
	float: right;
	margin: 0 0 5px 10px;
}

.imgGeschichteLeft{
	float: left;
	margin: 0 10px 5px 0;
}


/****** Page Reservation *******/
fieldset{
	
	padding: 10px 10px 20px 100px;
}

#personenInfo label{
	display: block;
	float: left;
	width: 70px;
	margin-right: 35px;
	margin-top: 7px;
	
}

#personenInfo .auflinie label{
	display: inline;
	float: none;
	position: relative;
	left: 57px;
	bottom: 3px;
}

#personenInfo #herr, #personenInfo #frau, #personenInfo #familie{
	position: relative;
	left: 57px;
}

#personenInfo input, #vombis input, #zimmerangaben input, #unterlagen input, textarea{
	margin-top: 8px;
	color: #000;
}


#zimmerangaben label{
	display: block;
	float: left;
	width: 105px;
	margin-top: 8px;
}

#unterlagen label{
	margin-right: 25px;
	position: relative;
	bottom: 3px;
}

#allDone{
	margin-top: 20px;
	margin-left: 100px;
}

#allDone input{
	margin-right: 20px;
	color: #1c1c1c;
	padding: 2px;
}

#hiddenField{
	visibility: hidden;
}

/****** Page Wohnungsvermietung *******/
#bilderWohnung img{
      margin-bottom: 20px;
}



/****** Page Ausflüge und Aktivitäten *******/






/****** Page Validation *******/
#content_reserv{
	width: 400px;
	margin-left: 50px;
	margin-top: 20px;
}

#logo_reserv{
	text-align: right;
}




/****** Webcams *******/
#webcams{
      height: 500px;
}



/****** Bottom *******/
#slogan{
	text-align: right;
	font-size: 10pt;
	color: #cacaca;
}

#footer{
	height: 30px;
}


/*CONSTRUCTION*/

#constr{
	width: 500px;
	padding-left: 50px;
	position: relative;
	right: -150px;
	top: 20px;
	
}

#pageTitle_constr{
	position: relative;
	right: -50px;
}

#contact_constr{
	float: left;
}