body {
  font-size: 100%;
  color: #000;
  background-color: #aaa;
  font-family: Helvetica, Arial, sans-serif;
  
}
#container {
  width: 95%;
  margin: auto;
  margin-top:20px;
  max-width: 1450px;
  min-width: 300px;
  height: auto;
  border-style: solid;
  border-color: blue;
  border-width: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  <--resize: both;-->
}
.clearfix:before, .clearfix:after {
	content: ""; display: table;
}
.clearfix: after{
	clear: both;
}
.clearfix {
	zoom: 1;
}

#kopf {
  text-align: center;
  overflow: hidden;
}

#kopfbox_left{
	background-image: url("../pic/cl_logo_s1.jpg");
	background-repeat: no-repeat;
	background-size: 250px 78px;
	background-position: center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border-style: solid;
	border-color: blue;
	border-width: 1px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
	float: left;
	width: 250px;
	height: 78px;
	background-color: rgb(255, 255, 255);
	padding: 5px;
	margin-top: 5px;
	margin-left: 20px;
}

#kopfbox_middle{
	min-width: 100px;
	color: #0200f5;
	background-color: white;
	height: 98px;
}

#kopfbox_right{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	/*background-image: url("../pic/0188_cr1.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
	display: flex;
	text-align: center;
	text-shadow: 3px 3px 1px rgba(150, 150, 150, 0.4);
	font-size: 1em;
	color: #0200f5;
	padding:5px;
	margin-top: 5px;
	margin-right: 20px;
	float: right;
	background-color: #fff;
	min-width: 348px;
	height: 78px;
	/*border-style: solid;
	border-color: blue;
	border-width: 1px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);*/
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+62,f5f7f9+100 */
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 62%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 62%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 62%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 */	
}
#kopfbox_right_text{
	color: black;
	text-align: right;
	font-size: 1.0em;
	background-color: transparent;
	margin: auto;
	width: 200px;
	height: 60px;	
}

#kopfbox_bot_top{
	color: white;
	background-color: #0200f5;
	margin-left: 20px;
	margin-right: 20px;
	height: 2px;
	margin-top: 10px;
}

#kopfbox_bot_bot{
	color: white;
	background-color: #0200f5;
	margin-top: 3px;
	margin-left: 20px;
	margin-right: 20px;
	height: 2px;
	
}

#kopfbox_bot  h1 {
    font-weight: normal;
    font-size: 0.8em;
    text-align: left;
}
#menuebox{
	background-color: #fff;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
}

#middle {
	<--background-image: Url("../pic/1877_edit_cr.JPG");-->
	background-size: 100%;
	background-repeat: no-repeat;
    <-- background-position: center;--> 
    background-color: #fff;
	margin-left: 19px;
	margin-right: 19px;
	margin-top: 5px;
    padding-top: 3px;
	<--height: auto;-->
	<--float: left;-->
}

img { 
max-width: 100%;
}

.clearen {
    clear: left;
  }

#inhalt_bot_bot{
	color: white;
	background-color: #0200f5;
	margin-top: 3px;
	margin-left: 20px;
	margin-right: 20px;
	height: 2px;
	
}

#fuss {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
	background-color: #3a3a3a;
	font-size: 0.7em;
	margin-top: 5px;
    margin-left: 19px;
    margin-right: 19px;
	margin-bottom: 5px;
	padding: 10px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 20px;
	height: auto;
	color: #fff;
    overflow: hidden;
}
#fuss_left{
	color: white;
	background-color: #3a3a3a;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	box-shadow: 0px 0px 1px #fff;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 5px;
	width: 30%;
	min-width: 130px;
	margin-left: 1.1%;
	float: left;
	height: 90px;
	text-align: center;
	border: 1px solid white;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
#fuss_left a{
	color: #fff;
	TEXT-DECORATION: none
}
#fuss_left a:link{
	color: white;
}
#fuss_left:hover{
	color: white;
	background-color: #777;
}

#fuss_middle{
	font-size: 1.3em;
	background-color: #3a3a3a;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	box-shadow: 0px 0px 1px #fff;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	margin-top: 20px;
	padding-top: 10px;
	text-align: center;
	color: white;
	width: 30%;
	min-width: 134px;
	margin-left: 2.5%;
	float: left;
	height: 90px;
	align-items: center;
    justify-content: center;
	display: flex;
	border: 1px solid white;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}

#fuss_middle a{
	color: #fff;
	TEXT-DECORATION: none
}
#fuss_middle a:link{
	color: white;
}
#fuss_middle:hover{
	color: white;
	background-color: #777;
}
	
#fuss_right{
	color: white;
	background-color: #3a3a3a;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
	box-shadow: 0px 0px 1px #fff;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	padding-top: 10px;
	margin-top: 20px;
	padding-left: 5px;
	text-align: center;
	width: 30%;
	min-width: 130px;
	margin-left: 2.5%;
	float: left;
	height: 90px;
	align-items: center;
    justify-content: center;
	display: flex;
	border: 1px solid white;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}

#fuss_right a{
	color: #fff;
	TEXT-DECORATION: none
}
#fuss_right a:link{
	color: white;
}
#fuss_right:hover{
	color: white;
	background-color: #777;
}
	/**a:link { background: thistle }
	a:visited { background: lavender }
	a:hover { background: pink } 
	a:focus { background: aquamarine; color: black }
	a:active { background: oldlace }
	a:visited:hover{background:gray;color:white }
	
}

#fuss_right h1{
	font-size: 12em;
}**/


.clear {   
   clear: both;
}

a {
  color: #000;
}

.backToTop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 10;
	background: url('../pic/arrow.png') no-repeat 0 0 #333; /* fallback for older browsers */
	background: url('../pic/arrow.png') no-repeat 0 0 rgba(0,0,0,0.7);
	border-radius: 5px;
}


@media screen and (max-width: 1024px) {
	  
html,
body {
	font-size: 16px; 
	background-color: #aaa;
	}

#container {
	min-width: 0;
	width: 80%;
	}
	
#im_box { 
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#inhalt {
	margin-left: 0;
	} 
	
#fuss_left{ 
	font-size: 0.8em;
	} 
}


@media screen and (max-width: 800px) {
	  
html,
body {
	background-color: #aaa;
	font-size: 16px; 
	}

#container {
	min-width: 0;
	width: 100%;
	}
	  
#kopfbox_right{
	text-align: right;
	min-width: 248px;
	font-size: 0.8em;
	margin-top: 7px;
	padding-top:5px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
	}
	
#im_box { 
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#inhalt {
	margin-left: 0;
	} 
	 
#fuss {
	text-align: center;
	background-color: #3a3a3a;
	height: auto;
	color: #fff;
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	} 
#fuss_left{ 
	font-size: 0.8em;
	height: 70px;
	}
	
#fuss_middle{ 
	font-size: 0.8em;
	height: 30px;	
}

#fuss_right{ 
	font-size: 0.8em;
	height: 30px;
	}
	   
}