@charset "utf-8";
/*******************************************
* Tag Reset nach Eric Meyer v1.0 | 20080212
********************************************/

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html { overflow-y:scroll; /* prevents scrollbar jump*/ }
body {
	line-height: 1;
	font-family: Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #000000 url(../images/bg_body.gif) 915px 0px repeat-y;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
a:focus {
	outline: 0;
	text-decoration:underline;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*************************************
* Allgemeine Layout Aufteilung
**************************************/
#wrapper { width:915px; }
#content { background:#8ebf45 url(../images/bg_content.gif) bottom left repeat-x; height:480px; overflow:hidden; position:relative; }

#content #text {
	position:absolute;
	top:190px;
	left:414px;
	width:400px;
	color:#fff;
	font-size:13px;
	line-height:16px;
}

#content #logo {
	position:absolute;
	top:109px;
	left:98px;
}


#content #text p { padding-left:30px; margin:0 0 15px 0;}

#content #text p.address { font-size:10px; line-height:13px; }
#content #text p.cite { background:url(../images/bg_cite.gif) no-repeat; padding-top:5px; margin-top:20px; }

#content #friendnic {
	position:absolute;
	top:66px;
	left:647px;
}

#content #conToggle { position:absolute; width:58px; top:0px; right:30px;  } 
#content a#conToggle { text-decoration:none; display:block; background: url(../images/contact_slider.gif) no-repeat; height:19px; }

#header { background:#000; display:none; color:#fff; overflow:auto; padding: 20px 5px 20px 45px;  }

#footer { height:150px; background:url(../images/bg_footer.gif) right top no-repeat; }


/*************************************
* Formular
**************************************/
input, textarea { border:1px solid #8ebf45; background-color:#fff; color:#bbbbbb; font-size:14px; padding:4px; font-family: Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif; }
input { width:184px; height:16px; }
textarea { width:434px; height: 89px; }

#header .col01, #header .col02 { float:left;  padding-left:60px; }
#header .col02 { padding-left:70px; }
input.submit { width:95px; border:2px solid #fff; background-color:#8ebf45; font-weight:bold; color:#FFF; height:26px;  margin-left:15px; padding-top:2px; }
input.orange, .error { border-color:#C60; }

.orange { color:#C60; }
img.captcha, input.submit { vertical-align:bottom; }
input.captchaText { margin-left:15px; }

#header p { margin-bottom:12px; }

#header h3 { margin-left:60px; padding:5px 0 10px; }

/*************************************
* Link Formatierung
**************************************/

#text a { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; }
#text a:hover { border-bottom-style:solid; }