@import url(toggle-basics.css);
@import url(formular.css);
@import url(extra.css);
@import url(rte.css);
@import url(fly-in-kontaktbox.css);
@import url(webfonts_css/fontawesome-all.min.css);
@import url(gridelements.css);
@import url(tt_address.css);
/* CSS Document

BLAU der Türe
color: rgba(0,62,144,1.0);
#003e90
 
Dunkelgrau TEXT
color: rgba(225,221,0,1.0);
#29363f
 
Dunkles Grau
color: rgba(108,114,122,1.0);
#6c727a

Mittleres Grau
color: rgba(163,167,175,1.0);
#a3a7af

Helles Grau
color: rgba(191,194,198,1.0);
#bfc2c6
*/

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #f6f6f6 !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
     font-family: 'Open Sans';
}
img, object, embed, video {
	max-width: 100%;
}
.clearing { clear: both; }
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}
img{
	width:100%;
}
#bodyAll,#navwrap {
	/* overflow: hidden; */
	width: 1140px;
	/* min-height: 100%; */
	/* height: auto !important; */
	margin: 0 auto;
}
#navwrap {
    overflow: auto;
}


/* Mikel */

.ahead{ font-weight:normal; }

.mmgreyline{
    width:100%;
    height:1px;
    background-color:#CCCCCC;
}

.aitem{
    padding-bottom:10px;
    border-bottom:1px solid #CCCCCC;
    margin-top:10px;
    font-family:'Open Sans';
}

.ditem{
    font-weight:bold;
}


#brcrumb{
    font-family: 'Open Sans';
    font-size:13px;
    color: #a3a7af;
    margin-top:-25px;
}
#brcrumb a{
    color: #a3a7af;
}

#brcrumb a.bc_active{
    color:#29363f;
}

#page-content{
    height:100%;
    overflow:auto;
    margin-top:50px;
}


/* Mikel stop */

/*
#gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	border: 3px dotted blue:
}
*/

p, label , address, h4{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
	font-size: 1.0em;
	line-height:1.6em;
	color: #29363f;
	width: 99%;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	border: 0px solid red;
}
td {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
	vertical-align: text-top;
}
strong, b {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
}
hr {
	border: none;
	float:left;
	color: #bfc2c6;
	background-color: #bfc2c6;
	height: 1px;
}

a {
	color: #003e90;
	text-decoration: none;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
}
a:visited
	{ color:#003e90;
	text-decoration: none;        
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
}
a:hover {
	color: #bfc2c6;
	text-decoration: none;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
}
ul li {
	list-style-type: square;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	color: #29363f;
}
h1 {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
	font-size: 1.7em;
	color: #6c727a;

}
h2 {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
	font-size: 1.5em;
	color: #a3a7af;
}

h3 {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
	font-size: 1.2em;
	color: #6c727a;
}
h4 {
	font-size: 1.2em;
}
#kopfbereich {
	/*float:left;*/
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#logo_pc {
	/* float:left; */
	width: 30%;
	margin: 30px 0px 40px 0px;
	border: 0px dotted blue;
}
#logo_mobil {
	display:none;
}
#breadCrumb {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 1.0em;
	float: left;
	width: 100%;
	color: #3e3e3e;
	padding: 0px 0px 20px 0px;
	margin: 30px 0px 20px 0px;
	border-bottom:1px solid #bfc2c6;
}
#breadCrumb a{
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
	font-size: 1.0em;
	text-decoration: none;
	color: #29363f;
	padding: 0px 0px 0px 0px;
}
#breadCrumb a:visited,
#breadCrumb a:hover{
	color: #003e90;
}
#MainSection {
	/* float: left; */
	width:100%;
    height:700px;
	margin: 0px 0px 0px 0px;
}
#MainSection img{
	width:100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	border: 0px solid #bfc2c6;
}

#contentBereich {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#containerLinks {/*Inhalte - Text*/
	float: left;
	width: 63%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted green;
}
#containerLinks img {
	width: auto;
	height: auto;
}

#containerLinks .frame-type-menu_sitemap_pages{
	border: 1px dotted green;
}

