BODY {
	background-color: #f4f5d6;
}



A:link {COLOR: #201dc3; TEXT-DECORATION: none}
A:visited {COLOR: #0d0c42; TEXT-DECORATION: none}
A:active {COLOR: #201dc3; TEXT-DECORATION: none}
A:hover {COLOR: #201dc3; TEXT-DECORATION: underline; }

 
#wrapper {
	max-width: 1000px;
	margin: 0px auto;

	margin-top: 15px;



}

header {
	width: 100%;
	height: 50px;
	background:url(/design/header.jpg) 50% 50% no-repeat;
	background-size: cover;


}



#out_box {
	width: 100%;
	margin: 0px auto;

	overflow: hidden;

}

#out_box_1 {

	max-width: 1000px;
	margin: 0px auto;



}

#out_box_2 {

	display: none;


}


	#out_box_top {

		width: 100%;
		min-height: 10px;


	}


#out_box_3 {

		width: 100%;




	}


#content {
    clear: both;
    height: auto;
    background-color: #ffffff;
    /* border-right: 1px solid #1D317C; */
    /* border-left: 1px solid #1D317C; */
    border: 1px solid yellow;

}

#contend_feld {
	width: 98%;
	margin: auto;

	font-size: 0.9em;
	FONT-FAMILY: Verdana;
	padding-bottom: 4px;


}

H1 {

	font-size: 1.6em;
	text-align: center;

}


H2 {

  font-size: 1.2em;


}


nav {

  text-align: center;
  /*
	background-color: #2538F0;
	*/


}




.sub_kopf {
    text-align: center;
    background-color: #fff601;
    /* width: 90%; */
    height: 36px;
    margin: auto;

}


.sub_feld {
	float: left;
    text-align: center;
    background-color: #fff601;
    width: 33%;
    max-width: 124px;
    line-height: 35px;
    /* background: url(/design/top-menu-hg.gif); */
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
}

.sub_feld:hover {
  background-color: #d5ce1d;  
}



footer {
  text-align: center;
	background-color: #2538F0;
	margin-top: -17px;


}

#footer2 {
	clear: both;

}

.imp {
  width: 150px;
  background-color: #0E1D5E;
	height: 30px;
	line-height: 30px;
	float: left;
	border: 1px solid #08133D;
	margin-left: 6px;
	text-align: center;
}


.menu_kopf {
  width: 96%;
  margin: auto;




}




.menu_top a {

	float: left;
	text-align: center;
	display: inline;
	padding: 7px;
	color: #FFF000;
	border-left: 1px solid #1D317C;



}

.menu_top a:hover {
	background-color: #18437D;


}


#menu_fuss {
  width: 96%;
  margin: auto;
  height: 23px;




}


.menu_fo a {

	float: left;
	text-align: center;
	font-size: 0.8em;
	FONT-FAMILY: Verdana;
	padding: 5px;
	color: #FFF000;


}

.menu_fo a:hover {
	background-color: #18437D;



}


.box_center {

	padding: 8px;
	width: 100%;
	text-align: center;

}


.index_kat_box {

	background-color: #b8bd41;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	border: 1px solid black;
	margin-left: 10px;
}



.news_box_out {

	margin: auto;
	width: 306px;
	padding: 7px;
}

.news_box_img {

	height: 150px;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);

}

.news_box_text {

    background-color: #fff8c3;
    min-height: 140px;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);
}

.itext_box {
	
	text-align: center;
	background-color: #fff8c3;
	padding: 4px;
	border: 1px solid #e3e3e3;
}


.news_h1 {


	font-size: 1.1em;
	font-weight: bold;

}




.news_datum {

	color: #6b6b6b;
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 5px;
}



.int {

    background: #ffb47e;
    color: white;
    padding: 1px 3px;
    margin: 2px;
    border: 1px solid;

}



.news_box_small {

	max-width: 460px;
	width: 100%;
	float: left;
    margin: 5px;

}


.news_box_img_small {

	width: 30%;
    float: left;
    text-align: center;
    margin-right: 4px;

}

.news_box_text_small {

	width: 59%;
	float: left;
    background-color: #fff8c3;
    min-height: 45px;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);

}

.small_h1 {

    font-size: 1.0em;
	font-weight: bold;
}

.imgscale {

	width: 90%;


}





























 
  


/* bei mehr als 500 px */
@media screen and (min-width: 700px) {
	header {
		height: 70px;
	}

	.sub_c_header {
	height:120px;
	}

	.news_box_out {

		float: left;
		width: 306px;
		padding: 7px;
	}

}

	/* 1020 bis 1199 px */
@media screen and (min-width: 1020px) {
	header {
		height: 90px;
		width: 1000px;
	}
 



	footer {
		height: 48px;
		background:url(/design/resp-menu-foot.gif) 50% 50% no-repeat;
		margin-top: -24px;
		}

	.menu_kopf a {

	  width: 13.6%;
		border-left: 0px solid #1D317C;
		padding: 12px 2px 0px 4px;

	}

	.menu_fo a {
		padding-top: 19px;
	  width: 13.2%;

	}
 

	.menu_top a:hover {
		background-color: inherit;
	}

	.menu_fo a:hover {
		background-color: inherit;

}

.sub_c_header {
height:155px;
}


}

	/* ab 12000 px */
	@media screen and (min-width: 1200px) {


		.centerdiv {
			float:left;
			left:50%;
			position: relative;
		}



	#out_box_1 {
		float: left;
		max-width: 1000px;
		margin: 0px auto;

		right:50%;
		position: relative;

	}

	.sub_c_header {
	height:188px;
	}


	#out_box_2 {
		float: left;
		width: 100px;
		display: inline;

		right:50%;
		position: relative;

	}
	
	
	
 

	#contend_feld {
		width: 96%;
	}
	
	
 
	
	.news_box_small {

		width: 463px;
		float: left;
		margin: 10px 0px 0px 15px;

	}


	.news_box_img_small {

	width: 127px;
    height: 90px;
    border: 1px solid #dbe1db;
    margin-right: 10px;

	}

	.news_box_text_small {

	float: left;
		background-color: #fff8c3;
		min-height: 70px;
		padding: 10px;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);
		width: 300px;
	}
		
	
	.news_box_out {


		padding: 6px;
	}

	.news_box_img {

		height: 150px;


	}

	.news_box_text {

		background-color: #fff8c3;
		min-height: 140px;
		padding: 10px;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);	
		
		
		
	

}