html {
height: 100%;
}

form {
	margin: 0 0 18px;
}


.reserviert {
background-color:#FFF358;
background:url(../images/reserviert.jpg) no-repeat;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}


.belegt {
background:url(../images/belegt.jpg) no-repeat;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.teilbelegt_hauptsaison_beginn {
background-color:#00ff00;
background:url(../images/teilbelegt-hauptsaison-beginn.jpg) no-repeat;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.teilbelegt_hauptsaison_ende {
background-color:#00ff00;
background:url(../images/teilbelegt-hauptsaison-ende.jpg) no-repeat;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.teilbelegt_nebensaison_beginn {
background-color:#afeeee;
background:url(../images/teilbelegt-nebensaison-beginn.jpg) no-repeat;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.teilbelegt_nebensaison_ende {
background-color:#afeeee;
background:url(../images/teilbelegt-nebensaison-ende.jpg) no-repeat;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.verfuegbarkeit_hauptsaison {
background:url(../images/verfuegbarkeit-hauptsaison.jpg) no-repeat;
background-color:#00ff00;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.verfuegbarkeit_nebensaison {
background-color:#afeeee;
background:url(../images/verfuegbar-nebensaison.jpg) no-repeat; 
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.kein_tag {
background-color:#616061;
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align: center;
color:#000000;
}

.verfuegbarkeit_monat {
border-bottom:1px;
border-bottom-color:#ffffff;
border-bottom-style: solid;
text-align:center;
color:#000000;
}

#form-login-username {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}

#login-form {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}


#jform_contact_name-lbl {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}

#jform_contact_email-lbl {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}

#jform_contact_emailmsg-lbl {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}

#jform_contact_message-lbl {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}
#jform_contact_email_copy-lbl {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}
#jform_captcha-lbl {
	font-weight: normal;
	color: #ffffff;
    margin-top: 20px;
}
.control-group {
	margin-top: 10px;
}


.caption {
	margin: 0px;
    background-color: rgba(169,169,169,0.8);
    font-style:italic;
    color: #000000;
    text-align: center;
    border-radius: 10px;
    -moz-box-shadow:2px -2px 10px #555151; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #555151; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #555151; /* Konqueror */
    box-shadow:2px -2px 10px #555151; /* CSS3 */ 
}

.easy_img_caption {
	margin: 0px;
  padding-bottom: 10px;
    background-color: rgba(0,0,0,0.3);
    font-style:italic;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
    -moz-box-shadow:2px -2px 10px #555151; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #555151; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #555151; /* Konqueror */
    box-shadow:2px -2px 10px #555151; /* CSS3 */ 
}

.caption thumb {
	margin: 10px;
    background-color: rgba(0,0,0,0.8);
    font-style:italic;
    color: #807859;
    text-align: right;
    border-radius: 10px;
    -moz-box-shadow:2px -2px 10px #000000; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #000000; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #000000; /* Konqueror */
    box-shadow:2px -2px 10px #000000; /* CSS3 */ 
}

.captionmiddle {
	margin: 0px auto;
    background-color: rgba(0,0,0,0.8);
    font-style:italic;
    color: #807859;
    text-align: right;
    font-size:8px;
    border-radius: 10px;
    -moz-box-shadow:2px -2px 10px #000000; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #000000; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #000000; /* Konqueror */
    box-shadow:2px -2px 10px #000000; /* CSS3 */ 
        
}



.contentheading {
font-size:15px;
font-weight:bold;
padding-top:12px;
padding-bottom:0px;
text-decoration: none;
text-transform: none;
color:#666060;
text-align:left;

}

.contentheading a:link {
font-size:15px;
font-weight:bold;
padding-top:12px;
padding-bottom:0px;
text-decoration: none;
text-transform: none;
color:#666060;
text-align:left;

}


.contentheading a:hover {
color:#000000;
font-weight:bold;

}



/*Texte*/


p {
font-size: 100%;
line-height: 1.5;
}

h1 {
font-size: 150%;

}


h2 {
font-size:15px;
padding-bottom:10px;

}


h2 a:link {
font-size:15px;
font-weight:bold;
padding-top:12px;
padding-bottom:10px;
text-decoration: none;
text-transform: none;
color:#666060;
text-align:left;

}

h3 {
font-size: 115%;

}

h4, h5, h6 {
font-size: 100%;

}

/* Hypertexte*/

 a:link, a:visited {
text-decoration:underline;
font-weight:normal;
color:#ffffff;
}

a:hover {
color:#ffffff;
font-weight:bold;
text-decoration: underline;

}

 ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:disc;
background:transparent;
margin: 4px;

}

img {
border:none;
margin: 0px 0px 0px 0px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#a0cc13;
padding: 0px 2px 0px 2px;
color:#f1f1f1;

}

.button {
background:#ffffff;
border:none;
color:#000;
font-weight:bold;
padding:4px;

} 

.inputbox {
color:#000;
background:#ffffff;
border:none;
padding:4px;
font-weight:normal;

} 


label {
text-align:left;
color:#ffffff;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

.clr {
clear:both;

}

/* pathway formation */
#pathway_outer {
	width: 100%;
	height: 15px;
	background:transparent;
    color: #666600;
    font-size: 11px;
	border: none;
	margin: 5px 0 0 0;
	padding: 0px;
    
}

#pathway_inner {
	
}
.pathway_inner{
	padding: 5px 0 0px 0px;
	margin: 0px;
	font-size: 11px;
    background:transparent;
}

.pathway_inner a:hover{
	color: #666600;
    font-size: 11px;
    font-weight:bold;
}

#pathway_inner a{
	color: #666600;
    font-size: 11px;
}

#pathway a:hover{
	color: #666600;
    font-size: 11px;
    font-weight:bold;
}

#pathway a:active{
	color: #FFFFFF;
    font-size: 11px;
    font-weight:bold;
}