#containerBreit {/*Inhalte - Text*/
	float:left;
	width: 98%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px dotted green;
}
#containerRechtsNavi,
#containerRechts {/*Zweites Menü*/
	float: right;
	width: 30%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	border: 0px dotted blue;
}
#ontainerRechtsNavi h2,
#containerRechts h2{
}
#containerRechtsNavi ul li,
#containerRechts li{/*Zweites Menü*/
	list-style-type: square;
	color: #29363f;
	margin: 0px 0px 0px -17px;
}
#containerRechtsNavi a,
#containerRechts a{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
	color: #29363f;
	text-decoration:none;
	padding: 0px 5px 0px 0px;
}
#containerRechtsNavi a:hover,
#containerRechts a:hover{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;;
	color: #bfc2c6;
	padding: 0px 5px 0px 0px;
}


/*******************/
/***** FOOTER ******/
/******************/
#footer{
	float: left;
	font-size: 0.9em;
	border-bottom:0px solid #bfc2c6;
	border-top:0px solid #bfc2c6;
	width:100%;
	padding: 10px 0px 10px 0px;
	margin: 20px 0px 20px 0px;
}
#footer h2 {
	font-size: 1.3em;
}

#footer ul {
	padding-top: 10px;
}
#footerboxLinks ul {
	padding-left: 20px;
}

#footerboxLinks{
	float: left;
	width: 33%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footerboxMitte{
	float:left;
	width: 33%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footerboxRechts{
	float: right;
	width: 30%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footer a { color: #6c727a; text-decoration: none;}
#footer a:hover { color: #6c727a; text-decoration: none;}
#footer .shariff a:hover { color: #6c727a; text-decoration: none;}
#footer li {list-style:none;margin-left:-40px;}

#footer a[href^="tel"] {
	text-decoration: none;
	cursor: default;
	color: #6c727a;
}
#copyright{
	text-align:center;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	color: #bfc2c6;
	display: none;
}
#copyright a{
color: #bfc2c6;
}

/*#########################################################
############# Von 861 bis 1140 Pixel Breite ###############
#########################################################*/
@media only screen and (min-width: 861px) and (max-width: 1140px) {
	#bodyAll {
		width: auto;
		padding: 0px 5px 0px 5px;
		margin: 0 auto; /*centered content*/
		margin-bottom: 20px;
	}
	#kopfbereich{
		margin: 0px 20px 0px 20px;
	}
	#MainSection {
		margin: 0px 20px 0px 20px;
	}
	#footer{
		margin: 0px 20px 0px 20px;
	}
	#breadCrumb {
	margin: 30px 0px 20px 0px;

}
}
/*##############################################
##############  Von 0 bis 860 Pixel Breite ###########
###############################################*/
@media only screen and (max-width: 860px) {
	#google-Maps{
		display: normal;
	}
	#bodyAll {
		float:left;
		width: auto;
		padding: 0px 5px 0px 5px;
		margin: 0 auto; /*centered content*/
		margin-bottom: 20px;
	}
	body{
		background-attachment: fixed;
		background-size: 100% ;
		background-position: top;
		background-color: #577398;
	}
	#navigationTop{
		clear:both;
		width: auto;
		border: 0px dotted red;
	}
	#kopfbereich{
		float: left;
		width: auto;
		background:transparent;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#logo_pc {
		display: none;
	}
	#logo_mobil {
		display:block;
		float:left;
		width: 80%;
		margin: 40px 0px 30px 20px;
	}
	#breadCrumb {
		font-size: 0.9em;
		float: left;
		width: 94%;
		padding: 15px 0px 15px 0px;
		margin: 20px 0px 0px 0px;
	}
	#MainSection {
		float: left;
		width: auto;
		padding: 0px 0px 0px 0px;
		margin: -30px 20px 0px 20px;
	}
	#containerLinks {/*Inhalte - Text*/
		float:left;
		width: 100%;
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 0px dotted blue;
	}
	#containerRechts,
	#containerRechtsNavi{
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px dotted green;
	}
	#containerRechts img,
	#containerRechtsNavi img {
		width: 100%;
		height: auto;
		margin: 0px 20px 0px 20px;
	}
	#footer{
		float: left;
		font-size: 0.9em;
		line-height: 1.3em;
		width: 100%;
		border: 0px dotted red;
		margin: 0px 20px 0px 20px;
	}
	#footer ul{
		border: 0px dotted red;
		margin: 0px 0px 0px 10px;
	}
	#footerboxLinks,
	#footerboxMitte,
	#footerboxRechts {
		float: none;
		width: 100%;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 15px 0px;
		border-bottom:1px solid #bfc2c6;
	}
	#footer a[href^="tel"] {
		font-family: 'OpenSansSemibold', sans-serif;
		font-size: 1.0em;
		text-decoration: none;
		cursor: pointer;
		color: #ffecc1;
	}
}