
html { height:100%; width:100%; margin:0; padding:0; }
body { margin:0; padding:0; width:100%; height:100%; background-color:white; min-width:320px; text-align:center; }		/*	min-width:Minimum width of layout. The min-width property does not work in old versions of Internet Explorer	*/
td img, th img, td object, th object { display:inline-block; margin:0; padding:0; }
img, object { border:0; }
a:active { color:red; text-decoration:none; }
a:link { color:blue; text-decoration:none; }
a:visited { color:blue; text-decoration:none; }
a:hover { color:red; text-decoration:underline; }
dd, p, ul, ol, li, div, td, th, body { font-size:11px; font-family:verdana, arial, helvetica, sans-serif; color:black; }
p { margin:.4em 0 .8em 0; padding:0; }
h1 { font-size:16px; font-weight:700; font-family:verdana, arial, helvetica, sans-serif; color:black; margin:.8em 0 .2em 0; padding:0; }
h2 { font-size:14px; font-weight:700; font-family:verdana, arial, helvetica, sans-serif; color:black; margin:.8em 0 .2em 0; padding:0; }
h3 { font-size:11px; font-weight:700; font-family:verdana, arial, helvetica, sans-serif; color:black; margin:.8em 0 .2em 0; padding:0; }
/*
ol { margin-left:1em; padding-left:1em; }
ul { margin-left:0.75em; padding-left:0.75em; }
*/
ol { overflow:hidden; padding-left:25px; }
ul { overflow:hidden; padding-left:25px; }
form { margin:0; }
table { border-collapse:collapse; }
td, th { text-align:left; }
td, th, tr { vertical-align:top; }
label { cursor:pointer; }
dd, dl, dt { margin:0; padding:0; }
dd { font-size: 0.8em; text-align:center; }
.gmnoprint div { color:#222222; }													/*	FCKeditor , GoogleMap	*/
/*	http://matthewjamestaylor.com/blog/holy-grail-liquid-layout-no-quirks-mode	*/
#fixed { margin:0 auto; width:100%; text-align:left; }										/*	width can be px, em or %	*/
#header { float:left; width:100%; padding:0; margin:0; white-space:nowrap; position:relative; }
#colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden; }					/*	position:relative:This fixes the IE7 overflow hidden bug and stops the layout jumping out of place, width:of whole page, overflow:hidden:This chops off any overhanging divs, background:left col	*/
#colmid { float:left; width:200%; position:relative; left:200px; }								/*	left:breite linke spalte, background middle col	*/
#colright { float:left; width:100%; position:relative; left:50%; margin-left:-400px; min-height:500px; }		/*	background right col	*/
#col1wrap { float:right; width:50%; position:relative; right:100%; }
#col1pad { margin:0 15px 0 415px; overflow:hidden; }
#col1 { width:100%; overflow:hidden; }
#col2 { float:left; width:170px; position:relative; margin-left:-50%; left:215px; overflow:hidden; }
#col3 { float:left; width:170px; position:relative; left:15px; overflow:hidden; }
#footer { clear:both; float:left; width:100%; padding:0; margin:0; white-space:nowrap; position:relative; }
#content { position:relative; }

/*	Hintergrundbild 100% Hoehe und Breite		*/
#body { position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; overflow:auto; }
#background { position:fixed; z-index:0; width:100%; height:100%; top:0; left:0; }
#background img { height:100%; width:100%; }

/*	Roulette App	*/
#dropapp-roulette { position:relative; width:600px; height:300px; left:10px; top:30px; border:0px dotted #cccccc; }
div.dropapp-item { border:1px solid #222222; background-color:#cccccc; }
div.dropapp-item-name { background-color:#777; }
div.dropapp-item-name div { padding:6px; font-size:14px; font-weight:normal; color:#fff; font-family:verdana, arial, helvetica, sans-serif; border-top:1px solid #eee; }

/*	DropTours	*/
fieldset.touren { border:1px solid #3873A6; }
legend.touren { color:#3873A6; font-style:italic; }
#droptours-login { margin-bottom: 20px; margin-top: 20px; padding: 5px; background-color: #eee; border-radius: 5px; }
#droptours-login a { margin-right: 30px; }
.search_field { font-size: 7px; line-height: 7px; border-radius: 8px; }
#search-lupe { margin-right: 10px; }

table td.status_0:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-0.png);
	background-repeat: no-repeat;
	background-position: right center;
}
table td.status_1:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-0.png);
	background-repeat: no-repeat;
	background-position: right center;
}
table td.without_register:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-without-register.png);
	background-repeat: no-repeat;
	background-position: right center;
}
table td.status_2:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-3.png);
	background-repeat: no-repeat;
	background-position: right center;
}
table td.status_3:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-3.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/*	Slideshow	*/
#slideshow { visibility:hidden; width:200px; height:150px; position:relative; margin:0; padding:0; }
#slideshow img { position:absolute; }

