@charset "utf-8";
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,#gotop,#header_left,#header,#wrapper,#menu_item,#menu_item_kontakt,#navigation,#text_container, #zenter, #box, #box1, #box2, #box3, #box4, #bild1_hoch,#unten,#footer {
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	
	font-family: Roboto Condensed;
	margin: 0 auto;
	
	
}

#navigation {
	float: left;
	width: 310px;
	max-width: 310px;
	border: 0px solid #000000;
}



#unten {position: relative;margin-top:100px; border: 0px solid #555555;}

#bild1_hoch {
	position: relative;
	top: 93px;
	width: 100%;
	height:600px;
	background-image: url("foto-hsl.jpg");
	opacity: 1;
	background-size: 100% 900px;
	background-position:  center center;
	overflow: hidden;
	border: 0px solid #000000;
}

#footer {
		clear: both;
		margin-top: 100px;
		margin-bottom: 20px;
		width: 100%;
		min-height: 100px;
		background: #ffffff;
		color: #555555;
		/*background: #000033; */
	}

#footer_text {
	margin: 0 auto;
	padding-top:0px;
	width: 90%;
	max-width: 1000px;
	font-family: Roboto Condensed;
	font-size: 16px;
	color: #666666;	
}




#gotop {
position: fixed; right: 10px; top: 10px;background: #ffffff;cursor: pointer; 
border-radius: 50%; display: none; width: 40px; height: 40px; z-index: 11000;	
}

body {margin: 0 auto; scroll-behavior: auto;}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
}

h1, h2, h3 {
    line-height: 1.2em;
}

h3 {font-size:30px; color:#003300;}

.blockDomains {
	
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    line-height: 1.328571429;
    font-size: 16px;
}

.kasten {font-size:20px;}


p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #666666; /* old IE */
    background-color: #666666; /* Modern Browsers */
}



.sticky { 
  top: 0;
  width: 100%;
}
/*
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
    color: #ffffff;
    background-color: #0a396f;
}
*/

a:link {
	font-family: Roboto Condensed;
	color: #666666;	
	text-decoration: none;
	text-align: left;
}

a:visited {
	font-family: Roboto Condensed;
	color: #666666;	
	text-decoration: none;
	text-align: left;
}
a:hover {
	font-family: Roboto Condensed;
	
	color: #003d86;
	text-decoration: none;
	text-align: left;
}
a:active {
	font-family: Roboto Condensed;
	
	color: #666666;	
	text-decoration: none;
	text-align: left;
}


input[type=button] {
    border: 1px solid transparent;
    background: #003300;
    cursor: pointer;
    padding: 10px 20px;
    color: #fff;
}

input[type=submit] {
    border: 1px solid transparent;
    background: #0a396f;
    cursor: pointer;
    padding: 10px 20px;
    color: #fff;
}


input[type=button]:hover {
    border: 1px solid transparent;
    background: #0069b3;
    cursor: pointer;
    padding: 10px 20px;
    color: #fff;
}

input[type=submit]:hover {
    border: 1px solid transparent;
    background: #0069b3;
    cursor: pointer;
    padding: 10px 20px;
    color: #fff;
}


body, button, input, select, textarea {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 22px;
}

body {
	overflow: scroll;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
	min-height: 700px;	
	padding-bottom: 0px;
}

#header {
	position: absolute;
	position: fixed;
	top: 0px;
	margin: 0 auto;
	width: 100%;
	height: 90px;
	background: #eceff0;
	padding-top: 20px;	
	border-bottom: 2px solid #ffffff;
	z-index: 10000;
}

#header_left {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	/*max-width: 1000px;	
	background: #ff0000;*/
}

#logo {
	float: left;
	margin: 0 auto;
	width: 300px;
	max-width: 150px;
	height: 50px;
	font-family: Roboto Condensed;
	font-size: 40px;
	color: #003300;	
}


#menu {
	color: #666666;
	padding-top: 12px;
	padding-bottom: 0px;
	width: 100%;
	max-width: 1000px;
	min-height: 40px;
	background: transparent;
	z-index: 10000;
	
}

