/* CSS Document */

html,
body,
* {
			margin:0px;
			padding:0px;
}

html,
body {
			height:100%;
}

body {
			font: 15px/20px Arial, Helvetica, sans-serif;
			color:#323232;
			background:url(../images/bg-body.jpg) 0 0 repeat-x;
			overflow-x:hidden;
			overflow: -moz-scrollbars-vertical;
}

div#container {
			position:relative;
			margin: 0 auto;
			width:960px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =header |--------------------------------*/
/*-----------------------------------------------------------------------------*/
div#header {
	width:960px;
	height:325px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
}
div#visitenkarte{
	position:absolute;
	top:0px;
	left:400px;
	width:198px;
	height:404px;
	background:url(../images/bg-visitenkarte.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =content |-------------------------------*/
/*-----------------------------------------------------------------------------*/

div#contentContainer {
	width:890px;
	background:url(../images/bg-content.jpg) 0 0 no-repeat;
	margin:0px 41px 0 29px;
}
div#spalte1{
	width:490px;
	float:left;
	padding:0px 35px 15px 0px;
	margin-bottom:15px;
}
div#spalte2{
	width:365px;
	float:left;
}
div#spalte3{
	width:855px;
}
div#spalte1 p{
	margin-left:15px;
}
div#contentContainer a{
	color:#d21981;
	text-decoration:none;
}
div#contentContainer a:active, div#contentContainer a:hover{
	text-decoration:underline;
}
div#aktuell{
	margin-top:29px;
}
.teaserAktuell{
	width:98px;
	height:20px;
	background:url(../images/bg-aktuell.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-right:5px;
}
div#aktuell a{
	width:176px;
	height: 21px;
	background:url(../images/bg-erfahren-sie-mehr.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	display:block;
	margin:12px 0 0 179px;
}
div#aktuell a:active, div#aktuell a:hover{
	background:url(../images/bg-erfahren-sie-mehr.jpg) 0 -21px no-repeat;
}
div#changeImage{
	width:216px;
	height:342px;
	float:left;
	background: url(../images/startseite/FS-2011-10.jpg) 0 0 no-repeat;
}
div#changeImage_winter{
	width:216px;
	height:342px;
	float:left;
	background: url(../images/content/image11.jpg) 0 0 no-repeat;

}
div#contentAnschrift{
	float:left;
	width:149px;
	height:138px;
	background:url(../images/bg-anschrift.jpg) 0 0 no-repeat;
	font:13px/23px Arial, Helvetica, sans-serif;
	padding-top:35px;
	font-style:italic;
}
.contentImageContainer {
	float:left;
	width:145px;
	margin:5px 10px 1px 15px;
}
.galerieContainer{
	margin-left:15px;
}
.contentImageContainer img, .spalte img{
	padding:1px;
	border:1px solid #d21981;
}
.galerieContainer img{
	padding:1px;
	border:1px solid #d21981;
	float:left;
	margin:0px 8px 8px 0;	
}
.spalte{
	width:230px;
	float:left;
	margin:0px 0px 0px 15px;
	font-size:12px;
}
.pdf-download {
	padding:3px 0 3px 23px;
	line-height:25px;
	background:url(../images/file_pdf.gif) left no-repeat;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =Navigation |----------------------------*/
/*-----------------------------------------------------------------------------*/

ul#contentNavigation {
	width:140px;
	height:169px;
	background:url(../images/bg-contentNav.jpg) 0 0 no-repeat;
	float:left;
	list-style:none;
}
ul#contentNavigation a{
	width:140px;
	display:block;
	outline:none;
	text-indent:-9999px;
	height:29px;
}
.li-startseite a{
	background:url(../images/bg-contentNavigation.jpg) 0 0 no-repeat;
}
.li-startseite a:active, .li-startseite a:hover, .li-startseiteActive a{
	background:url(../images/bg-contentNavigation.jpg) -140px 0 no-repeat;
}
.li-kontakt a{
	background:url(../images/bg-contentNavigation.jpg) 0 -29px no-repeat;
}
.li-kontakt a:active, .li-kontakt a:hover, .li-kontaktActive a{
	background:url(../images/bg-contentNavigation.jpg) -140px -29px no-repeat;
}
.li-anfahrt a{
	background:url(../images/bg-contentNavigation.jpg) 0 -58px no-repeat;
}
.li-anfahrt a:active, .li-anfahrt a:hover, .li-anfahrtActive a{
	background:url(../images/bg-contentNavigation.jpg) -140px -58px no-repeat;
}
.li-impressum a{
	background:url(../images/bg-contentNavigation.jpg) 0 -87px no-repeat;
}
.li-impressum a:active, .li-impressum a:hover, .li-impressumActive a{
	background:url(../images/bg-contentNavigation.jpg) -140px -87px no-repeat;
}