/*	Slideshow Neu Nivo	*/
.nivo-main-image { height: auto !important; }
#slider { position: relative; }

.pay-button-back { margin-top: 50px; }

/**
* DropEvent - fuer die Wochendarstellung
*/
.required, input:required, select:required, radio:required, checkbox:required { border: 1px solid #990000; }

.event_week { border-color: #919191; border-right: 1px solid; border-left: 0px solid; border-top: 1px solid; border-bottom: 1px solid; width: 98px; display: inline-block; margin-right: 0px; margin-bottom: 20px; padding: 0px; padding-left: 1px; float: left; border-collapse: collapse; }
.event_week_first { border-left: 1px solid; margin-left: 35px; }
.event_week_titel { border-color: #919191; height: 30px; border-bottom: 1px solid; padding-left: 4px; padding-bottom: 4px; padding-top: 3px; background-color: #ddd; }

.event_week_day { position: absolute; border: 1px solid #919191; width: 95px; background-color: #fff; border-radius: 5px; box-shadow: 1px 1px 4px #6f6f6f; }
.event_week_day_description { position: absolute; border: 1px solid #919191; background-color: #dad9d9; width: 250px; height: 50px; z-index: 1000; }
.event_week_line { position: absolute; border-top: 1px dotted #919191; border-bottom: 0px solid #9a9898; width: 98px; }

.event_week_name { font-size: 9px; color: #cc0000; font-weight: bold; padding: 2px; }
.event_week_time { font-size: 10px; margin-bottom: 2px; }

.event_today { color: #880000; }
.event_week_hours { position: absolute; text-align: right; width: 30px; left: 0px; font-size: 10px; padding-left: 2px; }
.event_week_left { position: absolute; width: 30px; padding: 2px; border-left: 1px solid #919191; border-top: 1px solid #919191; border-bottom: 1px solid #919191; background-color: #ddd; }
.event_button { margin-right: 10px; }


.address_block { position: relative; width: 300px; display: inline-block; min-height: 180px; float: left; padding-bottom: 50px; margin-right: 20px; }
.address_image { position: absolute; border-radius: 10px; }
.address_image img { border-radius: 10px; }
.address_person { position: relative; left: 120px; width: 180px; float: right; }
.address_address { position: relative; left: 120px; width: 180px; float: right; }
.address_name { font-weight: bold; width: 180px; }


div.col-xs-10 { width: 41%; float: left; }
div.col-xs-02 { width:  9%; float: left; }
div.col-xs-12 { width: 50%; float: left; }
div.ajax-file-upload { clear: both; }
.ajax-upload-dragdrop { width: 80%; }
.btn {  }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.form-control { width: 100%; }
/**
* Bilder
*/
.img_right_large { width: 60%; height: auto; max-width: 100%; float: right; margin: 10px 0 10px 10px; }
.img_left_large { width: 60%; height: auto; max-width: 100%; float: left; margin: 10px 10px 10px 0px; }
.img_right_small { width: 33%; height: auto; max-width: 50%; float: right; margin: 10px 0 10px 10px; }
.img_left_small { width: 33%; height: auto; max-width: 50%; float: left; margin: 10px 10px 10px 0px; }
.img_large { width: 100%; height: auto; margin: 10px 0px 10px 0px; }
.img-right { float: right; margin-left: 15px; }
.img-left { float: left; margin-right: 15px; }
/**
*	Google Maps
*/
.gmnoprint div {
	color:#222;
}
div.gm-style * {
	color: #222;
}
/**
*	Wordtrenung
*/
.manual-hyphens {
	hyphens:manual;
}
.nobr {
	white-space: nowrap;
}
/* Damit das iPhone die Schriftgr�ssen nicht selber korrigiert. */
@media screen and (max-device-width: 480px){
  body{ -webkit-text-size-adjust: none; }
}

/* iPhone und co.: wenn kleiner als 640 Pixel */
@media screen and (max-device-width: 320px), screen and (max-width: 640px) {
	.img_right_large { width: 100%; }
	.img_left_large { width: 100%; }
	.img_right_small { width: 40%; }
	.img_left_small { width: 40%; }




}
