/*============== Grundeinstellungen  =================*/

body {
    margin: 			0;
	padding:			0;
	color:				#666; 
	font-family:		arial, Helvetica, sans-serif;
	font-size:			12px;
	background-color:	#fdf3be;
}

.clear {
	clear:				both;
}

img {
  	behavior: url("inc/js/pngbehavior.htc");
}


a {
	color:				#750000;
	font-weight:		bold;
	text-decoration:	none;
}


a:hover {
	text-decoration:	underline;
}



form {
	margin:				0px;
	padding:			0px;
}


/** List **/
.Liste {
	margin: 			10px 50px 10px 50px;
	padding:			0;
}

.Liste li {
	padding: 			0 0 3px 17px;
	margin:				0 0 7px 0;
	background: 		url('../images/bullet.gif') no-repeat;
	background-position:0px 3px;
	line-height: 		15px;
	list-style: 		none;
}




/*=============== Grundaufbau =======================*/

#mainWrapper {
	position:			relative;
	width:				975px;
	margin:				10px 0 0 10px;
	padding:			0;
	/*background-color:	#FF0000;
	background-image:	url('../images/mainback.gif');*/
}


#mainSiteLeft {
	float:				left;
	width:				710px;
	/*background-color:	#ff0;*/
}


#mainSiteRight {
	position:			relative;
	float:				right;
	margin:				0;
	padding:			120px 0 0 20px;
	width:				245px;
	height:				565px;
	background-color:	#fff;
	background-image:	url('../images/right_back.gif');
	background-repeat:	no-repeat;
}



#mainHead {
	position:			relative;
	width:				710px;
	height:				175px;
	background-image:	url('../images/head_back.gif');
}


#mainContent {
	width:				610px;
	margin:				0;
	padding:			0 0 0 100px;
	background-image:	url('../images/main_content_back.gif');
}


#mainFooter {
	position:			relative;
	width:				710px;
	height:				245px;
	background-image:	url('../images/main_footer.gif');
	background-repeat:	no-repeat;
}



#logo {
	float:				left;
	margin:				35px 0 0 0;
	padding:			0 0 0 44px;
}




/* ============ Hauptnavigation ============== */


#mainNavi {
	position:			absolute;
	top:				136px;
	left:				225px;
	margin:				0;
	padding:			0;
	position:			absolute;
	list-style:			none;
}

#mainNavi li {
	float:				left;
	margin:				0;
	padding:			0;
	text-align:			center;
	text-transform:		uppercase;
	font-weight:		bold;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			11px;
}


#mainNavi li a {
	display:			block;
	padding:			5px 9px 5px 9px;
	color:				#680000;
	text-decoration:	none;
	background-image:	url('../images/mainnavi_trenner.gif');
	background-repeat:	no-repeat;
 	background-position:right;
}

#mainNavi li a:hover {
	color:				#fff;
	background-color:	#fac921;
}



#mainNavi li#navHeadButtonAktiv a,
#mainNavi li#navHeadButtonAktiv a:hover
{
	color:				#fff;
	background-color:	#fac921;
}





/* =============== Unternavi DropDown ============ */


#layer1 {
	width:				169px;
	height:				47px;
	display:			none; 
	position:			absolute; 
	top:				165px; 
	left:				288px;
	border:				1px solid #fad626;
	background-color:	#fbefac;
}


#layer2 {
	width:				168px;
	height:				47px;
	display:			none; 
	position:			absolute; 
	top:				165px; 
	left:				357px;
	border:				1px solid #fad626;
	background-color:	#fbefac;
}


#layer3 {
	width:				168px;
	height:				47px;
	display:			none; 
	position:			absolute; 
	top:				165px; 
	left:				437px;
	border:				1px solid #fad626;
	background-color:	#fbefac;
}



#mainUnderNavi {
	width:				164px;
	margin:				2px 0 0 2px;
	padding:			0;
	position:			absolute;
	list-style:			none;
}


#mainUnderNavi li {
	height:				22px;
	margin:				0 0 1px 0;
	padding:			0;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			10px;
}


#mainUnderNavi li a {
	display:			block;
	margin:				0;
	padding:			4px 1px 4px 10px;
	color:				#680000;
	text-decoration:	none;
	text-transform:		uppercase;
	background-image:	url('../images/dd_navi_back_no.gif');
}