#menu_text {
	
	float: left;
	padding: 0px;
	text-align: left;
	max-width: 1000px;
	min-height: 40px;
	max-height: 80px;
	font-family: Roboto Condensed;
	font-size: 18px;
	color: #666666;
	background: transparent;		
}

#menu_item,#menu_item1,#menu_item2,#menu_item3,#menu_item4 {
	color: #666666;
	
	float: left;
	padding-top: 10px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
	min-height: 30px;
	background: transparent;
	
}

#menu_item_kontakt {
	color: #666666;
	margin: 0 auto;
	float: left;
	padding-top: 10px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
	min-height: 30px;
	background: transparent;
	
}

#menu_item:hover {
	color: #003d86;
	margin: 0 auto;
	float: left;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
	min-height: 30px;
	background: transparent;
	
}

#menu_item_kontakt:hover {
	color: #003d86;
	margin: 0 auto;
	float: left;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
	min-height: 30px;
	background: transparent;
	
}

#bild {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/impressum_2019_1.jpg");
	background-size: 2000px 900px;
	background-position: center center;
	overflow: hidden;
}



#bild1 {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_fernsehturm.jpg");
	background-size: 100% 900px;
	background-position: center center;
	overflow: hidden;
}


#bild2 {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_netzwerk.jpg");
	background-size: 2000px 900px;
	background-position: center center;
	overflow: hidden;
	margin-top: 100px;
}

#bild3 {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_besen.jpg");
	background-size: 2000px 900px;
	background-position: center center;
	overflow: hidden;
	margin-top: 100px;
}

#bild4 {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_wald.jpg");
	background-size: 2000px 900px;
	background-position: center center;
	overflow: hidden;
	margin-top: 100px;
}

#bild_headline{ position: absolute;
	margin: 0 auto;
    margin-top: 50px;
	margin-left: 20px;
    width: 80%;
    max-width: 400px;
    height: 150px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-shadow: 5px 5px 10px #000000;
    color: #ffffff;
}

#bild_headline_unten{ position: absolute;
	margin: 0 auto;
    margin-top: 310px;
	margin-left: 0px;
    width: 100%;
    max-width: 100%;
    height: 150px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 4px #aaaaaa;
    color: #000000;
}


#bild_container {
	width: 100%; min-height: 600px;	max-width: 1000px; background: #ffffff; margin-bottom: 50px;
	font-size: 24px;
}

#bild_container_1 { float: left;
	width: 49%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
	background-image: url("https://kolberg.net/images/header_bild_wald.jpg");
	background-size: auto 300px;
	background-position: center center;
	overflow: hidden;
}
#bild_container_2 { float: right;
	width: 49%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
	background-image: url("https://kolberg.net/images/header_bild_besen.jpg");
	background-size: auto 300px;
	background-position: center center;
	overflow: hidden;
}

#bild_container_3 { float: left;
	width: 49%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
	background-image: url("https://kolberg.net/images/header_bild_fernsehturm.jpg");
	background-size: auto 300px;
	background-position: center center;
	overflow: hidden;
}
#bild_container_4 { float: right;
	width: 49%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
	background-image: url("https://kolberg.net/images/header_bild_werkzeuge.jpg");
	background-size: auto 300px;
	background-position: center center;
	overflow: hidden;
}

#bild_full_size { position: relative;
	width: 100%; min-height: 455px;	background: #ffffff; margin-bottom: 50px;
	background-image: url("https://kolberg.net/images/header_bild_netzwerk.jpg");
	background-size: auto 455px;
	background-position: center center;
	overflow: hidden;
}
#bild_full_size_beschriftung {
position: absolute;
	margin: 0 auto;
    margin-top: 60px;
	margin-right: 20px;
    width: 100%;
    max-width: 100%;
    height: 250px;
    text-align: left;
	left: 700px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 5px 5px 10px #000000;
    color: #ffffff;
	
}

