﻿
/* ============ Reset ============ */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Merriweather-VariableFont_opsz,wdth,wght.eot'); /* IE9 Compat Modes */
  src: local('Merriweather'), local('Merriweather-VariableFont'),
       url('../fonts/Merriweather-VariableFont_opsz,wdth,wght.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Merriweather-VariableFont_opsz,wdth,wght.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Merriweather-VariableFont_opsz,wdth,wght.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Merriweather-VariableFont_opsz,wdth,wght.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Merriweather-VariableFont_opsz,wdth,wght.svg#Roboto') format('svg'); /* Legacy iOS */
}

*{
padding:0px;
margin:0px;
}
html {
	height:100%;
}

@media screen and (max-width: 480px) {
	body{
background-color:#e6e6e6;
    font-family: 'Roboto', Verdana, Tahoma, Arial, sans-serif; 
    font-size: 1em; 	
    overflow:auto;
	text-align:center;
	margin:0;
	scroll-behavior: smooth;
        }
/* Positionierung der Ebenen der Seite Handy */

#horizon {
	position:relative;
	top:0px;
	margin:0px auto;
	width:100%;
	text-align: left;
	height: auto;
	overflow:hidden;
	z-index: 100;
}
#horizonInnenHandy {
	position:relative;
	margin:0px auto;
	width:100%;
	top:0px;
	text-align:left;
	height: auto;
	clear:left;
	overflow:hidden;
	z-index:200;
}
#logohandyPos {
	position:relative; 
	width:100%; 
	height:80px; 
	float:left;
	background-color:#e6e6e6;
	left:0px; 
	padding: 0px;
	margin-bottom:10px;
	margin-top:0px;
	z-index:999;
}
#handybanner {
	position:relative;
	left:0px;
	top:0px;
	height:auto;
	width:100%;
	text-align:center;
	overflow:hidden;
	margin-top:0px;
	z-index:900;
	}
#handynavigation {
	display:none; width:100%; 
	background-color:#F5F5F5; 
	padding-left:20px; 
	padding-right:20px;
	}
#logowohlenberghandy {
	position:absolute; 
	height:auto;
	width:96%;
	text-align:right;
	z-index:999;
	}
#inhalthandy {
	position:relative;
	width:100%;
	height:auto;
	margin:0px auto;
	background-color:#e6e6e6;
	z-index:900;
	}
#strichePoshandy {
	position:absolute;
	text-align:right;
	left:0px;
	top:0px;
	width:96%;
	height:55px;
	background-image:url(../img/einpixel.gif);
	background-repeat:repeat;
	padding-top:20px;
	z-index:999;
	}
#textPoshandy {
	position:relative;
	top:0px;
	text-align:left; 
	width:88%;
	margin-left:6%;
	margin-right:6%;
	white-space:normal;
	z-index:999;
}
#fusshandy {
	position:relative;
	color:#fff;
	font-size:14px;
	width:100%;
	height:480px;
	background-color:#004b96;
	padding:15px;
	text-align:left;
	z-index:999;
	}
.fliessTexthandy {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #333;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}
.fliessTexthandyblau {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#004b96;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}
.fliessTextblauhandy {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 15px;
	line-height: 1.4em;
	font-weight: bold;
	font-style:italic;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
#aufzaehlung li {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #333;
	text-decoration: none;
	white-space:normal;
	list-style-image:url(../img/styletypeimage.png);
	z-index:999;
	margin-left:17px;
	margin-bottom:6px;
	}
#aufzaehlungohneoben li {
	font-family: 'Roboto',Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #333;
	text-decoration: none;
	white-space:normal;
	z-index:999;
	list-style:none;
	margin:0px;
	width: 100%;
	height:auto;
	background-image:url(../img/aufzaehlunguntergrund.jpg);
	background-size:cover;
	vertical-align:middle;
	padding:10px;
	}
#untergrund {
	width: 100%;
	height:auto;
	background-image:url(../img/aufzaehlunguntergrund.jpg);
	background-size:cover;
	/*background-color:#923e51;*/
	vertical-align:middle;
	}
.ueberschrifthandynormal {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 22px;
	line-height: 2.0em;
	font-weight: normal;
	text-align:left;
	padding:0px 0px 0px 0px;
	color:#0058af;
	text-decoration: none;
	z-index:999;
}
.ueberschrifthandy {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0058af;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}
.ueberschrifthandyKl {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 17px;
	line-height: 1.4em;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0058af;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}
.ueberschrifthandyimpr {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0058af;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}
#abstand5px {
	position:relative;
	padding-top:5px;
}
.bullcolor {
	color:#26335F;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	height: 20px;
}

/* Verhalten der Navigationen */
li {
	list-style-type: none;
}
a#haupthandy:link {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#haupthandy:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#haupthandy:hover {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:1.2em;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#haupthandy:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:1.2em;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#imprhandy:link {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration:none;
	color: #fff;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#imprhandy:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#imprhandy:hover {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: underline;
	color: #CECFD0;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#imprhandy:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: underline;
	color: #CECFD0;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#texthandy:link {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #004b96;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandy:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #004b96;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandy:hover {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #cc0646;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandy:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #cc0646;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandyweiss:link {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #fff;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandyweiss:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #fff;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandyweiss:hover {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #CECFD0;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandyweiss:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color: #CECFD0;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
