@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

html {
	background:#1c2c3d url(../images/bg-html.jpg) repeat-x 0 455px;
}

html,
body {
	width:100%;
	height:100%;
	min-width:840px;
}

body {
	background: url(../images/bg-body.jpg) center 0 no-repeat;
	font:13px/18px "Trebuchet MS", sans-serif;
	color:#6b6b6b;
}

p {
	margin:0 0 18px 0;
}


textarea {
	overflow:auto;
}

ul {
	list-style:none;
}

.indent {
	position:absolute;
	text-indent:-9999px;
	display:block;
}

a {
	text-decoration:underline;
	outline:none;
	color:#98427d;
}

a:hover {
	text-decoration:none;
}

.highlight {
	color:#96055b;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.image,
a img.image {
	border:1px solid #a2a2a2;
	background:#efefef;
	padding:6px 5px;
	margin-bottom:18px;
}

.image,
a img.image2 {
	border:1px solid #a2a2a2;
	background:#efefef;
	padding:6px 5px;
	margin-bottom:4px;
}

.floatRight {
	float:right;
}

img.floatRight {
	float:right;
	margin:0 0 0 10px;
}

.floatLeft {
	float:left;
}

img.floatLeft {
	float:left;
	margin:0 20px 20px 0;
}
* html img.floatLeft {
	float:left;
	margin:0 10px 20px 0;
}

.noclear {
	clear:none !important;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -154px;
	width:840px;
	position:relative;
	left:9px;
}
* html #container {
left:14px;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	display:none;
}

/*--------------------------------------------------------------
	=> impressum link
--------------------------------------------------------------*/
#header a.impressum {
	display:block;
	width:66px;
	height:12px;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:772px;
	background:url(../images/hover-impressum.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

* html #header a.impressum {
	left:777px;
}

#header a.impressum:hover,
#header a.impressumActive {
	display:block;
	width:66px;
	height:12px;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:772px;
	background:url(../images/hover-impressum.jpg) 0 -12px no-repeat;
	text-indent:-9999px;
}

* html #header a.impressum:hover,
* html #header a.impressumActive {
	left:777px;
}

/*--------------------------------------------------------------
	=> quotes
--------------------------------------------------------------*/
#header blockquote.claim {
	display:block;
	text-indent:-5000px;
	position:absolute;
}

/*--------------------------------------------------------------
	=> Logo
--------------------------------------------------------------*/
#header h1.branding {
	position:absolute;
}

#header h1.branding a {
	position:absolute;
	display:block;
	text-indent:-5000px;
	left:248px;
	top:56px;
	width:326px;
	height:135px;
}

/*--------------------------------------------------------------
	=> Slideshow 
--------------------------------------------------------------*/
#header #slideshow {
	position:absolute;
	left:357px;
	top:220px;
	background:url(../images/slideshow/01.jpg);
	width:483px;
	height:213px;
}
* html #header #slideshow {
	left:362px;
}
/*--------------------------------------------------------------*/
/*----------------------------[ =navi= ]------------------------*/
/*--------------------------------------------------------------*/

ul#navi {
	background:url(../images/navi-bgr.jpg) 84px 0 no-repeat;
	width:850px;
	height:15px;
	padding:12px 0;
	overflow:hidden;
	text-indent:-9999px;
	margin:12px auto;
	position:relative;
	top:-12px;
}

ul#navi li {
	height:15px;
	overflow:hidden;
	float:left;
	margin:0 22px 0 0;
}

ul#navi li a {
	width:10px;
	height:15px;
	overflow:hidden;
	background:url(../images/navi.jpg) 0 0 no-repeat;
	display:block;
	position:relative;
}

/*--------------------------------------------------------------
	=> willkommen 
--------------------------------------------------------------*/
ul#navi li a.willkommen {
	width:76px;
}

ul#navi li a.willkommen:hover {
	background-position:0 -15px;
}

ul#navi li.active a.willkommen,
ul#navi li.active a.willkommen:hover {
	background-position:0 -30px;
}

/*--------------------------------------------------------------
	=> ueber uns 
--------------------------------------------------------------*/
ul#navi li a.ueber-uns {
	width:59px;
	background-position:-99px 0;
}

ul#navi li a.ueber-uns:hover {
	background-position:-99px -15px;
}

ul#navi li.active a.ueber-uns,
ul#navi li.active a.ueber-uns:hover {
	background-position:-99px -30px;
}

/*--------------------------------------------------------------
	=> unsere leistungen 
--------------------------------------------------------------*/
ul#navi li a.unsere-leistungen {
	width:116px;
	background-position:-178px 0;
}

ul#navi li a.unsere-leistungen:hover {
	background-position:-178px -15px;
}

ul#navi li.active a.unsere-leistungen,
ul#navi li.active a.unsere-leistungen:hover {
	background-position:-178px -30px;
}

/*--------------------------------------------------------------
	=> service 
--------------------------------------------------------------*/
ul#navi li a.service {
	width:46px;
	background-position:-317px 0;
}

ul#navi li a.service:hover {
	background-position:-317px -15px;
}

ul#navi li.active a.service,
ul#navi li.active a.service:hover {
	background-position:-317px -30px;
}

