/*****************************************************************
						Tag Formatierung
*****************************************************************/

*{
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	text-align:center;
}

a {
	outline:none;
	text-decoration:none;
	font-size:12px;
}

/*****************************************************************
						Klassen Formatierung
*****************************************************************/

.clear {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

/*****************************************************************
						Navigations Formatierung
*****************************************************************/

#header ul {
	list-style-type:none;
	float:right;
}
#header ul li {
	float:left;
	margin-top:48px;
}
#header ul li a {
	height:37px;
	line-height:37px;
	padding:0px 13px;
	text-align:center;
	color:#575757;
	display:block;
	width:auto !important; width:60px;
}
#header ul li :hover, #header .active {
	color:#575757;
	background:url(../images/header_hover.jpg) 0 0 repeat-x;
}
/****************************************************************/

#navi ul {
	list-style-type:none;
	margin-top:14px;
}
#navi ul li {
	margin:0;
	padding:0;
}
#navi ul li.strich {
	background:url(../images/navi_strich.jpg) 0 0 no-repeat;
	height:2px;
	font-size:0;
	line-height:2px;
}
#navi ul li a {
	display:block;
	height:29px;
	line-height:29px;
	color:#FFFFFF;
	width:209px;
	
}
#navi ul li :hover {
	background:url(../images/navi_hover.jpg) top center repeat-y;
}
#navi ul li .active {
	background:url(../images/navi_active.jpg) top center repeat-y;
}

/*****************************************************************
						Div Formatierung
*****************************************************************/

#container {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:909px;
	min-height:100%; height:auto !important; height:100%;
	background:#ffffff url(../images/kachel-leiste-rechts.jpg) right top repeat-y;
	color:#0556a5;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#logo {
	width:209px;
	height:52px;
	float:left;
	margin-bottom:2px;
	padding-top:33px;
}
#header {
	width:674px;
	height:85px;
	float:left;
	margin-bottom:2px;
	background:#ffffff url(../images/header-02.jpg) 0 0 repeat-x;
}
#weisz {
	float:right;
	background-color:#ffffff;
	width:24px;
	height:86px;
}
#navi {
	float:left;
	width:209px;
	height:251px;
	background-color:#0556a5;
	margin-bottom:41px;
	text-align:center;
}
#bild {
	width:674px;
	height:291px;
	float:left;
	background-color:#0556a5;	
	margin-bottom:2px;
}
#links {
	float:left;
	width:209px;
	height:291px;
	background:#ffffff url(../images/grafik1.jpg) center 4px no-repeat;
}
#content {
	float:left;
	width:554px;
	margin-bottom:2px;
	min-height:300px; height:auto !important; height:300px;
	background:#ffffff url(../images/leiste-header2.jpg) center top repeat-x;
	padding:50px 90px 10px 30px;
}
#content a {
	color:#7daa10;
	font-size:11px;
}
#content a:hover {
	text-decoration:underline;
}
#content .ueber {
	color:#7daa10;
	font-weight:bold;
	font-size:14px;
}
#footer {
	position:absolute;
	bottom:0px !important; bottom:-1px;
	background:#ffffff url(../images/leiste-footer.jpg) center top repeat-x;
	width:651px;
	height:40px;
	margin-left:209px;
	line-height:40px;
	padding-left:23px
}
#footer_weisz {
	position:absolute;
	bottom:0px !important; bottom:-1px;
	height:40px;
	margin-left:885px;	
	float:right;
	background-color:#ffffff;
	width:24px;
}
/*****************************************************************
*****************************************************************/

.angebot {
	width:198px;
	height:34px;
	display:block;
	background:#ffffff url(../images/button-angebot.jpg) 0 0 no-repeat;
	line-height:31px;
	text-indent:35px;
	text-decoration:none;
	margin-bottom:35px;
}
.angebot:hover {
	background:#ffffff url(../images/button-angebot_r.jpg) 0 0 no-repeat;
}
.anfrage {
	width:120px;
	height:32px;
	display:block;
	background:#ffffff url(../images/button-anfrage.jpg) 0 0 no-repeat;
	line-height:27px;
	text-indent:35px;
	text-decoration:none;
}
.anfrage:hover {
	background:#ffffff url(../images/button-anfrage_r.jpg) 0 0 no-repeat;
}
/*****************************************************************
*****************************************************************/

#slideshow{
	height:291px;
	overflow:hidden;
}

/*****************************************************************
		Kontakt
*****************************************************************/

.button {
	width:110px;
}