#nachobenhandy{
	position:fixed; 
	display:block; 
	left:90%; 
	width:35px;
	height:35px;
	bottom:25px; 
	z-index:999; 
	clear:both;
	}
#kastenmitarbeiter {
	text-align:center; 
	background-color:#cfd6de; 
	border:2px solid #fff; 
	border-radius:4%; 
	padding:20px;
	}
#bewirbdichhandy {
	width:90%; 
	height:35px; 
	padding:10px; 
	background-color:#004b96; 
	white-space:nowrap; 
	text-align:center;
}
#horizonInnen {display:none;}
#textPos {display:none;}
#naviSchrift{display:none;}
#imprPos {display:none;}
#footer {display:none;}
#fuerHintergrund {display:none;}
#logodesktop {display:none;}
#bannerdesktopgrie {display:none;}
#logoTablet {display:none;}
#horizonInnenTablet {display:none;}
#footerTablet {display:none;}
#inhaltdesktopTablet {display:none;}
#fuerHintergrundTablet {display:none;}
#nachbannerTablet {display:none;}
#untergrundTablet {display:none;}
#naviGesamtTablet {display:none;}
#schriftUntergrundTablet {display:none;}
#naviSchriftPosTablet {display:none;}
#nachobendesktop {display:none;}
#nachobendesktopklein {display:none;}
#nachobentablet {display:none;}
#strichePosTablet {display:none;}
#tabletnavigation {display:none;}
#textwidthDs {display:none;}
#nachobentablet {display:none;}
#nachobendesktop {display:none;}
#spalteDunkelblau {display:none;}
#spalteMittelblau {display:none;}
#spalteHellblau {display:none;}
#bannerabstand {display:none;}
#unteroben {display:none;}
#inhaltueberschriftgr {display:none;}
#navDesktop {display:none;}
#GrlogoDesktop{display:none;}
#GrlogoDesktopie {display:none;}
#logoDesktopPosie {display:none;}
#LogoDesktopPosEinsie {display:none;}
#untergrundTablet  {display:none;}
#headlineie {display:none;}
#logodesktopie {display:none;}
#untergrundTabletPos {display:none;}
#untergrund {display:none;}
#bildie {display:none;}
#textbilddesktop {display:none;}
#textbilddesktopie {display:none;}
#textbilddesktopie {display:none;}
#textbilddesktopohneie {display:none;}
#fussteil {display:none;}
#balkengrafik {display:none;}
#bannerdesktoprahmen {display:none;}
#balkentablet {display:none;}
#seitennavitablet {display:none;}
#cnctechnitablet {display:none;}
#wmtablet {display:none;}
#linietablet {display:none;}
#navistartseite  {display:none;}
#cnctechnikkasten {display:none;}
#wmkasten {display:none;}
#liniekasten {display:none;}
#stoerer {display:none;}
#balkentablet {display:none;}
#logowohlenbegtablet {display:none;}
}

@media screen and (min-width: 481px) and (max-width: 959px) { 
#horizonInnenHandy {display:none;}
#horizonInnen {display:none;}
#desktopabstandhandy {display:none;}
#logohandyPos {display:none;}
#logohandy {display:none;}
#logodesktop {display:none;}
#bannerdesktopgrie {display:none;}
#logodesktopPos {display:none;}
#untenabstandhandy {display:none;}
#inhaltdesktopGroesse {display:none;}
#handynavigation {display:none;}
#naviGesamt {display:none;}
#footer {display:none;}
#untergrund {display:none;}
#nachobendesktop {display:none;}
#nachobendesktopklein {display:none;}
#nachobenhandy {display:none;}
#nachobenhandy {display:none;}
#nachobendesktop {display:none;}
#spalteDunkelblau {display:none;}
#spalteMittelblau {display:none;}
#spalteHellblau {display:none;}
#bannerabstand {display:none;}
#unteroben {display:none;}
#inhaltueberschriftgr {display:none;}
#navDesktop {display:none;}
#GrlogoDesktop {display:none;}
#headlineie {display:none;}
#logodesktopie {display:none;}
#logodesktop {display:none;}
#GrlogoDesktopie {display:none;}
#logoDesktopPosie {display:none;}
#LogoDesktopPosEinsie {display:none;}
#bildie {display:none;}
#textbilddesktop {display:none;}
#textbilddesktopie {display:none;}
#textbilddesktopohneie {display:none;}
#fussteil {display:none;}
#balkengrafik {display:none;}
#bannerdesktoprahmen {display:none;}
#logowohlenberg {display:none;}
#navistartseite  {display:none;}
#cnctechnikkasten {display:none;}
#wmkasten {display:none;}
#liniekasten {display:none;}
#stoerer {display:none;}
#logowohlenberghandy {display:none;}

body{
background-color:#e6e6e6;
    font-family: 'Roboto', Verdana, Tahoma, Arial, sans-serif; 
    font-size: 1em; 	
    overflow:auto;
	text-align:center;
	margin:0;
	scroll-behavior: smooth;
        }
#horizon {
	position:relative;
	width:100%;
	max-width:959px;
	min-width:481px;
	top:0px;
	margin:0px auto;
	text-align: center;
	overflow:hidden;
	color:333;
	z-index: 200;	
}
#horizonInnenTablet {
	position:relative;
	top:0px;
	margin:0px auto;
	width:100%;
	max-width:959px;
	min-width:481px;
	text-align: center;
	padding-bottom:0px;
	overflow:hidden;
	z-index: 999;
}
#fuerHintergrundTablet {
	position:relative; 
	height:auto; 
	width:auto;
	padding-bottom:0px;
	margin:0px auto;
	z-index:999;
	}
