* { border: 0; letter-spacing:0.01em; }

html, body {height: 100%; }
ul, li{ padding: 0;  margin: 0;}
body{ margin:0; padding: 0; font: 13px Arial;  text-align: center;/*background-image: url(../bilder/logo-baumzeit-background.png); background-position:top left; background-repeat:no-repeat; */ background-color: #a5a86c; line-height: 1.3em;
		background-image: url(../bilder/Saatguternte-Fernblick.jpg);background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

.right{ float:right; margin: 0 0 15px 15px;}
.left { float:left; margin: 0 15px 15px 0;}
.clear { clear:both;}
.wrapper {max-width:1000px; margin: 0 auto;}
.button { padding:5px 20px; background-color: #628201; color: #fff !important;  border-radius: 5px;}
.width55 {width: 55%; }
.spalten { column-width: 250px; column-gap: 40px;}
.spalten p { margin-top:0; line-height: 20px;}
.topNull {margin-top:0; }



ul {list-style-type:none; margin-bottom: 15px;}
img, a img {border:none;}
table, tr, td {border-collapse:collapse;vertical-align:top;border:0;font-size:12px;}
th, td {padding:0;}
h1{font-size:15px;font-weight:bold;color:#675d47;margin-bottom:29px;line-height:1.4em;}
h2{font-size:13px;font-weight:bold;color:#675d47;margin-bottom:5px;}
h3{font-size:13px;color:#333;margin-bottom:5px;}

/*---------------------------------------text-formatierung--------------------------------------*/


/*--------------------------------------formular-formatierung----------------------------*/
form {margin:0px;padding:0; -moz-border-radius:9px;font-family: Arial, Helvetica, sans-serif;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
label {display:block;}
textarea {font-size:12px; color:#000; background-color:#675d47; margin:1px; padding:0px;}

input, select, textarea { 	color:#666; 	background-color:#fff;  margin:2px 0 8px 0; 	padding:1px; 	border:1px solid #8b9e5c; }


p{margin:0 0 20px;}

.image {border: 1px dotted #8D141A;}
.image_right{float:right;margin:150px 5px 0 30px;}
.image_left{float:left;margin:0px 30px 10px 0px;}
.image_right:after, .image_left:after {clear:both;}


img {max-width:100%;}
a { color:black; }

#wrapper { text-align: left; /* 2. Teil der IE6-Version */ 	margin-left: auto; /* für standardkonforme Browser */ margin-right: auto; /* für standardkonforme Browser */ margin-top: 30px; max-width: 1000px;  }
#oben {  position:relative; }
#mitte { position:relative; padding: 30px; background-color:#d1d3b4; opacity: 0.95;-ms-filter:"alpha(opacity=95)"; /* IE 8 */filter:alpha(opacity=95); /* IE4-7 */-moz-opacity:0.95;  /* Netscape/FireFox */-khtml-opacity:0.95;  /* Safari 1.x */  }
.mitte_minheight {min-height:363px;height:auto!important;height:363px;}
#unten { width:100%; clear:both;}
/*---------------------------------------layoutinhalt divs--------------------------------------*/
#oben_tranzparenterstreifen1{width:100%;height:17px;background-color:#d1d3b4;opacity:0.95;-ms-filter:"alpha(opacity=95)";filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95}
#oben_logostreifen {position:relative;height:60px;padding:30px;background-color:#7a8a49;opacity:0.8;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;color:#fff;font-size:16px}
#oben_logostreifen a { color:white; }
#logo { float:right; }
#oben_tranzparenterstreifen2{width:100%;height:10px;background-color:#d1d3b4;opacity:0.95;-ms-filter:"alpha(opacity=95)";filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95}
#oben_hauptmenu{padding:5px 30px 5px 30px;background-color:#e6e6e6;}

#unten_menu{padding:10px 30px;margin-top:10px;background-color:#7a8a49;opacity:0.8;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;color:#fff;font-size:13px;font-weight:bold;text-align:right}
#left-menu {float:left; width:250px; padding:10px; } 
#left-menu >ul>li {margin-bottom: 10px; list-style-image: none;}
#left-menu >ul>li>ul>li { margin-bottom: 3px; }
#content { float:left; width: calc(100% - 300px); }
/*---------------------------------------Link-formatierung--------------------------------------*/
a:link {text-decoration:none;color: #666;font-weight:bold;}
a:visited {text-decoration:none;color: #666;font-weight:bold;}
a:hover {text-decoration:none;font-weight:bold;}
a:active {text-decoration:none;color: #8D141A;font-weight:bold;}

#unten a:link {text-decoration:none;color:#fff;font-weight:bold;}
#unten a:visited {text-decoration:none;color:#fff;font-weight:bold;}
#unten a:hover {text-decoration:none;color:#675d47;font-weight:bold;}
#unten a:active {text-decoration:none;color:#675d47;font-weight:bold;}


/*---------------------------------------hauptmenu-formatierung--------------------------------------*/

.mainmenu_main_aktentry {color:#dc8f0a !important;}
#mainmenu_main a {font-size:1.1em;display:inline-block;padding-right:15px;}

/*---------------------------------------footermenu-formatierung--------------------------------------*/
.menu2_main_aktentry {color:#675d47 !important;}
#menu2_main a {display:inline-block;}
/*---------------------------------------inhaltsbereich-formatierung--------------------------------------*/

#mitte {color:#675d47;}
#mitte ul {list-style-position:outside;list-style-image:url(../img/liststyleimage.gif);padding-left:0.6em;margin-left:0.6em;}
#mitte td, #mitte th {padding:8px;}
/*---------------------------------------headline-formatierung--------------------------------------*/


input.fehler {border-color:#8D141A;}
input.submit{cursor:pointer;color:#8b9e5c;border:none;font-weight:bold;font-size:1.0em;}
/*.submit a:hover {text-decoration: none;color:#8b9e5c;}*/
.submitlink{text-decoration:none;color: #8b9e5c!important;font-weight: bold;font-size:1.0em;}


input.pics{float:right; margin:10px; -moz-border-radius:6px;}

.image {border: 1px dotted #8D141A;}
.image_right{float:right;margin:150px 5px 0 30px;}
.image_left{float:left;margin:0px 30px 10px 0px;}
.image_right:after, .image_left:after {clear:both;}

.scrollup { width: 40px; height: 33px; position: fixed; bottom: 50px; right: 100px; display: none; background-color: white;border:1px solid rgb(120,120,120);color:black; border-radius:10px; font-size:30px;     text-decoration: none; text-align: center; padding-top: 13px; }

table.kurse tr { border-bottom: 1px solid black;}
table.kurse td.title {font-weight:bold; }
table.kurse td.date {text-align:center; } 
.form_table td:first-child, .form_table th:first-child { text-align: right; width:130px;}
.form_table table td:first-child, .form_table .form_table table th:first-child {width: 103px; }
#mitte .form_table table td {padding: 3px;}

.foerderung td {border-bottom:1px solid grey;}

#impressum #mitte td {padding:0;}
.mobNav  {display:none; }
.special-note { background: #d8b16f; border-radius:5px; color:black; padding: 5px 10px; margin-bottom:10px;}
.pointer { cursor: pointer; font-weight:bold;}

@media all and (min-width:768px) and (max-width:800px){
	#mitte {padding:25px; }
	#left-menu { width: 230px; padding-left: 0;}
	#content { width: calc(100% - 250px);}
}

@media all and (max-width:767px){
	#oben_hauptmenu {padding: 0;}
	#left-menu {display: none;}
	.mobNav {display:block;     margin-top: 10px;}
	.mobNav select {max-width: 100%}
	.mobNav ul {display:none; }
	#content { width: 100%; }
	.kurse td, table.kurse td.date{ display:block; text-align:left; font-weight: bold;} 
	.kurse th{ display:none;} 
	.kurse td:nth-child(1):before  { content: "Kurs: "; }
	.kurse td:nth-child(2)::before { 	content: "Datum: "; 	}
	.kurse td:nth-child(3)::before { 	content: "Details: "; }
	.kurse td:nth-child(4)::before { 	content: "Schulungsort: "; }
	.kurse td:nth-child(5)::before { 	content: "Anmelden: "; }	
}

@media all and (max-width:500px) {
	#footer .navi-mobi { display:block;}
	.form_table td, .form_table th { display:block;} 
	.form_table td:first-child, .form_table th:first-child { text-align: left; padding:0 !important;}
	.width55 {width: 100%;}
	
	
}