html {
	font-size: 110%;
} 

* {
	margin: 0;
	padding: 0;
	border : none 0; 
	box-sizing: border-box;
}


body {
	font: 1em/1.5 'Roboto', Arial, sans-serif;
	color : #20201e;
	background-color: #fff;
	
	width: 100%;
	max-width: 100%;
	overflow-y:scroll;
}

img {
	max-width:100%;
	height: auto;
}


a {
	text-decoration: underline;
	color:inherit;
}

a:hover {
	 text-decoration: none;
}


.cl { clear: both;}
.fre { float: right;}
.fle { float: left;}
.ce { text-align:center;}
.tre { text-align:right;}
.mt1 { margin-top: 1em;}
.mr1 { margin-right: 1em;}
.mb1 { margin-bottom: 1em;}
.ml1 { margin-left: 1em;}
.mt05 { margin-top: 0.5em;}
.mr05 { margin-right: 0.5em;}
.mb05 { margin-bottom: 0.5em;}
.ml05 { margin-left: 0.5em;}
.dn { text-decoration: none;}
.vam { vertical-align:middle;}
.vab { vertical-align:bottom;}
.lh2 { line-height:2em;}
.red { color: #e2000f;}
.gelb { color: #fce400;}
.blau { color: #0028ce;}
.rot { color: #e2000f;}
.f80 { font-size:0.80em;}
.ls1 {letter-spacing: 1px;}
.bg1 {background-color: #faf8db;}
.w50 {width:50%;}
.w100 {width:100%;}
.mw100 {max-width:100%;}
.b {font-weight:bold;}

.pad1 { padding: 1em;}
.pad05 { padding: 0.5em;}
.padr1 { padding-right: 1em;}
.padr05 { padding-right: 0.5em;}



.rg { color: #e2000f; text-shadow: 0 0 2px #fce400; letter-spacing: 0.8px; }

.gr { color: #fce400; text-shadow: 0 0 4px #e2000f; letter-spacing: 0.8px; }

.bw { color: #8dbafb; text-shadow: 0 0 2px #fff; letter-spacing: 0.5px; }



p { margin: 0.5em 0 1em 0; }


h1 {
	font-size: 1.75em;
	line-height: 1.5em;
	font-weight:bold;
}


h2 {
	font-size: 1.2em;
	margin-bottom: 5px;
}



h3 {
	font-size: 1.1em;
	line-height: 1.3em;

}

h3 a {  

}

h3 a:visited {  

}

h3 a:hover {  
	text-decoration: underline;
}




hr {
	display:block; 
	height:2px; 
	border:0; 
	border-top:2px solid #8dbafb; 
	margin:1em 0; 
	max-width: 100%;
}



ol {
	list-style-position: inside;
}




/* NAVI top */

input#responsive-nav, label.responsive-nav-label {
  display: none;
}


/* NAVI not-responsive-menu */

nav {
	float: left;
	width: 100%;
	background: #d6d6d6;
	color: #000;
	font-size: 1em;
	margin-bottom: 0.5em;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav a {
	display: block;
	text-decoration: none;
	font-weight:bold;
}

nav ul li {
	position: relative;
	float: left;
	list-style: none;
}

nav ul li:hover {
	background: #ccc;
transition: 0.5s;
}

nav ul li a {
	padding: 0.7em;
}

nav ul li a:hover {
  	text-decoration:underline;
}

nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  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 ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #333;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

nav ul ul li {
  float: none;
  width: 200px;
  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;
}


.home { background: url(/img/home-1.png) no-repeat left; padding-left:30px;}




/* Ende NAVI */






#head {
	clear:both;
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	color: #000;
	text-align:left;
	min-height:55px;
	height:auto;
	margin-bottom: -5px;
}




#content {
	clear:both;
	text-align:left;
	margin: 0 auto;
	max-width:980px;
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}






.bild {
	box-shadow: 0px 0px 10px #beb8b8;
	border-radius: 3px;
}









.dcb {
	width:100%;
	margin:0 auto;
	display:block;
}


.dc {
	float:left;
	width:50%;
	padding: 0 1em 0 1em;
}


.dc h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #8dbafb;
	padding-bottom:0.5em;
}


.dc img {
	box-shadow: 0px 0px 5px #beb8b8;
	border-radius: 3px;
}

.dc img:hover {
	box-shadow: 0px 0px 15px #beb8b8;
	border-radius: 3px;
}























.bottom { 
	clear:both;
	margin:auto;
	margin-top:2em;
	text-align:center;
	padding: 10px;
	font-size: 0.9em;
	background-color : #08335e;
	box-shadow: 0px 0px 10px #beb8b8;
	border-bottom-left-radius: 10px;
      	border-bottom-right-radius: 10px;
	letter-spacing: 0.8px;
	color: #fff;

}

.bottom a {
	color: #fff;
	text-shadow: 0 0 2px #a6a606;
	font-weight:bold;
	line-height:2em;
}
.bottom a:visited {
	color: #fff;
}
.bottom a:hover, .bottom a:active, .bottom a:focus {

	color: #daecfb; text-shadow: 0 0 2px #e2000f;
	text-decoration: none;
}



















/* Responsive Screens */

@media screen and (max-width: 600px) {

/* NAVI */

nav * {
	font-size: 0.95em;
}
  
label.responsive-nav-label {
	position: relative;
	display: block;
	padding: 1em;
	background: #222;
	cursor: pointer;
	color: #fff;
}
  
label.responsive-nav-label span {
  	margin-right: 10px;  
	float: right;
}

nav {
	position: absolute;
	top: -9999px;
	padding: 10px;
}

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: #4a4a4a;
}
  
nav ul li:hover {
	background: none;
}
  
nav ul li a:hover {
	background: #ccc;
}
  
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;
}


.home { background: none; padding-left:0;}



/* Ende NAVI */



.dc {
	float:none;
	width:100%;
	max-width:100%;
	margin: 0;
}

  

} /* Ende 600px */



@media screen and (max-width: 450px) {


body {


}





} /* Ende 450px */