@font-face {
    font-family: Kaffeesatz;
    local: Kaffeesatz;
    font-weight: normal;
    src: 	url(../fonts/YanoneKaffeesatz-Regular.otf),
    		url(../fonts/YanoneKaffeesatz-Regular.otf) format('opentype'),
    		url(../fonts/YanoneKaffeesatz-Regular.eot);
}

@font-face {
    font-family: Kaffeesatz-Fein;
    local: Kaffeesatz-Fein;
    font-weight: normal;
    src: 	url(../fonts/YanoneKaffeesatz-Thin.otf),
    		url(../fonts/YanoneKaffeesatz-Thin.otf) format('opentype'),
    		url(../fonts/YanoneKaffeesatz-Thin.eot);
}

@font-face {
    font-family: DistTh;
    local: DistTh;
    font-weight: normal;
    src: 	url(../fonts/DistTh.otf),
    		url(../fonts/DistTh.otf) format('opentype'),
    		url(../fonts/DistTh.eot);
    /*src: url(../fonts/DistTh.eot);*/
}

@font-face {
    font-family: Miama;
    local: Miama;
    font-weight: normal;
    src: 	url(../fonts/Miama.otf),
    		url(../fonts/Miama.otf) format('opentype'),
    		url(../fonts/Miama.eot);
}

body {	/*min-height:700px;*/
}

h3 {
	
	margin:5px;
}

h2 {
	font-family:Kaffeesatz-Fein,DistTh,sans-serif; 
	color:#eef;
	font-size:14pt;
	font-weight: normal;
	cursor:default;
}

h1 {
	font-family:DistTh,Kaffeesatz-Fein,sans-serif; 
	/* color:#eef; */
	color:#aab;
	font-size:11pt;
	position:absolute;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-weight: normal;
	cursor:default;
}


a:link {
    color:#800;
    text-decoration:none;
}
a:visited {
    color:#800;
    text-decoration:none;
}
a:focus {
    color:#800;
    text-decoration:none;
}
a:hover {
    color:#b00;
    text-decoration:none;
}
a:active {
    color:#800;
}

#links {
	text-align: left;
}

#mitte {
	text-align: center;
}

#rechts {
	text-align: right;
}

#mainbody {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	min-width:990px;
	min-height:620px;
	background-color:#1177aa;
	/*#1050e0 blau
	background-color:#707070;*/
}

#allebilder {
	position:absolute;
	top:32%;
	left:20%;
	width:60%;
	height:300px;
	/*background-color:#123456;*/
	z-index:9;
}

#mainframe {
	position:absolute;
	/*top:2%;
	left:2%;
	width:96%;
	height:92%; */
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	min-width:930px;
	min-height:620px;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
	background-color:#1177aa;
	/*background-color:#1177aa;*/
}

#menue_div {
	position:absolute;
	top:21%;
	left:8%;
	width:84%;
	height:30px;
}

#div_gruendung {
	position:absolute;
	top:92%;
	left:20%;
	width:60%;
	height:30px;
	z-index:14;
}

#gruendung {
	font-family:Miama,Kaffeesatz-Fein,DistTh,sans-serif;
	color:#eef;
	font-size:32pt;
	cursor:default;
}

#div_kontaktdaten {
	position:absolute;
	top:98%;
	left:20%;
	width:60%;
	height:30px;
	z-index:14;
}

#main_div {
	position:absolute;
	top:2%;
	height:95%;
	left:0px;
	width:100%;
	text-align: center;
	vertical-align: middle;
}

#bild_kopf_div {
	position:absolute;
	top:25%;
	width:100%;
	max-height:220px;
	overflow: hidden;
	vertical-align: middle;
	background-color:#55bbff;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
}

#bild_kopf {
	width:100%;
	min-height:220px;
	vertical-align: middle;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	/*cursor:pointer;
	-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);*/
}

#logo_div {
	position:absolute;
	text-align: left;
	top:20px;
	/*height:87%;*/
	left:50px;
	/*width:100%;*/
}

#logo {
	height:150px;
	cursor:default;
}

#spruch_div {
	position:absolute;
	text-align: right;
	padding-right:15px;
	top:40px;
	left:0px;
	/*height:87%;*/
	/*left:500px;*/
	width:94%;
}

#spruch {
	font-family:Miama,Kaffeesatz-Fein,DistTh,sans-serif;
	color:#eef;
	font-size:36pt;
	cursor:default;
}

#titel_div {
	position:absolute;
	text-align: left;
	top:70px;
	/*height:87%;*/
	left:50px;
	/*width:100%;*/
}

#titel {
	font-family:Kaffeesatz-Fein,DistTh,sans-serif; 
	color:#eef;
	font-size:14pt;
	cursor:default;
}

#unternehmer {
	font-family:DistTh,sans-serif; 
	color:#eef;
	font-size:36pt;
	cursor:default;
}

#div_content_bild {
	position:absolute;
	/*top:62%;*/
	top: 62%;
	width:99%;
	z-index: 13;
}

