﻿html{
	overflow:auto;
}
body{
	background-color: #313131;
	padding:10px 0px;
	margin:0px;
	color:white;
	font-family:Helvetica, Times, Verdana;

		
}
div#container{
			margin:0 auto;
			width:1200px;
			min-height:700px;
}
div#header{
			height:65px;
			background-image:url('../images/bg_header.jpg');
}
div#logo{
			position:absolute;
			top:35px;
			margin-left:262px;
			width:860px;
			height:135px;
			background-image:url('../images/bg_logo.jpg');
   		z-index:2;
}
div#main{
			position:relative;
			background-image:url('../images/bg_main.jpg');
			background-repeat:repeat-y;
			min-height:595px;
   		width:1200px;
}
div#nav{
			width:235px;
			margin:0 auto;
			float:left;
}
div#adresse{
			position:relative; 
			clear: both;
		  	width:140px;  
			color:white;
		  	font-family:Arial;  
			font-size:11px;
		 	bottom:10px; 
		  	left:50px;
			  		  
}
div#content{
			float:left;
			width:885px;
			padding-top: 90px;
   		padding-left:40px;
}
div#clear{
	clear: both;
}
div#footer{
			height:40px;
			background-image:url('../images/bg_footer.jpg');
}


/* -----------Navigation ---------------- */
ul.menu{
			list-style-type:none;
		 	margin:50px 15px 0 15px; 
		  	padding:0;
}

ul.menu li{
			display: block;
		 	width:205px; 
	/*	  	height:50px;  */
			background-image: url('../images/bg_links.jpg');
		 	line-height:50px; 
		  	text-indent:40px;  
			color:white;
		  	font-family:Helvetica, Times, Verdana;   
			margin-top:10px;
   		background-repeat: no-repeat;
}

ul.menu > li#current, ul.menu > li.active{
		background-image: url('../images/bg_links_aktiv.png');
}


ul.menu a{
			display:block;
			text-decoration:none;
			color:white;
}

		  /*-------------Untermenu-------------*/
ul.menu > li.parent > ul{
			margin:0;
 			padding:10px;
			list-style-type:none;
}

ul.menu > li.parent > ul > li{
			background-image: url('../images/link_child.jpg');
	  		text-indent:0px;
			margin:0;
			padding:0;
   		font-size:11px;   
     		height:25px;
			line-height:25px;     
} 

ul.menu > li.parent > ul > li#current{
			border:1px solid #ADADAD;
			width:185px;
}

ul.menu li.parent ul li a{
			width:200px;
			line-height:25px; 
			padding-left:10px;   
 
} 
		  /*-------------Untermenu-------------*/
	/*-------------Bottommenu-------------*/
.menu_bottom {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
}


.menu_bottom li {
    text-align: center;
    width: 205px;
}		  
		  
.menu_bottom li a {
    text-decoration: none;
    color: #fff;
    font-size: 90%;
}		  
	/*-------------Bottommenu-------------*/		  
/* -----------Navigation ---------------- */
/* -----------Inhalt-Tabelle------------- */
table.contentpaneopen{
			margin:0;
		 	padding:0; 
		  	width:775px;
}
td.contentheading, h2.item-title{
		  	font-family:Helvetica, Times, Verdana;
			font-size:18px;
			font-weight:bold;
			margin:0;
}
/* -----------Inhalt-Tabelle------------- */
/*---Angaben für Modul Slide_Show---*/
div#gallery {
	background-color:#313131;
	padding:6px 8px;
	width:870px;	
}

div#gallery table, div#gallery table div{
  width:100% !important;
}

div#gallery a {
	margin-right:4px;
	text-decoration:none;
}

div#gallery img {
	border:medium none;
}
/*---Angaben für Modul Slide_Show---*/
/* -----------Inhalt-Kontaktformular------------- */
form#chronoform_Kontakt input, form#chronoform_Kontakt select {
    line-height: 18px;
    padding: 1px !important;
	font-size:14px;
}

form#chronoform_Kontakt label{
	width:100px !important;
	font-weight:normal;
}

div.pers_daten, div.anliegen{
display:inline-block;
vertical-align:top;
}

.ccms_form_element  textarea{
    width: 308px;
}

input[name="betreff"]{
	width:314px;
}

input.senden, button.senden{
	background-image: url("../images/bg_links.jpg") !important;
	background-repeat:no-repeat !important;
    color: #fff !important;
    cursor: pointer !important;
    line-height: 50px !important;
    border: none !important;
	outline:none !important;
    width: 205px !important;
	height:50px !important;
	text-align:left !important;
	text-indent:40px !important;
	margin:20px 0 0 135px !important;
}