#bild_aktuelles {
	position: relative;
	clear: both;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url(images/header_bild_fernsehturm.jpg);
	background-size: 100% auto;
	background-position: center center;
	overflow: hidden;
	z-index: 100;
}

#bild_projekte {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/impressum_2019_1.jpg");
	background-size: 2000px 500px;
	background-position: center center;
	overflow: hidden;
}

#bild_angebote {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_fernsehturm.jpg");
	background-size: 100% auto;
	background-position: center center;
	overflow: hidden;
	z-index: 100;
}

#bild_kontakt {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_fernsehturm.jpg");
	background-size: 100% auto;
	background-position: center center;
	overflow: hidden;
	z-index: 100;
}

#bild_datenschutz {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_fernsehturm.jpg");
	background-size: 100% auto;
	background-position: center center;
	overflow: hidden;
	z-index: 100;
}

#bild_impressum {
	position: relative;
	top: 93px;
	width: 100%;
	height: 500px;
	background-image: url("images/header_bild_fernsehturm.jpg");
	background-size: 100% auto;
	background-position: center center;
	overflow: hidden;
	z-index: 100;
}


#abbinder {
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.5);
	position: relative;
	bottom: -110px;
	text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
	color: #ffffff;
	display: none;	
}
#abbinder_text {
	width: 100%;
	padding-top: 10px;
	text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
	color: #ffffff;
}


#slogan {
	margin: 0 auto;
	margin-top: 100px;
	width: 100%;
	max-width: 1000px;
	height: 250px;
	text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 60px;
	font-weight: bold;
	text-shadow: 5px 5px 10px #000000;
	color: #ffffff;
		
}

#slogan1 {
	margin: 0 auto;
	margin-top: 230px;
	width: 100%;
	max-width: 1000px;
	height: 250px;
	text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 60px;
	font-weight: bold;
	text-shadow: 5px 5px 10px #000000;
	color: #eeffee;
		
}



#kachel_container {
	clear: both;
	margin: 0 auto;
	margin-top: 130px;
	width: 90%;
	max-width: 1000px;
	min-height: 300px;
	
		
}

#kachel {
    padding: 5px;
    float: left;
    margin-top: 20px;
	margin-left: 10px;
    margin-right: 10px;
	
    width: 100%;
    max-width: 300px;
    height: 450px;
    background: #eeeeee;
    text-align: center;
    border: 1px solid #bbbbbb;
    box-shadow: 10px 10px 30px #dddddd;
}




#text_container {
	clear: both;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 100px;
	min-height: 300px;
	width: 100%;
	max-width: 1000px;
	font-size: 18px;
	
}

#text_container1 {
	clear: both;
	margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 100px;
	min-height: 300px;
	width: 90%;
	max-width: 1000px;
	font-size: 18px;
	
}


#text_container_portal {
	clear: both;
	margin: 0 auto;
	margin-top: 110px;
	margin-bottom: 100px;
	min-height: 300px;
	width: 90%;
	max-width: 1000px;
	font-size: 18px;
	
}

#kasten_container {
	clear: both;
	position: relative;
	margin: 0 auto;
	margin-top: 100px;
	min-height: 450px;
	width: 90%;
	max-width: 1000px;
	background: rgba(0,0,0,0.0);
	/*border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	*/
	
}

#kasten_links_oben {
	width: 90%;
	max-width: 48%;
	height: 200px;
	background: #eeeeee;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #dddddd;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
}
#kasten_rechts_oben {
	width: 90%;
	max-width: 48%;
	height: 200px;
	background: #eeeeee;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 0px;
	border: 1px solid #dddddd;
	box-shadow: 2px 2px 20px #aaaaaa;	
}

#kasten_links_unten {
	width: 90%;
	max-width: 48%;
	height: 200px;
	background: #eeeeee;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 0px;
	border: 1px solid #dddddd;
	box-shadow: 2px 2px 20px #aaaaaa;	
}
#kasten_rechts_unten {
	width: 90%;
	max-width: 48%;
	height: 200px;
	background: #eeeeee;
	position: absolute;
	bottom: 0px;
	right: 0px;
	border-radius: 0px;
	border: 1px solid #dddddd;
	box-shadow: 2px 2px 20px #aaaaaa;	
}