#bannertablet {
	position:relative;
	width:100%;
	height:auto;
	background-color:fff;
	z-index:900;
		}
#logowohlenbergtablet {
	position:absolute; 
	height:auto; 
	width:96%;
	left:30%;
	margin-right:20px;
	z-index:999;
		}
#nachbannerTablet {
	position:relative;
	width:auto; 
	text-align:left; 
	padding-left:0px; 
	padding-bottom:0px;
	margin:0px auto; 
	z-index:999;
	}
#inhaltdesktopGroesseTablet {
	width:auto;
	}
#inhaltdesktopTablet {
	position:relative;
	width: auto;
	min-width:120px;
	height:auto;
	margin-left: 10%;
	margin-top: 0px;
	margin-right:10%;
	margin-bottom:0px;
	padding-bottom:0px;
	float:left;
	white-space:normal;
	z-index: 999;
        }
#seitennavitablet {
	line-height:120%; 
	height:40px; 
	max-width:500px; 
	white-space:normal;
	}
#cnctechniktablet {
	float:left; 
	text-align:left; 
	white-space:nowrap;
	}
#wmtablet {
	text-align:right; 
	margin-right:50px; 
	margin-left:20px; 
	white-space:nowrap;
	}
#linietablet {
	font-size:12px; 
	line-height:12px; 
	background-image:url(../img/linie.jpg); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	max-width:500px; 
	width:90%; 
	height:16px;
	}
#textwidthDs {
	min-width:100px; 
	max-width:100%;
		}
#textbildtablet {
	margin-left:30px; 
	margin-top:15px; 
	margin-bottom:40px;
	}
#strichePosTablet {
	position:absolute;
	text-align:right;
	left:0px;
	top:0px;
	width:96%;
	height:55px;
	background-image:url(../img/einpixel.gif);
	background-repeat:repeat;
	margin-top:36px;
	z-index:999;
	}
.loeschen{
     clear: both;
}
#footerTablet {
	position:relative;
	width:85%;
	max-width:959px;
	min-width:404px;
	top:0px;
	margin:0px auto;
	text-align: right;
	left:0px;
	height: auto;
	padding-bottom:50px;
	padding-left:10%;
	padding-right:5%;
	margin-bottom: 0px;
	background-color:#004b96;
		overflow:hidden;
	z-index:999;
        }
#untergrundTablet {
	left:0px; 
	height:auto; 
	width:100%;
	margin:0px;
	max-width:959px; 
	min-width:481px;
	font-weight:normal;
	padding:15px;
	font-size:14px;
	line-height:15px;
	color:#005193;
	text-align:left;
	}
#aufzaehlungTabletaufz li {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: left;
	z-index: 999;
	list-style:disc;
	margin:0px;
	margin-left:20px;
	
	}
#untergrundTabletPos {
	width:100%; 
	margin-right:20px;
	text-align:left; 
	}
ul {
     list-style-type: none;
     margin: 0;
    padding: 0;
        }
#leftFloater {
	float:left;
}
/* Verhalten der Navigationen */
li {
	list-style-type: none;
}
.linkSchriftTablet {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color:#999;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 30px;
	line-height:1.2em;
}
a {outline:none;}

a#hauptTablet:link, a#hauptTablet:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color:#333;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 30px;
	line-height:1.2em;
}
a#hauptTablet:hover, a#hauptTablet:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-decoration: underline;
	color:#000;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 30px;
	line-height:1.2em;
}
a#imprTablet:link, a#imprTablet:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color:#fff;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 22px;
	line-height: 22px;
}
a#imprTablet:hover, a#imprTablet:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: underline;
	color:#e1e1e2;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 22px;
	line-height:22px;
}

a#textTablet:link, a#textTablet:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #004b96;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
a#textTablet:hover, a#textTablet:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color:#cc0646;
	text-decoration:underline;
	text-align: left;
	z-index: 999;
}
a#textTabletweiss:link, a#textTabletweiss:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #fff;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
a#textTabletweiss:hover, a#textTabletweiss:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
		color:#e1e1e2;
	text-decoration:underline;
	text-align: left;
	z-index: 999;
}

/* Schrift-Formatierung */
.aufzaehlungText {
	list-style-type:square;
}
.fliessTextTablet {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextTabletblau {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextblauTablet {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	font-style:italic;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
#aufzaehlung li {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	z-index: 999;
	margin:0px;
margin-left:18px;
	list-style-image:url(../img/styletypeimage.png);
	margin-bottom:6px;
	}
.fliessTextUeberschriftTablet {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	color:#0058af;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.fliessTextUeberschriftTabletKl {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	color:#0058af;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.fliessTextUeberschriftTablet18 {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
	color:#0058af;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.fliessTextUeberschriftTabletimpr {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	color:#0058af;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* Abstaende für Absaetze */
#abstand3px {
	position:relative;
	padding-top:3px;
}
#nachobentablet{
	position:fixed; 
	display:block; 
	left:91%; 
	width:45px;
	height:45px;
	bottom:45px; 
	z-index:999; 
	clear:both;
	}
#kastenmitarbeiter {
		width:84%;
	text-align:center; 
	background-color:#cfd6de; 
	border:2px solid #fff; 
	border-radius:4%; 
	margin:0px auto;
	padding:20px;
	}
