/*------------------------------------
			BASIC ELEMENTS		
------------------------------------*/
	html
	{
		/*Mozilla zeigt dann immer die Scrollleiste*/
		/*overflow: -moz-scrollbars-vertical;*/
		height:100%;
	 	padding-bottom:0.07em; 
	}
	
	body
	{
		background-color:#D4E5DD;
		margin:0px;
		padding:0px;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
	}	
	
	#sup4uArea
	{
		width:908px;
		padding:0px 0px 20px 0px;
		margin: 0px auto 0px auto;
		text-align:left;
	}
	
	#sup4uArea a, #sup4uDiv a:link, #sup4uArea a:visited, #sup4uArea a:hover, #sup4uArea a:active
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#a6cebb;
		font-weight:bold;
		text-decoration:none;
		padding-left:20px;
	}

	#pageArea
	{
		margin: 0px;
		padding:0px;
		background-image: url(../layout/pageBG.gif);
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}
	
	#documentAreaWrapper
	{
		margin: 0px auto 0px auto;
		padding: 28px 0px 0px 0px;		
		width: 908px;
	}
	
	#documentArea
	{
		margin: 0px auto 0px auto;
		padding:0px;
	}
	
	.clear
	{
		clear:both;	
	}
	

/*------------------------------------
			HEADER ELEMENTS		
------------------------------------*/

	#headerArea
	{
		margin:0px;
		padding:0px;
		height:111px;		
		background-color:transparent;
		background-image:url(../layout/headerAreaBg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border: 0px solid #990000;
	}
	
	#headerAreaContent
	{
		margin:0px;
		padding:0px;
	}
	
	#headerAreaLogo
	{
		margin:0px;
		padding:18px 0px 0px 20px;
		float:left;		
	}
	#headerAreaLogo img
	{
		border: 0px solid #FFFFFF;	
	}
	
	#headerAreaText
	{
		margin:0px;
		padding:10px 20px 0px 0px;
		text-align:right;
	}		
	
	#headerTitle
	{
		font-weight:bold;
		color: #006633;
		margin:0px;
		padding:0px 0px 4px 0px;
		font-size: 30px;
	}
	
	#headerNames
	{
		margin:0px;
		padding:0px 0px 8px 0px;
		color: #333333;		
		font-size: 16px;
		font-weight:bold;
	}
	
	#headerAdress
	{
		margin:0px;
		padding:0px;
		color: #333333;
		font-size: 14px;
	}

/*------------------------------------
			MAIN MENUE ELEMENTS		
------------------------------------*/

	#mainMenueArea
	{
		margin:0px;
		padding:0px;
		height:31px;
		background-image:url(../layout/mainMenueBg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		position:relative;
		z-index:10;

	}
	
	#mainMenueAreaContent
	{
		margin:0px;
		padding:0px 20px 0px 20px;		
	}
	
	.mainMenueItems
	{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}	
	
	.mainMenueItems li
	{
		margin:0px;
		padding:0px;
		float:left;
		border-right: 1px solid #006633;
		height:31px;
		line-height:31px;
		text-align:center;
	}
	
	.mainNavSpacer
	{
		font-size: 1px;
		width:1px;	
	}
	
	.mainMenueItems a, .mainMenueItems a:link, .mainMenueItems a:visited
	{
			display:block;	
			padding: 0px 10px 0px 10px;	
			color:#FFFFFF;	
			text-decoration:none;
			font-size:13px;
	}
	.mainMenueItems a:focus, .mainMenueItems a:hover, .mainMenueItems a:active
	{
			color:#EEEEEE;
			background-image: url(../layout/mainMenueBg_Hover.gif);
			background-repeat: repeat-x;
			background-position: 0px 0px;
	}
	
	.mainMenueItems a.mainMenueActive
	{		
		background-color: #006633;
	}
	
	.mainMenueItems .subMenueItems
	{
		margin:0px;
		padding:0px;
		list-style-type:none;
		text-align:left;	
		background-color: #D4E5DD;
		
	}	
	
	.mainMenueItems .subMenueItems li
	{
		margin:0px;
		padding:0px;
		float:left;		
		height:20px;
		line-height:20px;
		text-align:left;
		border-top: 0px solid #006633;		
		border-right: 1px solid #006633;
		border-bottom: 1px solid #006633;
		border-left: 1px solid #006633;
		width:200px;
	}
	
	.subMenueItems a, .subMenueItems a:link, .subMenueItems a:visited
	{
			display:block;	
			padding: 0px 10px 0px 10px;	
			color:#333333;	
			text-decoration:none;
			font-size:12px;			
	}
	.subMenueItems a:focus, .subMenueItems a:hover, .subMenueItems a:active
	{
			color:#333333;
			background-image: url(../layout/spacer.gif);
			background-repeat: repeat-x;
			background-position: 0px 0px;
			background-color: #B1D0C1;
	}
	
	.subMenueItems a.subMenueActive
	{		
		background-color: #87B79F;
	}
	
	
	
	/* common styling */
	#mainMenueArea ul li {position:relative;}
	#mainMenueArea ul li ul {display: none; padding: 0;}
	
	/* specific to non IE browsers */
	#mainMenueArea ul li:hover ul {display:block; position:absolute; top:31px; left:0;}

	



/*------------------------------------
			FOOTER ELEMENTS		
------------------------------------*/

	#footerMenueArea
	{
		margin:0px;
		padding:0px 0px 12px 0px;	
		background-image:url(../layout/mainAreaBg.gif);
		background-repeat: repeat-y;
		background-position: 0px 0px;	
		
	}
	
	#footerMenueContent	
	{
		margin:0px 4px 0px 4px;
		padding:0px 0px 0px 20px;	
		text-align:center;
		border-top: 1px solid #006633;
		border-bottom: 1px solid #006633;
		height:29px;
		line-height:29px;
		color:#333333;	
		font-size:11px;
		background-color: #D4E5DD; /*#FFFFFF;*/
	}
		
	#footerMenueContent a, #footerMenueContent a:link, #footerMenueContent a:visited
	{			
			padding: 0px;	
			color:#333333;	
			text-decoration:none;
	}
	#footerMenueContent a:focus, #footerMenueContent a:hover, #footerMenueContent a:active
	{
			color:#999999;			
	}
	
	#footerMenueContent a.footerMenueActive
	{
		margin:0px;
		padding:0px;
		text-decoration:underline;
	}
	
	#footerArea
	{
		margin:0px;
		padding:0px;	
		background-image:url(../layout/footerBottomBg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height:27px;
	}
	#footerAreaContent
	{
		margin:0px;
		padding:2px 0px 0px 0px;	
		font-size: 11px;
		color:#999999;	
	}	
	
	
/*------------------------------------
			CONTENT ELEMENTS		
------------------------------------*/	
	#contentArea
	{
		margin:0px;
		padding:0px;	
		text-align:left;	
		background-image: url(../layout/mainAreaBg.gif);
		background-repeat: repeat-y;
		background-position: 0px 0px;		
		color:#333333;
		font-size: 14px;		
	}	
	
	#contentAreaContent
	{
		margin:0px 4px 0px 4px;
		padding:0px;		
		background-image: url(../layout/contentAreaBg.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;	
	}
	
	#contentAreaElements
	{
		margin:0px;
		padding:20px 18px 0px 18px;	
		min-height:300px;
		text-align:left;
		/*
		height: 300px;
		overflow:auto; 
		*/
	}
	
	#contentAreaElements h1
	{
		margin:0px;
		padding:0px 0px 10px 0px;		
		color: #006633;
		font-size:20px;
	}
	#contentAreaElements h2
	{
		margin:0px;
		padding:0px 0px 6px 0px;	
		color: #333333;
		font-size:16px;
	}
	#contentAreaElements h3
	{
		margin:0px;
		padding:0px 0px 2px 0px;	
		color: #333333;
		font-size:15px;
	}
	#contentAreaElements h4, #contentAreaElements h5, #contentAreaElements h6
	{
		margin:0px;
		padding:0px 0px 0px 0px;	
		color: #333333;	
		font-size:13px;
	}
	
	#contentAreaElements hr
	{
		margin:10px 0px 10px 0px;
		padding:0px;		
		height: 1px;
		border-top: 0px solid #CCCCCC;
		border-right: 0px solid #CCCCCC;
		border-bottom: 0px solid #91BDA7;;
		border-left: 0px solid #CCCCCC;
		color: #CCCCCC;
		background-color: #CCCCCC;
	}
	
	#contentAreaElements p
	{
		margin:0px;
		padding:0px 0px 10px 0px;	
	}
	
	#contentAreaElements table
	{
		margin:0px 0px 10px 0px;
		padding:0px;	
		font-size: 14px;	
	}	
	#contentAreaElements td
	{
		vertical-align:top;	
		padding:2px 4px 2px 0px;		
	}
	
	#contentAreaElements ul, #contentAreaElements ol 
	{
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;		
		padding-bottom:0px;		
	}
	#contentAreaElements li 
	{
		margin-bottom:4px;
		padding-bottom:0px;		
	}
	
	#contentAreaElements li ul, #contentAreaElements li ol 
	{		
		padding-top:4px;		
	}
	
	#contentAreaElements ul.specialList, #contentAreaElements ol.specialList
	{
		list-style-type:none;
		padding-left:0px;
		margin-left:0px;
	}
	
	
	#contentAreaElements a, #contentAreaElements a:link, #contentAreaElements a:visited
	{
		color:#0000DD;
		text-decoration:none;		
		/*
		background-image: url(../layout/link.gif);
		background-position: 0px 4px;
		background-repeat: no-repeat;
		padding-left:10px;
		*/
	}
	#contentAreaElements a:focus, #contentAreaElements a:hover, #contentAreaElements a:active
	{
		color:#000099;
		text-decoration:none;			
	}	
	.timesTable
	{
		width:500px;
		border: 1px solid #CCCCCC;	
		border-collapse: collapse;
	}
	
	#contentAreaElements .timesTable th, #contentAreaElements .timesTable td
	{		
		border: 1px solid #CCCCCC;	
		padding: 4px 2px 4px 2px;
		text-align: center;
		vertical-align: middle;
	}
	
	.timesTable th
	{		
		background-color: #EEEEEE;
		font-size: 14px;
	}
	
	.imageRight
	{
		float:right;	
		margin: 20px 0px 20px 40px;
		padding: 0px;
	}
	
	.imagesTable
	{
		width: 700px;
		margin: 0px auto 0px auto;		
		background-color: #FFFFFF;
	}
	
	#contentAreaElements .imagesTable td
	{
		text-align:center;
		padding: 0px 0px 0px 0px;
		font-size: 12px;
	}
	#contentAreaElements .imagesTable img
	{		
		margin: 4px 0px 4px 0px;		
	}
	.imagesTable .imageBox
	{
		border: 1px solid #DDDDDD;	
		margin: 10px;
		padding: 6px 0px 6px 0px;		
		height: auto;
		background-color: #FFFFFF;
	}
	
	.pageNav
	{
		margin: 0px 0px 0px 0px;
		padding: 2px 4px 2px 4px;
		text-align:right;
		font-size: 11px;
		background-color: #EEEEEE;
		border-bottom: 1px solid #91BDA7; /*#CCCCCC;*/
	}
	
	/*
	#contentAreaElements .imagesTable a
	{
		background-image: url(../layout/spacer.gif);		
		padding-left:0px;	
	}
	#contentAreaElements .pageNav a
	{
		background-image: url(../layout/spacer.gif);		
		padding-left:0px;	
	}
	*/
	
/*------------------------------------
			FORM ELEMENTS		
------------------------------------*/		
	
	form
	{			
		margin: 0px;
		padding: 0px;
	}

	.inputtext
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
		background-color: #eeeeee;
		padding: 2px;
		height: 20px;
		width: 250px;
		border: 1px solid #CCCCCC;
	}
	
	.inputtextarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
		background-color: #eeeeee;
		padding: 2px;
		height: 80px;
		width: 250px;
		border: 1px solid #CCCCCC;
	}
	
	.inputbutton 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #63A182;
		padding: 2px;
		border: 1px solid #CCCCCC;
	}
	
	#contentAreaElements .warning
	{
		color: #990000;
		border: 1px solid #990000;
		margin: 0px;
		padding: 4px;
	}
	
	iframe
	{
		margin: 0px 0px 10px 0px;
		padding: 0px;		
		text-align:left;
	}
	iframe.googleMaps
	{
		border: 1px solid #DDDDDD;
	}
	
	body#frameContent
	{
		background-color:transparent;
		text-align:left;
		margin:0px;
		padding:0px;		
	}
	
	body#frameContent #contentAreaElements
	{		
		margin:0px;
		padding:0px;		
	}
	
	

/*------------------------------------
			LIGHTBOX ELEMENTS		
------------------------------------*/	

	#lightbox #caption
	{
		color:#333333;
		font-size:14px;	
	}
	
	
/*------------------------------------
			ADDITINOAL ELEMENTS		
------------------------------------*/	

	.elementArea
	{
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	.elementContent
	{
		margin: 0px;
		padding: 0px;
	}	
	.elementContent img
	{
		border: 1px solid #dddddd;
	}	
	.elementContent .quote
	{
		font-style: italic;
	}