#kasten_headline {
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 30px;
	font-weight: bold;	
	text-shadow: 1px 1px 2px #444444;
	color: #0069b3;
}


#kasten_text {
	position: absolute;
	top: 60px;
	left: 20px;
	font-size: 18px;
	
}

#kasten_link {
	position: absolute;
	top: 150px;
	right: 20px;
	font-size: 18px;
}







#info_container {
	clear: both;
	margin: 0 auto;
	margin-top: 30px;
	min-height: 350px;
	width: 90%;
	max-width: 1000px;
	margin-bottom: 50px;
}

#info_kachel{
	position: relative;
    padding: 5px;
    float: left;
    margin-top: 20px;
	margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    max-width: 300px;
    height: 350px;text-align: center;
    /*background: #eeeeee;
    border: 1px solid #bbbbbb;*/
    box-shadow: 10px 10px 30px #dddddd;
}

.infotext {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
	color: #333333;
}

.infotext_headline {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
	font-weight: bold;
	color: #333333;
}

.infotext_link {
	color: #0a396f;
}
.infotext_link:hover {
	color: #0a396f;
	font-weight: bold;
}


	


/*#footer {	
	clear: both;
	margin-top: 100px;
	margin-bottom: 0px; 
	width: 100%;
	min-height: 150px;
	
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #0a396f 0%, #111111 96%, #2b2b2b 100%, #1c1c1c 100%, #6d6d6d 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#0a396f 0%,#111111 96%,#2b2b2b 100%,#1c1c1c 100%,#6d6d6d 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#0a396f 0%,#111111 96%,#2b2b2b 100%,#1c1c1c 100%,#6d6d6d 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6d6d6d',GradientType=0 ); 

}
*/


		#suchformulardiv {
padding: 0;
  
  
padding-top: 47px;
padding-bottom: 39px;
background: url(https://schnelle-seiten.net/worldbg.jpg) center center no-repeat #63c8fc;
  background-color: rgb(99, 200, 252);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("https://schnelle-seiten.net/worldbg.jpg");
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
width: auto;
height: 195px;
margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;


border-radius: 0px;	
			}
		
		
		#suchformular {
  padding: 30px 20px;
  background: url(https://schnelle-seiten.net/images/black.png);
  background: rgba(0,0,0,0.3);
  margin: 0;
    margin-top: 0px;
 
  position: relative;
  top: -13px;
  height: 150px;
			color: #ffffff;
		}






@media only screen and (min-width: 0px) and (max-width: 1024px){
	#menu {
	color: #666666;
	padding-top: 5px;
	padding-bottom: 0px;
	width: 100%;
	min-height: 40px;
	background: #eeeeee;
	z-index: 10000;
	
	}
	#navigation {
		float: left;
		width: 100%;
	}
	
	#logo {
		margin-left: 0px;	
	}

}

	
@media only screen and (min-width: 0px) and (max-width: 800px){
}
	
@media only screen and (min-width: 0px) and (max-width: 768px){
}

@media only screen and (min-width: 0px) and (max-width: 550px){
		#navigation {
		float: left;
		width: 100%;
		height: 90px;
		background: #ffffff;
		border-bottom: 1px solid #666666;
	}
	#footer {
		clear: both;
		margin-top: 180px;
		margin-bottom: 0px; 
		width: 100%;
		min-height: 100px;
		
		background: #000044; 
	
	}

}

/*
@media only screen and (min-width: 0px) and (max-width: 480px){
		#navigation {
		float: left;
		width: 100%;
		height: 90px;
		background: #ffffff;
		border-bottom: 1px solid #666666;
	}
	#footer {
		clear: both;
		margin-top: 180px;
		margin-bottom: 0px; 
		width: 100%;
		min-height: 380px;
		
		background: #000044; 
	
	}

}
*/

