/* =================================================================== */
/* BASIC */
/* =================================================================== */
body { text-align:center; font-family:Ubuntu; font-size: 14px; color: #404A4A; line-height: 17px;text-decoration: none; }
hr { border: 0px; background: #001D49; height: 1px; }
/* TEXTAREAS / INPUTS */
textarea, input {
	font-family:Ubuntu;
	font-size:14px;
	border: 1px solid #84c225;
	padding: 5px 10px;
	background:#ebffcc;
	color:#537b17;
}
/* SUBMIT-BUTTONS */
input[type=submit]{ border: 1px solid #3a5610; background: #84c225; background: -webkit-gradient(linear, left top, left bottom, from(#84c225), to(#84c225)); background: -webkit-linear-gradient(top, #84c225, #84c225); background: -moz-linear-gradient(top, #84c225, #84c225); background: -ms-linear-gradient(top, #84c225, #84c225); background: -o-linear-gradient(top, #84c225, #84c225); background-image: -ms-linear-gradient(top, #84c225 0%, #84c225 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #000000 0 1px 0; color: #ffffff; font-family: Ubuntu; padding: 3px 10px; font-size: 14px; font-weight:bold; text-decoration: none; vertical-align: middle;}
input[type=submit]:hover { cursor:pointer; border: 1px solid #3a5610; text-shadow: #000000 0 1px 0; background: #b3ee59; background: -webkit-gradient(linear, left top, left bottom, from(#b3ee59), to(#b3ee59)); background: -webkit-linear-gradient(top, #b3ee59, #b3ee59); background: -moz-linear-gradient(top, #b3ee59, #b3ee59); background: -ms-linear-gradient(top, #b3ee59, #b3ee59); background: -o-linear-gradient(top, #b3ee59, #b3ee59); background-image: -ms-linear-gradient(top, #b3ee59 0%, #b3ee59 100%); color: #fff; }
input[type=submit]:active { text-shadow: #000000 0 1px 0; border: 1px solid #3a5610; background: #84c225; background: -webkit-gradient(linear, left top, left bottom, from(#84c225), to(#b3ee59)); background: -webkit-linear-gradient(top, #84c225, #84c225); background: -moz-linear-gradient(top, #84c225, #84c225); background: -ms-linear-gradient(top, #84c225, #84c225); background: -o-linear-gradient(top, #84c225, #84c225); background-image: -ms-linear-gradient(top, #84c225 0%, #84c225 100%); color: #fff; }
input[type=submit]:disabled { background:#AAAAAA; color:#777777; text-shadow:0 0 0; }

/* SELECT-BOXES */
select {
	height:35px;
	font-family:Ubuntu;
	font-size:14px;
	background: #ebffcc url(artimg/select_arrow.png) no-repeat right;	
	border: 1px solid #84c225;
	padding:5px 10px;
	padding-right: 25px;
	color: #537b17;
	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:#ebffcc;
	border-top:1px solid #84c225;
	height:30px;
	color: #537b17;
}
/* 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: #555555; 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 #84c225; 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: #84c225; 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: #555555; 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 #84c225; 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: #84c225; 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; }
@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 { font-family:Ubuntu; font-size: 14px; color: #404A4A; line-height: 17px;text-decoration: none; }
.text_standard a { font-family:Ubuntu; font-size: 14px; color: #404A4A; line-height: 17px; text-decoration: none; font-weight:bold; }
.text_standard a:hover { font-family:Ubuntu; font-size: 14px; color: #404A4A; line-height: 17px; text-decoration: underline; }
.text_big { font-family:Ubuntu; font-size: 25px; color: #60B503; line-height: 1;text-decoration: none; }


/* =================================================================== */
/* 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:#84c225;
	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 #84c225; width:150px; margin-top:0px; margin-left:-100px; }
.country_select_div table { background:#84c225; width:100%; font-family:Ubuntu; font-size:14px; }
.country_select_div td { background:#b0ee52; color: #84c225; }
.country_select_div td:hover {background: #84c225; color:#FFFFFF; cursor:pointer; }

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

/* ==================== CALENDAR ================ */
/* outer table */
.kalender { width:200px; 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:#84c225; 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:#84c225; color:#FFFFFF; text-decoration:none; }
/* general setting for td's */
.kalender td { text-align:center; font-family:Ubuntu; width:14%; }				
/* 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-size:12px; font-family:Ubuntu; color:#FFFFFF; padding:0px; cursor:pointer; background:url('artimg/background_menu.png'); height:40px; text-align:center; letter-spacing:2px;  }
.td_menu:hover { font-size:12px; font-family:Ubuntu; color:#FFFFFF; padding:0px; cursor:pointer; background:url('artimg/background_menu2.png'); height:40px; text-align:center; letter-spacing:2px; }
.td_menu_active { font-size:12px; font-family:Ubuntu; color:#FFFFFF; padding:0px; cursor:pointer; background:url('artimg/background_menu2.png'); height:40px; text-align:center; letter-spacing:2px; }

.submenu { font-size:13px; font-family:Ubuntu; color:#555555; letter-spacing:1px; }
.submenu a { text-decoration:none; color:#555555; font-size:13px; font-family:Ubuntu; color:#555555; }
.submenu a:hover { text-decoration:none; color:#555555; font-size:13px; font-family:Ubuntu; color:#84c225; }

.cookieinfo {  font-family:Ubuntu; font-size:12px; color:#FFFFFF; position:fixed; z-index:10000; text-decoration:none; background:rgba(93,137,26,0.75); height:50px; width:100%; bottom:0px; left:0px; right:0px; }