#table_content_bild {
	position:absolute;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
}

#div_content_text {
	position:absolute;
	/*top:32%;*/
	top: 1px;
	left:360px;
	width:calc( 100% - 380px );
	/*width:65%;*/
	min-width:500px;
	/*max-width:900px;*/
	height:calc( 100% - 27px );
	z-index: 91;	
	visibility:hidden;
}

#div_innen_content_text {
	display: table-cell;
	width:100%;
	height:200px;
	z-index: 91;
    vertical-align:middle;
	text-align: justify;
	padding-right:10px;	
}

#content_text {
	font-family:DistTh,sans-serif; 
	color:#eef;
	font-size:14pt;	
	line-height: 130%;
}

#hg_content_text {
	position:absolute;
	top: 1px;
	left:330px;
	width:calc( 100% - 330px );
	height:calc( 100% - 27px );
	height:90%;
	width:100%;
	/*max-height:218px;*/
	padding-top:15px;
	padding-bottom:10px;
	cursor:default;
	-moz-border-radius-topleft:20px; /*  Firefox */
	/*-moz-border-radius-bottomright:20px; Firefox */
    -webkit-border-right-radius:20px; /* Safari, Chrome */
    -khtml-border-right-radius:20px; /* Konqueror */
    /*border-bottom-right-radius:20px;  CSS3 */
    border-top-left-radius:20px; /* CSS3 */
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	z-index: 90;
	visibility:hidden;
}

#div_frameUeberschrift {
	position:absolute;
	top:1px;
	left:0px;
	width:300px;
	height:70px;
	padding-top:30px;
	padding-bottom:10px;
	cursor:default;
	-moz-border-radius-topright:20px; /* Firefox */
	-moz-border-radius-bottomright:20px; /* Firefox */
    -webkit-border-right-radius:20px; /* Safari, Chrome */
    -khtml-border-right-radius:20px; /* Konqueror */
    border-bottom-right-radius:20px; /* CSS3 */
    border-top-right-radius:20px; /* CSS3 */
    z-index: 95;
    visibility:hidden;
}

#frameUeberschrift {
	font-family:DistTh,sans-serif; 
	color:#eef;
	font-size:24pt;
}

#referenzUeberschrift {
	font-family:DistTh,sans-serif; 
	color:#eef;
	font-size:24pt;
}

#referenzbeschreibung {
	/*font-family:DistTh,sans-serif; 
	color:#eef;
	font-size:14pt;*/	
}

#referenzaufrufen {
cursor:pointer;
	font-family:DistTh,sans-serif; 
	/*color:#4ad;*/
	color:#8ad;
	font-size:12pt;
}

#bild_frameUeberschrift {
	-moz-border-radius:8px; /* Firefox */
    -webkit-border-radius:8px; /* Safari, Chrome */
    -khtml-border-radius:8px; /* Konqueror */
    border-radius:8px; /* CSS3 */
	max-height:140px;
	max-width:300px;
	visibility:hidden;
}

#hg_frameUeberschrift {
	position:absolute;
	top: 1px;
	left:0px;
	width:300px;
	height:70px;
	/*height:calc( 100% - 27px );*/
	padding-top:15px;
	padding-bottom:10px;
	cursor:default;
	/*-moz-border-radius-topright:20px;  Firefox */
	-moz-border-radius-bottomright:20px; /* Firefox */
    -webkit-border-right-radius:20px; /* Safari, Chrome */
    -khtml-border-right-radius:20px; /* Konqueror */
    border-bottom-right-radius:20px; /* CSS3 */
    /*border-top-right-radius:20px;  CSS3 */
	background-color:#000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	z-index: 90;
	visibility:hidden;
}

#div_referenzen {
	position:absolute;
	top:1%;
	left:0px;
	width:100%;
	height:99%;
	overflow: auto;
	/*padding-top:30px;*/
	visibility:hidden;
	z-index:99;
}

#referenzen {
	position:absolute;
	top:5%;
	left:4%;
	height:94%;
	width:92%;
	text-align: center;
	/*overflow: auto;
	padding-top:30px;*/
	z-index:99;
}

#hg_referenzen {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	visibility:hidden;
	z-index:97;
}

#schliessen {
	position:absolute;
	top:2%;
	left:90%;
	width:40px;
	z-index: 100;
	cursor: pointer;
}

#div_impressum_div {
	position:absolute;
	top:2%;
	left:2%;
	width:98%;
	height:98%;
	overflow: auto;
	visibility:hidden;
	z-index:99;
}

#hg_impressum_div {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	visibility:hidden;
	z-index:97;
}

#div_datenschutz_div {
	position:absolute;
	top:2%;
	left:2%;
	width:98%;
	height:98%;
	overflow: auto;
	/*display: none;*/
	visibility:hidden;
	z-index:99;
}

#hg_datenschutz_div {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	visibility:hidden;
	z-index:97;
}