@media only screen and (min-width: 0px) and (max-width: 500px) {

	.textfeld {width:95%;
		 max-width:95%; 
		}
	#wrapper {
		margin: 0 auto;
		width: 100%;
		min-height: 500px;	
		padding-bottom: 0px;
	}

	#header {
		position: absolute;
		position: fixed;
		/*position: -webkit-sticky;
		position: -moz-sticky;
		position: sticky;*/
		top: 0px;
		left: 0px;
		margin: 0 auto;
		width: 100%;
		min-height: 90px;
		/*background: #eceff0;*/
		padding-top: 20px;	
		border-bottom: 2px solid #ffffff;
		z-index: 10000;
	}
	
	#navigation {
		float: left;
		width: 100%;
		max-width: 290px;
		height: 50px;
		background: #eeeeee;
		border-bottom: 0px solid #666666;
		padding-left: 10px;
	}

	#menu {
		min-height: 50px;
		margin-top:5px;
	}

	#header_left {
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}


	#menu_item {
		color: #666666;
		margin: 0 auto;
		float: left;
		padding-top: 10px;
		text-align: left;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 10px;
		min-height: 30px;
		background: transparent;
		
	}

	#menu_item_kontakt {
		color: #666666;
		margin: 0 auto;
		float: left;
		padding-top: 10px;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 10px;
		min-height: 30px;
		background: transparent;
		
	}

	#menu_item:hover {
		color: #003d86;
		margin: 0 auto;
		float: left;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 10px;
		min-height: 30px;
		background: transparent;
		
	}

	#menu_item_kontakt:hover {
		color: #003d86;
		margin: 0 auto;
		float: left;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: 10px;
		min-height: 30px;
		background: transparent;
		
	}


/*
	#menu_item_kontakt {
		display: none;
	}
*/
	#text_container {
		position: relative;
		top: 150px;
		clear: both;
		margin: 0 auto;
		/*margin-top: 300px;*/
		margin-bottom: 100px;
		min-height: 300px;
		width: 90%;
		max-width: 1000px;
		font-size: 18px;
		
	}

	#bild_container {
		width: 100%; min-height: 600px;	background: #ffffff; margin-bottom: 50px;
		font-size: 30px;
	}
	
	#bild_container_1 { float: left;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_wald.jpg");
		background-size: auto 300px;
		background-position: center center;
		overflow: hidden;
	}
	#bild_container_2 { float: right;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_besen.jpg");
		background-size: auto 300px;
		background-position: center center;
		overflow: hidden;
	}
	
	#bild_container_3 { float: left;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_fernsehturm.jpg");
		background-size: auto 550px;
		background-position: 670px center;
		overflow: hidden;
	}
	#bild_container_4 { float: right;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_werkzeuge.jpg");
		background-size: auto 300px;
		background-position: center center;
		overflow: hidden;
	}


	#bild {
		position: relative;
		top: 157px;
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}
	#bild1_hoch {
		position: relative;
		top: 93px;
		width: 100%;
		height: 400px;
		background-image: url("foto-hsl.jpg");
		background-size: 1000px 450px;
		background-position: 0px 0px;
		overflow: hidden;
	}	
	#bild_aktuelles {
		position: relative;
		top: 157px;
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_projekte {
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_angebote {
		position: relative;
		top: 157px;		
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_kontakt {
		position: relative;
		top: 157px;
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_datenschutz {
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_impressum {
		position: relative;
		top: 157px;		
		width: 100%;
		height: 200px;
		background-image: url("images/impressum_2019_1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}
	
	#bild_headline{ position: absolute;
		margin: 0 auto;
		margin-top: 50px;
		margin-left: 20px;
		width: 100%;
		max-width: 100%;
		height: 150px;
		text-align: left;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 27px;
		font-weight: bold;
		text-shadow: 5px 5px 10px #000000;
		color: #ffffff;
	}	
	#slogan {
		margin: 0 auto;
		margin-top: 20px;
		width: 90%;
		max-width: 1000px;
		height: 150px;
		text-align: left;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-shadow: 5px 5px 10px #000000;
		color: #ffffff;
		
	}

	#slogan1 {
		margin: 0 auto;
		margin-top: 100px;
		width: 95%;
		max-width: 95%;
		height: 250px;
		text-align: left;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 50px;
		font-weight: bold;
		text-shadow: 5px 5px 10px #000000;
		color: #ffffff;
		padding-left: 10px;
			
	}	

#info_container {
	position: relative;
	top: 100px;
	clear: both;
	margin: 0 auto;
	margin-top: 30px;
	min-height: 350px;
	width: 90%;
	max-width: 1000px;
	margin-bottom: 50px;
}


#text_container_portal {
	position: relative;
	top: 150px;
	clear: both;
	margin: 0 auto;
	margin-top: 110px;
	margin-bottom: 100px;
	min-height: 300px;
	width: 90%;
	max-width: 1000px;
	font-size: 18px;
	
}

#kasten_container {
	clear: both;
	position: relative;
	margin: 0 auto;
	margin-top: 100px;
	min-height: 450px;
	width: 90%;
	max-width: 1000px;
	background: rgba(0,0,0,0.0);
	/*border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	*/
	
	
}