#mainUnderNavi li a:hover {
	color:				#680000;
	background-image:	url('../images/dd_navi_back_yes.gif');
}





/* ============ main content ================= */


#mainContent h1 {
	/*width:				265px;*/
	margin:				0 0 15px 0;
	padding:			10px 20px 2px 20px;
	border-left:		5px solid #f6cc21;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
}


#mainContent h2 {
	/*width:				285px;*/
	margin:				0;
	padding:			10px 20px 10px 25px;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#808080;
}


#mainContent p {
	/*width:				285px;*/
	margin:				0;
	padding:			0 35px 10px 25px;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			12px;
}



/* ============ Box Aktuelles ================ */

.newsTeaser {
	margin:				0 0 10px 0;
	padding:			5px;
	width:				196px;
	border-left:		2px solid #f6cc21;
	background-color:	#fefae9;
}


.newsTeaser h1 {
	margin:				0;
	padding:			0 5px 5px 0;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
}


.newsTeaser p {
	margin:				0;
	padding:			0 5px 6px 0;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			11px;
}


.newsTeaser img {
	float:				left;
	margin:				0 10px 20px 0;
	padding:			0;
}



.newsTeaser a {
	font-size:			11px;
	color:				#750000;
	font-weight:		bold;
	text-decoration:	none;
}


.newsTeaser a:hover {
	text-decoration:	underline;
}


#alleEvents {
	position:			absolute;
	top:				479px;
	left:				99px;
}



/* ============ Teaser Footer ================ */

#teaserFuerImker {
	position:			absolute;
	top:				40px;
	left:				215px;
	width:				165px;
}


#teaserFuerImker h1 {
	margin:				0;
	padding:			0 0 10px 0;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#8a0000;
}


#teaserFuerImker p {
	margin:				0;
	padding:			0;
	height:				67px;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			11px;
}



#teaserVomImker {
	position:			absolute;
	top:				40px;
	left:				498px;
	width:				165px;
}


#teaserVomImker h1 {
	margin:				0;
	padding:			0 0 10px 0;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#8a0000;
}


#teaserVomImker p {
	margin:				0;
	padding:			0;
	height:				67px;
	font-family:		arial, Helvetica, sans-serif;
	font-size:			11px;
}




/*============== Service Navi Footer ==============*/

#serviceNavi {
	position:			absolute;
	top:				190px;
	left:				225px;
	font-size:			11px;
}


#serviceNavi a {
	font-size:			10px;
	color:				#750000;
	text-transform:		uppercase;
	text-decoration:	none;
}


#serviceNavi a:hover {
	text-decoration:	underline;
}




#designBy {
	position:			absolute;
	top:				220px;
	left:				100px;
	font-size:			11px;
}


#designBy a {
	font-size:			10px;
	color:				#750000;
	text-transform:		uppercase;
	text-decoration:	none;
}


#designBy a:hover {
	text-decoration:	underline;
}





/*============== Kontaktformular ==============*/

.dataInput
{
	width:				290px;
	height:				21px;
  	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	padding:     		0px 2px;
  	background-image:	url('../images/kontaktfiel_back.gif');
}

.textInput
{
  	border:				1px solid #A7A6AA;
  	font-family: 		arial,sans-serif;
  	padding:     		0px 2px;
  	width:				290px;
  	height:				100px;
	background-image:	url('../images/textfiel_back.gif');
}




.error
{
	color:				#f00 !important;
}

.error input,
.error select,
.error textarea
{
	border:				1px solid #f00 !important;
}




/*============== Bildergalerie ==============*/


#boxGalerieList {
	margin:				15px 0 0 0; 
	padding:			0 0 0 25px;
}

.boxOneGalerie {
	float:				left; 
	width:				255px; 
	margin:				0 10px 15px 0; 
	padding:			5px; 
	border-left:		2px solid #f6cc21;
	background-color:	#fdf8dc; 
}

.boxOneGaleriePic {
	float:				left; 
	width:				80px;
}

.boxOneGalerieText {
	float:				left; 
	width:				170px;
}

.PreviewImage
{
	position:			absolute;
	/*top:				5px;
	left:				5px;*/
	display:			none;
}