/*
HTML 5 Template Name: Basic 86
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{
margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#919191; 
background-color:#232323;

}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;color:#fff;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'� '; font-size:26px;}
q:after{content:' �'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

.row1, .row1 a{color:#C0BAB6; background-color:#333333; }
.row2{color:#979797; background-color:#FFFFFF;xbackground: url(../images/body.gif) repeat 0 0; }
.row2 a{color:#FF9900; background-color:#FFFFFF;}
.row3, .row3 a{color:#919191; background-color:#232323;}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer{display:block; width:970px; margin:0 auto;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'� '; font-size:26px;}
blockquote:after, q:after{content:' �'; font-size:26px; line-height:0;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}

.one_quarter, .two_quarter, .three_quarter, .four_quarter{display:block; float:left; margin:0 20px 0 0;}
.one_quarter{width:220px;}
.two_quarter{width:470px;}
.three_quarter{width:715px;}
.four_quarter{width:960px; float:none; margin-right:0; clear:both;}

.one_third, .two_third, .three_third{
	display:block; 
	float:left; 
	margin:0 20px 0 0; 
	border:1px solid #999;
	
}
.one_third{width:280px;border-radius:5px; background:#333333;padding:10px;}

.two_third{width:630px;}
.three_third{width:960px; float:none; margin-right:0; clear:both;}

.lastbox{margin-right:0;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:0;color:#fff;}

#header hgroup{float:left; margin:10px 0 10px 0; xborder:1px solid red;}
#header hgroup span{ border:1px solid red;margin:0;font-size:10pt;}
#header hgroup h1, #header hgroup h2{font-weight:normal; text-transform:none;}
#header hgroup h1{font-size:36px;}
#header hgroup h2{font-size:13px;}

#header .hotline_menu{
	xborder:1px solid red;
	overflow:auto;
	width:600px;
	float:right;
}

#header .hotline{
	margin:2px 2px 0 5px;
	width:220px;
	float:right;
	padding:10px 5px;
	font-size:16pt;
	text-align:right;
	font-family:arial;
	
}

#header .hotline a{ opacity:0.4; }
#header .hotline a.active_lang{ opacity:1; }
#header .hotline a:hover{opacity:1;}

#header nav {
	display: block;
	float: right;
	margin: 22px 0 0 0;
	padding: 20px 0;
	color: #C0BAB6;
	background-color: #232323;
	border-radius: 7px;
}

#header nav ul {
	padding: 0 20px;
	margin-right: 100px;
}

#header nav li {
	display: inline;
	margin-right: 15px;
	text-transform: uppercase;
}

#header nav li.last {
	xmargin-right: 0;
}

#header nav li a {
	color: #C0BAB6;
	background-color: #232323;
	color: #fff;
}

#header nav li a:hover {
	color: #FF9900;
	background-color: #232323;
}

#header nav li.active a {
	color: #FF9900;
	background-color: #232323;
}

#ex_menu {
	background: #000;
	width: 100px;
	float: right;
	font-family: arial;
	overflow: auto;
	cursor: pointer;
	background: #232323;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 10px 10px 10px;
	border-radius: 5px 5px 0px 0px;
	margin-top: -2px;
}

#ex_menu ul {
	display: none;
	position: absolute;
	padding: 0px 10px;
	padding-bottom: 10px;
	margin-left: -130px;
	margin-top: 10px;
	background: #232323;
	background: #666;
	width: 200px;
	border-radius: 5px 0 5px 5px;
	z-index: 20000;
}

#ex_menu ul li {
	display: block;
	float: right;
	margin: 5px 0;
	margin-right: 0px;
}

#ex_menu ul li a {
	xbackground: none;
	display: block;
	border: 1px solid #999;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	width: 180px;
}

#ex_menu ul li a:hover {
	background: #444;
	color: #f90;
}

#ex_menu:hover ul {
	display: block;
}

#ex_menu:hover {
	background: #666;
}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:20px 0;}
#container section{display:block; width:100%; margin:0 0 50px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* ------Slider-----*/

#container #slider{}
#container #slider figure{}
#container #slider figure img{float:right; width:630px; height:300px;}
#container #slider figure figcaption{display:block; float:left; width:280px; height:260px; padding:20px; overflow:hidden; color:#989898; background-color:#DEDEDE; line-height:1.6em;}
#container #slider figure figcaption a{color:#FF9900; background-color:#DEDEDE;}
#container #slider figure h2{font-size:42px; font-weight:normal; font-style:italic; text-transform:none;}
#container #slider figure footer{}

