/* =================================================================== */
/* BASIC */
/* =================================================================== */
body { text-align:center; background: url('artimg/background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
hr { border: 0px; background: #001D49; height: 1px; }
/* TEXTAREAS / INPUTS */
textarea, input {
	font-family:Ubuntu;
	font-size:14px;
	border: 1px solid #524c3d;
	padding: 5px 10px;
	background:#EEEEEE;
	color:#524c3d;
}
/* SUBMIT-BUTTONS */
input[type=submit]{
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fed075), color-stop(1, #f3ac1d));
	background:-moz-linear-gradient(top, #fed075 5%, #f3ac1d 100%);
	background:-webkit-linear-gradient(top, #fed075 5%, #f3ac1d 100%);
	background:-o-linear-gradient(top, #fed075 5%, #f3ac1d 100%);
	background:-ms-linear-gradient(top, #fed075 5%, #f3ac1d 100%);
	background:linear-gradient(to bottom, #fed075 5%, #f3ac1d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed075', endColorstr='#f3ac1d',GradientType=0);
	background-color:#fed075;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
input[type=submit]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f3ac1d), color-stop(1, #fed075));
	background:-moz-linear-gradient(top, #f3ac1d 5%, #fed075 100%);
	background:-webkit-linear-gradient(top, #f3ac1d 5%, #fed075 100%);
	background:-o-linear-gradient(top, #f3ac1d 5%, #fed075 100%);
	background:-ms-linear-gradient(top, #f3ac1d 5%, #fed075 100%);
	background:linear-gradient(to bottom, #f3ac1d 5%, #fed075 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3ac1d', endColorstr='#fed075',GradientType=0);
	background-color:#f3ac1d;
}
input[type=submit]:active {
	position:relative;
	top:1px;
}

        

/* SELECT-BOXES */
select {
	height:35px;
	font-family:Ubuntu;
	font-size:14px;
	background: #EEEEEE url(artimg/select_arrow.png) no-repeat right;	
	border: 1px solid #524c3d;
	padding:5px 10px;
	padding-right: 25px;
	color: #524c3d;
	cursor:pointer;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; 
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { display: none; }
option {
	background:#dae4f3;
	border-top:1px solid #524c3d;
	height:30px;
	color: #4c6a97;
}
/* CHECKBOXES */
input[type="checkbox"]:checked, [type="checkbox"]:not(:checked) { display:none; }
input[type="checkbox"] + label { margin-right:10px; }
input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #524c3d; margin-top:1px; margin-bottom:1px; }
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #524c3d; background: #EEEEEE; }
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after { content: '\2714'; width: 20px; text-align:center; font-family:Ubuntu; font-size:18px; height: 20px; color:#FFFFFF; background: #4c6a97; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
input[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
input[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
input[type="checkbox"]:checked + label:hover:before, input[type="checkbox"]:not(:checked) + label:hover:before { content=''; background: #FFFFFF; }

/* RADIO */
input[type="radio"]:checked, [type="radio"]:not(:checked) { display:none; }
input[type="radio"] + label { margin-right:10px; }
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #524c3d; margin-top:1px; margin-bottom:1px; }
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #524c3d; background: #EEEEEE; }
input[type="radio"]:checked + label:after, input[type="radio"]:not(:checked) + label:after { content: '\2714'; width: 20px; text-align:center; font-family:Ubuntu; font-size:18px; height: 20px; color:#FFFFFF; background: #4c6a97; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
input[type="radio"]:checked + label:hover:before, input[type="radio"]:not(:checked) + label:hover:before { content=''; background: #FFFFFF; }







/* =================================================================== */
/* EXTERNAL FONTS*/
/* =================================================================== */
@font-face { font-family: 'Ubuntu'; src: url('fonts/Ubuntu.woff') format('woff'); font-weight: normal; font-style: normal; }





/* =================================================================== */
/* ARTCMS */
/* =================================================================== */
/* images */
.image_schatten { -webkit-box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.48); -moz-box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.48); box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.48); }
.image_schwarzer_rahmen { border:1px solid #000000; }
.image_roterrahmen { border:3px solid #FF0000; } 

/* content (div) */
.content { min-height:500px; background: #FFFFFF; }

/* fonts */
.text_standard { color:#000000; font-family:Ubuntu; font-size:14px; text-align:justify; margin-top:0px; margin-bottom:0px; line-height:18px; }
.text_standard a{ color:#feb21e; font-family:Ubuntu; font-size:14px; text-align:justify; margin-top:0px; margin-bottom:0px; line-height:18px; text-decoration:underline; }
.text_standard a:hover{ color:#000000; font-family:Ubuntu; font-size:14px; text-align:justify; margin-top:0px; margin-bottom:0px; line-height:18px; text-decoration:underline; }
.text_big { color:#feb21e; font-family:Ubuntu; font-size:20px; margin-left:0px; margin-bottom:0px; margin-top:0px; line-height:25px; }



/* =================================================================== */
/* FEWO */
/* =================================================================== */

/* ==================== BASIC ================ */
.table_active {
	background:#FFFFFF;
	font-family:Ubuntu;
	margin-bottom:20px;
	width:100%;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
}
.table_active th {
	background:#feb21e;
	color:#FFFFFF;
	padding:5px; 
	text-align:left;
}
.table_active td {
	color:#000000;
	padding:5px; 
	text-align:left;
}

.table_active .header {
	background:#EEEEEE;
	color:#000000;
	font-weight:bold;
}

.table_inactive {
	font-family:Ubuntu;
	margin-bottom:20px;
	width:100%;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
}
.table_inactive th {
	margin-bottom:20px; 
	background:#CCCCCC;
	color:#888888;
	padding:5px;
	text-align:left;
}

.table_error {
	font-family:Ubuntu;
	margin-bottom:20px;
	width:100%;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
}
.table_error th {
	margin-bottom:20px; 
	background:#990000;
	color:#FFFFFF;
	padding:5px;
	text-align:left;
}




.comment {
	font-family:Ubuntu;
	font-size:12px;
	color:#555555;
	letter-spacing:1px;
}
.comment a {text-decoration:none; color:#555555; font-weight:bold; }

.strikethrough{
	font-family:Ubuntu;
	text-decoration: line-through;
	font-size:11px;
	color:#FF0000!important;
	letter-spacing:1px;
}

.error {
	font-family:Ubuntu;
	font-size:12px;
	color:#FF0000!important;
	letter-spacing:1px;
}

.inputerror {
	border: 1px solid #FF0000;
	outline: 1px solid #FF0000;
}

/* selectbox to choose countries */
.country_select_div { background:#FFFFFF; border:2px solid #4c6a97; width:150px; margin-top:0px; margin-left:-100px; }
.country_select_div table { background:#4c6a97; width:100%; font-family:Ubuntu; font-size:14px; }
.country_select_div td { background:#dae4f3; color: #4c6a97; }
.country_select_div td:hover {background: #4c6a97; color:#FFFFFF; cursor:pointer; }

/* Gallery */
.gallery_background { background:rgba(0,0,0,0.8); }
.gallery_thumbnail { border:5px solid #FFFFFF; }
.gallery_divimage { outline:5px solid #FFFFFF; }
.gallery_divlabel { background:rgba(255,255,255,0.5); padding:20px; font-family:Ubuntu;  }

/* ==================== CALENDAR ================ */
/* outer table */
.kalender { width:220px; font-family:Ubuntu; background:white; -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75); }	
/* first row (with month) */
.kalender th { background:#524c3d; color:#FFFFFF; }									
/* second row (with days if the week) */
.kalender tr:nth-child(2) th{ background:#555555; color:white; }		
/* last row (to close window) */
.kalender .footer, .kalender .footer a { background:#feb21e; color:#FFFFFF; text-decoration:none; }
/* general setting for td's */
.kalender td { text-align:center; font-family:Ubuntu; width:14%; font-size:14px; padding: 5px 2px; }				
/* free day */
.kalender .free { color:black; background: url('artimg/calendar_free.png'); background-size: cover; }
.kalender .free_hover { color:black; background: url('artimg/calendar_free_hover.png'); background-size: cover; cursor:pointer; }
/* blocked day */
.kalender .blocked { color:black; background: url('artimg/calendar_blocked.png'); background-size: cover; }
.kalender .blocked_hover { color:black; background: url('artimg/calendar_blocked.png'); background-size: cover; cursor:pointer; }
/* blocked day (arrival) */
.kalender .arrival { color:black; background: url('artimg/calendar_arrival.png'); background-size: cover; }
.kalender .arrival_hover{ background: url('artimg/calendar_arrival_hover.png'); background-size: cover; cursor:pointer; }
/* blocked day (departure) */
.kalender .departure { color:black; background: url('artimg/calendar_departure.png'); background-size: cover; }
.kalender .departure_hover{ background: url('artimg/calendar_departure_hover.png'); background-size: cover; cursor:pointer; }
/* regular day */
.kalender .number { color:#000000; }									
/* today */
.kalender .today { font-weight:bold; }									
/* day is not part of this month (e.g. 31st of previous month) */
.kalender .empty { color:#FFFFFF; background:#FFFFFF; cursor:auto; }					

/* outer div for calendar on booking-page */
.kalender_buchen {
	width:250px;
	height:250px;
	text-align:center;
	margin-top:0px;
	margin-left:5px;	
}

/* note (div) for calendar on pricelist-page */
.note {
	font-weight:normal;
	width:250px;
	margin-top:30px;
	background:#FFFFFF;
	color:#000000;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
}
.note table th{ padding:5px; color:#000000; }
.note table td{ background: #FFFFFF; padding:5px; }

/* label of the discount -logo for special offers */
.icon_specialoffer { margin-top:10px; margin-left:-2px; }


/* =================================================================== */
/* INDIVIDUAL */
/* =================================================================== */
.td_menu { font-family:Ubuntu; font-size:12px; height:50px; padding:5px; text-align:center; letter-spacing:2px; background:url('artimg/background_menu.png'); }
.td_menu:hover { font-family:Ubuntu; font-size:12px; text-align:center; cursor:pointer; background:#feb21e; color:white; }
.td_menu_active { font-family:Ubuntu; font-size:12px; padding:5px; text-align:center; letter-spacing:2px; background:#feb21e; color:white; }
.cookieinfo {  font-family:Ubuntu; font-size:15px; color:#FFFFFF; position:fixed; z-index:10000; text-decoration:none; background:rgba(82,76,61,0.8); height:50px; width:100%; bottom:0px; left:0px; right:0px; }