/* =================================================================== */
/* BASIC */
/* =================================================================== */
body { text-align:center; background: url('artimg/background.jpg'); background-attachment: fixed; margin:0px; }
hr { border: 0px; background: #001D49; height: 1px; }
/* TEXTAREAS / INPUTS */
textarea, input {
	font-family:verdana;
	font-size:14px;
	border: 1px solid #3b8927;
	padding: 5px 10px;
	background:#d7efd1;
	color:#3b8927;
}
/* SUBMIT-BUTTONS */
input[type=submit]{ border: 1px solid #1b3254; background: #3b8927; background: -webkit-gradient(linear, left top, left bottom, from(#3b8927), to(#3b8927)); background: -webkit-linear-gradient(top, #3b8927, #3b8927); background: -moz-linear-gradient(top, #3b8927, #3b8927); background: -ms-linear-gradient(top, #3b8927, #3b8927); background: -o-linear-gradient(top, #3b8927, #3b8927); background-image: -ms-linear-gradient(top, #3b8927 0%, #3b8927 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: verdana; padding: 3px 10px; font-size: 14px; font-weight:bold; text-decoration: none; vertical-align: middle;}
input[type=submit]:hover { cursor:pointer; border: 1px solid #1b3254; text-shadow: #000000 0 1px 0; background: #79b769; background: -webkit-gradient(linear, left top, left bottom, from(#79b769), to(#79b769)); background: -webkit-linear-gradient(top, #79b769, #79b769); background: -moz-linear-gradient(top, #79b769, #79b769); background: -ms-linear-gradient(top, #79b769, #79b769); background: -o-linear-gradient(top, #79b769, #79b769); background-image: -ms-linear-gradient(top, #79b769 0%, #79b769 100%); color: #fff; }
input[type=submit]:active { text-shadow: #000000 0 1px 0; border: 1px solid #1b3254; background: #3b8927; background: -webkit-gradient(linear, left top, left bottom, from(#3b8927), to(#79b769)); background: -webkit-linear-gradient(top, #3b8927, #3b8927); background: -moz-linear-gradient(top, #3b8927, #3b8927); background: -ms-linear-gradient(top, #3b8927, #3b8927); background: -o-linear-gradient(top, #3b8927, #3b8927); background-image: -ms-linear-gradient(top, #3b8927 0%, #3b8927 100%); color: #fff; }
input[type=submit]:disabled { background:#AAAAAA; color:#777777; text-shadow:0 0 0; }

/* SELECT-BOXES */
select {
	height:35px;
	font-family:verdana;
	font-size:14px;
	background: #d7efd1 url(artimg/select_arrow.png) no-repeat right;	
	border: 1px solid #3b8927;
	padding:5px 10px;
	padding-right: 25px;
	color: #3b8927;
	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:#d7efd1;
	border-top:1px solid #3b8927;
	height:30px;
	color: #3b8927;
}
/* 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 #3b8927; background: #EEEEEE; }
input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after { content: '\2714'; width: 20px; text-align:center; font-family:verdana; font-size:18px; height: 20px; color:#FFFFFF; background: #3b8927; 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 #3b8927; background: #EEEEEE; }
input[type="radio"]:checked + label:after, input[type="radio"]:not(:checked) + label:after { content: '\2714'; width: 20px; text-align:center; font-family:verdana; font-size:18px; height: 20px; color:#FFFFFF; background: #3b8927; 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: 'verdana'; src: url('fonts/verdana.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:verdana; font-size:14px; text-align:justify; margin-top:0px; margin-bottom:0px; line-height:18px; }
.text_standard a { color:#3b8927; font-family:verdana; text-decoration:none; font-size:14px; text-align:justify; margin-top:0px; margin-bottom:0px; line-height:18px; }
.text_standard a:hover { text-decoration:underline; }
.text_big { color:#3b8927; font-family:verdana; font-size:20px; }
.klein { font-family:Verdana; font-size: 11px; color: #000000; line-height: 15px;text-decoration: none; }
.submenu { font-family:Arial; font-size: 15px; color: #3E8E3E; line-height: 1;text-decoration: none; }
.submenu a { color: #3E8E3E;text-decoration: none; }
.submenu a:hover { color: #000000;text-decoration: none; }
.submenu a:active { color: #3E8E3E;text-decoration: none; }

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

/* ==================== BASIC ================ */
.table_active {
	background:#FFFFFF;
	font-family:verdana;
	font-size:14px;
	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 {
	font-size:14px;
	background:#3b8927;
	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:verdana;
	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:verdana;
	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:verdana;
	font-size:12px;
	color:#555555;
	letter-spacing:1px;
}
.comment a {text-decoration:none; color:#555555; font-weight:bold; }

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

.error {
	font-family:verdana;
	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 #3b8927; width:150px; margin-top:0px; margin-left:-100px; }
.country_select_div table { background:#3b8927; width:100%; font-family:verdana; font-size:12px; }
.country_select_div td { background:#d7efd1; color: #3b8927; }
.country_select_div td:hover {background: #3b8927; 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:verdana;  }

/* ==================== CALENDAR ================ */
/* outer table */
.kalender { width:200px; font-family:verdana; font-size:12px; 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:#3b8927; 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:#3b8927; color:#FFFFFF; text-decoration:none; }
/* general setting for td's */
.kalender td { text-align:center; font-family:verdana; 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:200px;
	height:200px;
	text-align:center;
	margin-top:0px;
	margin-left:5px;	
}

/* note (div) for calendar on pricelist-page */
.note {
	font-weight:normal;
	width:200px;
	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 { background:url('artimg/background_menu.png'); height:50px; padding:5px; text-align:center; letter-spacing:2px; font-family:Verdana; font-size:12px; color:#000000; }
.td_menu:hover { background:url('artimg/background_menu2.png'); height:50px; padding:5px; text-align:center; letter-spacing:2px; font-family:Verdana; font-size:12px; color:#FFFFFF; cursor:pointer; }
.td_menu_active { background:url('artimg/background_menu2.png'); height:50px; padding:5px; text-align:center; letter-spacing:2px; font-family:Verdana; font-size:12px; color:#FFFFFF; }

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