@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0 (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(yml/navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/responsive.css);

.no-display { display: none; }

#col3_content {
	margin-left: -20px;
}

/* import print layout | Druck-Layout einbinden */
/* @import url(../yaml/print/print_003_draft.css); */


	#pricing_list td, #pricing_list th {
		border: 1px solid #789;
	}
	
	#pricing_list .r0 {
		background-color: #ddeeff;
	}

	#pricing_list .r1 {
		background-color: #f0f6ff;
	}
	
	#pricing_list .item {
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
	}
	
	#pricing_list td, #pricing_list th {
		text-align: center;
		padding: 5px;
	}
	
	table#related-locations {
		margin-top: 20px;
		margin-bottom: 20px;
		border: 1px solid #eeeeee;
	}
	
	table#related-locations td {
		overflow: hidden;
		vertical-align: top;
		white-space: nowrap;
		width: 220px;
	}
	
	#step-navigation li {
		float: left;
		width: 100px;
		list-style-type: none;
		color: #aaaaaa;
	}
	
	#step-navigation .step-number {
		display: block;
		text-align: center;
		font-size: 20px;
		margin-bottom: 10px;
	}

	#step-navigation .step-name {
		display: block;
		text-align: center;
		font-size: 11px;
		line-height: 12px;
	}
	
	#step-navigation li.completed {
		color: #9abcde;
	}

	#step-navigation li.current {
		color: #567abc;
	}
	
	form li label {
		width: 157px;
	}
	
	.table-striped tbody tr.error td, .table-striped tbody tr.error th {
		background: #ffeeee;
	}

	tr.error span.help-inline { 
		color: #aa0000;
	}
	
	#belegungsplanorig table {
		border-collapse: separate;	
		border-spacing: 2px;

	}
	
	#belegungsplanorig td {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
	
	input:not([type="image"]), textarea {
		box-sizing: content-box;
	}
	
	#col2_content h3 {
		font-size: 14px;
		margin-left: 15px;
		line-height: 14px;
	}
	
	.captcha {
		float: left;
		margin-right: 10px;
	}

	li {
		list-style-type: none;
	}
	
	.nav-tabs li a {
		padding: 5px;
	}
	
#browse .ppa select {
	width: 50px;
}

#browse .ppa div {
	text-align: right;
}

form table li {
	float:left;
	width:177px;
}

.logbar {
	background-color: #f4f4f4;
	border-width: 2px;
	color: #336666;
	height:12px;
	width:100px;
	font: 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
}
#inserieren {
width:560px; 
}

#inserieren ul {
list-style-type:none; 
}

#inserieren ul li {
padding:0;
margin:0 0 10px 0; 
}

#inserieren ul#sortable li { 
	display: inline-block;
	position: relative;
	width: 100px; 
	height: 100px; 
	text-align: center; 
	border: 2px solid #abcdef; 
	background-color: #ccddee;
	padding: 5px;
	margin: 5px;
}

#inserieren ul#sortable img {
	margin: 0px auto;
	display: block;
	padding: 5px;
}

#inserieren ul#sortable .delete-image {
	display: block;
 	width: 100px;
	position: absolute;
	bottom: 0px;
	text-align: center;
}

#inserieren table {
	width: 550px;
}

#inserieren th {
	width: 150px;
}

#inserieren legend {
	padding-left: 0px;
}

/* gallery */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); */

}

input.calendar {
  width: 74px;
}
button.calendar {
  background: url(calendar-icon.gif);
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
}

a.continent {
	font-weight: bold;
}


.lastminute-label{
    background: #0686fd;
    border-radius: 3px;
    padding:3px;
    color: #fff;

}

.lastminute-form .select_date, .lastminute-form .select_price{
    float: left;

}
.lastminute-form .select_date{
    width: 49%;
}

.lastminute-form .select_date select{
    width: 98%
}

.lastminute-form .select_price{
    width: 32.6%;
}

.lastminute-form .select_price input{
    width: 91%
}
.lastminute-form .select_price select{
    width: 98%
}

.lastminute-form .error{
    display: none;
    color: #b70000;
    font-size:8pt;
}

.lastminute-form .error.show{
    display: block;
}

.lastminute-form .send_button{
    text-align: center;
}

.lastminute-form .send_button .btn{
    width: 150px
}

.homepage-form .btn{
    margin-top: -10px;
}