#bewirbdichtablet {
	width:90%; 
	height:47px; 
	padding:10px; 
	background-color:#004b96; 
	white-space:nowrap; 
	text-align:center;
}
}

@media screen and (min-width: 960px) and (max-width: 1419px) { 
#horizonInnenHandy {display:none;}
#desktopabstandhandy {display:none;}
#logohandyPos {display:none;}
#logohandy {display:none;}
#untenabstandhandy {display:none;}
#logoTablet {display:none;}
#bannerdesktopgrie {display:none;}
#horizonInnenTablet {display:none;}
#inhaltdesktopGroesseTablet {display:none;}
#footerTablet {display:none;}
#untergrundTablet {display:none;}
#naviGesamtTablet {display:none;}
#handynavigation {display:none;}
#schriftUntergrundTablet {display:none;}
#naviSchriftPosTablet {display:none;}
#nachobentablet {display:none;}
#nachobenhandy {display:none;}
#strichePosTablet {display:none;}
#tabletnavigation {display:none;}
#textwidthDs {display:none;}
#nachobenhandy {display:none;}
#nachobentablet {display:none;}
#nachobendesktop {display:none;}
#headlineie {display:none;}
#logodesktopie {display:none;}
#GrlogoDesktopie {display:none;}
#logoDesktopPosie {display:none;}
#LogoDesktopPosEinsie {display:none;}
#bildie {display:none;}
#textbilddesktopie {display:none;}
#textbilddesktopohneie {display:none;}
#logowohlenberg {display:none;}
#balkentablet {display:none;}
#seitennavitablet {display:none;}
#cnctechnitablet {display:none;}
#wmtablet {display:none;}
#linietablet {display:none;}
#balkentablet {display:none;}
#logowohlenberghandy {display:none;}
#logowohlenbergtablet {display:none;}
#ueberschriftabstand {display:none;}
#tiefer{display:none;}
#bildgross {display:none;}

body{
	background-image:url(../img/hintergrundlub26.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
    font-family: 'Roboto', Verdana, Tahoma, Arial, sans-serif; 
    font-size: 1em;
    overflow:auto;
	margin:0;
	scroll-behavior: smooth;
        }
#horizon {
	position:relative;
	width:100%;
	background-image:url(../img/hintergrundlub26.jpg);
	max-width:1419px;
	min-width:960px;
	top:0px;
	margin:0px auto;
	text-align: center;
	overflow:hidden;
	z-index: 200;
	padding:0px;
	border:0px;
}
#horizonInnen {
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	margin:0px auto;
	text-align:center;
	overflow:visible;
	z-index: 999;
}
#bannerdesktopgr {
	position:relative;
	padding-top:0;
	width:100%;
	text-align:center;
	margin:0px auto;
	z-index:900;
	}
#inhaltgr {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
#inhaltgrZwei {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	background-color:#cfd6de; 
	}
#inhaltgrDrei {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
#inhaltgrVier {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	background-color:#cfd6de; 
	}
#inhaltgrFuenf {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
#navistartseite {
	width:100%; 
	margin:0px auto; 
	text-align:center; 
	white-space:nowrap;
	}
#cnctechnikkasten {	
	float:left; 
	width:43%; 
	border:1px #666 solid; 
	margin-right:4%; 
	padding:10px; 
	text-align:left;
	}	
#wmkasten {
	float:right; 
	width:43%; 
	border:1px #666 solid; 
	padding:10px; 
	text-align:left; 
	margin-right:0;
	}
#liniekasten {
	font-size:12px; 
	line-height:10px; 
	background-image:url(../img/linie.jpg); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	max-width:500px; 
	width:90%; 
	height:16px; 
	margin-bottom:10px;
	}
#linkeSpalte {
	left:0px; 
	top:0px; 
	width:25%; 
	max-width:300px;
	background-color:#e1e1e2; 
	height:auto; 
	padding:20px; 
	color:#5c5a49; 
	white-space:nowrap; 
	text-align:left;
		}
#textPos {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textPosZwei {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textPosDrei {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textPosVier {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textPosFuenf {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textPosNavi {
	padding:0; 
	background-color:#f9f9f9;
	width:100%;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textform {
	padding-left:50px; 
	padding-right:50px;
	}
#textformZwei {
	padding-left:50px; 
	padding-right:50px;
	}
#textformDrei {
	padding-left:50px; 
	padding-right:50px;
	}
#textformVier {
	padding-left:50px; 
	padding-right:50px;
	}
#textformFuenf{
	padding-left:50px; 
	padding-right:50px;
	}
#textbilddesktop {
	float:right; 
	margin-left:30px; 
	margin-top:15px; 
	margin-bottom:40px;
	}
#balkengrafik {
	position:relative; 
	top:0px; 
	padding:0px; 
	z-index:999;
	margin:0px auto; 
	width:100%;
	}
#fussteil {
	width:100%; 
	text-align:left; 
	margin:0px auto;
	background-image:url(../img/fussback26kl.jpg); 
	background-repeat:no-repeat; 
	background-position-y:top; 
	background-position-x:center;
	}
#adressteil {
	position:relative; 
	top:0px; 
	margin:0px auto;
	text-align:center;
	padding:5%; 
	width:90%; 
	z-index:999; 
	color:#FFF; 
	text-align:left;
	}
