/* 
gold: D9C66C
kupfer: #CC9933
	#D9984F
*/


/*------------------------------------
			BASIC ELEMENTS		
------------------------------------*/
	html
	{
		/*Mozilla zeigt dann immer die Scrollleiste*/
		/*overflow: -moz-scrollbars-vertical;*/
		height:100%;
	 	padding-bottom:0.07em; 
	}
	
	body
	{
		background-color:#000000;
		margin:4px 0px 00px 0px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#sup4uArea
	{
		width: 962px;
		padding:2px 0px 4px 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:#313030;
		font-weight:bold;
		text-decoration:none;
	}

	#pageArea
	{
		margin: 0px auto 0px auto;
		padding:0px;
		width: 962px;
	}
	
	#documentArea
	{
		margin: 0px auto 0px auto;
		padding:0px;
		border: 1px solid #D9C66C; /*#E0A96D*/
	}
	
	.clear
	{
		clear:both;	
	}
	
	#mainArea
	{
		margin:0px;
		padding:0px;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}

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

	#headerArea
	{
		margin:0px;
		padding:0px;		
		background-color:#000000;
	}
	
	#headerAreaText
	{	
		margin:0px;
		padding:0px;
		border-bottom: 1px solid #D9C66C; /*#E0A96D;*/
		color: #D9C66C;
		font-weight:bold;
		font-size: 22px;
		height:30px;
		line-height:30px;
		letter-spacing: 1px;
	}
	#headerAreaImage
	{
		margin:0px;
		padding:0px;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		height: 186px; /*156px; */
		position:relative;
	}
	
	#specialHeaderContent
	{
		color:#FFFFFF;	
		border: 0px solid #FFFFFF;
		position:absolute;
		top:10px;
		left:20px;
		margin:0px;
		padding:0px;
		font-size: 12px;
		font-family:Times New Roman, Arial, Helvetica, sans-serif;	
		font-weight: bold;
	}
	#specialHeaderContent p
	{		
		margin:0px;
		padding:0px;
		letter-spacing: 4px;
	}
	
	#headerName
	{
		margin:0px;
		padding:0px 10px 0px 10px;
		float:left;
	}
	#headerCompany
	{
		margin:0px;
		padding:0px 10px 0px 10px;
		float:right;
	}
	
	#headerAreaImage
	{
		margin:0px;
		padding:0px;
		clear:both;
	}
	

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

	#menueArea
	{
		margin:0px;
		padding:0px;
		background-color: #000000;
		border-top: 1px solid #D9C66C; /*#E0A96D;*/
		border-bottom: 1px solid #D9C66C; /*#E0A96D;*/
		height:29px;
		line-height:29px;
		background-image: url(../layout/mainMenueBg.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		font-size:12px;
	}
	
	#menueAreaElements
	{
		margin:0px;
		padding:0px 20px 0px 10px;
	}
	
	.mainMenueItems
	{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	
	.mainMenueItems li
	{
		margin:0px;
		padding:0px;
		float:left;
		border-right: 1px solid #D3D3D3;		
	}
	
	.mainMenueItems a, .mainMenueItems a:link, .mainMenueItems a:visited
	{
		color: #D9C66C;
		text-decoration:none;
		display: block;
		height:29px;
		line-height:29px;
		margin:0px;
		padding:0px 20px 0px 20px;
		font-weight:bold;		
		letter-spacing: 1px;
	}
	.mainMenueItems a:focus, .mainMenueItems a:hover, .mainMenueItems a:active
	{
		color: #FFFFFF;
		text-decoration:none;	
	}	
	.mainMenueItems a.mainMenueActive
	{
		color: #000000;
		text-decoration:none;
		background-image:  url(../layout/mainMenueBg_1_gold.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;				
	}
				

/*------------------------------------
			LANGUAGE MENUE ELEMENTS		
------------------------------------*/
	#languageMenue
	{
		margin:0px;
		padding:0px;
		text-align:right;		
		width:100px;
		float:right;
	}
	
	.languageMenueItems 
	{
		
	}
	
	
	.languageMenueItems a, .languageMenueItems a:link, .languageMenueItems a:visited
	{
		color: #CC9933;
		text-decoration:none;	
		border-width: 0px;	
	}
	.languageMenueItems a:focus, .languageMenueItems a:hover, .languageMenueItems a:active
	{		
		color: #FFFFFF;
		text-decoration:none;	
	}	
	.languageMenueItems img
	{
		margin: 3px 0px 0px 10px;
		border: 1px solid #D9C66C; /*#CC9933;*/
	}
	
/*------------------------------------
			FOOTER MENUE ELEMENTS		
------------------------------------*/		
	#footerMenueArea
	{
		margin:0px 20px 0px 20px;
		padding:4px 0px 4px 0px;
		font-size: 10px;		
		text-align:center;
		/*border-top: 1px solid #EEEEEE;*/
		/*border-top: 1px solid #FFFFFF;*/
		border-top: 1px solid #333333;
	}
	.footerMenueItems
	{
		margin:0px;
		padding:0px;	
		font-size: 10px;	
	}
	.footerMenueItems a, .footerMenueItems a:link, .footerMenueItems a:visited
	{
		color: #333333;
		text-decoration:none;	
		padding: 0px 2px 0px 2px;
	}
	.footerMenueItems a:focus, .footerMenueItems a:hover, .footerMenueItems a:active
	{
		color: #000000;
		text-decoration:none;		
	}	
	.footerMenueItems a.footerMenueActive
	{
		color: #000000;
		text-decoration:none;	
	}

/*------------------------------------
			SUBMENUE ELEMENTS		
------------------------------------*/

	.subMenueArea
	{
		font-size: 11px;	
		margin:2px 0px 2px 0px;
		padding:0px;		
	}
	.subMenueItems
	{
		text-align: right;	
	}
	
	.subMenueTop
	{
		border-bottom:1px solid #EEEEEE;
	}
	.subMenueBottom
	{
		border-top:1px solid #EEEEEE;
	}
		
/*------------------------------------
			FOOTER ELEMENTS		
------------------------------------*/

	#footerArea
	{		
		margin:0px;
		padding:0px;		
		background-color:#000000;
		background-image: url(../layout/mainMenueBg.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		border-top: 1px solid #D9C66C; /*#E0A96D*/
	}
	.footerAreaContent
	{
		margin:0px;
		padding:0px;
		font-size: 12px;
		color: #FFFFFF;
		text-align:center;
		height:24px;		
		line-height:24px;	
	}
	
/*------------------------------------
			CONTENT ELEMENTS		
------------------------------------*/	
	#contentArea
	{
		margin:0px;
		padding:0px;	
		text-align:left;	
		/* background-color:#FFFFFF; */
		/* background-color:#EEEEEE; */
		/* background-color:#DBDBDB; */
		background-color:#C4C3C3;
	}	
	
	#contentAreaElements
	{
		margin:0px;
		padding:10px 20px 10px 20px;	
		min-height:410px;	
		font-size: 12px;
		text-align:left;	
		/* background-color:#FFFFFF; */
		/* background-color:#EEEEEE; */
		/* background-color:#DBDBDB; */
		background-color:#C4C3C3;		
		font-family:Times New Roman, Arial, Helvetica, sans-serif;	
		font-size:14px;		
	}
	
	#contentAreaElements h1
	{
		margin:0px;
		padding:0px 0px 10px 0px;	
		font-size: 16px;
		color: #000000;	
		text-align:left;
	}
	#contentAreaElements h2
	{
		margin:0px;
		padding:0px 0px 6px 0px;	
		font-size: 14px;
		color: #000000;
		text-align:left;
	}
	#contentAreaElements h3
	{
		margin:0px;
		padding:0px 0px 2px 0px;	
		font-size: 13px;
		color: #000000;
		text-align:left;
	}
	#contentAreaElements h4, #contentAreaElements h5, #contentAreaElements h6
	{
		margin:0px;
		padding:0px 0px 0px 0px;	
		font-size: 12px;
		color: #000000;	
		text-align:left;
	}
	
	#contentAreaElements hr
	{
		margin:10px 0px 10px 0px;
		padding:0px;		
		height: 1px;
		border: 0px solid #333333;
		color: #333333;
		background-color: #333333;		
	}
	
	#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:0px 2px 2px 0px;		
	}
	
	#contentAreaElements ul, #contentAreaElements ol 
	{
		margin-top:0px;
		margin-bottom:10px;
		padding-top:0px;		
		padding-bottom:0px;		
	}
	#contentAreaElements li 
	{
		margin-bottom:4px;
		padding-bottom:0px;		
	}
	
	#contentAreaElements a, #contentAreaElements a:link, #contentAreaElements a:visited
	{
		color: #333333;
		text-decoration:none;		
		background-image: url(../layout/link.gif);
		background-repeat: no-repeat;
		background-position: 4px 6px;	
		padding:0px 0px 0px 12px;		
		border: 0px solid #990000;
	}
	#contentAreaElements a:focus, #contentAreaElements a:hover, #contentAreaElements a:active
	{
		color: #666666;
		text-decoration:none;			
	}

	#contentAreaElements img 
	{
		border: 1px solid #DDDDDD;	
	}
         
   #contentAreaElements .leftPosition
	{
		margin:0px 20px 10px 0px;
		padding:0px;			
		float:left;
	}
	#contentAreaElements .rightPosition
	{
		margin:0px 0px 10px 20px;
		padding:0px;			
		float:right;
	}
	
	#contentAreaElements .noBorder img
	{
		border-width: 0px;	
	}
             
             
/*------------------------------------
		OVERVIEW AREA ELEMENTS 		
------------------------------------*/	

	.overviewArea
	{		
		margin: 0px;
		padding: 0px 0px 0px 0px;	
	}
	
	.overviewAreaImage
	{
		margin: 0px 0px 4px 0px;
		padding: 0px;
	}
	
	.overviewAreaText
	{
		margin: 0px 10px 0px 0px;
		padding: 0px;	
	}
	
	
	.overviewAreaElement
	{
		margin: 0px 0px 20px 0px;
		padding: 0px;	
		width:430px;		
		background-color: #EEEEEE;
		border: 1px solid #BBBBBB;	
	}
	
	.overviewAreaContent
	{
		margin: 0px 0px 10px 0px;
		padding: 8px 15px 4px 15px ;				
	}
	
	
	
	.overviewAreaContentLeft
	{			
		float:left;
	}
	
	.overviewAreaContentRight
	{		
		float:right;
	}
	
	#contentAreaElements .overviewAreaContent h1
	{
		color: #000000;
		font-size: 13px;
		margin:0px;
		padding: 0px 0px 2px 0px;
	}
	#contentAreaElements .overviewAreaContent h1 a
	{
		background-image: url(../layout/spacer.gif);
		padding: 0px;
		color: #000000;
	}
	
	#contentAreaElements .overviewAreaImage a
	{
		background-image: url(../layout/spacer.gif);
		padding: 0px;
	}
	#contentAreaElements .overviewAreaText p
	{
		font-size: 12px;
		margin:0px;
		padding: 0px;
	}



/*------------------------------------
			DETAIL AREA ELEMENTS		
------------------------------------*/	
	
	.detailImagesArea
	{
		/* margin: 0px 40px 20px 0px; */
		margin: 0px;
		padding: 0px;		
		width:412px;
		float:left;
		background-color: #EEEEEE;
		border: 1px solid #BBBBBB;
	}
	
	.detailImagesAreaContent
	{		
		margin: 0px auto 0px auto;
		padding: 6px 0px 6px 0px;
		width:400px;		
	}
	
	.detailImagesImage
	{
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 2px 0px;	
		border-bottom: 2px solid #CCCCCC;
	}
	#contentAreaElements .detailImagesImage a
	{
		background-image: url(../layout/spacer.gif);
		padding: 0px;
	}
	
	.detailImagesThumbbar
	{
		margin: 0px;
		padding: 0px;
	}
	
	.detailImagesThumbbarContent
	{
		margin: 0px;
		padding: 0px;		
	}
	
	#contentAreaElements .detailImagesThumbbarContent a
	{
		margin: 0px;
		padding: 0px;	
		background-image: url(../layout/spacer.gif);				
	}
	#contentAreaElements .detailImagesThumbbarContent img
	{		
		border: 1px solid #DDDDDD;
	}
	
	.leftImage
	{
		margin: 0px 12px 0px 0px;
		padding: 0px;
	}
	.centerImage
	{
		margin: 0px;
		padding: 0px;
	}
	.rightImage
	{
		margin: 0px 0px 0px 12px;
		padding: 0px;		
	}
	
	.leftImageArea
	{
		margin: 0px 18px 10px 0px;
		padding: 0px;
		display:block;
		width: 120px;
		float:left;		
	}
	.centerImageArea
	{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		display:block;
		width: 120px;
		float:left;		
	}
	.rightImageArea
	{
		margin: 0px 0px 10px 18px;
		padding: 0px;		
		display:block;
		width: 120px;
		float:left;		
	}
	
	
	
	
	.detailText
	{
		margin: 0px 0px 0px 430px;
		padding: 0px;
	}
	.detailTextContent
	{
		margin: 0px;
		padding: 0px;
	}
	
	.detailImagesBigViewArea
	{		
		margin: 0px;
		padding: 4px 0px 4px 0px;		
		text-align:center;
		/*background-color: #EEEEEE;*/
	}


	.showBigView
	{
		text-align:right;
		margin: 0px;
		padding: 0px;	
	}
	
	#contentAreaElements .showBigView a
	{
		background-image: url(../layout/spacer.gif);
		padding: 0px;
	}
	
/*------------------------------------
		ADMIN AREA 
------------------------------------*/	

	#contentAreaElements .adminTable
	{
		width: 500px;
		border: 1px solid #333333;	
		margin: 0px 0px 10px 0px;
		text-align: left;
		background-color: #EEEEEE;
		padding: 0px;
	}
	#contentAreaElements .adminTable td, #contentAreaElements .adminTable p
	{
		padding: 2px;
		margin: 2px;
	}
	
	.adminRight
	{
		width: 30px;			
	}
	
	.adminCellLable
	{		
		width: 100px;	
		font-weight:bold;
	}
	label
	{
		font-weight:bold;
	}
	
	.loginField
	{
		border: 1px solid #CCCCCC;
		width: 100px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom:4px;
	}
	
	.adminSelect, .adminInput, .adminSelectMultiple
	{
		border: 1px solid #CCCCCC;
		width: 370px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom:4px;
		background-color: #FFFFFF;
	}	
	
	.adminSelect, select.adminInput, input.adminInput, input.adminInput2
	{
		height: 22px;
	}
	
	input.adminInput2
	{
		width: 20px;
	}
	
	textarea.adminInput
	{
		height: 100px;
	}
	.adminFileInput
	{
		/*width: 370px;*/
		border: 1px solid #CCCCCC;		
		background-color: #FFFFFF;
	}
	input.adminFileInput
	{
		height: 22px;
		background-color: #FFFFFF;
	}
	
	div.adminFileInput
	{		
		margin:0px;
		padding: 2px 0px 2px 2px;
	}
	table.adminFileInput
	{
		border:	1px solid  #CCCCCC;
		border-collapse: collapse;	
		background-color: #FFFFFF;	
	}
	table.adminFileInput td
	{
		border-bottom:	1px solid  #CCCCCC;
	}
	
	
	
	#contentAreaElements .warning
	{
		padding:4px;
		margin: 0px 0px 10px 0px;
		border: 1px solid #990000;
		color: #990000;
	}
	
/*------------------------------------
		FORMATIERUNGSHILFE
------------------------------------*/		
	        
   #contentAreaElements .textRot
	{
		color:#990000;
	}  
	
	#contentAreaElements .textGross
	{
		font-size: 14px;
	} 
	#contentAreaElements .textGross2
	{
		font-size: 16px;
	} 
	
/*------------------------------------
		TEXT FLOAT IMAGES
------------------------------------*/	
	
	#contentAreaElements  #float_1
	{
		margin-left:0px;
	}
	
	#contentAreaElements  #imageTextFloat
	{
		/*padding-bottom: 20px;*/
	}
	
	#contentAreaElements  #imageTextFloat span 
	{
		margin:0px 0px 0px 0px;
		display:block;
		padding:0px;
		white-space: nowrap;
		line-height:17px;
	}
	
	
	#contentAreaElements #imageTextFloat .float_1
	{
		margin:0px 0px 0px 0px;		
	}
	#contentAreaElements #imageTextFloat .float_2
	{
		margin:0px 0px 0px 370px;
	}
	
	
	#contentAreaElements #imageTextFloat .float_3
	{
		margin:0px 0px 0px 406px;
	}
	#contentAreaElements #imageTextFloat .float_4
	{
		margin:0px 0px 0px 436px;
	}
	#contentAreaElements #imageTextFloat .float_5
	{
		margin:0px 0px 0px 466px;
	}
	#contentAreaElements #imageTextFloat .float_6
	{
		margin:0px 0px 0px 486px;
	}	
	#contentAreaElements #imageTextFloat .float_7
	{
		margin:0px 0px 0px 498px;
	}
	#contentAreaElements #imageTextFloat .float_8
	{
		margin:0px 0px 0px 510px;
	}
	#contentAreaElements #imageTextFloat .float_9
	{
		margin:0px 0px 0px 520px;
	}
	#contentAreaElements #imageTextFloat .float_10
	{
		margin:0px 0px 0px 530px;
	}
	#contentAreaElements #imageTextFloat .float_11
	{
		margin:0px 0px 0px 536px;
	}
	#contentAreaElements #imageTextFloat .float_12
	{
		margin:0px 0px 0px 536px;
	}
	#contentAreaElements #imageTextFloat .float_13
	{
		margin:0px 0px 0px 530px;
	}
	#contentAreaElements #imageTextFloat .float_14
	{
		margin:0px 0px 0px 520px;
	}
	#contentAreaElements #imageTextFloat .float_15
	{
		margin:0px 0px 0px 510px;
	}
	#contentAreaElements #imageTextFloat .float_16
	{
		margin:0px 0px 0px 490px;
	}
	#contentAreaElements #imageTextFloat .float_17
	{
		margin:0px 0px 0px 480px;
	}
	#contentAreaElements #imageTextFloat .float_18
	{
		margin:0px 0px 0px 460px;
	}
	#contentAreaElements #imageTextFloat .float_19
	{
		margin:0px 0px 0px 430px;
	}
	#contentAreaElements #imageTextFloat .float_20
	{
		margin:0px 0px 0px 400px;
	}
	#contentAreaElements #imageTextFloat .float_21
	{
		margin:0px 0px 0px 360px;
	}
	#contentAreaElements #imageTextFloat .float_22
	{
		margin:0px 0px 0px 0px;
	}
	

	.contentIndex
	{
		background-image: url(../images/home.jpg);	
		background-repeat:no-repeat;
		background-position: 10px 80px;
	}
	.contentAboutUs
	{
		background-image:url(../images/about-us.jpg);	
		background-repeat:no-repeat;
		background-position: 10px 80px;
	}
	
	.contentContact
	{
		background-image:url(../images/contact.jpg);	
		background-repeat:no-repeat;
		background-position: 10px 40px; /* 10px 80px */
	}
	
	#contentAreaElements p
	{	
		/* background-color: #FF0000;		*/
	}
	
	#contentAreaElements .adressContact
	{
		margin-left:620px;	
	}

/*------------------------------------
		IMAGE NAVIGATION
------------------------------------*/	

	#contentAreaElements .imageMenue
	{
		background-color: #999999;
		margin:0px;
		padding:0px;
		text-align:right;
	}
	#contentAreaElements .imageMenueContent
	{
		font-weight:bold;
	}	
	#contentAreaElements .imageMenueContent a, 
		#contentAreaElements .imageMenueContent a:link, 
			#contentAreaElements .imageMenueContent a:visited
	{
		color:#000000;	
	}