/* CSS Document */

/* ++++++++++++++++++++++++++++ Global Settings ++++++++++++++++++++++ */
body {
	background:		url(../images/body-bg.gif) 0 0 no-repeat #ffd819;
	color:			#000438;
}

a {
	outline:			none;
	text-decoration:	underline !important;
	color:				#000438;
}

a:hover {
	text-decoration:	none;
}

/* ++++++++++++++++++++++++++++ Text +++++++++++++++++++++++++++++++++ */
/* überschriften */
h2 {
	font-size:		14px;
	font-weight:	bold;
}

/* fliesstext */
p {
	line-height:	18px;
	padding-bottom:	18px;
}

/* content rechts */
#content-right dl {
	width:			240px;
	margin:			0;
	padding:		0;
}

#content-right dl dt {
	float:			left;
	width:			140px;
}

/* ++++++++++++++++++++++++++++ Layout +++++++++++++++++++++++++++++++ */
#wrapper {
	width:			876px;
	margin:			0 auto -108px;
	background:		url(../images/wrapper-bg.gif) 0 0 repeat-y;
}

#header {
	position:		relative;
	width:			876px;
	height:			339px;
	background:		url(../images/header-bg.jpg) 0 0 no-repeat;
}

#karte {
	position:		absolute;
	left: 			569px;
	top:			243px;
	background:		url(../images/karte.png) 0 0 no-repeat;
	width:			326px;
	height:			229px;
}

#contentwrap {
	width:			876px;
	background:		url(../images/content-bg.gif) 0 0 no-repeat;
}

#contentwrap #content-left {
	float:			left;
	width:			460px;
	padding:		0 0 0 74px;
}

#contentwrap #content-left #textarea {
	min-height: 	300px;
	height: 		300px;
	height: 		auto !important;
	padding-top:	53px;
}

#contentwrap #content-right {
	float:			left;
	width:			240px;
	padding:		130px 57px 0 45px;
}

/* bilder im contentbereich */
#contentwrap #textarea .imagecontainer {
	width:			459px;
	height:			198px;
	margin-bottom:	20px;
}

.push {
	height:			108px;
}

#footer {
	margin:			0 auto;
	width:			876px;
	height:			108px;
	background:		url(../images/footer-bg.gif) 0 0 no-repeat;
}

/* ++++++++++++++++++++++++++++ Navigation +++++++++++++++++++++++++++ */
#header #topnavi {
	margin-left:	594px;
	width:			225px;
	height:			69px;
	background:		url(../images/topnavi.gif);
}

/* topnavigation im header */
#header #topnavi ul {
	width:			225px;
	height:			69px;
}

#header #topnavi ul li {
	float:			left;
}		

#header #topnavi ul li a {
	display:		block;
	text-indent:	-2000px;
}

#header #topnavi ul li #btn-kontakt {
	width:			70px;
	height:			69px;
}
#header #topnavi ul li #btn-kontakt:hover {
	background:		url(../images/topnavi.gif) 0 -69px no-repeat;
}

#header #topnavi ul li #btn-anfahrt {
	width:			68px;
	height:			63px;
}
#header #topnavi ul li #btn-anfahrt:hover {
	background:		url(../images/topnavi.gif) -70px -69px no-repeat;
}

#header #topnavi ul li #btn-impressum {
	width:			87px;
	height:			57px;
}
#header #topnavi ul li #btn-impressum:hover {
	background:		url(../images/topnavi.gif) -138px -69px no-repeat;
}

/* hauptnavigation im header */
#header #mainnavi {
	width:			754px;
	height:			224px;
	margin-left:	65px;
	padding-top:	46px;
}

#header #mainnavi ul {
	width:			754px;
	height:			224px;
	background:		url(../images/mainnavi.gif) 0 0 no-repeat;
}

#header #mainnavi ul li {
	float:			left;
}

#header #mainnavi ul li a {
	display:		block;
	text-indent:	-2000px;
}

#header #mainnavi ul li #startseite {
	margin-top:		63px;
	width:			103px;
	height:			161px;
}
#header #mainnavi ul li #startseite:hover {
	background:		url(../images/mainnavi.gif) 0 -287px no-repeat;
}

#header #mainnavi ul li #ueber-uns {
	margin-top:		56px;
	width:			91px;
	height:			156px;
}
#header #mainnavi ul li #ueber-uns:hover {
	background:		url(../images/mainnavi.gif) -103px -280px no-repeat;
}

#header #mainnavi ul li #team {
	margin-top:		44px;
	width:			107px;
	height:			159px;
}
#header #mainnavi ul li #team:hover {
	background:		url(../images/mainnavi.gif) -194px -268px no-repeat;
}

#header #mainnavi ul li #dienstleistungen {
	margin-top:		30px;
	width:			135px;
	height:			167px;
}
#header #mainnavi ul li #dienstleistungen:hover {
	background:		url(../images/mainnavi.gif) -301px -254px no-repeat;
}

#header #mainnavi ul li #kosmetik {
	margin-top:		15px;
	width:			166px;
	height:			165px;
}
#header #mainnavi ul li #kosmetik:hover {
	background:		url(../images/mainnavi.gif) -436px -239px no-repeat;
}

#header #mainnavi ul li #aktionen {
	width:			152px;
	height:			165px;
}
#header #mainnavi ul li #aktionen:hover {
	background:		url(../images/mainnavi.gif) -602px -224px no-repeat;
}

/* notdienst button */
#contentwrap #notdienst {
	margin-left:	402px;
	padding-top:	4px;
	width:			153px;
	height:			40px;
}

#contentwrap #notdienst li a {
	display:		block;
	width:			153px;
	height:			40px;
	text-indent:	-2000px;
	background:		url(../images/btn-notdienst.gif) 0 0 no-repeat;
}
#contentwrap #notdienst li a:hover {
	background-image:		url(../images/btn-notdienst-hover.gif);
}

/* subnavi im content bereich */
#contentwrap #content-left #textarea #subnavi {
	width:			400px;
	margin:			0 !important;
	height:			10px;
}

#contentwrap #content-left #textarea #subnavi li {
	float:			left;
	padding:		0 6px 0 6px;
	border-right:	1px solid #5d5e66;
}

#contentwrap #content-left #textarea #subnavi li a {
	color:				#5d5e66;
	text-decoration:	none !important;
	background:			none;
}

#contentwrap #content-left #textarea #subnavi li a:hover {
	color:				#000438;
	text-decoration:	underline !important;
}
/* ++++++++++++++++++++++++++++ CMS ++++++++++++++++++++++++++++++++++ */
#contentwrap #content-left #textarea .cms-loop {
	margin-bottom:		10px;
	border-bottom:		1px dashed #CCC;
}

#contentwrap #content-left #textarea .cms-loop img {
	padding:			4px;
	border:				1px solid #FFCC00;
	float:				left;
	margin:				0 10px 10px 0;
}

/* ++++++++++++++++++++++++ map 24 form +++++++++++++++++++++++++++++ */
#contentwrap #content-left #textarea form fieldset {
	padding:			0;
	margin:				0;
	border:				none;
}

#contentwrap #content-left #textarea form #hiddenfields {
	height:				0;
}

#contentwrap #content-left #textarea form #s {
	height:				16px;
	margin-bottom:		10px;
}