#adresstabellelinks {
	margin-left:0%;
	margin-right:4%;
	float:left; 
	width:50%
	}
#impressumteil {		
	width:100%; 
	padding-bottom:6px; 
	text-align:right;
		}
.loeschen{
     clear: both;
        }
ul {
     list-style-type: none;
     margin: 0;
    padding: 0;
        }
#handhelds {
	display:none;
	background-color: #26335F;
	color:#FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#leftFloater {
	float:left;
}
/* Positionierung der Navigation */

/* Verhalten der Navigationen */
li {
	list-style-type: none;
}
#naviposgrau {
	width:100%; 
	padding-right:0;
	padding-left:0;
	}
#navipos {
	width:100%; 
	height:54px; 
	background-color:#FFF;
		}
#navilogo {
	float:left; 
	width:50px; 
	text-align:right; 
	margin-top:10px;
	margin-left:10%;
	margin-right:10%;
	}
li#naviSchriftPos {
	position:relative;
	width:auto;
	text-align:left;
	margin-right:3%;
	z-index:999;
	white-space: nowrap;
	float:left;
	margin-top:0px;
	height:30px;
	color: #FFF;
	}
li#naviSchriftPosStart {
	position:relative;
	width:auto;
	text-align:left;
	margin-left:1%;
	margin-right:3%;
	z-index:999;
	white-space: nowrap;
	float:left;
	margin-top:0px;
	height:30px;
	color: #FFF;
	}
.linkSchrift {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color:#a40034;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 34px;
	line-height:24px;;
	padding-top:15px;
	top:0px;
	padding-bottom:10px;
}
a {outline:none;
}
a#haupt:link, a#haupt:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color:#666;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 34px;
	line-height:24px;
	padding-top:15px;
	top:0px;
	padding-bottom:10px;
}
a#haupt:hover, a#haupt:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color:#a40034;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 34px;
	line-height:24px;
	padding-top:15px;
	top:0px;
	padding-bottom:10px;
	}
.linkSchriftUnter {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight: normal;
	color:#a40034;
	text-decoration: none;
	text-align: left;
	z-index: 999;
	}
a#unter:link, a#unter:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 150%;
	height:30px;
	font-weight: normal;
	color:#5c5a49;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
a#unter:hover, a#unter:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 150%;
	height:30px;
	font-weight: normal;
	color:#a40034;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
a#impr:link, a#impr:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color:#fff;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	height: 24px;
	line-height: 24px;
	padding-left: 35px;
	padding-top:0px;
	padding-bottom:8px;
}
a#impr:hover, a#impr:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: underline;
	color:#e1e1e2;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	height: 24px;
	line-height:24px;
	padding-left: 35px;
	padding-top:0px;
	padding-bottom:8px;
}
a#text:link, a#text:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
	color:#004b96;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
a#text:hover, a#text:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
	color: #cc0646;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
a#textkastengr:link, a#textkastengr:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	padding-left:10px;
	text-align: left;
	z-index: 999;
}
a#textkastengr:hover, a#textkastengr:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding-left:10px;
	text-align: left;
	z-index: 999;
}
a#textkastenkl:link, a#textkastenkl:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	padding-left:5px;
	text-align: left;
	z-index: 999;
}
a#textkastenkl:hover, a#textkastenkl:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding-left:5px;
	text-align: left;
	z-index: 999;
}
a#textfuss:link, a#textfuss:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 180%;
	font-weight: normal;
	color:#fff;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
a#textfuss:hover, a#textfuss:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 180%;
	font-weight: normal;
	color:#e1e1e2;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
/* Schrift-Formatierung */
.fliessText {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 135%;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextblau {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 150%;
	font-weight: normal;
	font-style:italic;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextblaunormal {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 135%;
	font-weight: normal;
	font-style:norman;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextJahr {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 130%;
	font-weight: normal;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextadresse {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 160%;
	font-weight: normal;
	color:#fff;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
#aufzaehlung li {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 135%;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	text-align: left;
	z-index: 999;
	margin:0px;
	margin-left:20px;
	list-style-image:url(../img/styletypeimage.png);
	margin-bottom:6px;
	}
.fliessTextUeberschriftKl {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	display:block;
	margin-bottom:3px;
	color:#0058af;
	text-decoration: none;
	text-align: left;
	z-index: 999;
	}
.fliessTextUeberschrift {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color:#0058af;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 0px;
}
.fliessTextUeberschriftimpr {
	font-family: 'Merriweather', Times New Roman, serif;
	font-size: 20px;
	line-height: 160%;
	font-weight: normal;
	display:block;
	color:#0058af;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
/* Abstaende für Absaetze */
#abstand3px {
	position:relative;
	padding-top:3px;
}
#nachobendesktopklein{
	position:fixed; 
	display:block; 
	left:93%; 
	width:45px;
	height:45px;
	bottom:90px; 
	z-index:999; 
	clear:both;
	} 
.ebene2 {
	left:25px;
	}
div#bild ul ul {
	left:0px;
}
.flyoutClass {
	min-width:205px;
	min-height:0px;
	border:0px;
	margin-top:0px;
	margin-left:0px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	line-height: 120%;
	color: #038941;
	background-color:#FFF;
}
#jahreskasten  {
	width:95%; 
	background-color:#e6e6e6; 
	border-radius:12px; 
	border: 2px solid #FFF; 
	padding:30px;
	}
#jahreszahl {
	width:10%; 
	float:left; 
	padding-left:10px;
	}
