* {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}

body{
	background: #2A6900;
	background-image:url(background.jpg);
	background-size: 100% 100%;
	margin: 0 auto;
	font-size:18px;
	font-family:"Tahoma, Geneva, Verdana",sans-serif;
	text-decoration: none; 
	max-width:1000px;
	padding-top:20px;
	padding:5px;
}

@font-face {
    font-family: 'custom';
    src: url('css/Italianno-Regular.eot'); /* IE9 */
    src: url('css/Italianno-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('css/Italianno-Regular.woff') format('woff'), /* Moderne Browser */
        url('css/Italianno-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('css/Italianno-Regular.svg#abril_fatfaceregular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adamina';
    src: url('css/adamina-v21-latin-regular.eot'); /* IE9 */
    src: url('css/adamina-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('css/adamina-v21-latin-regular.woff') format('woff'), /* Moderne Browser */
        url('css/adamina-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('css/adamina-v21-latin-regular.svg#abril_fatfaceregular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}





#headpic{
width: 100%;
min-height: 390px;
background: #FFBF00;
}


article, navi, aside
{
box-sizing: border-box;
}

#main {
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	flex-wrap: wrap;
	background: #FFCE76;
	position:relative;top: -1px;
}
#main > article {
	min-width:340px;
	max-width:550px;
	padding: 10px;
	background: #FFCE76;
	margin: 0px;
	flex: 3 1 calc(56% - 10px);
	order: 2;
	min-height:600px;
}


#main > navi {
	/*min-width:200px;*/
	padding: 10px;
	background: #FFCE76;
	margin: 0px;
	flex: 1 2 calc(21% - 10px);
	order: 1;
}
#main > aside {
	/*min-width:100px;*/
	padding: 0px;
	background: #FFCE76;
	margin: 0px;
	flex: 1 2 calc(23% - 0px);
	order: 3;
}


@media all and (max-width: 700px) {
#main > aside 
	{
	display:none;
	}
}

@media all and (max-width: 700px) {
#main > navi 
	{
	display:none;
	}
}


/* Too narrow to support three columns */ 
@media all and (max-width: 700px) {
#main, #page {
	-webkit-flex-flow: column;
	flex-direction: column;
}
#main > article, #main > nav, #main > aside {
	/* Return them to document order */
	flex-basis:auto;

}
#main > nav, #main > aside, header, footer {
	min-height: 50px;
}
#main > article {order: 1;min-height:200px;}
#main > navi {order: 2;background: #000000;}
#main > aside {order: 3;}
	
}






#bereichlogo {
	color: white;
	display: block;
	padding: 0.5em;
	text-decoration: none;
	float: left;
margin-top:-190px;	
}
#bereichlogo {
	width: auto;
}

#steuerung li {
	list-style: none;
	float: left;
}
#steuerung a {
	display: block;
	height: 25px;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	color: white;
	color: #FFFFFF;
}	
.menue-button {
	display: none;
}		
#steuerung {
	float: left; 
	margin-right:18px;
}
#steuerung a:hover {
	color: #FF9900;
	
}	
/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
@media only screen and (max-width:600px) {
	.menue-button {
		display: block;
	}
	.menue-button {
		background-color: #FF9900;
		display: block;
		position: absolute;
		right: 20px;
		top: 80px;
		padding: 0.5em;
		color: white;
		cursor: pointer;
		text-decoration: none;
		z-index:1000;
	}	

	#steuerung {
		float: left;
		width: 100%;
		display: none;
	}	
	#steuerung li {
		width: 100%;
		border-bottom: 2px solid silver;
	}	
	.menue-button:hover {
		color: black;
		background: orange;
	}
}
/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
	display: block;
}
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
	display: none ; 
}





