@charset "utf-8";

@font-face {
    font-family: 'ubuntulight';
    src: url('../_font/ubuntu-light-webfont.woff2') format('woff2'),
         url('../_font/ubuntu-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium';
    src: url('../_font/ubuntu-medium-webfont.woff2') format('woff2'),
         url('../_font/ubuntu-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #FFF;
}
body  {
	background-color: #FFF;
	font-family: 'ubuntulight', Verdana, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

/* ~~ Element/tag selectors ~~ */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, address, ul, ol, li, hr, br {
	margin: 0; /* neutralize browser spacing for vertical elements */
	padding: 0;
}
h1, h2, h3, h4 {
	font-family: 'ubuntumedium', sans-serif;
}
h1 {
	font-size: 2em;
	padding: 0 0 0 50px;
	/* [disabled]margin: 6px 0; */
	font-weight: 500;
	color: #444;
	letter-spacing: 0.07em;
	line-height: 1.4;
}
h2 {
	font-size: 1.85em;
	padding: 8px 0 0 50px;
	font-weight: 500;
	color: #505050;
	letter-spacing: 0.08em;
	/* [disabled]width: 530px; */
	line-height: 1.5;
	width: 572px;
}
h2.daten {
	width: 570px;
}
h2.referenz {
	padding: 10px 0 0 50px;
	letter-spacing: 0.07em;
	line-height: 1.4;
	width: 530px;
}
h3 {
	font-size: 1.6em;
	padding: 10px 0 0 50px;
	font-weight: 500;
	color: #505050;
	letter-spacing: 0.08em;
	line-height: 1.75;
	/* [disabled]width: 530px; */
}
h3.linie {
	font-size: 1.6em;
	padding: 10px 0 15px 50px;
	font-weight: 500;
	color: #F8AF19;
	letter-spacing: 0.07em;
	line-height: 1.4;
}
h3.referenz {
	font-size: 1.6em;
	padding: 10px 0 24px 50px;
	font-weight: 500;
	color: #F8AF19;
	letter-spacing: 0.07em;
	line-height: 1.4;
}
h3.strasse {
	font-size: 1.3em;
	padding: 10px 0 0 50px;
	font-weight: 500;
	color: #444;
	letter-spacing: 0.1em;
}
h3.angebot {
	font-family: 'ubuntulight', Verdana, sans-serif;
	font-size: 1.55em;
	padding: 5px 0 7px 50px;
	font-weight: 300;
	color: #444;
	letter-spacing: 0.1em;
	line-height: 1.7;
}
h4 {
	font-size: 1.45em;
	padding: 10px 0 0 50px;
	font-weight: 500;
	color: #444;
	letter-spacing: 0.1em;
}
p {
	font-size: 1.55em;
	/* [disabled]font-style: normal; */
	line-height: 1.7;
	text-align:justify;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #444;
	padding: 10px 0 15px 50px;
	width: 572px;
}
b {
	font-family: 'ubuntumedium', verdana, sans-serif;
	font-weight: 500;
	color: #444;
}
p.hinweis {
	font-size: 1.35em;
	/* [disabled]font-style: normal; */
	line-height: 1.55;
	letter-spacing: 0.1em;
	padding: 10px 0 15px 50px;
}
p.last {
	padding: 10px 0 100px 50px;
}

p.copyright {
	font-size: 10.5px;
	line-height: 1em;
	color: #999;
	padding: 10px 0 25px 50px;
	width: 640px;
}
p.linie {
	font-size: 1.85em;
	font-weight: 500;
	color: #F8AF19;
	padding: 10px 0 15px 50px;
}
.orange { color: #F8AF19; }
.gruen { color: #6ACC19; }

.orangeBig { 
	color: #F8AF19;
	font-family: 'ubuntumedium', sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1.4;
}

.small {
	font-size: 0.5em;
}

hr {
	display: block;
	text-align: left;
	width: 530px;
	border: 0;
	margin: 15px 0 25px 50px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #444;
}

a {
	font-family: 'ubuntumedium', sans-serif;
	font-weight: 500;
	text-decoration: none;
}
a:link {
	color:#828282;
}
a:visited {
	color: #828282;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #F8AF19;
}
a img { 
	border: none;
}

a.current {color:#F8AF19;}


table { 
	border: none;
	margin: 0 0 0 50px;
}
table td {
	vertical-align: top;
	padding: 0;
	color: #444;
	font-size: 1.45em;
/*	font-weight: 300;*/
	letter-spacing: 0.1em;
	line-height: 1.6;
}
table td b {
	font-family: 'ubuntumedium', Verdana, sans-serif;	
/*	font-weight: 500;*/
	color: #444;
}
table h2{
	padding: 0;
	font-size: 1.55em;
	line-height: 1.4;
}
table h3{
	padding: 0;
	font-size: 1.25em;
	line-height: 1.6;
	color: #6E6E6E;
}
table h3.gruss{
	padding: 0;
	font-family: 'ubuntulight', sans-serif;
	font-weight: 300;
	font-size: 1.16em;
	line-height: 1.65;
	color: #444;
}
table h4{
	padding: 0;
	font-size: 1.16em;
	line-height: 1.4;
	color: #5C5C5C;
}
table.aktuell {
	border:solid;
	border-radius:8px;
	border-color: #F8AF19;
	border-width: 3px;
	margin: 12px 0 20px 50px;
}
table.aktuell td {
	padding: 8px;
}
table.aktuell td h2{
	color: #F8AF19;
}
table.aktuell h3{
	padding: 8px;
	font-size: 1.2em;
	line-height: 1.6;
	color: #505050;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */

#container {
	width:100%;
	min-height:100vh;
	display: flex;
}

#logo {
	width: 42%;
   	margin: 0;
	background-color: #F8AF19;
	background-image: url(../_img/logo_2508x1000.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: inline-block;
}

img.logo {
    overflow: hidden;
}

#content {
	display: inline-block;
	min-width: 690px;
    margin: 0 30px 0 50px;
}

ul.liste {
	padding: 0 0 15px 90px;
	width: 480px;
}
ul.liste_daten {
	padding: 0 0 15px 90px;
	width: 470px;
}
ul.liste li, ul.liste_daten li{
	font-family: 'ubuntumedium', Verdana, sans-serif;
	font-size: 1.52em;
	line-height: 1.62;
	text-align:left;
	font-weight: 500;
	letter-spacing: 0.09em;
	color: #505050;
}
ul.text {
	padding: 0 0 0 90px;
	width: 520px;
}
ul.text li {
	font-size: 1.45em;
	line-height: 1.7;
	text-align:left;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #444;
}
ul.text li b {
	font-family: 'ubuntumedium', Verdana, sans-serif;
	font-weight: 500;
}


/* ------ Menu mit Submenu --------- */

#menu {
	/* position:absolute; */
	width: 582px;
	font-size: 10.5px;
	color: #5C5C5C;
	padding: 25px 0 43px 50px;
/*	font-weight: 300;*/
	letter-spacing: 0.12em;
	z-index: 0;
}

#menu ul {
	list-style-type:none;
	text-align: justify;
	line-height: 1.2;
}

#menu li.topmenu {
	font-family: 'ubuntumedium', Verdana, sans-serif;
	float:left;
	display: block;
	padding: 0 4px;
	margin: 0;
}

.topmenu a {
	float:left;
	/* width:110px; */
 	text-align:left;
 	display: block;
}

.topmenu ul{
	display:none;
}

.topmenu a, .submenu a{
	border-collapse:collapse;
	color: #5C5C5C;
	border: none;
	text-decoration:none;
	/* [disabled]margin:0 1px; */
}

.topmenu a.current {
	color:#F8AF19;
}

#menu li.Zmenu {
	font-family: 'ubuntumedium', Verdana, sans-serif;
	/*	font-weight: 500;	*/	
	float:left;
	display: block;
	padding: 0 2px;
	margin: 0;
}

#menu li.ZmenuEN {
	font-family: 'ubuntumedium', Verdana, sans-serif;
	/*	font-weight: 500;	*/	
	float:left;
	display: block;
	padding: 0;
	margin: 0;
}