#kontaktkasten  {
	width:90%; 
	background-color:#e6e6e6; 
	border-radius:12px; 
	border: 2px solid #FFF; 
	padding:30px;
	text-align:left;
	}
#kontaktbild {
	width:20%; 
	float:left; 
	margin-right:10px;
	}
#kontakttext {
	width:60%; 
	min-height:100px;
	float:left; 
	padding-left:10px;
	margin-left:30px;
	margin-top:30px;
	}
#ukasten  {
	background-color:#e6e6e6; 
	border-radius:12px; 
	border: 2px solid #FFF; 
	background-image:url(../img/hinterkasten263.jpg);
	background-repeat:repeat-x;
	padding:15px;
	padding-top:7px;
	text-align:left;
	width:100%; 
	}
#ubild {
	width:15%; 
	float:left;
	margin-right:10px;
	margin-left:8px;
	}
#utext {
	width:30%; 
	min-height:50px;
	float:left; 
	padding-left:0px;
	margin-left:10px;
	margin-top:50px;
	}
#tiefer {
	padding-top:20px;
	}

#kkasten  {
	width:95%; 
	background-color:#fff; 
	border-radius:12px; 
	border: 1px solid #b4b4b4; 
	padding:30px;
	}
#kbild {
	width:20%; 
	float:left; 
	padding-left:10px;
	margin-right:50px;
	}
#textbild {
	width:60%;
	}
#anfahrtkasten {	
	float:left; 
	width:36%; 
	margin-top:-40px
	}
#bewirbdich {
	width:62%; 
	height:28px; 
	padding:10px; 
	background-color:#004b96; 
	white-space:nowrap; 
	text-align:center;	
		}
#linkskasten {}
#rechtskasten {}
}

@media screen and (min-width: 1420px) and (max-width: 3000px) { 
#horizonInnenHandy {display:none;}
#desktopabstandhandy {display:none;}
#logohandyPos {display:none;}
#logohandy {display:none;}
#untenabstandhandy {display:none;}
#logoTablet {display:none;}
#bannerdesktopgrie {display:none;}
#horizonInnenTablet {display:none;}
#inhaltdesktopGroesseTablet {display:none;}
#footerTablet {display:none;}
#untergrundTablet {display:none;}
#naviGesamtTablet {display:none;}
#handynavigation {display:none;}
#schriftUntergrundTablet {display:none;}
#naviSchriftPosTablet {display:none;}
#nachobendesktopklein {display:none;}
#nachobentablet {display:none;}
#nachobenhandy {display:none;}
#strichePosTablet {display:none;}
#tabletnavigation {display:none;}
#textwidthDs {display:none;}
#nachobenhandy {display:none;}
#nachobentablet {display:none;}
#logoDesktopPos {display:none;}
#logoDesktopPosEins {display:none;}
#GrlogoDesktop {display:none;}
#GrlogoDesktopie {display:none;}
#headlineie {display:none;}
#logodesktopie {display:none;}
#logoDesktopPosie {display:none;}
#LogoDesktopPosEinsie {display:none;}
#bildie {display:none;}
#textbilddesktopie {display:none;}
#textbilddesktopohneie {display:none;}
#logowohlenberg {display:none;}
#balkentablet {display:none;}
#seitennavitablet {display:none;}
#cnctechnitablet {display:none;}
#wmtablet {display:none;}
#linietablet {display:none;}
#balkentablet {display:none;}
#logowohlenberghandy {display:none;}
#logowohlenbergtablet {display:none;}
#bildklein {display:none;}

body{
	background-color:#e6e6e6;
	background-repeat:repeat;
    font-family: 'Roboto', Verdana, Tahoma, Arial, sans-serif; 
    font-size: 1em;
    overflow:auto;
	margin:0;
	scroll-behavior: smooth;
        }
#horizon {
	position:relative;
	width:100%;
	max-width:2400px;
	min-width:1480px;
	top:0px;
	margin:0px auto;
	text-align: center;
	overflow:hidden;
	z-index: 200;
	padding:0px;
	border:0px;
}
#horizonInnen {
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	z-index: 999;
}
#bannerdesktopgr {
	position:relative;
	padding-top:0%;
	width:100%;
	text-align:center;
	margin:0px auto;
	z-index:900;
	}
#inhaltgr {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	padding-right:0%;
	padding-left:0%;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
#inhaltgrZwei {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	padding-right:0%;
	padding-left:0%;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#cfd6de; 
	text-align:center;
	}
#inhaltgrDrei {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	padding-right:0%;
	padding-left:0%;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
#inhaltgrVier {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	padding-right:0%;
	padding-left:0%;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#cfd6de; 
	text-align:center;
	}
#inhaltgrFuenf {
	position:relative; 
	top:0px;
	width:100%;
	padding:0px;
	padding-right:0%;
	padding-left:0%;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
#navistartseite {
	width:100%; 
	margin:0px auto; 
	text-align:center; 
	white-space:nowrap;
	}
#cnctechnikkasten {	
	float:left; 
	width:42%; 
	border:1px #666 solid; 
	margin-right:5%; 
	padding:20px; 
	text-align:left;
	}
#wmkasten {
	float:right; 
	width:42%; 
	border:1px #666 solid; 
	padding:20px; 
	text-align:left; 
	margin-right:0;
	}