ul#navigation {
	list-style:none;
	padding:294px 0 0 29px;
}
ul#navigation li{
	float:left;
	height:31px;
}
ul#navigation a{
	display:block;
	text-indent:-9999px;
	outline:none;
	font-size:1px;
	height:31px;
}
/* wenn Herbst/Winter nach vorne dann folgenden Teil aus Backup nehmen */
.li-herbst-winter-2011 a{
	width:206px;
	background:url(../images/bg-navigation-neu.jpg) -187px 0 no-repeat;
}
.li-herbst-winter-2011 a:active, .li-herbst-winter-2011 a:hover, .li-herbst-winter-2011Active a{
	width:206px;
	background:url(../images/bg-navigation-neu.jpg) -187px -31px no-repeat;	
}

.li-fruehjahr-sommer-2011 a{
	width:187px;
	background:url(../images/bg-navigation-neu.jpg) 0px 0 no-repeat;
}
.li-fruehjahr-sommer-2011 a:active, .li-fruehjahr-sommer-2011 a:hover, .li-fruehjahr-sommer-2011Active a{
	width:187px;
	background:url(../images/bg-navigation-neu.jpg) 0px -31px no-repeat;	
}

.li-wir-ueber-uns a{
margin-left:133px;
	width:123px;
	background:url(../images/bg-navigation-neu.jpg) -526px 0 no-repeat;
}
.li-wir-ueber-uns a:active, .li-wir-ueber-uns a:hover, .li-wir-ueber-unsActive a{
	margin-left:133px;
	width:123px;
	background:url(../images/bg-navigation-neu.jpg) -526px -31px no-repeat;	
}
/* Ende "des aus Backup zu nehmenden"*/
.li-messen a{
	width:84px;
	background:url(../images/bg-navigation-neu.jpg) -647px 0 no-repeat;
}
.li-messen a:active, .li-messen a:hover, .li-messenActive a{
	width:84px;
	background:url(../images/bg-navigation-neu.jpg) -647px -31px no-repeat;	
}
.li-ansprechpartner a{
	width:159px;
	background:url(../images/bg-navigation-neu.jpg) -731px 0 no-repeat;
}
.li-ansprechpartner a:active, .li-ansprechpartner a:hover, .li-ansprechpartnerActive a{
	width:159px;
	background:url(../images/bg-navigation-neu.jpg) -731px -31px no-repeat;	
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =footer |--------------------------------*/
/*-----------------------------------------------------------------------------*/

div#footer{
	width:960px;
	height:62px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}

.clear {
			float:none;
			clear:both;
}
/*-----------------------------------------------------------------------------*/
/*----------------------------------| =basic elements |------------------------*/
/*-----------------------------------------------------------------------------*/

p {
			padding-bottom:15px;
}

h1 {
	display:block;
	height:70px;
	width:490px;
	text-indent:-9999px;
	margin:29px 0px 50px 0px;
}
.h1-startseite{
	background:url(../images/bg-h1.jpg) 0 0 no-repeat;
}
.h1-danke{
	background:url(../images/bg-h1.jpg) 0 -70px no-repeat;
}
.h1-impressum{
	background:url(../images/bg-h1.jpg) 0 -140px no-repeat;
}
.h1-kontakt{
	background:url(../images/bg-h1.jpg) 0 -210px no-repeat;
}
.h1-wir-ueber-uns{
	background:url(../images/bg-h1.jpg) 0 -280px no-repeat;
}
.h1-herbst-winter-2011{
	background:url(../images/bg-h1.jpg) 0 -350px no-repeat;
}
.h1-fruehjahr-sommer-2011{
	background:url(../images/bg-h1.jpg) 0 -420px no-repeat;
}
.h1-messen{
	background:url(../images/bg-h1.jpg) 0 -490px no-repeat;
}
.h1-ansprechpartner{
	background:url(../images/bg-h1.jpg) 0 -560px no-repeat;
}
.h1-fehler404{
	background:url(../images/bg-h1.jpg) 0 -630px no-repeat;
}
.h1-anfahrt{
	background:url(../images/bg-h1.jpg) 0 -700px no-repeat;
}
.h1-aktuelles{
	background:url(../images/bg-h1.jpg) 0 -770px no-repeat;
}
h2{
	text-indent:-9999px;
}
h3{
	font:14px/18px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	font-weight:bold;
}
h4{
	font:16px/18px Arial, Helvetica, sans-serif;
	color:#d01981;
	padding-bottom:5px;
	margin-left:15px;
	font-weight:bold;
}
h5{
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#323232;
	margin-left:15px;
	font-weight:bold;
}
.highlightLine{
	border-top:1px solid #d8d8d8;
	padding-bottom:15px;
	text-align:right;
}
.highlightLine a{

}
table{
	font-size:10px;
	margin:0px 0px 15px 15px;
}
table td{
	padding:3px 3px 3px 5px;
	margin-bottom:5px;
	vertical-align:top;
}
.grau td{
	background:#CCCCCC;
}

.grau2 {
	background:#e4e4e4;
	padding: 10px 0 0 0;
	margin: 0 5px 10px 5px;
}


.centered{
	text-align:center;
	font-size:12px;
}
div#logo a{
	display:block;
	width:313px;
	height:140px;
	text-indent:-9999px;
	outline:none;
	background:url(../images/bg-logo.jpg) 0 0 no-repeat;
}
div#logo{
			position:absolute;
			top:61px;
			left:603px;
}