.submenu a{
	font-size:10.5px;
  	position:relative;
	padding: 5px 0 0 0;
	clear:both;
}
.submenu a.current {
	color:#F8AF19;
  	clear:both;
}
#menu a:hover, .topmenu.on a {
	color:#F8AF19;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}

/* ------ Ende ---- Menu mit Submenu --------- */

#sprache {
	/* width: 578px; bisher*/
	width: 622px;
	height: 42px;
	z-index: 5;
}
#sprache img {
	padding: 0;
	margin: 0;
	border: none;
}
#sprache img.current {
	border: none;
	margin: 0 0 4px;
}
#sprache ul {
	list-style-type: none;
	text-align: right;
}
#sprache li {
	padding: 0;
	margin: 0;
}
#sprache li a {
	border: none;
}
#sprache li a:hover {
	border: none;
}

#video{
	width: 580px;
	padding: 25px 0 20px 50px;
}
.fotos {
	text-align: left;
	width: 572px;
	padding: 0;
}
.fotos_sk {
	text-align: right;
	width: 620px;
	padding: 0;
}

.fotos img, .fotos_sk img{
	margin: 0 0 30px 50px;
}

#grafik {
	padding: 0;
	width: 50%;
	float: right;
}

/* ......... contact form .......... */

form {
	width: 530px;
	margin: 15px 0px 94px 50px;
	padding: 25px 10px 25px 30px;
	border: 1px solid #C3C3C3;
	background-color: #FAFAFA;
}