.blog-featured h1 {
font-size: 120%;
padding-left:12px;
color:#ffffff;
background-color: #339969;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
border: 1px solid #C8F850;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
    -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
    -webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
    box-shadow:1px 1px 6px #292929; /* CSS3 */
}


.item-page h1 {
font-size: 120%;
padding-left:12px;
color:#ffffff;
background-color: #339969;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
border: 1px solid #C8F850;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
    -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
    -webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
    box-shadow:1px 1px 6px #292929; /* CSS3 */
}



/***** Responsive *****/

@media only screen and (min-width: 1141px) {
  
body{
margin:0;
padding:0px 0px 0px 0px;
text-align:center;
background:transparent;
font-size:13px;
color:#ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-weight:normal;
background-color: #000000;

}


#background {
position:fixed; 
top:-5px; 
left:0; 
margin:0;
padding:0px 0px 0px 0px;  
z-index:-1; 

} 

#nav {
	display: none;        
}

#startbild900 {
	display: none;        
}
  
#startbild400 {
	display: none;        
}
  
#desktopausblenden1 {
	display: none;        
}
  
.nav-open {
	display: none;        
}
  
#banner_smartmedia {
	display: none;        
} 
  
#ftb-a {
	display: none;        
}  
  
#top-icons{
        position: absolute;
        width: 77%;
        min-width: 800px;
        text-align:center;
        height: 10px;
        top: 10px;
        margin-left:20%;
        margin-right:10%;
        border: 0px;
       z-index:5;
  
}

  


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

/* maincontainer for site */
#container {
	width: 80%;
    text-align:center;
	margin-left:10%;
    margin-top:10px;
    margin-bottom:0px;
    min-width: 1000px;
    background-color: #000000;
	position: relative;
	border: 0px;
    z-index:1;  
}

.pagewidth{
width:100%;
text-align:center;
background:transparent;
margin-top:0px;
margin-bottom:0px;
  
}

#content-top {
display: none;        
float:left;
width:100%;
height:127px;
background:#fff;
z-index: 0;
  

}

#content-bottom {
float:left;
width:100%;
height:130px;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #9B9B9B;
border-left: 1px solid #9B9B9B;
border-right: 1px solid #9B9B9B;
   
}




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


#sitename {
float:left;
width:197px;
height:69px;
margin:30px 0 0 45px;

}

#content {
float:left;
text-align:center;
width:100%;
background-color: rgba(255,255,255,0.3);
margin-bottom:10px;  
border: 1px solid #9B9B9B;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
  -moz-box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* Firefox */
    -webkit-box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* Chrome, Safari */
    -khtml-box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* Konqueror */
    box-shadow:2px 0px 5px #9B9B9B, -2px 0px 5px #9B9B9B; /* CSS3 */ 

}

