@charset "UTF-8";

@media all {
	/****************
	* global styles *
	****************/
	* { padding: 0; margin: 0; }
	html * { font-size: 100.01%; }

	body {
		padding: 0; margin: 0;
		font: 1.0em Verdana, Helvetica, Arial, sans-serif;
		line-height: 1.4em;
		color: #666;
		text-align: left;
	}

	a:link, a:visited, a:hover,
	h1, h2, h3, h4, h5, h6 { color: #067862; }


	/* ----- Formulare ----- */
	fieldset { border: 1px solid #DDD; padding: 0; /*font-size: 1.3em;*/ line-height: 1.3; }
	input, textarea { font-size: 1.0em; display: block; width: 250px; }
	input.inputbox { margin: 0; padding: 2px 5px 2px 5px; border: 1px solid #a4a4a6; width: 185px; }
	input.inputbox:focus, textarea:focus { border: 1px solid #a4a4a6; }
	input.button { padding: 1px 5px 1px 5px; font-size: 1.0em; border: 1px solid #a4a4a6; background: #FFF; cursor: pointer; width: 122px; }
	textarea { border: 1px solid #a4a4a6; margin: 0; padding: 3px; }
	select { padding: 1px; border: 1px solid #a4a4a6; }
	.radio, .checkbox { margin: 0; }
	label { margin: 0; }
	
	p.formerror { font-size: .9em; color: #F03434; font-weight: bold; }


	/*********************************
	* positioning and section styles *
	*********************************/
	#header, #nav, #main, #footer { clear: both; }

	body { background: url(../images/body_bg.gif) repeat-y top left; padding: 0; }

	#page_margins { margin: 0 auto; border: 0; text-align:left; }

	#page {  }

	#header {  }

	#main { padding: 0; }

	fieldset, img { border: 0 solid; }

	ul { margin: 0; }
	li { margin-left: 0; line-height: 1.5em; }

	#footer { padding: 0; margin: 0; }

		/* ---- SPALTEN ---- */
	#left { float: left; z-index: 3; }
	#middle { float:right; z-index: 5; }
	#right { width:auto; z-index: 1; }

	#left_content {z-index: 4; }
	#middle_content {z-index: 6; }
	#right_content {z-index: 2; }

	#left_content, #middle_content, #right_content { position:relative; }

	#left { width: 285px; }
	#left_content { margin: 0 14px 0 95px; }

	#middle, 
	#middle_content { display:none; }

	#right { width: 560px; margin-left: 320px; }
	#right_content { padding: 0; }

		/* ---- Head ---- */
	#header { height: 320px; width: 980px; padding: 0; }
	#header span { position: absolute; top: 45px; left: 320px; font-size: 1.0em; color: #666; font-weight: bold; }

		/* ---- Left-Navigation ---- */
	#left_content a { font-size: 0.9em; font-weight: bold; text-decoration: none; display: block; }	
	#left_content li { border-bottom: 2px solid #FFF; color: #067862; }
	#left_content a:link, 
	#left_content a:visited { padding: 0 0 0 14px; }
	#left_content a:hover { padding: 0 0 0 14px; background: url(../images/dot_g.gif) no-repeat 4px 10px; }
	#left_content .act { background: url(../images/dot_g.gif) no-repeat 4px 10px;  }

	#left_content .act_first { border-top: 0 none; border-bottom: 2px solid #FFF; background: url(../images/dot_g.gif) no-repeat 4px 10px; }
	#left_content .first { border-top: 0 none; border-bottom: 2px solid #FFF; }
	#left_content .act_last { border-bottom: 0 none; background: url(../images/dot_g.gif) no-repeat 4px 10px; }
	#left_content .last { border-bottom: 0 none; }
	#left_content .sub_act a { color: #666; background: url(../images/dot_g.gif) no-repeat 4px 10px; }
	#left_content .sub a { color: #666; font-weight: normal; }

		/* ---- Main-Content ---- */
/*	#right_content { font-size: 0.9em; } */
	#right_content { font-size: 12px; line-height: 18px; }	
	#right_content h1 { font-size: 1.2em; padding: 16px 0 26px 0; }
	#right_content h2,
	#right_content h3 { color: #666; }
	#right_content a:hover { text-decoration: underline; }
	#right_content p { padding-bottom: 20px; }
	#right_content img { margin: 0 0 5px 5px; float: right; }
	#right_content .ext { font-size: .8em; line-height: .8em; }
	#right_content .fett { font-weight: bold; }

	#right_content ul { margin-bottom: 15px; }
	#right_content li { padding: 0 0 0 14px; background: url(../images/dot_g.gif) no-repeat 4px 9px; }

	#right_content div { margin-bottom: 3px; }
	#right_content div input { padding: 2px; border: 1px solid #a4a4a6; display: inline; }

	#right_content div #Firma { margin-left: 51px; }
	#right_content div #Nachname { margin-left: 37px; }
	#right_content div #Vorname { margin-left: 17px; }
	#right_content div #Strasse{ margin-left: 44px; }
	#right_content div #PLZ { margin-left: 62px; }
	#right_content div #Ort { margin-left: 65px; }
	#right_content div #Telefon { margin-left: 39px; }
	#right_content div #EmailAdresse { margin-left: 36px; }
	#right_content div #Nachricht { margin-left: 15px; }

	#right_content div label { margin-left: 0; display: inline; vertical-align: top; }
	#right_content div textarea { margin-left: 100px; padding: 2px; border: 1px solid #a4a4a6; display: inline;  height: 80px; }
	#right_content .button { margin: 0 0 15px 94px; display: inline; }
	#right_content .reset { padding: 1px 5px 1px 5px; font-size: 1.0em; border: 1px solid #a4a4a6; background: #FFF; cursor: pointer; width: 121px; margin: 0 0 15px 8px; display: inline; }
	
	#right_content table { width: 100%; line-height: 1.2em; margin-bottom: 70px; }
	#right_content table td { text-align: left; vertical-align: top; /*font-size: .8em;*/ }
	#right_content table .td2 { width: 225px; }
	#right_content table .td2 img { text-align: right; margin: 0 0 10px 0; }
	#right_content table td p { padding-bottom: 5px; }
	
	#right_content .gap { margin-bottom: 70px; } 

	#footer { width: 560px; text-align: right; font-size: 0.6em;  border-top: 1px dashed #999; }
	#footer a { color: #666; }
	#footer a:hover { text-decoration: underline; }

		/*************
		* CLEARFIXES *
		*************/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix { display: block; }

	.floatbox { overflow:hidden; }

	#clear { display: none; }

}