#frmRegister {}

#frmRegister p {
	line-height: 1;
	padding: 10px 0;
	text-align: left;
}
#frmRegister h2 {
	line-height: 1;
	padding: 0 0 10px;
	color: #464646;
}
#frmRegister h3 {
	line-height: 1;
	padding: 15px 0 10px;
}
#frmRegister input {
	font-size: 1.2em;
/*	font-weight: 300;*/
	letter-spacing: 0.1em;
	color: #444;
	margin: 0;
}
#frmRegister input.text {
	width: 265px;
	padding: 5px 0 3px 5px;
	margin: 1px 10px 1px 0;
	border: 1px solid #C3C3C3;
	height: 22px;
	text-align: left;
}
#frmRegister textarea {
	font-family: 'ubuntulight', Verdana, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding: 3px 5px;
	width: 490px;
	border: 1px solid #C3C3C3;
	resize: none;	
}
#frmRegister input.abstandRe {
	width: 110px;
	height: 28px;
	padding: 0;
	margin: 12px 260px 0px 0px;
	background-color: #D2D2D2;
	border-width: 1px;
	border-style: solid;
	border-top-color: #D2D2D2;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #D2D2D2;
	cursor: pointer;
}
#frmRegister input.loeschen {
	width: 130px;
	height: 28px;
	padding: 0;
	margin: 12px 10px 0 0;
	background-color: #D2D2D2;
	border-width: 1px;
	border-style: solid;
	border-top-color: #D2D2D2;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #D2D2D2;
	cursor: pointer;
}

table.map {padding: 15px 0 10px 0;}
table.map td {
	padding: 0 0 10px 0;
	line-height: 1.6;
	text-align:justify;
}


/* ............. imprint ........... */


#contact table {
	padding: 20px 0 0 50px;
}
#contact table td {padding: 0 0 8px 0;}
#contact table td h2{
	font-family: 'ubuntumedium', Verdana, sans-serif;
/*	font-weight: 500;*/	
	font-size: 1em;
	letter-spacing: 0.1em;
	padding: 0;
}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}