/* ------Main Content-----*/

/* INHALT */
#container #homepage{display:block; width:100%; line-height:1.6em;}
#container #homepage #inhalt{margin-bottom:15px;padding:5px;color:#333;}
#container #homepage #inhalt .preise{border:1px solid red;}
/* INHALT */

#container #homepage #services{}
#container #homepage  article{}
#container #homepage  article h2{font-size:15px; margin-bottom:15px;color:#ff9900}
#container #homepage  article p{margin:0; padding:0;}
#container #homepage  article img{float:left; margin:0 10px 10px 0; padding:4px; border-radius:4px;}
#container #homepage  article footer{margin:10px 0 0 0;}


#container #homepage #latest{}
#container #homepage #latest div{margin:0 18px 0 0; text-align:center;color:#000;}
#container #homepage #latest div img{border-radius:7px;margin-bottom:5px;}
#container #homepage #latest div h2{font-size:11px;margin-top:5px;color:#000}


div.footer_box{margin:0 18px 0 0; text-align:center;color:#000;}
div.footer_box img{border-radius:7px;margin-bottom:5px;}
div.footer_box h2{font-size:11px;margin-top:5px;color:#000}
/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:20px 0;}
#footer p{margin:0; padding:0;}

/*LINK */
div.link_box{width:290px;padding:5px;float:left;margin-right:10px;}
div.link_box h2{font-size:14pt;padding:0px;margin:5px 0px;}
div.link_box ul{list-style:none;margin:0px;padding:0px;}
div.link_box ul li{display:block;margin:3px 0;}
div.link_box ul li a{text-decoration:none;color:#000; font-size:11pt;border:1px solid #999;display:block;padding:5px;}
div.link_box ul li a:hover{background:#ccc;}

.taxi_service{overflow:auto;margin-bottom:20px; color:#fff;}


/* BOOKING FORM */
#booking {
	width: 930px;
	padding: 10px;
	border-radius: 10px;
	background: #ccc;
	font-size: 11pt;
	z-index: 10000;
	margin: 0 auto;
	position: relative;
}

#booking .booking_left,.booking_right {
	width: 440px;
	padding: 5px 10px;
	float: left;
	xborder: 1px solid red;
}

#booking .booking_left {
	margin-right: 10px;
}

#booking form {
	border-radius: 10px;
}

#booking form p {
	padding: 5px 0px;
}

#booking form label {
	display: block;
	width: 110px;
	float: left;
	padding: 0px 5px;
	font-size: 9pt;
}

#booking form input {
	width: 230px;
	padding: 10px 5px;
	border: 1px solid #999;
	border-radius: 5px;
}

#booking form input[type="submit"] {
	cursor: pointer;
	color: #fff;
	background: #333;
}

#booking form input[type="submit"]:hover {
	color: #ff9900;
	border: 1px solid #ff9900;
	background: #666;
}

#booking form select {
	width: 243px;
	padding: 10px 5px;
	border: 1px solid #999;
	border-radius: 5px;
}

#booking form textarea {
	width: 300px;
	padding: 10px 5px;
	border: 1px solid #999;
	border-radius: 5px;
	height: 70px;
}

#booking form select#txtAbholzeit_1,#booking form select#txtAbholzeit_2 {
	width: 115px;
	font-size: 12pt;
	padding: 7px 5px;
}

#anmerkung {
	padding: 5px 10px;
}

#anmerkung textarea {
	width: 510px;
	padding: 10px 5px;
	border: 1px solid #999;
	border-radius: 5px;
	height: 80px;
}

#booking .info_box {
	position: fixed;
	border: 1px solid #000;
	width: 955px;
	background: #fff;
	top: 100%;
	left: 50%;
	margin-left: -480px;
	margin-top: -70px;
	text-align: center;
	color: #0f0;
	font-size: 14pt;
	border-radius: 5px;
	display: none;
}

#booking .info_box p span {
	float: right;
	margin: 0 20px;
	border: 1px solid #999;
	padding: 5px 10px;
	border-radius: 5px;
	color: #999;
	cursor: pointer;
}

#booking .info_box p span:hover {
	color: red;
	border: 1px solid #000;
	background: #999;
}

