/* -- Inhalt -- */
#modal {
	padding: 90px 40px 35px 40px;
	width:456px;
	font-family: Arial, Helvetica, sans-serif;
	color: #645f60;
	font-size:14px;
}
#modal p{ line-height:25px;}
#modal strong{ color:#67970c;}

/* -- -- */

/* -- Formular Elemente -- */
#modal fieldset { border:0; margin-bottom:20px}
#modal fieldset .left,
#modal fieldset .right{ float:left;}

#modal fieldset .left{ padding-right:30px}
#modal fieldset .right{}

#modal fieldset .formItem{ position:relative;}
#modal fieldset .formItem label{
	display:block;
	position:absolute;
	color:#999;
	position: absolute;
	z-index:2;
	padding:10px 0;
	font-size:16px;
	left:0
}
#modal fieldset .formItem input.formText,
#modal fieldset .formItem textarea {
	padding:10px;
	background-image:url(../gfx/input-bg.png);
	background-repeat:repeat-x;
	font-size:16px;
	color: #999;
	position:relative;
	z-index:1;
}

#modal fieldset .formItem input.formText:focus,
#modal fieldset .formItem textarea:focus {}

#modal fieldset .formItem input.formText{ background-image:url(../gfx/input-bg.png); background-repeat:repeat-x; border:1px solid #a0a0a0}
#modal fieldset .formItem textarea {}

#modal fieldset.anfrage .formItem{ margin-bottom:10px}
#modal fieldset.anfrage .formItem label{ display:block;text-indent:10px; width:100%}
#modal fieldset.anfrage .formItem input.formText,
#modal fieldset.anfrage .formItem textarea { width:180px; padding: 8px 10px}

#modal fieldset.anfrage .formItem textarea { width:189px; height:133px; border:0; background-color: #f7f7f7 }

#modal fieldset.anfrage .right .formItem input.formText,
#modal fieldset.anfrage .right .formItem textarea { width:190px;}

#modal fieldset.anfrage .formItem input.formDate  { width:150px; float:left}
#modal fieldset.anfrage .formItem input.formText:focus,
#modal fieldset.anfrage .formItem textarea:focus {
	-moz-box-shadow: 0 0 5px #99cc33;
	-webkit-box-shadow: 0 0 5px #99cc33;
	-o-box-shadow: 0 0 5px #99cc33;
	box-shadow: 0 0 5px #99cc33;
}
#modal fieldset.anfrage .formError input.formText,
#modal fieldset.anfrage .formError textarea { border:1px solid #990000; border-width: 1px 2px 1px 1px; }

#modal fieldset.anfrage.booking .formItem textarea { background-color:#fff; border:1px solid #a0a0a0; height:129px}

#modal fieldset.anfrage .formCheckbox { position:relative; margin-top: 10px; text-align: left}
#modal fieldset.anfrage .formCheckbox:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
#modal fieldset.anfrage .formCheckbox input { position:absolute;left:0; top:0; filter: alpha(opacity=0);opacity: 0;}
#modal fieldset.anfrage .formCheckbox input {}

#modal fieldset.anfrage .formCheckbox label{ display:table; width: 190px; position:static; padding: 0; text-indent: 0}
#modal fieldset.anfrage .formCheckbox label span {display:table-cell;color:#777;font-size: 11px; padding-left:10px; height: auto; vertical-align: middle; line-height: normal; text-align: left}
#modal fieldset.anfrage .formCheckbox label span a {color: #658c0e}
#modal fieldset.anfrage .formCheckbox label i { 
	width:20px; height:20px;border:1px solid #a0a0a0;background:#fff; display:table-cell; cursor:pointer; position:relative; float:left;
	background-image: url(/gfx/input-bg.png);
	background-repeat: repeat-x;
}
#modal fieldset.anfrage .formCheckbox.formError label i{border:1px solid #990000}
#modal fieldset.anfrage .formCheckbox label i:before,
#modal fieldset.anfrage .formCheckbox label i:after { 
	content:" "; height:1px; width:14px; background:#658c0e; display:block; position:absolute; top:50%; left:3px; margin-top:-1px;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: -moz-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-o-transition: -o-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);transition: transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
}

#modal fieldset.anfrage .formCheckbox label i:before {
	-webkit-transform: rotate(45deg) scale(0,1);-moz-transform: rotate(45deg) scale(0,1);-o-transform: rotate(45deg) scale(0,1);
	-ms-transform: rotate(45deg) scale(0,1);transform: rotate(45deg) scale(0,1);
}
#modal fieldset.anfrage .formCheckbox label i:after {
	-webkit-transform: rotate(135deg) scale(0,1);-moz-transform: rotate(135deg) scale(0,1);-o-transform: rotate(135deg) scale(0,1);
	-ms-transform: rotate(135deg) scale(0,1);transform: rotate(135deg) scale(0,1);
}

#modal fieldset.anfrage .formCheckbox input:checked + label i:before {
	-webkit-transform: rotate(45deg) scale(1);-moz-transform: rotate(45deg) scale(1);-o-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);	transform: rotate(45deg) scale(1);
}
#modal fieldset.anfrage .formCheckbox input:checked + label i:after {
	-webkit-transform: rotate(135deg) scale(1);-moz-transform: rotate(135deg) scale(1);-o-transform: rotate(135deg) scale(1);
	-ms-transform: rotate(135deg) scale(1);transform: rotate(135deg) scale(1);
}

#modal a.formSubmit {
	color:#fff;
	border:0;
	background-color:#658c0e;
	cursor:pointer;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:190px;
	padding:8px 10px 7px;
	background-image:url(../gfx/btnsubmit.png);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:16px;
	text-decoration:none;
}
#modal a.formSubmit:hover { background-position:bottom}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#modal a.formSubmit {padding:8px 10px 8px;}
}

/* -- -- */
#modal .sbHolder{
	background-color: #fff;
	border: solid 1px #a0a0a0;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 34px;
	position: relative;
	width: 207px;
}
#modal .sbHolder:focus .sbSelector{}
#modal .sbSelector{
	display: block;
	height: 34px;
	left: 0;
	line-height: 36px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 175px;
	background-image:url(../gfx/input-bg.png);
	background-repeat:repeat-x;
}
#modal .sbSelector:link,
#modal .sbSelector:visited,
#modal .sbSelector:hover{color: #999;outline: none;text-decoration: none;}

#modal .sbToggle{
	background-image:url(../gfx/select-btn.png);
	display: block;
	height: 34px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}
#modal .sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}

#modal .sbHolderDisabled .sbHolder{}
#modal .sbHolderDisabled .sbToggle{}

#modal .sbOptions{
	background-color: #fff;
	border: solid 1px #a0a0a0;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 207px;
	z-index: 99;
	overflow-y: auto;
}
*+html #modal .sbOptions{ width:208px}
#modal .sbOptions li{	padding: 0 0;}
#modal .sbOptions a{border-bottom: solid 1px #d3d3d3;	display: block;	padding:8px 10px;}
#modal .sbOptions a:link,
#modal .sbOptions a:visited{color: #a0a0a0;text-decoration: none;}

#modal .sbOptions a:hover,
#modal .sbOptions a:focus,
#modal .sbOptions a.sbFocus{color: #fff; background-color:#690}
#modal .sbOptions li.last a,
#modal .sbOptions li:last-child a{border-bottom: none;}
#modal .sbOptions .sbSub{	padding-left: 17px;}