/* CSS Document */

html {
	height:100%;
	scrolling:yes;
}

body {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#c0c0c0;
	padding:5px 0;
}

body, td {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #484848;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

img {
	border:none;
}

a:hover img {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

a, a:visited,
div#content table.news a.grey,
div#content table.news a.grey:hover,
div#content table.news a.grey:visited,
div#content table.news a.grey:active {
	color:#47535b;
	text-decoration:none;
}

a:hover, a:active,
div#content table.news a.grey:hover,
div#content table.news a.grey:active {
	color:#888888;
}

h1, h2, h3, h4 {
	font-size:24px;
	color:#47535b;
	font-weight:bold;
	/*font-style:italic;*/
	margin:0;
	padding:0;

}

h2.white,
h2.grey {
	font-size:14px;
	line-height:normal;
	font-style:normal;
	font-weight:bold;
	color:#00a950;
	margin:15px 0 15px 35px;
	padding:0 0 0 15px;
	background:url(../img/headline_arrow_01.gif) left 2px no-repeat;
}

h2.grey {
	background:url(../img/headline_arrow_02.gif) left 2px no-repeat;
}

h3 {
	font-size:13px;
	color:#00a950;
}

#container {
	/*width:800px;*/
	/*height:892px;*/
	padding:1px;
	width:798px;
	height:890px;
	border:1px solid #787878;
	background:#ffffff;
	margin:0 auto;
	/*border:1px solid #000000;*/
	/*background:url(img/bg.jpg) left top no-repeat;*/
}

#left_box {
	float:left;
	width:205px;
	background:#e6e6e6;
}

#right_box {
	float:left;
	width:593px;
	background:url(../img/header.jpg) left top no-repeat;
}

#footer {
	clear:both;
	/*width:798px;*/
	/*height:50px;*/
	padding:8px 15px 0 0;
	width:783px;
	height:42px;
	text-align:right;
	color:#ffffff;
	line-height:1.5em;
	/*background:url(../img/footer_haas.gif) left top no-repeat;*/
	background:url(../img/bg_footer.gif) left top repeat-x;
}

#footer h4 {
	color:#ffffff;
	display:inline;
	font-size:18px;
	margin:0 5px 0 0;
}

#footer span.row_01 {
	font-size:13px;	
}

#footer span.row_02 {
	font-size:12px;	
}

ul#navi_left {
	width:205px;
	text-align:right;
}

ul#navi_left {
	list-style:none;
}

ul#navi_left li a,
ul#navi_left li a:hover,
ul#navi_left li a:visited,
ul#navi_left li a:active {
	display:block;
	/*height:31px;*/
	padding:8px 15px 0 0;
	height:23px;
	color:#ffffff;
	background:url(../img/bg_navi.gif) left top no-repeat;
	border-bottom:1px solid #bebebe;
}

ul#navi_left li a:hover,
ul#navi_left li a:active {
	background:url(../img/bg_navi.gif) left -31px no-repeat;	
}

ul#navi_left_box li a {
	display:block;
	width:205px;
}

ul#navi_left_box li a#navi_left_box_01,
ul#navi_left_box li a:hover#navi_left_box_01,
ul#navi_left_box li a:visited#navi_left_box_01,
ul#navi_left_box li a:active#navi_left_box_01 {
	height:89px;
	background:url(../img/navi_left_box_01.jpg) left top no-repeat;
}

ul#navi_left_box li a:hover#navi_left_box_01,
ul#navi_left_box li a:active#navi_left_box_01 {
	background:url(../img/navi_left_box_01.jpg) left -89px no-repeat;
}

ul#navi_left_box li a#navi_left_box_02,
ul#navi_left_box li a:hover#navi_left_box_02,
ul#navi_left_box li a:visited#navi_left_box_02,
ul#navi_left_box li a:active#navi_left_box_02 {
	height:101px;
	background:url(../img/navi_left_box_02.jpg) left top no-repeat;
}

