/*==================== html tags ==========================*/
html, body, #background, #seite{
*html height: 100%;
min-height: 100%;
}
body{
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color:#000066; 
font-size: 11px; 
line-height: 18px; 
letter-spacing: 0px; 
text-decoration: none; 
background-color: #BFA656;
text-align: left;
}

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

/* Umrandung bei Bildern im Link für IE ausschalten */
a img{
border: 0px;
}

/* Innen- und Aussenabstände für alle Elemente ausschalten */
* {
margin: 0px;
padding: 0px;
}

h1, h2{

color: #A93001;
font-style: normal;
font-weight: bold;
}

h1{
    font-family: Georgia, Times, serif;
	font-size: 25px;
	line-height:28px;
}

h2{
font-family: Verdana, Arial, Helvetica, Verdana, serif;
	font-size: 18px;
}

h3{
	font-size: 14px;
	color: #764001;
}

p{
}

/*==================== IDs ==========================*/
#background{
margin: auto;
background-color: #BFA656;
background-image: url(../img/hg_girasoli.jpg);
background-repeat: no-repeat;
}

#seite{
width: 999px;
margin: auto;
background-color:#FFFFFF;
background-image:url(../img/site_bg.gif);
background-repeat:repeat-y;
border-left: 2px solid #6E2202;
border-right: 2px solid #6E2202;
}
/*-------------------- navigation --------------------*/
#mainNavigation{
font-family: Georgia, Times, serif;
font-size: 16px;
font-weight: bold;
border-top: 2px solid #6E2202;
border-bottom: 2px solid #6E2202;
padding-left: 240px;
}

#mainNavigation ul{
list-style: none;
}
#mainNavigation ul li{
line-height: 26px;
vertical-align: middle;
float: left;
}
#mainNavigation a{
float: left;
display: block;
height: 26px;
text-decoration: none;
margin-left: 20px !important;
margin-left: 10px;
padding: 0px 5px 0px 5px;
}
#mainNavigation a:hover,
#mainNavigation a:active,
#mainNavigation a.aktiv{
	background-color: #FFBB0E;
	color: #A93001;
}
#linkeSpalte .Suchformular{
	margin-bottom:20px;
	padding:5px 0 5px 20px;
	border-bottom: 2px solid #6E2202;
}
#linkeSpalte .Suchformular #searchWords{
	height:18px;
}
#linkeSpalte .Suchformular #searchSubmit{
	font-size:12px;
	height:20px;
	padding:0;
	margin:0;
	cursor:pointer;
	background-color: #6E2202;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
}
/*-------------------- navigation links--------------------*/
#linkeSpalte{
float: left;
width: 210px;
}
#linkeSpalte #KontaktDaten{
	font-family: Verdana, Arial, Helvetiva, sans-serif;
	padding:5px 0 5px 20px;
	color:#000000;
	background-image:url(../img/address_bg.gif);
}
#linkeSpalte #KontaktDaten h2{
	font-size:13px;
	margin:0px;
	color:#A93001;
}
#linkeSpalte #KontaktDaten p{
	margin-bottom:0.5em;
	font-size:12px;
}
.navigation{
background-color: #A93001;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 30px;
}

.navigation ul{
list-style: none;
border-bottom: 1px solid #FEDA8C;
}
.navigation ul li a{
font-size: 12px;
font-weight: bold;
display: block;
padding-left: 18px;
line-height:17px;
padding-top:4px;
padding-bottom:4px;
vertical-align:middle;
border-top: 1px solid #FEDA8C;
color: #FFEED0;
text-decoration: none;
}
.navigation ul li a:link,
.navigation ul li a:visited{
	color: #FFEED0;
	text-decoration: none;

}
.navigation ul li a:hover,
.navigation ul li a:active,
.navigation ul li a.aktiv{
	background-color: #6F2000;
	color: #FFEED0;
	text-decoration: none;
}

#submenue{
background-color: #FCDB8A;
font-size: 10px;
}
#submenue a{
color: #A93001;
font-size: 10px;
padding-left: 25px;
}
#submenue a:hover,
#submenue a:active,
#submenue a.aktiv{
	background-color: #FFBB0E;
	color: #A93001;
}

#submenue #submenue_2{
}
#submenue #submenue_2 a{
	padding-left: 50px;
}
#submenue #submenue_2 a:hover,
#submenue #submenue_2 a:active,
#submenue #submenue_2 a.aktiv{
	background-color: #FFFBAE;
	color: #A93001;
}

#content {
font-family: Verdana, Arial, Helvetiva, sans-serif;
font-size: 11px;
float: right;
width: 789px;
background-color: #FFFBF0;
height:auto;

}
#content p,
.csc-textpic{
margin-bottom: 5px;
}
#content h1{
margin: 22px 0px 10px 0px;
}
#content h2{
margin: 0px 0px 10px 0px;
}
#content ul{
list-style-position:inside;
}

#mainNavigation, #footer{
height:26px;
background-color: #A93001;
color:#FFFBF0;
background-image: url(../img/streifen.gif);
background-repeat: repeat-y;
}