#booking .booking_menu {
	overflow: auto;
	padding: 5px;
}

#booking .booking_menu span {
	display: block;
	width: 40px;
	float: right;
	margin-right: 10px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #ccc;
}

#booking .booking_menu span:hover {
	background: #ddd;
	border: 1px solid #999;
}

#kontakt {
	border-bottom: none;
	float: left;
	width: 610px;
	padding: 0px;
}
/* BOOKING FORM */




/*KOSTEN RECHNEN */
#kosten_rechner_button{width:180px;position:absolute;left:100%;top:27%;margin-left:-160px;}
#kosten_rechner_button a{
	text-align:center;display:block;padding:10px;cursor:pointer;
	border:1px solid #fff;border-radius:5px;margin-bottom:5px;
	xbackground:url(../images/bg_anfrage.png) repeat-x 0 0;
	background:#000;
}
#kosten_rechner_button a:hover{background:#555;color:#FF9900;border:1px solid #f90;}

#dialog_rechner{
	background:#999; 
	overflow:auto;
	padding:10px;
	color:#000;
	font-family:arial;
  xwidth:0px ;
	xheight:0px;
	margin-bottom:10px;
}


/* map camvas */
#inputs{}
#inputs input{width:250px;padding:10px;border-radius:5px;border:1px solid #999;}
#map-canvas { height: 320px; width: 600px;float:right;}
#content-pane { width:300px; padding-left: 2%;float:left;}
#outputDiv {font-size: 11px;}
/* map camvas */
/*KOSTEN RECHNEN */



/* AB_NEWS */
#ab_news{padding:5px;margin:20px 0;background:#ccc;border-radius:5px;color:#000;}
#ab_news h2{padding:10px;margin:10px 0;}
#ab_news_form {width:700px;}
#ab_news p{margin:2px 0;}
#ab_news label{display:block;width:120px;float:left;padding:5px;}
#ab_news input{padding:10px;width:195px;border:1px solid #999;border-radius:5px;}
#ab_news textarea{padding:10px;width:535px;border:1px solid #999;border-radius:5px;}
#send_ab_news{ 
	border:1px solid #999; 
	display:block; 
	width:80px;
	padding:7px 5px;
	text-align:center;
	float:right;
	margin:3px 10px;
	border-radius:5px;
	background:none;
	cursor:pointer;
	color:#000;
}
#send_ab_news:hover{background:#999;color:#f90}
#ab_news_msg{display:none;margin:5px 130px;cursor:pointer;margin-right:265px;overflow:auto;padding:5px;border:1px solid #999;}
#ab_news_msg span{display:block;width:30px;float:right;border:1px solid #999;padding:5px;text-align:center;}

#ab_output{margin:20px 0; }

#ab_output .ab_news_content{border:1px solid #999;margin:10px 5px;padding:5px; border-radius:5px;}
#ab_output .ab_news_content p{margin-bottom:5px;padding:5px;}
#ab_output .ab_news_content p.ab_news_content_info{margin-right:160px;color:#555;}
#ab_output .ab_news_content p.ab_news_content_text{margin-right:160px;color:#000;}
#ab_output .ab_news_content p span{}
#ab_output .ab_news_content p.ab_news_content_menu { width:150px;float:right;}
#ab_output .ab_news_content p.ab_news_content_menu a{
 display:block;
 text-decoration:none;
 background:none;
 width:30px;
 text-align:center;
 border:1px solid #999;
 border-radius:5px;
 float:right;
 padding:5px;
 margin-left:5px;
 cursor:pointer;
}
#ab_output .ab_news_content p.ab_news_content_menu a:hover{background:#fff;}
/* AB_NEWS */


/* FUHRPARK */
.fuhrpark{overflow:auto;margin-bottom:20px;background:#ccc;border-radius:10px;}
.fuhrpark_left{width:450px;float:left;padding:10px;border-radius:5px;}
.fuhrpark_left ul{margin:20px 0;padding:0;list-style:none;}
.fuhrpark_left ul li{border:1px solid #999;width:210px;float:left;margin:5px 0;margin-right:5px;padding:7px 4px;border-radius:5px;}


.fuhrpark_right{width:450px;float:right;padding:10px;border-radius:7px;text-align:center;}
.fuhrpark_right img{border-radius:5px;}

/* FUHRPARK */