#liniekasten {
	font-size:12px; 
	line-height:12px; 
	background-image:url(../img/linie.jpg); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	max-width:500px; 
	width:90%; 
	height:16px; 
	margin-bottom:10px;
	}
#linkeSpalte {
	left:0px; 
	top:0px; 
	width:25%; 
	height:auto; 
	padding:20px; 
	color:#5c5a49; 
	white-space:nowrap; 
	text-align:left;
		}
#textPos {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
#textPosZwei {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
#textPosDrei {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
#textPosVier {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
#textPosFuenf {
	padding-left:10%; 
	padding-right:10%;
	width:80%;
	margin-left:7%;
	margin-right:7%;
	right:0px;
	margin:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
#textPosNavi {
	padding:0; 
	width:100%;
	margin:0px;
	text-align:left;
	margin-top:0px;
	}
#textform {
	padding-left:50px; 
	padding-right:50px;
	}
#textformZwei {
	padding-left:50px; 
	padding-right:50px;
	}
#textformDrei {
	padding-left:50px; 
	padding-right:50px;
	}
#textformVier {
	padding-left:50px; 
	padding-right:50px;
	}
#textformFuenf {
	padding-left:50px; 
	padding-right:50px;
	}
#textbilddesktop {
	float:right; 
	margin-left:3%; 
	margin-top:50px; 
	margin-bottom:40px;
	}
#textbilddesktopohne {
	margin-left:30px; 
	margin-top:15px; 
	margin-bottom:40px;
	}
#balkengrafik {
	position:relative; 
	top:0px; 
	padding:0px; 
	z-index:999;
	margin:0px auto; 
	width:100%;
	}
#fussteil {
	width:100%; 
  	top:0px;
	text-align:center; 
	background-image:url(../img/fussback26.jpg); 
	background-repeat:no-repeat; 
	background-position-y:top; 
	background-position-x:center;
	padding:0px;
	margin:0px auto;
	z-index:999;
	}
#adressteil {
	position:relative; 
	top:0px; 
	margin:0px auto;
	padding:3%; 
	width:94%; 
	z-index:999; 
	color:#FFF; 
	text-align:left;
	}
#adresstabellelinks {
	margin-left:5%;
	float:left; 
	width:45%;
	margin-right:3%;
	}
#impressumteil {		
	width:100%; 
	padding-bottom:6px; 
	text-align:right;
	}
.loeschen{
     clear: both;
	 margin:0px;
	 padding:0px;
        }
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
        }
/* Positionierung der Navigation */
/* Verhalten der Navigationen */
li {
	list-style-type: none;
}
#naviposgrau {
	width:100%; 
	padding-right:0;
		padding-left:0;
	}
#navipos {
	width:100%; 
	height:54px; 
	background-color:#FFF;
		}
#navilogo {
	float:left; 
	width:50px; 
	text-align:right; 
	margin-top:10px;
	margin-left:10%;
	}
li#naviSchriftPos {
	position:relative;
	width:auto;
	text-align:left;
	margin:0%;
	z-index:999;
	white-space: nowrap;
	float:left;
	margin-right:4%;
	margin-top:0px;
	height:30px;
	color: #FFF;
	}
li#naviSchriftPosStart {
	position:relative;
	width:auto;
	text-align:left;
	margin:0%;
	z-index:999;
	white-space: nowrap;
	float:left;
	margin-left:7%;
	margin-right:4%;
	margin-top:0px;
	height:30px;
	color: #FFF;
	}
.linkSchrift {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color:#a40034;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 34px;
	line-height:24px;
	padding-top:15px;
	top:0px;
	padding-bottom:10px;
}
a {outline:none;}
a#haupt:link, a#haupt:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color:#666;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 34px;
	line-height:24px;
	padding-top:15px;
	top:0px;
	padding-bottom:10px;
}
a#haupt:hover, a#haupt:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	color:#a40034;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	display: block;
	height: 34px;
	line-height:24px;
	padding-top:15px;
	top:0px;
	padding-bottom:10px;
	}

.linkSchriftunter {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 160%;
	height:30px;
	font-weight: normal;
	color:#a40034;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
a#unter:link, a#unter:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 160%;
	height:30px;
	font-weight: normal;
	color:#5c5a49;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
a#unter:hover, a#unter:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 160%;
	height:30px;
	font-weight: normal;
	color:#a40034;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
a#impr:link, a#impr:visited {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color:#fff;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	height: 24px;
	line-height: 24px;
	padding-left: 35px;
	padding-top:0px;
	padding-bottom:8px;
}
a#impr:hover, a#impr:active {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: underline;
	color:#e1e1e2;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	height: 24px;
	line-height:24px;
	padding-left: 35px;
	padding-top:0px;
	padding-bottom:8px;
}
a#text:link, a#text:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 21px;
	line-height: 28px;
	font-weight: normal;
	color:#004b96;
	text-align:left;
	text-decoration: underline;
	z-index: 999;
}
a#text:hover, a#text:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 21px;
	line-height: 28px;
	font-weight: normal;
	color: #cc0646;
	text-align:left;
	text-decoration: underline;
	z-index: 999;
}
a#textkastengr:link, a#textkastengr:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	padding-left:20px;
	text-align: left;
	z-index: 999;
}
a#textkastengr:hover, a#textkastengr:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding-left:20px;
	text-align: left;
	z-index: 999;
}
a#textkastenkl:link, a#textkastenkl:visited {
font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	padding-left:20px;
	text-align: left;
	white-space:normal;
	z-index: 999;
}
a#textkastenkl:hover, a#textkastenkl:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	line-height: 1.0em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding-left:20px;
	text-align: left;
	white-space:normal;
	z-index: 999;
}
a#textfuss:link, a#textfuss:visited {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 180%;
	font-weight: normal;
	color:#fff;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