#kasten_links_oben {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;
}
#kasten_rechts_oben {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;
}

#kasten_links_unten {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;	
}
#kasten_rechts_unten {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;	
}

#kasten_headline {
	position: relative;
	top: 15px;
	left: 20px;
	font-size: 20px;
	font-weight: bold;	
	text-shadow: 1px 1px 2px #444444;
	color: #0069b3;
}


	#kasten_text {
		position: absolute;
		top: 50px;
		left: 16px;
		font-size: 16px;
		
	}

	#kasten_link {
		position: absolute;
		top: 150px;
		right: 16px;
		font-size: 18px;
	}
	
	#text_container {
		margin-top: 50px;	
	}
	
	#footer {
		clear: both;
		margin-top: 180px;
		margin-bottom: 0px; 
		width: 100%;
		min-height: 100px;
		
		background: #000044; 
	
	}

	#logo {
		float: left;
		margin: 0 auto;
		width: 100%;
		max-width: 135px;
		height: 50px;
		font-family: Roboto Condensed;
		font-size: 40px;
		color: #003300;	
		padding-left: 10px;
	}
}







@media only screen and (min-width: 0px) and (max-width: 400px) {

	#header {
		position: absolute;
		position: fixed;
		/*position: -webkit-sticky;
		position: -moz-sticky;
		position: sticky;*/
		top: 0px;
		left: 0px;
		margin: 0 auto;
		width: 100%;
		min-height: 90px;
		/*background: #eceff0;*/
		padding-top: 20px;	
		border-bottom: 2px solid #ffffff;
		z-index: 10000;
	}
	
	#navigation {
		float: left;
		width: 100%;
		max-width:100%;
		height: 40px;
		background: #eeeeee;
	}

	#menu {
		min-height: 40px;
		margin-top:-10px;
	}

#menu_text {width:100%;}
#menu_item {
	color: #666666;
	margin: 0 auto;
	float: left;
	padding-top: 10px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 10px;
	min-height: 30px;
	background: transparent;
	
}

#menu_item_kontakt {
	color: #666666;
	margin: 0 auto;
	float: left;
	padding-top: 10px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 20px;
	min-height: 30px;
	background: transparent;
	
}

#menu_item:hover {
	color: #003d86;
	margin: 0 auto;
	float: left;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 20px;
	min-height: 30px;
	background: transparent;
	
}

#menu_item_kontakt:hover {
	color: #003d86;
	margin: 0 auto;
	float: left;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 20px;
	min-height: 30px;
	background: transparent;
	
}


