/* Stylesheet für die Contentseiten */


body{
	margin: 0px;
}

table{
	border: 0px solid #ffffff;
}

img{
	border: 0px solid #ffffff;
}




/*---  Stimmungsgrafik positionieren  ---*/
#stimmungs_grafik{
	position: relative;
         top: 24px;
}
/*---------------------------------------*/




/*---  Links  ---*/
a.main_navi{
	font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 13px;
         color: #FFC000;
         letter-spacing: 2px;
	text-decoration: none;
}
a.main_navi:hover, a.main_navi_current:hover{
	text-decoration: underline;
}

a.main_navi_current{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 13px;
         color: #FF6C00;
         letter-spacing: 2px;
         font-weight: bold;
	text-decoration: none;
}



a.sub_navi, a.fließtext_link{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #FF6C00;
         letter-spacing: 0px;
	text-decoration: underline;
}

a.sub_navi_current{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #FF6C00;
         letter-spacing: 0px;
	text-decoration: none;
         font-weight: bold;
}
a.sub_navi:hover, a.sub_navi_current:hover, a.fließtext_link:hover{
	text-decoration: none;
}
/*--------------------------------------*/





/*---  zentriert die komplette Seite  ---*/
table.zentrieren{
	height: 99%;
         width: 99%;

}

table.zentrieren{
         vertical-align: middle;
         text-align: center;
}
/*-------------------------------------*/





/*---  Layout-Tabelle  ---*/
table.layout{
	width: 100%;
}

table.layout td{
         padding: 0px;
}

table.layout td.header_bereich{
	height: 140px;
         background-image: url(../Bilder_layout/Website/verlauf_oben.jpg);
}

table.layout td.footer_bereich{
	height: 130px;
         background-image: url(../Bilder_layout/Website/verlauf_unten.jpg);
}

table.layout td.content_bereich{
	height: 350px;
}
/*---------------------------------*/





/*---  Tabelle im Header  ---*/
table.header{
	height: 140px;
         width: 865px;
}

table.header td.header_links{
	width: 320px;
	background-image: url(../Bilder_layout/Website/debeli_appartements_oben.gif);
}

table.header td.header_rechts{
	text-align: right;
         vertical-align: bottom;
}
/*----------------------------------*/





/*---  Tabelle im Footer  ---*/
table.footer{
	height: 130px;
         width: 865px;
}

/*table.footer td{border: 1px solid #000000}*/

table.footer td{
	text-align: right;
         vertical-align: top;
         padding-top: 15px;
}

table.footer td.footer_links{
         padding-right: 330px;
}

table.footer td.footer_mitte{
	width: 215px;
         text-align: left;
}

table.footer td.footer_rechts{
	width: 100px;
}
/*-----------------------------------*/





/*---  Tabelle im Contentbereich  ---*/
table.content{
	width: 865px;
         height: 100%;
}

table.content td.content_links_oben{
	width: 240px;
         height: 100px;
         background-image: url(../Bilder_layout/Website/debeli_appartements_unten.gif);
         background-repeat: no-repeat;
}

table.content td.content_links_unten{
	width: 240px;
	text-align: right;
         vertical-align: bottom;
         padding-right: 20px;
         padding-bottom: 20px;
         line-height: 25px;
}

table.content td.content_rechts{
	width: 625px;
         vertical-align: top;
         line-height: 35px;
}
/*-------------------------------------*/





/*---  Tabelle mit der Subnavi  ---*/
table.subnavi_table{
         height: 25px;
         position: relative;
         left: 20px;
}

table.subnavi_table td{
	text-align: left;
	vertical-align: top;
         padding-left: 13px;
         padding-right: 7px;
         padding-top: 5px;
}
/*--------------------------------------*/





/*---  Fließtext  ---*/
span.fließtext, span.fließtext p{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #FF6C00;
         letter-spacing: 1px;
         line-height: 18px;
}

/*---  Überschrift innerhalb des Fließtextes  ---*/
h1{
         /*color: #FFA800;*/
         font-size: 16px;
         letter-spacing: 3px;
         font-weight: normal;
         /*border-bottom: 1px dotted #FF6C00;*/
         padding: 2px;
         font-weight: bold;
}
/*---------------------*/




/*---  Content-Bereich  ---*/
#content_box{
         width: 610px;
         height: 276px;
         background-image: url(../Bilder_layout/Website/appartements_content.gif);
         background-repeat: no-repeat;
         position: relative;
         left: 12px;
         padding-right: 5px;
         /*border: 1px solid #000000;*/
}

div.content_text{
	/*width: 600px;*/
         height: 256px;
         overflow: auto;
         position: relative;
         top: 10px;
         padding-top: 0px;
         padding-bottom: 0px;
         padding-left: 20px;
         padding-right: 20px;
         scrollbar-base-color: #F1CBAF;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #F1CBAF;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #F1CBAF;
	scrollbar-shadow-color:#F1CBAF;
	scrollbar-track-color: #ffffff;
         /*border: 1px solid #cccccc;*/
}

p img.Fotos{
	float: left;
         margin-right: 15px;
         margin-bottom: 10px;
         border: 1px solid #F1CBAF;
}

p img{
	float: left;
}
/*---------------------------------------------*/




/*---  Peistabelle  ---*/
table.preise td{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #FF6C00;
         letter-spacing: 1px;
         line-height: 18px;
         vertical-align: top;
         text-align: center;
         padding-bottom: 3px;
}

table.preise tr.preise_head td{
	font-weight: bold;
         padding-bottom: 25px;
         padding-right, padding-left: 15px;
         font-size: 12px;
}

table.preise td.preise_left{
	text-align: left;
}

table.preise tr.preise_zusatzinfo td{
	padding-top: 8px;
}
/*-----------------------------*/



/*---  Kontakt-Formular  ---*/
table.kontakt_layout td{
	vertical-align: top;
}

table.kontakt_layout td.kontakt_formular{
	padding-left: 70px;
         vertical-align: top;
}

form.email textarea, input, form.buchungsanfrage input, form.buchungsanfrage select{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #666666;
         letter-spacing: 1px;
         line-height: 16px;
         border: 1px solid #F1CBAF;
}

span.form_ok{
	color: green;
         position: relative;
         top: -5px;
}

span.form_error{
	color: red;
         position: relative;
         top: -5px;
}
/*----------------------------*/



/*---  Buchungsanfrage  ---*/
table.layout_buchungsanfrage td{
	text-align: left;
         padding-top: 5px;
         padding-left: 10px;
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #FF6C00;
         letter-spacing: 1px;
         line-height: 18px;
}

table.layout_buchungsanfrage td.erste_zelle{
	padding-left: 0px;
}

form.buchungsanfrage{
	padding-bottom: 0px;
         margin-bottom: 0px;
}
/*-------------------------------*/




/*---  Klima-Tabelle  ---*/
table.klimatabelle td{
         font-family: Century Gothic, Verdana, Arial, sans-serif;
	font-size: 11px;
         color: #FF6C00;
         letter-spacing: 1px;
         padding: 6px;
         text-align: center;
}

table.klimatabelle tr.monate td{
	font-weight: bold;
         border: 1px solid #F1CBAF;
         padding-bottom: 2px;
         padding-top: 2px;
}

table.klimatabelle td.achsen{
	font-weight: bold;
         text-align: left;
}