ul#navi_left_box li a:hover#navi_left_box_02,
ul#navi_left_box li a:active#navi_left_box_02 {
	background:url(../img/navi_left_box_02.jpg) left -101px no-repeat;
}

ul#navi_left_box li a#navi_left_box_03,
ul#navi_left_box li a:hover#navi_left_box_03,
ul#navi_left_box li a:visited#navi_left_box_03,
ul#navi_left_box li a:active#navi_left_box_03 {
	height:94px;
	background:url(../img/navi_left_box_03.jpg) left top no-repeat;
}

ul#navi_left_box li a:hover#navi_left_box_03,
ul#navi_left_box li a:active#navi_left_box_03 {
	background:url(../img/navi_left_box_03.jpg) left -94px no-repeat;
}

ul#navi_left_box li a#navi_left_box_04,
ul#navi_left_box li a:hover#navi_left_box_04,
ul#navi_left_box li a:visited#navi_left_box_04,
ul#navi_left_box li a:active#navi_left_box_04 {
	height:98px;
	background:url(../img/navi_left_box_04.jpg) left top no-repeat;
}

ul#navi_left_box li a:hover#navi_left_box_04,
ul#navi_left_box li a:active#navi_left_box_04 {
	background:url(../img/navi_left_box_04.jpg) left -98px no-repeat;
}

ul#navi_left_box li a#navi_left_40jahre,
ul#navi_left_box li a:hover#navi_left_40jahre,
ul#navi_left_box li a:visited#navi_left_40jahre,
ul#navi_left_box li a:active#navi_left_40jahre {
	height:155px;
	background:url(../img/40jahre_haas.jpg) left top no-repeat;
}

ul#navi_left_box li a:hover#navi_left_40jahre,
ul#navi_left_box li a:active#navi_left_40jahre {
	background:url(../img/40jahre_haas.jpg) left -155px no-repeat;
}

#header {
	clear:both;
	width:592px;
	height:302px;
}

div#navi_header {
	/*height:48px;*/
	padding:18px 0 0 195px;
	text-align:right;
	height:30px;
}

div#navi_header li {
	float:left;
}

div#navi_header ul li a,
div#navi_header ul li a:hover,
div#navi_header ul li a:visited,
div#navi_header ul li a:active {
	display:block;
	color:#00a950;
	padding:0 13px 0 18px;
	background:url(../img/arrow.gif) left top no-repeat;
}

div#navi_header ul li a:hover,
div#navi_header ul li a:active {
	color:#888888;
	background:url(../img/arrow.gif) left -15px no-repeat;
}

div#header_words {
	clear:both;
	padding:142px 0 0 0;
}

div#header_words ul li {
	float:left;
	color:#888888;
	padding:0 21px;
	letter-spacing:1px;
}

div#header_words ul li.dot {
	color:#00a950;
	padding:0;
}

div#content {
	/*width:593px;*/
	/*height:538px;*/
	padding:0px 0 0 2px;
	width:591px;
	height:537px;
}

div#content table.news a,
div#content table.news a:hover,
div#content table.news a:visited,
div#content table.news a:active {
	color:#FFF;
	text-decoration:underline;
}

div#content table.news a:hover,
div#content table.news a:active {
	color:#888888;
	text-decoration:underline;
}

/* ############################################ FORMULAR ######################### */


table#formular {
	margin:15px 0 0 0;
	background:#FFFFFF;
}

table#formular td {
	/*color:#b00704;*/
	font-size:12px;
}

.formularfeld {
	border:1px solid #969696;
	background:#f9f9f9;
	width:100%;
}

td.checkbox_text {
	font-size:10px;
}

.formularfeld:hover {
	background:#ffffff;
}

.formularfeld:focus {
	background:#ffffff;
	border:1px solid #7b7b7b;
}

.formularbutton {
	margin:10px 0 0 0;
	background:url(../img/btn.gif) left top no-repeat;
	height:44px;
	width:145px;
	border:none;
}

.formularbutton:hover {
	background:url(../img/btn.gif) left -44px no-repeat;
}

/* ########################################### /FORMULAR ######################### */