.navi_right
{
width:100%;
text-align:left;
}
.naviR
{
width:auto;
float:left;

margin-left:10px;
margin-top:15px;
}
.navi_rightB {font-family:custom, Arial Narrow, sans-serif; font-size:35px;text-decoration:none; color:#2A6900;line-height:30px;}
.navi_rightB:hover {color:#000000;}

.navi_rightS {font-family:custom, Arial Narrow, sans-serif; font-size:13px;text-decoration:none; color:#2A6900;line-height:12px;margin-top:0px;}
.navi_rightS:hover {color:#000000;}

.listbox
{
width:96%;
display:table;
margin-bottom:40px;
margin-top:10px;
border-bottom:1px solid #FFFFFF;
}
.listboxtxt
{
font-family:Arial Narrow, sans-serif;
font-size:16px;
text-decoration:none;
color:#30303D;
font-weight: normal; 
width:72%;
float:left;
}
.listboxpic
{
width:25%;
float:right;
}

.subthema_box
{
float:left;width:140px;
height:140px;
margin:6px;
padding:3px;
background:#CCCCCF;
color:#FFFFFF;
font-family:Prociono, Arial Narrow, 
sans-serif;font-size:25px;
text-shadow: 0.1em 0.1em 0.1em #000000;
}


.subthema_txt
{
color:#FFFFFF;
font-family:Prociono, Arial Narrow, 
sans-serif;font-size:18px;
text-shadow: 0.1em 0.1em 0.1em #000000;
line-height:16px;
}


.M_list{
	float:left;
	width:95%;
	max-width:300px;
	min-height:150px;
	margin:5px;
	}

.minipage { 
	
	padding:5px;
	margin:5px;
	width:90%;
	max-width:280px;
	font-family:Arial narrow,sans-serif;font-size: 12px;
	line-height:15px;
	color: #404040; text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
}

.minipageR { 
	margin-left: auto;
	padding-right:25px;
	margin-top:30px;
	max-width:200px;
	font-family:Arial narrow,sans-serif;font-size: 12px;
	line-height:15px;
	color: #202030; text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #AAAAAF;
}


img.zoom15 
{
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}

img.zoom15:hover 
{
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(1.5, 1.5);
 -moz-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 -o-transform: scale(1.5, 1.5);
 -ms-transform: scale(1.5, 1.5);
border:1px #EEEEEE solid;
box-shadow:1px 1px 10px #606060;
z-index:200;
}



img.zoom20
{
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom20:hover 
{
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.0, 2.0);
 -moz-transform: scale(2.0, 2.0);
 -webkit-transform: scale(2.0, 2.0);
 -o-transform: scale(2.0, 2.0);
 -ms-transform: scale(2.0, 2.0);
border:1px #EEEEEE solid;
box-shadow:1px 1px 10px #606060;
z-index:200;
}



img.zoom25
{
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom25:hover 
{
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.5, 2.5);
 -moz-transform: scale(2.5, 2.5);
 -webkit-transform: scale(2.5, 2.5);
 -o-transform: scale(2.5, 2.5);
 -ms-transform: scale(2.5, 2.5);
border:1px #EEEEEE solid;
box-shadow:1px 1px 10px #606060;
z-index:200;
}

img.zoom30
{
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}

img.zoom30:hover 
{
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(3.0, 3.0);
 -moz-transform: scale(3.0, 3.0);
 -webkit-transform: scale(3.0, 3.0);
 -o-transform: scale(3.0, 3.0);
 -ms-transform: scale(3.0, 3.0);
border:1px #EEEEEE solid;
box-shadow:1px 1px 10px #606060;
z-index:200;
}

.kachelbox
{
float:left;
width:46%;
height:46%;
margin:10px;
margin-bottom:-20px;
z-index:1;

}


.kachelhead{
position:relative; top:-70px;left:0px;
width: 100%;
height:auto;
float:left;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* IE6-9 */
font-family:Caudex, Arial Narrow; 
font-size: 18px;
line-height: 28px;
text-decoration: none; 
color:#2A6900;
text-shadow: #FFFFFF 0.1em 0.1em 0.1em;
padding-left:8px;
z-index:100;
}

.kachelhead:hover{
color:#000000;
background-color:#FFCE76;
}







h1 {
font-family:custom, Arial Narrow; 
font-size: 55px;
line-height: 50px;
font-weight: bolder; 
text-decoration: none; 
color:#2A6900;
margin-top:10px;
}

h2 {
font-family:custom, Arial Narrow; 
font-size: 35px;
line-height: 40px;
text-decoration: none; 
color:#913000;
}

h3 {
font-family:custom, Arial Narrow; 
font-size: 35px;
line-height: 35px;
text-decoration: none; 
color:#749B00;
margin-bottom:10px;
}

h4 {
font-family:custom, Arial Narrow; 
font-size: 35px;
line-height: 35px;
font-weight: normal; 
text-decoration: none; 
color:#0A0A10;
margin-top:-5px;
margin-bottom:5px;
}

h5 {
font-family:custom, Arial Narrow; 
font-size: 26px;
line-height: 26px;
font-weight: bold; 
text-decoration: none; 
color:#FFFFFF;
}

h6 {
font-family:custom, Arial Narrow; 
font-size: 23px;
line-height: 23px;
text-decoration: none; 
color:#FFFFFF;
text-shadow: 0.0em 0.1em 0.1em #000000
}

.headline {font-family:Adamina, Arial Narrow, Arial; font-size: 17px; font-style: normal; font-weight: bold; text-decoration: none;}
.strong { font-weight: bold; text-decoration: none;}
.link_small  {font-family:Adamina, Arial Narrow, Arial; font-size: 13px; font-style: normal; font-weight: bold; text-decoration: none;color:#202020;}
.textlink {font-family:Adamina, Arial Narrow, Arial; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none;color:#2A6900;}
.textlinkAZ {font-family:Adamina, Arial Narrow, Arial; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none;color:#2A6900;}
.link_big {font-family:Adamina, Arial Narrow; font-size: 20px; font-style: normal; font-weight: bold; text-decoration: none; color:#202020;}
.link_med {font-family:Adamina, Arial Narrow; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none; color:#202020;}
.text {  font-family:Adamina, Arial Narrow, Arial; font-size: 17px; font-style: normal; text-decoration: none;line-height:1.7em;color:#000000;letter-spacing: 0.1em;}
.textAZ {  font-family:Adamina, Arial Narrow, Arial; font-size: 15px; font-style: normal; text-decoration: none;line-height:1.5em;color:#000000;}
.text_big {  font-family:Adamina, Arial Narrow, Arial; font-size: 20px; font-style: normal; font-weight: bold; text-decoration: none;line-height:1.5em;color:#202020;}
.smalltext {  font-family:Adamina, Arial Narrow, Arial; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none;line-height:1.1em;color:#202020;}
.vsmalltext {  font-family:Adamina, Arial Narrow, Arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none;color:#202020;}
.preis_big { Adamina, Arial Narrow; font-size: 25px; font-style: normal; font-weight: bold; text-decoration: none;line-height:1.5em;}

.sitemap_big {font-family:Arial Narrow; font-size: 22px; font-style: normal; font-weight: bold; text-decoration: none; color:#202020;line-height:35px;}
.sitemap_med {font-family:Arial Narrow; font-size: 19px; font-style: normal; font-weight: bold; text-decoration: none; color:#202020;margin-left:30px;line-height:27px;}
.sitemap_small {font-family:Arial Narrow; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none; color:#202020;margin-left:60px;}
.sitemap_txt {font-family:Arial Narrow; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none; color:#202020;}


.anfr_log {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:108px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_Xsmall {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:40px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_small {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:80px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_small2 {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:110px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_small3 {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:290px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_med {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:200px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_med2 {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:226px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_big {font-size:18px;font-family:Arial, Helvetica;color: #000000;width:99%;height:28px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_area {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:99%;height:250px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_area2 {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:99%;height:180px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_area_small {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:99%;height:80px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_sel_small {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:99%;height:20px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_keyword {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:300px;height:250px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}
.anfr_keyhead {font-size:13px;font-family:Arial, Helvetica;color: #000000;width:300px;height:22px;padding:0;border: 1px solid #202020;background-color: #FFFFFF;}

.mail_small {font-size:15px;font-family:Arial, Helvetica;color: #000000;width:55px;height:22px;padding:0;border: 1px solid #AAAAAA;background-color: #FFFFFF;}
.mail_small2 {font-size:15px;font-family:Arial, Helvetica;color: #000000;width:190px;height:22px;padding:0;border: 1px solid #AAAAAA;background-color: #FFFFFF;}
.mail_med {font-size:15px;font-family:Arial, Helvetica;color: #000000;width:250px;height:22px;padding:0;border: 1px solid #AAAAAA;background-color: #FFFFFF;}
.mail_big {font-size:15px;font-family:Arial, Helvetica;color: #000000;width:327px;height:22px;padding:0;border: 1px solid #AAAAAA;background-color: #FFFFFF;}
.mail_area {font-size:15px;font-family:Arial, Helvetica;color: #000000;width:600px;height:230px;padding:0;border: 1px solid #AAAAAA;background-color: #FFFFFF;}

.mailboxKL {width:99%;height:60px;background-color:#FFC559 ;margin-bottom:10px;font-family:Adamina, Arial Narrow, Arial; font-size: 17px;color:#000000;padding:3px;}
.mailboxKLerr {width:99%;height:60px;background-color:#E14400 ;margin-bottom:10px;font-family:Adamina, Arial Narrow, Arial; font-size: 17px;color:#FFFFFF;padding:3px;}
.mailboxMD {width:99%;height:115px;background-color:#FFC559 ;margin-bottom:10px;font-family:Adamina, Arial Narrow, Arial; font-size: 15px;color:#000000;padding:3px;}
.mailboxGR {width:99%;height:285px;background-color:#FFC559 ;margin-bottom:10px;font-family:Adamina, Arial Narrow, Arial; font-size: 17px;color:#000000;padding:3px;}
.sendBox{padding:2px;padding-left:10px;padding-right:10px;background-color: #2A6900;border:solid 1px #FFFFFF;color:#FFFFFF;font-family:Adamina, Arial Narrow, Arial; font-size: 19px;}

.miniBottom {  font-family:Adamina, Arial Narrow, Arial; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none;color:#EEEEAA;}

ul.knopf { 
   list-style-image: url(grafics/quadrat.png);
   margin-left:45px;line-height:20px;
   font-size:18px; text-decoration:none; color:#2A6900;font-family:Adamina;
}

.link_adm {font-family:Arial Narrow; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none; color:#202020;background-color: #FFCC00;margin:3px;width:65px;height:26px;border: 1px solid #AAAAAA;}
.naviL_big {font-family:custom, Arial Narrow; font-size: 40px;line-height: 40px;font-weight: bolder; text-decoration: none; color:#606070;}

.searchClass {font-size:22px;font-family:Arial, Helvetica;color: #FFFFFF;width:180px;height:24px;padding:0;border: 1px solid #FFFFFF;background-color: #AAAAAF;opacity: 0.9;}
.button {font-size:18px;font-family:Arial, Helvetica;color: #000000;width:140px;height:28px;padding:2px;border: 1px solid #2A6900;background-color: #FFCE76;}
.login {font-size:12px;font-family:Arial, Helvetica;color: #EEEECC;width:70px;height:20px;padding:0;border: 1px solid #EEEECC;background-color: #2A6900;float:left}

a.page_cnt{ 
font-family: Verdana;font-size: 15pt; font-weight: bolder; color: #FFFFFF;
padding:3px;margin:2px;
text-decoration: none;
background-color:#565F74;
border: 1px solid #303030;
	}
a.page_cnt:hover{ 
font-family: Verdana;font-size: 15pt; font-weight: bolder; color: #000000;
background-color:#565F74;
text-decoration: none;
border: 1px solid #303030;
	}
a.page_cnt_akt{ 
font-family: Verdana;font-size: 15pt; font-weight: bolder; color: #FFCC00;
padding:3px;margin:2px;
background-color:#202020;
border: 1px solid #000000;
	}

.footer_box {
	min-width:220px;
	min-height:100px;
	height:auto;
	font-family:Adamina, Arial Narrow; font-size: 14px; text-decoration: none;color:#FFFFFF;
	float:left;
	text-align:left;
	line-height:20px;
	padding:15px;
}

.footer_txt {font-family:Adamina, Arial Narrow;font-size:14px;text-decoration:none;color:#FFFFFF;}