#div_datenschutz_div > h1, 
#div_datenschutz_div > h2, 
#div_datenschutz_div > h3, 
#div_datenschutz_div > p {
	color: #fff;
	font-family:DistTh,Kaffeesatz-Fein,sans-serif; 
	font-size: unset;
	position: unset;
	width: unset;
	margin-left: unset;
	margin-right: unset;
	text-align:unset;
	font-weight: unset;
	cursor:default;
}

#div_datenschutz_div > h1 {
	font-size: 16pt;
	margin: 60px 0 30px 0;
}

#div_datenschutz_div > h2 {
	font-size: 14pt;
	margin: 40px 0 20px 0;
}
#div_datenschutz_div > h3 {
	font-size: 13pt;
}

#div_datenschutz_div > p {
	font-size: 12pt;
	line-height: 1.5em;
}

#text_div {
	cursor:default;
    background-color:#fff;
}

.refbilder{
  	/*display: block;
  	margin-left: auto;
  	margin-right: auto;*/
  	/*padding:20px;*/
  	margin-left: 20px;
  	margin-right:20px;
  	margin-top: 20px;
  	margin-bottom: 20px;
	max-height: 250px;
	max-width:600px;
	width:auto;
	height:auto;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
    border-width:2px;
    border-style:ridge;
    border-color:#aaa;
}

.reftext {
	font-family:DistTh,sans-serif; 
	/*color:#eef;*/
	color:#eea;
	font-size:14pt;	
	line-height: 150%;
	text-align:justify;
}

.kontaktdaten {
	font-family:Kaffeesatz-Fein,sans-serif; 
	color:#666;
	font-size:18pt;
	cursor:default;
}

.ueberschrift {
	font-family:Kaffeesatz,sans-serif; 
	color:#aaa;
	font-size:20pt;
	cursor:default;
}

.ueberschrift1 {
	font-family:Kaffeesatz-Fein,sans-serif; 
	color:#aaa;
	font-size:18pt;
	cursor:default;
}

.ueberschrift2 {
	font-family:Kaffeesatz-Fein,sans-serif; 
	color:#aaa;
	font-size:16pt;
	cursor:default;
}

.ueberschrift3 {
	font-family:Kaffeesatz-Fein,sans-serif; 
	color:#aaa;
	font-size:14pt;
	cursor:default;
}

.themeninhalt {
	font-family:Kaffeesatz,sans-serif; 
	color:#aaa;
	font-size:12pt;
	cursor:default;
}

.zeiten {
	font-family:Kaffeesatz-Fein,serif; 
	color:#666;
	font-size:16pt;
	cursor:default;
}

.menue {
	text-align:center;
	width:150px;

}

.menue_eintrag {
	font-family:DistTh,Kaffeesatz-Fein,sans-serif; 
	color:#ddd;
	font-size:13pt;
	cursor:pointer;

}

.sonderzeichen {
    font-family:DistTh,Kaffeesatz-Fein,sans-serif; 
    color:#fff;
	font-size:18pt;
	cursor:default;
}

.kontakt_eintrag {
	font-family:DistTh,Kaffeesatz-Fein,sans-serif; 
    font-size:13pt;
	color:#eee;
	font-size:12pt;
	cursor:default;
}

.copyright {
	font-family:sans-serif; 
	color:#bbb;
	font-size:9pt;
	cursor:pointer;
}

.trennlinie_referenz {
	color:#bbb;	
    background-color:#ddd;	
	height:1px;
	border:0px solid #ccc;
}

.trennlinie {
	color:#900;	
    background-color:#900;	
	height:1px;
	border:0px solid #900;
}

.div_startbilder {
	/*
	-webkit-transform: rotate(10deg);
    -o-transform:rotate(10deg); 
    transform:rotate(10deg);*/
	/*-moz-transform: scaleX(0.2);
	-o-transform: scaleX(0.2);
	-webkit-transform: scaleX(0.2);
	transform: scaleX(0.2);
	filter: FlipH;
	-ms-filter: “FlipH”;*/
    /*width: 200px;*/
    max-height: 200px;
    /*-moz-border-radius:10px; *//* Firefox */
    /*-webkit-border-radius:10px; *//* Safari, Chrome */
    /*-khtml-border-radius:10px; *//* Konqueror */
    /*border-radius:10px; *//* CSS3 */
    /*border-width:2px;*/
    /*border-style:ridge;*/
    /*border-color:#aaa;*/
    /*overflow: hidden;*/
	/*background-color: #04517e;*/
	z-index: 11;
}

.startbilder {
    /*width: 200px;*/
    max-height: 200px;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
    border-width:2px;
    border-style:ridge;
    border-color:#aaa;
    /*overflow: hidden;*/
	background-color: #04517e;
	z-index: 12;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#mainframe {
		position:absolute;
		/*top:2%;
		left:2%;
		width:96%;
		height:92%; */
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		min-width:900px;
		min-height:630px;
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari, Chrome */
		-khtml-border-radius:10px; /* Konqueror */
		border-radius:10px; /* CSS3 */
		background-color:#1177aa;
	}
	
}