input.senden:hover, button.senden:hover{
	background-image: url("../images/bg_links_aktiv.png");
}
input.senden:disabled{
  cursor:not-allowed !important;
}
/*
div.anliegen {
    padding-left: 20px;
} */

div.chronoform > a{
	display:none;
}

#recaptcha_area, #recaptcha_table{
	display:flex;
}
.gbs3{
  padding-bottom:120px;
}

.gbs3 label {
    font-weight: normal !important;
    float: left;
    margin-right: 50px;
    width: 90px;
}

.fa-asterisk, .gbs3 a{
  color:#b8d6e1 !important;
}

p.chrono_credits{
  display:none;
}
/* -----------Inhalt-Kontaktformular------------- */
/* -----------Inhalt Menüpunkt Anfahrt----------- */
div#route {
    display: inline-block;
    height: 220px;
    text-align: top;
    vertical-align: top;
    margin-left: 55px;
	margin-top:-50px;
}
div#map {
    display: inline-block;
}
.planrouteheader {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
}

form#route_94 input {
    margin-top: 20px;
}

input.button{
	background-image: url("../images/bg_links.jpg");
	background-repeat:no-repeat;
    color: #fff;
    cursor: pointer;
    margin-top: 65px !important;
    line-height: 50px;
    border: none;
	outline:none;
    width: 205px;
	height:50px;
	text-align:left;
	text-indent:40px;
	
}
input.button:hover{
	background-image: url("../images/bg_links_aktiv.png");
}

a.modal-button{
	text-decoration:none;
}
/* -----------Inhalt Menüpunkt Anfahrt----------- */
/* -----------Inhalt Menüpunkt Impressum----------- */
.pagenavcounter {
border:none;
display: none;
visibility: hidden;
}

div.item-page{
	position:relative;
}

div.pager {
    top: -10px;
    right: -70px;
    position: absolute;
    text-align: center;
    width: 500px;
}

div.pager ul {
    list-style-type: none;
}

div.pager ul li {
    display: inline;
    margin-left: 10px;
}

ul.pagenav > li > a, div.pager > ul > li > a, div.pager > ul > li > span {
    font-size: 60%;
    margin: 0;
    padding: 2px 7px 1px 4px;
    text-decoration: none;
}

div.pager > ul > li > span {
    color: #999;
    cursor: default;
}

div.search input.button, button.button, a.button, ul.pagenav > li > a, div.pager > ul > li > a, div.pager > ul > li > span, button.btn {
    border-color: #eee #dedede #dedede #eee;
    border-image: none;
    border-radius: 4px;
    border-right: 1px solid #dedede;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.2s;

    line-height: 5px;
/*    margin: 0 0 0 7px;
    padding: 4px 10px 3px 7px;
    width: 100px;	
	font-size: 80%; */

}

table.impressum{
	font-size:14px;
}

.fade {display:none!important} /* Tooltips über Links der Seitennavigation ausschalten */

/* -----------Inhalt Menüpunkt Impressum----------- */ 
/* -----------Inhalt Menüpunkt Leistungsspektrum----------- */
ul#leistung > li {
    margin-top: 15px;
}

ul#leistung > li > ul > li {
    margin-top: 5px;
}
/* -----------Inhalt Menüpunkt Leistungsspektrum----------- */
/* -----------Inhalt Menüpunkt Datenschutz----------- */
div.datenschutz{
  padding-bottom: 80px;
  font-size:12px;
  text-align:justify;
}
div.datenschutz em{
  font-size:0.8em;
}
div.datenschutz a{
  font-size:0.9em;
  color:#fff;
}
div.datenschutz a:hover{
  font-size:0.9em;
  color:#b6d6e1;
}
/* -----------Inhalt Menüpunkt Datenschutz----------- */
/* -----------Inhalt Menüpunkt Referenzen------------ */
div.refs-thumb{
  width: 300px;
  text-align:center;
}

a.back img{
  width:250px;
}

/* div.refs {
  display: grid;
grid-template-columns: 350px 350px;
grid-template-rows: 175px 175px;
column-gap: 30px; /* 100px; *//*
row-gap: 15px;
align-items: center;
place-items: center;
  margin: 50px auto auto 20px;
} */

div.refs, .row-fluid [class*="span"] {
  display: inline-block;
}

.row-fluid [class*="span"] {
  width: 40%;
}


a.back, a#back{
  text-decoration:none;
  color:white;
}

a[href^="http://www.joompolitan.com"]{
	color:#00bbff !important;
	line-height: 1px;
}