/*--------------------------------------------------------------
	=> unterlagen 
--------------------------------------------------------------*/
ul#navi li a.unterlagen {
	width:71px;
	background-position:-385px 0;
}

ul#navi li a.unterlagen:hover {
	background-position:-385px -15px;
}

ul#navi li.active a.unterlagen,
ul#navi li.active a.unterlagen:hover {
	background-position:-385px -30px;
}

/*--------------------------------------------------------------
	=> besonderheiten 
--------------------------------------------------------------*/
ul#navi li a.besonderheiten {
	width:97px;
	background-position:-478px 0;
}

ul#navi li a.besonderheiten:hover {
	background-position:-478px -15px;
}

ul#navi li.active a.besonderheiten,
ul#navi li.active a.besonderheiten:hover {
	background-position:-478px -30px;
}

/*--------------------------------------------------------------
	=> aktuelles 
--------------------------------------------------------------*/
ul#navi li a.aktuelles {
	width:58px;
	background-position:-596px 0;
}

ul#navi li a.aktuelles:hover {
	background-position:-596px -15px;
}

ul#navi li.active a.aktuelles,
ul#navi li.active a.aktuelles:hover {
	background-position:-596px -30px;
}

/*--------------------------------------------------------------
	=> anregungen 
--------------------------------------------------------------*/
ul#navi li a.anregungen {
	width:79px;
	background-position:-677px 0;
}

ul#navi li a.anregungen:hover {
	background-position:-677px -15px;
}

ul#navi li.active a.anregungen,
ul#navi li.active a.anregungen:hover {
	background-position:-677px -30px;
}

/*--------------------------------------------------------------
	=> galerie 
--------------------------------------------------------------*/
ul#navi li a.galerie {
	width:47px;
	background-position:-778px 0;
}

ul#navi li a.galerie:hover {
	background-position:-778px -15px;
}

ul#navi li.active a.galerie,
ul#navi li.active a.galerie:hover {
	background-position:-778px -30px;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =content ]------------------------*/
/*--------------------------------------------------------------*/
#content {
	clear:both;
	height:auto !important;
	min-height:200px;
	height:200px;
}

#content h2 {
	clear:both;
	display:block;
	font:18px/18px "Lucida bright", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#96055b;
	margin:45px 0 20px 0;
}
* html #content h2 {
	margin:33px 0 20px 0;
}
* + html #content h2 {
	margin:33px 0 20px 0;
}

#content h3, #teasers h3 {
	clear:both;
	display:block;
	font:18px/22px "Lucida bright", Georgia, "Times New Roman", Times, serif;
	font-weight:bold; 
	color:#96055b;
	margin:12px 0 9px 0;
}

#content h4 {
	font:13px/18px "Trebuchet MS", sans-serif;
	font-style:italic;
	color:#6b6b6b;
}



#content ul{
	padding-left:15px;
}
	
#content ul li{
	list-style:disc;
	list-style-position:outside;
}



/*--------------------------------------------------------------
	=> column 
--------------------------------------------------------------*/
.column {
	width:300px;
	position:relative;
	left:-50px;
	top:30px;
}

/*--------------------------------------------------------------
	=> column1 
--------------------------------------------------------------*/
.column1 {
	float:left;
	width:395px;
	margin:0 36px 0 0;
}

/*--------------------------------------------------------------
	=> column2 
--------------------------------------------------------------*/
.column2 {
	float:left;
	width:395px;
	margin:0 0 0 0;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =teasers ]------------------------*/
/*--------------------------------------------------------------*/
#teasers {
	height:266px;
	background:url(../images/bg-teasers.jpg) repeat-x;
	width:850px;
	margin:37px 0 0 0;
	position:relative;
	left:-19px;
	font:12px/12px "Trebuchet MS", sans-serif;
	padding:0 0 0 10px;
}

#teasers img {
	background:#fff !important;
	margin:0 0 2px 0;
	position:relative;
	left:-10px;
	padding:6px !important;
}

#teasers h3 {
	margin-top:13px;
}

* + html #teasers h3 {
	margin-top:8px !important;
}

* html #teasers h3 {
	margin-top:8px !important;
}

.teaser {
	width:209px;
	height:200px;
	float:left;
	position:relative;
	left:19px;
	top:17px;
}

.teaser span {
	font-size:14px;
	position:relative;
	top:2px;
}

.teaser span a {
	font-size:12px;
}

.teaser a {
	line-height:22px;
}

.teaser a.active {
	text-decoration:none !important;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#footer,
#push {
	height: 154px;
	clear:both;
}

#footer {
	height: 154px;
	background:#1c2c3d url(../images/bg-footer.jpg) center 0 no-repeat;
	border-top:1px solid #e7e9ea;
	
}

#footer a {
	margin:0 auto;
	width:250px;
	display:block;
	position:relative;
	left:-42px;
	top:101px;
	color:#f5f5f5;
	font-size:12px;
}
#footer p {
	width:100px;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =CMS ]---------------------------*/
/*--------------------------------------------------------------*/
img.cms {
	width:180px;
	height:135px;
}

.cms_img_box {
	width:180px;
	float:left;
	margin:20px 30px 0 0;
}

* html .cms_img_box {
	width:180px;
	float:left;
	margin:20px 15px 0 0;
}