/*
	#menu_item_kontakt {
		display: none;
	}
*/
	#text_container {
		position: relative;
		top: 150px;
		clear: both;
		margin: 0 auto;
		/*margin-top: 300px;*/
		margin-bottom: 100px;
		min-height: 300px;
		width: 90%;
		max-width: 1000px;
		font-size: 18px;
		
	}


	#bild_container {
		width: 100%; min-height: 600px;	background: #ffffff; margin-bottom: 50px;
		font-size: 24px;
	}
	
	#bild_container_1 { float: left;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_wald.jpg");
		background-size: auto 300px;
		background-position: center center;
		overflow: hidden;
	}
	#bild_container_2 { float: right;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_besen.jpg");
		background-size: auto 300px;
		background-position: center center;
		overflow: hidden;
	}
	
	#bild_container_3 { float: left;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_fernsehturm.jpg");
		background-size: auto 550px;
		background-position: 670px center;
		overflow: hidden;
	}
	#bild_container_4 { float: right;
		width: 99%; min-height: 300px;	background: #dddddd; margin-bottom: 20px;
		background-image: url("images/header_bild_werkzeuge.jpg");
		background-size: auto 300px;
		background-position: center center;
		overflow: hidden;
	}



	#bild {
		position: relative;
		top: 157px;
		width: 100%;
		height: 200px;
		background-image: url("images/schaubild-video.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}
	
	#bild_aktuelles {
		position: relative;
		top: 157px;
		width: 100%;
		height: 200px;
		background-image: url("images/aktuelles1_mobil1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_projekte {
		width: 100%;
		height: 200px;
		background-image: url("images/projekte1_mobil.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_angebote {
		position: relative;
		top: 157px;		
		width: 100%;
		height: 200px;
		background-image: url("images/angebote1_mobil1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_kontakt {
		position: relative;
		top: 157px;
		width: 100%;
		height: 200px;
		background-image: url("images/schaubild-video.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_datenschutz {
		width: 100%;
		height: 200px;
		background-image: url("images/datenschutz1_mobil1.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}

	#bild_impressum {
		position: relative;
		top: 157px;		
		width: 100%;
		height: 200px;
		background-image: url("images/schaubild-video.jpg");
		background-size: 100% 200px;
		background-position: center center;
		overflow: hidden;
	}
	
	
	#slogan {
		margin: 0 auto;
		margin-top: 20px;
		width: 90%;
		max-width: 1000px;
		height: 150px;
		text-align: left;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 40px;
		font-weight: bold;
		text-shadow: 5px 5px 10px #000000;
		color: #ffffff;
		
	}
	

#info_container {
	position: relative;
	top: 100px;
	clear: both;
	margin: 0 auto;
	margin-top: 30px;
	min-height: 350px;
	width: 90%;
	max-width: 1000px;
	margin-bottom: 50px;
}


#text_container_portal {
	position: relative;
	top: 150px;
	clear: both;
	margin: 0 auto;
	margin-top: 110px;
	margin-bottom: 100px;
	min-height: 300px;
	width: 90%;
	max-width: 1000px;
	font-size: 18px;
	
}

#kasten_container {
	clear: both;
	position: relative;
	margin: 0 auto;
	margin-top: 100px;
	min-height: 450px;
	width: 90%;
	max-width: 1000px;
	background: rgba(0,0,0,0.0);
	/*border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	*/
	
	
}

#kasten_links_oben {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;
}
#kasten_rechts_oben {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;
}

#kasten_links_unten {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;	
}
#kasten_rechts_unten {
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 95%;
	max-width: 95%;
	height: 200px;
	background: #eeeeee;
	border-radius: 0px;
	box-shadow: 2px 2px 20px #aaaaaa;
	padding-right: 10px;	
}

#kasten_headline {
	position: relative;
	top: 15px;
	left: 20px;
	font-size: 20px;
	font-weight: bold;	
	text-shadow: 1px 1px 2px #444444;
	color: #0069b3;
}


#kasten_text {
	position: absolute;
	top: 50px;
	left: 16px;
	font-size: 16px;
	
}

	#kasten_link {
		position: absolute;
		top: 150px;
		right: 16px;
		font-size: 18px;
	}
	
	#text_container {
		margin-top: 50px;	
	}
	
#footer {
	clear: both;
	margin-top: 180px;
	margin-bottom: 0px; 
	width: 100%;
	min-height: 100px;
	
	background: #000044; 

}

}