a#textfuss:hover, a#textfuss:active {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 180%;
	font-weight: normal;
	color:#e1e1e2;
	text-decoration: underline;
	text-align: left;
	z-index: 999;
}
/* Schrift-Formatierung */
.fliessText {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 21px;
	line-height: 28px;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextblau {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 19px;
	line-height: 150%;
	font-weight: normal;
	font-style:italic;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextblaunormal {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 21px;
	line-height: 28px;
	font-weight: normal;
	font-style:normal;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextJahr {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 24px;
	line-height: 130%;
	font-weight: normal;
	color:#004b96;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
.fliessTextadresse {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 18px;
	line-height: 180%;
	font-weight: normal;
	color:#fff;
	text-decoration: none;
	text-align: left;
	z-index: 999;
}
#aufzaehlung li {
	font-family: 'Roboto', Verdana, Arial, Tahoma, sans-serif;
	font-size: 21px;
	line-height: 27px;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	text-align: left;
	z-index: 999;
	list-style-type:none;
	margin:0px;
	margin-left:20px;
	list-style-image:url(../img/styletypeimage.png);
	margin-bottom:6px;
	}
.fliessTextUeberschriftKl {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 23px;
	line-height: 28px;
	height:25px;
	font-weight: normal;
	display:block;
	color:#004b96;
	margin-bottom:8px;
	text-decoration: none;
	text-align: left;
	white-space:nowrap;
	z-index: 999;
	}	
.fliessTextUeberschrift {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: normal;
	color:#004b96;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	margin-top: 0px;
}
.fliessTextUeberschriftimpr {
	font-family: 'Merriweather', Times New Roman, Times, serif;
	font-size: 24px;
	line-height: 30px;
	height:30px;
	font-weight: normal;
	display:block;
	color:#0058af;
	margin-bottom:8px;
	text-decoration: none;
	text-align: left;
	white-space:nowrap;
	z-index: 999;	
	}
/* Abstaende für Absaetze */
#abstand3px {
	position:relative;
	padding-top:3px;
}
#abstand4px {
	position:relative;
	padding-top:4px;
}
#nachobendesktop{
	position:fixed; 
	display:block; 
	left:93.5%; 
	width:65px;
	height:65px;
	bottom:90px; 
	z-index:999; 
	clear:both;
	}  
#mehrspaltig {  
  columns: 2 10em;  
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  column-gap: 3em;
  hyphens: auto; 
}
#links {
	height:350px;
	}
#rechts {
	height:350px;
	}
div#bild ul ul {
	left:0px;
}
.ebene2 {
	left:0px;
	}
.flyoutClass {
	min-width:250px;
	min-height:100px;
	border:0px;
	margin-top:0px;
	margin-left:0px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 20px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	line-height: 120%;
	color: #038941;
	background-color:#FFF;
}
#jahreskasten  {
	width:95%; 
	background-color:#e6e6e6; 
	border-radius:12px; 
	border: 2px solid #FFF; 
	padding:30px;
	}
#jahreszahl {
	width:10%; 
	float:left; 
	padding-left:10px;
	}

#kontaktkasten  {
	width:90%; 
	background-color:#e6e6e6; 
	border-radius:12px; 
	border: 2px solid #FFF; 
	padding:30px;
	text-align:left;
	}
#kontaktbild {
	width:20%; 
	float:left;
	margin-right:10px;
	margin-left:10px;
	}
#kontakttext {
	width:40%; 
	min-height:100px;
	float:left; 
	padding-left:10px;
	margin-left:30px;
	margin-top:30px;
	}
#ukasten  {
	background-color:#e6e6e6; 
	border-radius:12px; 
	border: 2px solid #FFF; 
	width:100%; 
	background-image:url(../img/hinterkasten262.jpg);
	background-repeat:repeat-x;
	padding:30px;
	padding-top:25px;
	text-align:left;
	}
#kkasten  {
	width:90%; 
	background-color:#fff; 
	border-radius:12px; 
	border: 1px solid #b4b4b4; 
	padding:30px;
	}
#kbild {
	width:15%; 
	float:left; 
	padding-left:10px;
	margin-right:50px;
	}
#ubild {
	width:15%; 
	float:left;
	margin-right:0px;
	margin-left:1%;
	}
#utext {
	width:28%; 
	min-height:100px;
	float:left; 
	padding-left:0px;
	margin-left:50px;

	}
#tiefer {
	padding-top:15px;
	}
#textbild {
	width:70%;
	}
#anfahrtkasten {	
	float:left; 
	width:30%; 
	margin-top:-40px
	}
#bewirbdich {
	width:42%; 
	height:28px; 
	padding:10px; 
	background-color:#004b96; 
	white-space:nowrap; 
	text-align:center;	
		}
#linkskasten {
	position:relative;
	height:auto;
	max-width:45%;
	float:left;
	margin-right:6%;
	}
#rechtskasten {
	width:49%;
	float:right;	
	}
}

