* =============================================================

	Projekt:		Direktform GmbH
	Autor:			FinwallMedia, Stefan Meier

	Erstellt:		18.07.2006
	Modifiziert:	<!--%TimeStamp%-->06.08.2007 18:44<!---->

============================================================= */

* {
	padding: 0;
	margin: 0;
}

body {
	height: 100%;
	background: url(../img/bg_site.jpg)  0 15px repeat-x;
	font: normal 100.01% arial, helvetica, sans-serif;
	color: #777;
}


html>body {
	
	background: url(../img/bg_site.jpg)  0 8px repeat-x;

}


/** Funktionsgruppen *********************************************************/
a {
  	color: #007A73;
	text-decoration: none;
	padding: 1px;
}

a:hover {
	text-decoration: underline;
}

a#anfang {
	position: absolute;
	left: 0px;
	top: 0px;
}

a#printlink {
	background: url(../img/printicon.gif) left center no-repeat;
	padding-left: 14px;
	margin-left: 10px;
}


.hide, dfn {
	display: none;
}

a img {
	border: none;
}

table, td, input, select, textarea {
	font-size: 100%;
}

sup, sub {
	font-size: 0.65em;
}

.cleaner1, .cleaner2 {
	display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	background: transparent;
}

.cleaner1 {
	height: 0px; }
.cleaner2 {
	height: 1px; }

h1 {
	font: normal 1.6em arial, helvetica, sans-serif;
	color: #000;
	margin: 40px 0 20px 49px;
	width: 460px;
}

h1.breit {
	width: 700px;
}


h2 {
	font: bold 1em arial, helvetica, sans-serif;
	color: #000;
	margin: 0px 0 20px 0;
}

/** LAYOUT **/
#header {
	height: 120px;
	margin: 0 auto;
	width: 820px;
}

	#head_left {
		float: left;
		width: 200px;
		padding: 40px 0 0 50px;
	}

	#head_right {
		float: right;
		width: 500px;
		text-align: right;
		padding: 90px 50px 0 0;
		font: normal 0.7em arial, helvetica, sans-serif;
	}

		#head_right a {
			padding-left: 20px;
		}

#main {
	margin: 0 auto;
	width: 820px;
	border-bottom: 1px solid #fff;
	background: url(../img/test2.jpg) no-repeat;
	min-height: 437px;
}

	#navi_abs {
		padding: 28px 0 0 0;
		margin: 0 40px;
	}

		#navi_main {
			float:right;
			line-height:normal;
			padding-right: 9px;
			padding-left: 10px;
			font: bold 0.75em arial, helvetica, sans-serif;
			border-bottom:1px solid #ADADAD;
			
		}

			#navi_main ul {
				padding: 10px 0px 0 0px;
				margin:0;
				list-style: none;
			}

				#navi_main li {
					display: inline;
				}

					#navi_main a {
						float: left;
						background: url(../img/navbg_left.jpg) no-repeat left top;
						padding: 0 0 0 8px;
						text-decoration: none;
					}

						#navi_main a span {
							float: left;
							display: block;
							background: url(../img/navbg_right.jpg) no-repeat right top;
							padding: 15px 15px 4px 6px;
						}

						/* Commented Backslash Hack hides rule from IE5-Mac \*/
						#navi_main a span { float: none; }
						/* End IE5-Mac hack */

						#navi_main a:hover span, #navi_main a.active span {
							color: #fff; }

						#navi_main a:hover, #navi_main a.active {
							background-position: 0% -53px;
						}

						#navi_main a:hover span, #navi_main a.active span {
							background-position: 100% -53px;
						}

		#navi_sub {
			margin: 1px 40px 0 40px;
			padding-left: 168px;
			border-left: 1px solid #ADADAD;
			border-top: 1px solid #ADADAD;
		}

			#navi_sub ul {
				list-style: none;
				float:left;
				font: normal 0.75em arial, helvetica, sans-serif;
			}

				#navi_sub ul li {
					display: inline;
				}

					#navi_sub ul li a {
						background: none;
						border: none !important;
						display: block;
						float: left;
						padding: 8px 14px 0 14px;
					}

					#navi_sub ul li a.active {
						font-weight: bold;
					}

	#content {
		padding: 0px 40px 40px 49px;
		font: normal 0.8em/1.9em arial, helvetica, sans-serif;
	}

	#content_left {
		float: left;
		width: 430px;
		padding: 0px 30px 40px 49px;
		font: normal 0.8em/1.9em arial, helvetica, sans-serif;
	}

	#content_right {
		float: left;
		width: 270px;
		padding: 0px 40px 40px 0;
		font: normal 0.7em/1.3em arial, helvetica, sans-serif;
	}

		#content_left ul, #content ul {
			list-style: none;
			margin: 1em 2em;
		}

		#content_left ul ul, #content ul ul {
			list-style: square;
			margin: 0em 2em;
		}

			#content_left ul li, #content ul li {
				background: url(../img/list_icon_ul.gif) 0 0.7em no-repeat;
				padding-left: 12px;
			}

			#content_left ul ul li, #content ul ul li {
				background: none;
				padding-left: 0;
			}

		#content_right p {
			padding: 20px ;
			border: 1px solid #ccc;
		}

	#topprint {
		font: normal .7em arial, helvetica, sans-serif;
		padding: 0 0 20px 50px;
	}

#footer {
	font: 0.7em arial, helvetica, sans-serif;
	background: #fff url(../img/bg_content.jpg) repeat-x;
	padding: 30px;
	min-height: 40px;
}

	#footer p {
		margin: 0 auto;
		width: 720px;
	}

.passbild {
	float: left;
	margin: 0 15px 15px 0;
}



.content_left_contact {
		float: left;
		width: 200px;
		padding: 0px 30px 40px 49px;
		font: normal 0.8em/1.9em arial, helvetica, sans-serif;
		
	}

.content_right_contact {
		float: left;
		width: 470px;
		padding: 0px 40px 40px 0;
		
		
	}
	
	
#con_box{padding: 0px 30px 40px 49px; font: normal 0.8em/1.9em arial, helvetica, sans-serif;}	
.con_box_vier{float:left; width:350px;}
