/* HUMMERWEB.DE - Oliver Riegel */
body:before {content: "";position: fixed;top: -10px;left: 0;width: 100%;height: 10px;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);box-shadow: 0px 0px 10px rgba(0,0,0,.8);z-index: 100;}
body:after {content: "";position: fixed;bottom: -10px;left: 0;width: 100%;height: 10px;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);box-shadow: 0px 0px 10px rgba(0,0,0,.8);z-index: 100;}
hr{
	height: .002em;
	width: 85%;
}
body{	margin-top: 10px;	margin-left: 0px;	margin-right: 0px;	margin-bottom: 20px;	background-color: #585858;}
html{	font-size: 1em;	font-family: Verdana, Geneva, sans-serif;	overflow-y: scroll;	-webkit-text-size-adjust: 1em;	-ms-text-size-adjust: 1em;	text-align: justify;}
h1 {color:#C9C9C9;margin-bottom:20px;font-size:1.5em;letter-spacing:.4em;font-weight:400;text-align:center;}
h2 {color:#C9C9C9;margin-bottom:30px;font-size:1.2em;letter-spacing:.4em;text-align:center;}
h3 {color:#C9C9C9;margin-bottom:20px;font-size:1.1em;letter-spacing:.4em;}
a:link, a:visited, a:active{font-size: 14px;line-height: 20px;font-family: arial,tahoma,verdana,helvetica, sans-serif;color:#FFFFFF;text-decoration:none;}
a:hover{text-decoration: none;color: #999999;}
.text-re {font-size: 12px;line-height: 22px;color:#ffffff;text-align: center;border: 1px solid #999;padding: 10px;height: 160px;width: 180px;}
.text-justify{text-align:justify}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
#text-H1-info{text-align: justify;margin-left: 5em;padding-left: 1em;margin-right: 5em;padding-right: 1em;}
.blockquote{padding-left: 2em;}
#seitentitel {font-size: 17px;line-height: 20px;font-variant:small-caps;letter-spacing:11px;color:#000000;padding-top: 3px;}
#haupttabelle {width:1024px;}
#spatlte-re {	width:200px;	margin:0px;	padding:0px}
#haupt-div{	max-width: 1000px;	max-height: auto;	margin: 0px auto 0px auto;	background-color: #585858;}
.kopf-div{text-align:left;background-image:url(../images/background.jpg);background-repeat:no-repeat; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;min-height:281px;margin:0px auto 0px auto}
.shadow{	-moz-box-shadow: 8px  0  10px  #ccc,-8px  0  10px  #ccc;	-webkit-box-shadow: 8px  0  10px  #333,-8px  0  10px  #ccc;	box-shadow: 8px  0  10px  #ccc, -8px  0  10px  #ccc;	}
.warning{color: #D81221;}
.orange{	color: rgba(255,102,0,1);	font-weight: 700;}
.img-standard{max-width: 100%; height: auto;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
a.speziell:link {text-decoration: none;color: #cccccc;font-weight: lighter;}
a.SiteLink:visited{color: #CCCCCC;}
a.SiteLink:active{color:#666666;}
a.SiteLink:hover{color: #666666;}
.img-right{margin: 10px;float: right;}
.img-left{float: left;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 40px;}
#headline {height: 2.2em;background-image: url(../images/bg_grau_001.jpg);background-repeat: repeat-x;background-position: 50px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000;}
.headline-text {color: #000000;text-align: center;font-size: 1.3em;letter-spacing: 0.85em;font-weight: 400;padding-top: 0.5em;}
#headline2 {height:40px;	color:#C9C9C9;	background-color:#040420;	vertical-align:top;	text-align:center;	padding-top:20px;	padding-left:20px;	padding-bottom:20px;	background-image: url(../images/bg-dunkelblau4.jpg);	background-position: 0% 5px;}
#headline-box {	vertical-align:top;	text-align:center;	padding-top:0px;	padding-left:0px;	padding-bottom:0px;	background-image:url(../images/bg-dunkelblau3.jpg);	background-repeat:repeat;	max-height: 380px;	border-bottom-style: solid;	border-bottom-color: #000000;	border-bottom-width: 1px;	background-position: 0% 210px;	background-color: #040420;}
.menuespalte {	padding: 0;	vertical-align:top;	text-align:left;	background-image:url(../images/leiste_nav.jpg);	background-repeat:repeat-x;	background-position:  50% 0%;	border-left:solid 1px #000;	margin:0;	background-color: #232323;	width: 215px;}
#haupttext {background-color: #212121;	color: #B0B0B0;	padding-top: 40px;	padding-bottom: 2em;	padding-left: 3em;	padding-right: 3em;	vertical-align: top;	background-image: url(../images/bg-haupttext.jpg);	background-repeat: repeat-x;	font-size: .9em;	line-height: 1.5em;}
/* Tabelle allgemein NEU*/
table {	border-collapse: collapse;	width: 850px;	text-align: center;}
td, th {padding: .5em;  max-width: 320px;} 
th:first-child { 	padding-left: .5em; }
th:last-child, td:last-child { 	padding-right: .5em; }
thead th { 	border-bottom: 1px solid #039; } 
tbody th { 	font-weight: normal; 	text-align: left; }
td {text-align: center; }
td:nth-child(3) { 	}
td:nth-child(4) { 	}
.line-left{	border-left-style: solid;	border-left-color: #039; border-left-width: 1px;}
.line-right{border-right-style: solid;	border-right-color: #CCC; border-right-width: 1px; 	}
.line-bottom{	border-bottom-style: solid;	border-bottom-color: #039;	border-bottom-width: 1px;}
.line-bottom2{	border-bottom-style: solid;	border-bottom-color: #039;	border-bottom-width: 2px;}
.line-top{border-top-style: solid;	border-top-color: #039;	border-top-width: 1px;}
.align-top{	vertical-align: top;}
#footer {height:30px;color:#141414;background-color:#1E1E1E;font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height:16px;text-align:center;width:100%;background-image:url(../images/bg_grau_002.jpg);background-repeat:repeat-x;border-top-width: 1px;border-top-style: solid;border-top-color: #373737;background-position: 30%;}
#back {text-align:center;font-size: 12px;line-height: 16px;font-family: arial, tahoma, verdana, helvetica, sans-serif;color:#7E7E7E;padding: 10px;background-color: #212121;}
/* SLIMBOX */
#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #ffffff;}
.lbLoading {background-color: #ffffff;background-image: url(../images/loading.gif);background-repeat: no-repeat;background-position: center;}
#lbImage {position: absolute;left: 0;top: 0;border: 5px solid #ffffff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #ffffff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../images/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}
/* Menü */
/* hide the checkbox and the label */
input#responsive-nav,label.responsive-nav-label {  display: none;}
/* declarations for the not-responsove-menu */
#nav {float: left;width: 100%;font-size: 1.2em;background-color: #999999;background-position: center;background-image: url(../nav/nav_bg.jpg);background-repeat: repeat-x}
#nav ul {	margin: 0;	padding: 0;}
#nav a {display: block;	color: #fff;text-decoration: none;	font-weight: lighter; }
#nav a:hover{color: #666;text-decoration: none;background-image: url(../nav/navon_bg.jpg);background-repeat: repeat-x;background-position: center}
#nav ul li {position: relative;float: left;list-style: none;transition: 0.5s;border-right-width: 1px;border-right-style: solid;border-right-color: #8D8E94;}
#nav ul li a {padding: 15px;}
#nav ul > li.submenu > a:after {position: relative;float: right;  content: '';margin-left: 5px; margin-top: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; border-bottom: 5px solid transparent;}
#nav ul ul li.submenu > a:after {margin-left: auto;  margin-right: -10px; border-left: 5px solid #fff; border-right: 5px solid transparent;  border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
#nav ul li:hover {display: block;background-color: #CCCCCC;}
#nav ul ul {position: absolute;top: -9999px;left: -9999px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);background-color: #999999;}
#nav ul ul li { float: none;  width: 240px;  border-bottom: 1px solid #555;}
#nav ul ul li a {  padding: 10px 20px;}
#nav ul ul li:last-child {  border-bottom: none;}
#nav ul li:hover > ul {  top: 100%;  left: 0;}
#nav ul ul li:hover > ul {  top: 0;  left: 200px;}
.img-flex{max-width: 100%; border-radius: 8px;float: none;margin: 1px 1px 1px 1px;/*-webkit-box-shadow: 8px 8px 8px 0px rgba(112,112,112,1);-moz-box-shadow: 8px 8px 8px 0px rgba(112,112,112,1);box-shadow: 8px 8px 8px 0px rgba(112,112,112,1);*/background-size:auto; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
/*Seite nach oben*/
.scrollicon {text-align: center;width: 50px;height: 50px;border-radius: 50%;opacity: 0.75;position: fixed;bottom: 30px;right: 20px;display: none;	border: 0.15em dashed #FFF;background-color: #666699;}
.scrollicon div {font-weight: bold;font-size: 1.7em;color: #FFF;padding-top: 0.40em;}

/*DATENSCHUTZ*/
.cc_container .cc_btn {	background-color: #009999 !important; /* Farbe des Buttons */
	color: #000 !important; /* Textfarbe des Buttons */}
.cc_container {background: #999 !important; /* Hintergrundfarbe des gesamten Bereichs */
	color: #333 !important; /* Schriftfarbe des gesamten Bereichs */}
.cc_container a {color: #0000FF !important; /* Textlink-Farbe "Mehr Infos" */}

/* for the responsive menu */
@media screen and (max-width: 800px) {
* { font-size: 1.04em;}
label.responsive-nav-label {position: relative;display: block;padding: 15px;cursor: pointer;color: #fff;background-color: #999999;background-position: center;background-image: url(../nav/nav_bg.jpg);background-repeat: repeat-x}
label.responsive-nav-label span {  margin-right: 15px;  }
nav {position: absolute;top: -9999px;padding: 10px;background-color: #999999;}
input#responsive-nav[type=checkbox]:checked ~ nav {  position: relative;  top: 0;}
nav a:after {  display: none;}
nav li {  float: none !important;  width: 100% !important;  border-bottom: none !important; }  
nav li a {margin-bottom: 10px !important;padding: 10px 20px !important;background-color: #B6B4B8;}  
nav ul li:hover {  background: none;} 
nav ul li a:hover {	background-color: ##868686;} 
nav ul ul {  position: relative !important;  width: 100%;  left: 0 !important;  top: 0 !important;  background: none !important;  box-shadow: none;}
nav ul ul li {  padding-left: 20px;}
#text-H1-info{text-align: left;margin-left: .5em;padding-left: 1em;margin-right: .5em;padding-right: .1em;}
}
@media print {
body { background-color: white; background-image: none; }
#logo { display: none; }
#menu { display: none; }
#nav { display: none; }
#header { display: none; }
#footer { display: none; }
}
@media screen and (max-width: 42em) {
thead {display: none; 	}
tr:first-child {border-top-width: 2px;border-top-style: solid;border-top-color: #666;}
tr {padding: .2em 2em 1em;}
th::before {content: " "; 	}
td:nth-child(2)::before {content: " "; }
td:nth-child(3)::before {content: " "; }
td:nth-child(4)::before {content: " "; }
td:nth-child(3) {text-align: left; 	}
table, 	tbody, 	tr {display: block; }
tbody th { display: block; 	}
th a {font-weight: normal; 	}
td {display: inline-block;min-width: 30%;padding: .2em 2em;text-align: left; 	}
#headline {display: none;}
}
@media screen and (max-width: 33em) {
td {display: block; }
tr {padding: .5em .5em 1em; }
 }