#main {
float:left;
background-color: rgba(0,0,0,0.4);
width:67%;
min-width: 500px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
  border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px; 
  -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */  
}

#main-full {
float:left;
background:#fff;
width:67%;
min-width: 500px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:left;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
 border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px; 
  -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */  
  
}




/******CALENDAR*******/
.calendar {
float:left;
margin-right:15px;
margin-bottom:0; 
display:block ;
padding: 5px 0 0 0 ;
background:#a0cc13;
width:40px ;
height:40px;
text-align:center;
border-radius:25px;

}

.day {
color: #fff;
font-weight:bold;
margin: 0 0 5px 0;
padding:0  ;
font-size:12px;
background:transparent;
display:block;

}

.month {
color: #fff;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:12px;
background:transparent;
display:block;

}

/***********************/
#left {
float:left;
position: relative;
width:25%;
min-width: 150px;
margin-left:10px;  
margin-right:auto;  
margin-top:10px;
text-align:left;
background-color: rgba(0,0,0,0.4);
  border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px; 
  -moz-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px -2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */ 
}

#left h3 {
font-size:18px;
text-transform:capitalize;
color:#C86000;
text-align:left;
font-weight:bold;
background-color: rgba(0,0,0,0.4);
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
border: 1px solid #9B9B9B;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
    -moz-box-shadow:2px 2px 10px #9E9898, -2px -2px 10px #9E9898; /* Firefox */
    -webkit-box-shadow:2px 2px 10px #9E9898, -2px -2px 10px #9E9898; /* Chrome, Safari */
    -khtml-box-shadow:2px 2px 10px #9E9898, -2px -2px 10px #9E9898; /* Konqueror */
    box-shadow:2px 2px 10px #9E9898, -2px -2px 10px #9E9898; /* CSS3 */  
  
 

}

#left .moduletable_menu,
#left .moduletable {
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size:12px;
background-color: rgba(0,0,0,0.0);


}

#left .moduletable_menu a,
#left .moduletable a,
#left a {

}

#left .moduletable_menu a:hover,
#left .moduletable a:hover,
#left a:hover {

}
  
#left .moduletable_custom {
text-align:center;
}




/***************************/
#footer {
float:left;
width:100%;
background:#fff;
margin-top:10px;
margin-left:25px;
  

}

.box{
float:left;
width:190px;
background: url(../images/right.jpg) 0 0 repeat;
padding-bottom:20px;
margin-top:0px;
padding-top:15px;
text-align:left;
margin-left:10px;

}

.box .moduletable_menu h3,
.box .moduletable h3,
.box h3 {
font-size:15px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
margin-left:10px;

}

.box .moduletable_menu ,
.box .moduletable ,
.box  {
padding-bottom:10px;
font-size:12px;

}

.box .moduletable_menu a,
.box .moduletable a,
.box a {
font-weight:normal;
font-style:italic;
font-size:13px;

}

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

#ftb-f{
 float:left;
 width:100%;
 height:45px;
 background:transparent;
 border-bottom: 1px solid #9B9B9B;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

}

 .ftb {
 float:left;
 margin-top:1px;
 text-align:center;
 font-size:12px;
 width:300px;
 position: absolute;
 left: 50%;
 margin-left: -150px;
 color:#404040;
 padding:0;
 background:transparent;
 border: none;

}


 .ftb a{
 padding:0 !important;
 border:none !important;
 color:#404040;
 font-weight:normal;
 

} 

 .ftb a:hover{
 padding:0 !important;
 border:none !important;
 color:#ffffff;
 text-decoration: underline;

} 

#top {
 float:right;
 text-align:center;
 width:30px !important;
 position: absolute;
 left: 75%;
 margin-left: -100px;
 height:30px !important;
 margin-top:3px !important;
 padding:0 !important;
 border:none !important;
 background:transparent;

 }

 .top_button {
  text-align:center;
 padding:0 !important;
 border:none !important;
 width:30px !important;
 height:30px !important;
 background:transparent;

 }

} 


/* Angaben media responsive Ende */