@charset "utf-8";

/* =======================
	CSS Reset
======================== */

/* v2.0 | 20110126
 
http://meyerweb.com/eric/tools/css/reset/
 
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
	outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
	overflow-y:scroll;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* =======================
	Layout (Boxen)
======================== */
html, body {width:100%;height:100%;background:#a0bd8d;}

#push {
	width:1px;
	height:50%;
	margin-bottom:-315px; /* die Hälfte der Inhals's Höhe */
	float:left;	
}

#content {
    width:1110px;
    height:630px;
    margin: 0 auto;
    position:relative; /* hebt den inhalt vor den space  */
	clear:left; /* hebt das float vom space auf  */
	background:#FFF;
	color:#007000;
	font-family:Arial, Helvetica, sans-serif;
}

#head {
	width:1035px; /*1110px*/
	height:80px;
	margin:0;
	padding:0 0 0 75px;
}

#subnav {float:right; position:absolute; right:62px; bottom:35px; list-style-type:none; margin:22px 0 0 0; padding:0;}
#subnav li {float:left; margin:0 10px 0 0;}
#subnav li a, #navigation li a {font-size:12px; color:#007000; text-decoration:none;}
#subnav li a:hover, #navigation li a:hover {color:#f87c00;}
#navigation {float:left; list-style-type:none; margin:22px 0 0 0; padding:0;}
#navigation li {float:left; margin:0 20px 0 0;}
#subnav li a.active, #navigation li a.active {color:#f87c00;}

#main {
	width:1110px;
	height:440px;
}

#text {
	width:305px; /*395px*/
	height:440px;
	margin:0 5px 0 75px;
	padding:0 10px 0 0;
	float:left;
	border-top:1px dashed #333;
	border-bottom:1px dashed #333;
	font-size:11px;
	line-height:13px;
	
}

#text img.logoimg {float:left; margin:22px 0; padding:0;}
#text span.logotxt {
	float:left;
	display:block;
	margin:22px 0 22px 10px;
	padding:0;
	color:#007000;
	font-size:20px;
	font-weight:bold;
	line-height:22px;
}

#start { 
	width: 640px;
	height: 440px;
	overflow: hidden;
	border:1px solid #333;
	float:left;
	overflow-y:scroll; /* Jubiläum, später entfernen */
	background:#A0BD8D; /* Jubiläum, später entfernen */
}
#start2 { 
	width: 640px;
	height: 440px;
	overflow: hidden;
	border:1px solid #333;
	float:left;
	background:#E3F6F7; /* Jubiläum, später entfernen */
}

#start3 { 
	width: 640px;
	height: 440px;
	overflow: hidden;
	border:1px solid #333;
	float:left;
	background:#A0BD8D; /* Jubiläum, später entfernen */
}
/* Jubiläum, später entfernen */
#start div {background:#E3F6F7; color:#007000; font-size:15px; line-height:18px; margin:0 !important; padding:0 20px;}
#start img {margin:0; padding:0;}
#start div img {
	display:block;
	margin:10px auto;
	padding:0;
}

#start3 img {float:left; margin-right:25px;}
#start3 img.last {margin:0;}
#start3 div.centered {margin:80px auto 0 auto; width:425px;}

#start_jubi{
	width: 640px;
	height: 440px;
	overflow: hidden;
	border:1px solid #333;
	float:left;
	overflow-y:scroll; /* Jubiläum, später entfernen */
	background:#E3F6F7; /* Jubiläum, später entfernen */	
}
#start_jubi div {color:#007000; font-size:15px; line-height:18px; margin:0 !important; padding:0 20px;}
#start_jubi img {display:block; margin:10px auto; padding:0;}
#start_jubi h1 {text-align:center; font-size:18px; font-weight:bold;}

#start_imp{
	width: 640px;
	height: 440px;
	overflow: hidden;
	border:1px solid #333;
	float:left;
	overflow-y:scroll; /* Jubiläum, später entfernen */
	background:#A0BD8D; /* Jubiläum, später entfernen */
	font-size:15px;
	line-height:18px;
	color:#FFF;	
}

/* Ende Jubiläum */

#footer {
	width:1035px;
	height:100px;
	margin:10px 0 0 0;
	padding:0 0 0 75px;
	font-size:11px;
	line-height:13px;
	clear:both;
}

/* =======================
	General Styles
======================== */
.inline {width:500px; padding:20px 25px; background:#FFF;}

#column1 {float:left; width:180px; height:auto; min-height:100px; padding-left:0px;}
#column2 {float:left; width:200px; height:auto; min-height:100px; padding-left:10px;}
#column3 {float:left; width:200px; height:auto; min-height:100px; padding-left:10px;}
#field1 {float:left; width:275px; height:auto; min-height:100px; margin-right:20px;}
#field2 {float:left; width:290px; height:auto; min-height:100px;}

form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}

form p input,
form p textarea {
	display: block;
	padding: 4px;
	width: 300px;
	margin: 0;
}

form p label {
	width: 280px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
	font-size:11px;
	line-height:13px;
}

form p textarea {
	padding: 2px;
	width: 304px;
	resize:none;
}

form p textarea,
form p input {
	border: solid 1px #ccc;
	color: #333;
	font-family:OpenSansRegular, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}

form p label {
	color: #007000;
}

#field1 a {text-decoration:none; color:#e60404;}
#field1 a:hover {text-decoration:underline;}

.submit {
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#53b31b 0%,
		#007000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#53b31b),
		to(#007000));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #007000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

.error {color:#C00; font-weight:bold;}
.gesendet {color:#012e57; font-weight:bold;}
.clearboth {clear:both;}
.centered {text-align:center; margin-top:100px;}
.centeredKontakt {width:290px; margin:20px auto 0 auto;}
.dashed-line {width:auto; height:0px; border-top:1px dashed #333;}

h3 {font-size:13px; font-weight:bold; margin:15px 0 0 0;}

#text ul {list-style-type:square; margin:0; padding:0;}
#text ul li {margin:0 0 1px 15px; padding:0;}

.top-space5 {margin-top:5px;}
.imgspaces a img {margin:10px;}
.greenbg {background:#A0BD8D;}
.greenbg img {
	margin:10px;
	-webkit-box-shadow:  -4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:  -4px 4px 5px 0px rgba(0, 0, 0, 0.2);       
    box-shadow:  -4px 4px 5px 0px rgba(0, 0, 0, 0.2);}
/* =======================
	Menu / Links
======================== */
a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color:#f87c00;
	text-decoration:none;
}

a:hover {
	color:#f87c00;
	text-decoration:underline;
}

a[href^="javascript:"] {
	color:#007000;
	text-decoration:none;	
}

a[href^="javascript:"]:hover {
	text-decoration:underline;	
}