#footer{
clear:both;
font-family: Verdana, Arial, Helvetiva, sans-serif;
font-size: 11px;
border-top: 2px solid #6E2202;
line-height: 26px;
vertical-align: middle;
padding-left: 230px;
}
#footer a{
	margin-left:10px;
}
#footer a.aktiv{
	text-decoration:none;
}
#footer a, #mainNavigation a, #linkeSpalte .textbox a{
color: #FFFBF0;
}

#ferienwohnungen, #belegungsplan, #buchungsformular{
font-size: 11px;
line-height: 16px;
color: #000;
margin: 0px 25px 20px 25px;
}
#buchungsformular{
}
#ferienwohnungen .tabs{
	margin-bottom:20px;
}
#ferienwohnungen .tabs a{
	font-size: 14px;
	font-weight:bold;
	color: #A93001;
	text-decoration:underline;
	line-height:20px;
	display:block;
}
p img.floatLeft{
margin-right: 10px;
}
p img.floatRight{
margin-left: 10px;
}

/*==================== Klassen ==========================*/
.floatRight{
float: right;
}

.floatLeft{
float: left;
}

.clear{
clear: both;
}

.region,
.region_breit{
float: left;
margin: 0px 2px 20px 4px;
width: 175px;
font-size: 11px; 
line-height: 18px; 
}
.region_breit{
  width: 340px;
}

.textbox{
width:200px;
margin: 10px 5px 5px 5px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans serif;
color: #1E2701;
}
.textbox h1{
color: #A93207;
font-size: 12px;
font-weight: bold;

}

.lead{
	line-height: 18px;
	font-weight: bold;
}

.klein{
	font-size: 9px;
}
.fett{
font-weight: bold;
}
.streifen{
float: left;
}

.media_box{
margin: 10px 0px 10px 10px;
padding: 6px;
border: 1px solid #764001;
}

#ferienwohnungen .csc-textpic-intext-right-nowrap,
.box_ferienwohnung{
/*font-family: Arial, Verdana, sans serif;
font-size: 10px;
line-height: 12px;*/

margin-bottom: 20px;
min-height: 190px;
border: 1px solid #6E2202;
background-color: #FBEECB;
padding: 5px;
}
* html #ferienwohnungen .csc-textpic-intext-right-nowrap,
* html .box_ferienwohnung{
	height: 190px;
}

#ferienwohnungen .csc-textpic-intext-right-nowrap p,
.box_ferienwohnung p{
margin-top:20px;
font-family: Tahoma, Arial, Verdana, sans serif;
font-size: 12px;
line-height: 18px;
}
.csc-textpic-imagerow{
	text-align:right;
}
.box_ferienwohnung img{
	margin-left: 15px;
}
#ferienwohnungen h2.topMargin{
	margin:25px 0px 10px 0px;
}
/*css für belegungsplan*/
.tab_belegungsplan{
font-size: 11px;
background-color: #EDE4C6;
margin-bottom:2em;
/*border: 1px solid #A93001;*/
}
.tab_belegungsplan th{
font-size:13px;
vertical-align:top;
text-align:center;
width:112px;
}
.tab_belegungsplan td{
text-align: center;
padding:0;
vertical-align:middle;
width:
}
.tab_belegungsplan th.period{
	width:120px;
}
.frei, .belegt, .teilbelegt, .wohnung{
border: 1px solid #A93001;
}
.tab_belegungsplan td.wohnung{
	width:112px;
}
td.frei{
}
td.frei a{
	display:block;
	width:105px;
	line-height:20px;
}
.tab_belegungsplan .tag{
	display:block;
	float:left;
	line-height:20px;
	width:15px;
	border-top:none;
	border-bottom:none;
	border-left:none;
}
.frei, .belegt, .teilbelegt, .preis{
}

.frei, .icon_f{
background-color: #808E3A;
}
.belegt,.icon_b{
background-color:#B73F11;
}
.teilbelegt,.icon_tb{
background-color:#FFCE51;
}
td.frei a:hover,
td.frei a:active,
.frei:hover,
.frei:active,
.belegt:hover,
.belegt:active {
	background-color:#FFCE51;
	color:#000000;
}

.frei a, .tab_belegungsplan a{
	color: #000000;
	text-decoration: none;
	display: block;
}
.icon_f,.icon_b,.icon_tb{
margin-right:  10px;
width: 50px; 
height: 16px; 
padding:3px;
text-align: center;
border: 1px solid #A93001;
}
.price_table td{
	padding:3px;
}
.info{
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	margin:0.5em 0;
	padding:0.25em;
}
/* ****  Barrierefreiheit **** */
.acc,
dfn {
	display:none;
}
.pageHeader,
.hidden {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}
div.error{
	color:#CC0000;
	font-weight:bold;
}
table#empfehlungen{
	width:100%;
}
table#empfehlungen td{
	padding:0;
	vertical-align:top;
}
table#empfehlungen td.links{
	padding-right:1.5em;
}
table#empfehlungen td.rechts{
	padding:22px 0 0 10px;
	width:200px;	
}
.csc-frame-frame1{
	margin-bottom:1em;
	padding:0.5em;
	border:1px solid #6F2000;
	background-color:#FBEECB;
}
.clear{clear:both;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.align-justify{text-align:justify;}