/*----------------------------
	BASIC ELEMENTS
-----------------------------*/
	
	html
	{
		/*Mozilla zeigt dann immer die Scrollleiste*/
		/*overflow: -moz-scrollbars-vertical;*/
		height:100%;
	 	padding-bottom:0.07em; 
	}
	
	body
	{
		background-color:#7B8C9B;
		margin:0px;
		padding:0px;
		text-align:center;
		background-image: url(../layout/pageBg.jpg);
	}
	
	#sup4uDiv
	{
		width: 960px;
		padding:0px;
		margin: 4px auto 0px auto;
		text-align:left;
	}
	
	#sup4uDiv a, #sup4uDiv a:link, #sup4uDiv a:visited, #sup4uDiv a:hover, #sup4uDiv a:active
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#8C98A2; /* #ADB7C0; */
		font-weight:bold;
		text-decoration:none;
		padding-left: 20px;
	}
	
	
	#pageArea
	{
		margin: 10px 0px 0px 0px;
		padding: 0px;
		width: 100%;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#documentArea
	{
		margin: 0px auto 0px auto;
		padding: 0px;
		width: 960px;
		background-color:#596A7E;
		border: 1px solid #DDDDDD;
		/* background-image: url(../layout/documentBg.jpg); */
		background-image: url(../layout/documentBg2.jpg);
		background-position:0px 0px;
		background-repeat: repeat-x;	
	}
	
	.clear
	{
		clear:both;
	}

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

	#headerArea
	{		
		margin:0px;
		padding:0px;
	}
	
	#headerContent
	{		
		margin:0px;
		padding:0px;
	}
	
	#headerMenueArea
	{
		margin:20px 0px 0px 0px;
		padding:0px;		
		background-image: url(../layout/menue_L0_Bg.gif);
		background-position:0px 10px;
		background-repeat: repeat-x;		
		height: 60px;
	}

/*-----------------------------
	PAGE MENUE ELEMENTS
-----------------------------*/	
	
	#menueL0_Area
	{
		margin:0px;
		padding:0px;
		float:left;
	}
  	#menueL0_Items
  	{
		margin:0px;
		padding:0px;
		height: 60px;
	}
	
	#menueL0_Items td
	{
			
	}
	
	#menueL0_Items a, #menueL0_Items a:link, #menueL0_Items a:visited
  	{		
		font-size:16px;
		color: #FFFFFF;		
		text-decoration: none;
		padding: 0px 20px 0px 20px;
		margin:2px 0px 0px 0px;
		display:block;
		height:40px;
		line-height:40px;
		
	}
	#menueL0_Items a:focus, #menueL0_Items a:hover, #menueL0_Items a:active
  	{
		color: #CCCCCC;	
	}
	
	.menueLoSpacerLeft
	{
		width: 20px;
	}
	
	.menueL0seperator
	{
		/*
		background-image: url(../layout/menue_L0_Seperator.gif);
		background-position:0px 0px;
		background-repeat: no-repeat;
		*/
		background-color: #FFFFFF;
		width:1px;		
	}
	
	#menueL0_Items .menueL0_active
	{
		background-color: #8F99A6; /*#737981; */
		font-weight: normal;
	}
	
	
  	
/*-----------------------------
	SUB NAV MENUE ELEMENTS
-----------------------------*/  	
  	
  	.supNavArea			
  	{
  		text-align:right;
  		font-size: 10px;  		
  		margin:0px auto 0px auto;
  		padding:0px 0px 10px 0px;
  		width:800px;
  	}
  				
/*-----------------------------
	LANGUAGE MENUE ELEMENTS
-----------------------------*/	

	#languageMenueArea
	{
		margin:0px;
		padding:20px 20px 0px 0px;
		float:right;		
	}
  	#languageMenueItems
  	{
  		margin:0px;
		padding:0px;
		height:18px;		
  	}
  	
  	#languageMenueItems a, #languageMenueItems a:link, #languageMenueItems a:visited
  	{
  		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-size: 10px;
		width: 30px;
		height: 18px;
		float:left;
		padding: 0px;
		margin: 0px 4px 0px 4px;
		border: 1px solid #CCCCCC;
	}
	#languageMenueItems a:focus, #languageMenueItems a:hover, #languageMenueItems a:active
  	{
		text-decoration:underline;
		color:#CCCCCC;		
	}
	
	#languageMenueItems img
	{
		border: 0px solid #CCCCCC;
	}
	
	#langGerman
	{
		background-image:url(../flags/deu_1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#langFrench
	{
		background-image:url(../flags/fra_1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#langEnglish
	{
		background-image:url(../flags/eng_1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#langSpain
	{
		background-image:url(../flags/spa_1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	
	#langJapanese
	{
		background-image:url(../flags/jap_1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#langRussian
	{
		background-image:url(../flags/rus_1.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#langGerman.langMenueActive, #langGerman:hover
	{
		background-image:url(../flags/deu_0.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#langFrench.langMenueActive, #langFrench:hover
	{
		background-image:url(../flags/fra_0.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#langEnglish.langMenueActive, #langEnglish:hover
	{
		background-image:url(../flags/eng_0.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	#langSpain.langMenueActive, #langSpain:hover
	{
		background-image:url(../flags/spa_0.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	
	
	#langJapanese.langMenueActive, #langJapanese:hover
	{
		background-image:url(../flags/jap_0.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	#langRussian.langMenueActive, #langRussian:hover
	{
		background-image:url(../flags/rus_0.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	
	
	

/*-----------------------------
	CONTENT AREA
-----------------------------*/	
	#mainArea
	{
		margin:0px;
		padding:0px;		
	}
	
	#contentArea
	{
		margin:0px;
		padding:0px;		
	}
	
	#contentAreaElements
	{
		margin:0px;
		padding:20px 20px 0px 20px;
		font-size: 12px;
		color: #FFFFFF;
		text-align:left;
		min-height: 380px;		
	}
	
	#contentAreaElements h1
	{
		margin:0px;
		padding:0px 0px 10px 0px;
		font-size: 18px;
	}
	#contentAreaElements h1 .copyRightTextHeader
	{
		font-size: 14px;
		font-weight:normal;
	}
	
	#contentAreaElements h2
	{
		margin:0px;
		padding:0px 0px 6px 0px;
		font-size: 16px;
	}
	#contentAreaElements h3
	{
		margin:0px;
		padding:0px 0px 2px 0px;
		font-size: 14px;
	}
	#contentAreaElements h4, #contentAreaElements h5, #contentAreaElements h6
	{
		margin:0px;
		padding:0px 0px 2px 0px;
		font-size: 12px;
	}
	
	#contentAreaElements hr
	{
		margin:0px;
		padding:0px;
		height: 1px;
		border: 0px solid #CCCCCC;
		background-color: #CCCCCC;
		color: #CCCCCC;
	}
	
	#contentAreaElements p
	{
		margin:0px;
		padding:0px 0px 10px 0px;
		font-size: 12px;
	}
	
	#contentAreaElements ul, #contentAreaElements ol
	{
		margin-top:0px;
		margin-bottom:10px;
	}
	
	#contentAreaElements li
	{		
		padding-bottom:0px;
		padding-top: 0px;
		margin-top:0px;
		margin-bottom:10px;
	}
	
	#contentAreaElements table
	{
		margin:0px 0px 10px 0px;
		padding:0px;
	}
	
	#contentAreaElements td
	{
		vertical-align:top;
		padding: 0px 4px 2px 0px;
	}
	
	#contentArea .painterName
	{
		font-size: 19px;
		text-align:center;
		letter-spacing: 1px;
		padding-top: 10px;
		padding-bottom: 6px;
		color:#FFFFFF;
	}
	
	#contentAreaElements a, #contentAreaElements a:link, #contentAreaElements a:visited 
	{
		text-decoration:none;
		color:#FFFFFF;
	}
	#contentAreaElements a:focus, #contentAreaElements a:hover, #contentAreaElements a:active 
	{
		text-decoration:none;
		color:#DDDDDD;
	}
	
	#contentAreaElements img.floatRight
	{
		float:right;
		margin: 0px 0px 10px 10px;
	}
	#contentAreaElements img.floatLeft
	{
		float:left;
		margin: 0px 10px 10px 0px;
	}
	
	

/*-----------------------------
	IMAGE AREA
-----------------------------*/	

	#imageArea
	{	
		margin: 0px auto 0px auto;
		padding: 0px;		
		width: 800px;			
	}	
	
	.copyRightText_landscape, .copyRightText_square, .copyRightText_upright
	{			
		margin:0px;
		padding:0px;
		z-index: 99;		
		position:absolute;
		bottom:28px;
		right:0px;
		font-size:11px;
		text-align:right;
	}
	.copyRightText_landscape
	{		
		right:32px;
	}
	.copyRightText_square
	{		
		right:82px;
	}	
	.copyRightText_upright
	{		
		right:116px;
	}	
	
	.copyRightText
	{
		text-align:right;
		padding-top:2px;
	}
	
	
	#imageContentBg_landscape, #imageContentBg_square, #imageContentBg_upright
	{
		width: 465px;
		height: 352px;
		/* margin:34px 0px 0px 219px;	*/
		margin:0px 0px 0px 160px;
		padding: 0px;			
		position:relative;	
	}	
	#imageContentBg_landscape
	{
		/* background-image: url(../layout/imageLandscape_BG.jpg); */
		background-image: url(../layout/imageLandscape_BG.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;			
	}	
	#imageContentBg_landscape img
	{
		padding:0px;
		margin: 0px;
		position:relative;
		top: 5px;
		left: 33px;
	}
	
	#imageContentBg_square
	{
		/* background-image: url(../layout/imageSquare_BG.jpg); */
		background-image: url(../layout/imageSquare_BG.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;						
	}	
	#imageContentBg_square img
	{
		padding:0px;
		margin: 0px;
		position:relative;
		top: 5px;
		left: 83px;
	}
	
	#imageContentBg_upright
	{
		 
		background-image: url(../layout/imageUpright_BG.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;	
						
	}	
	#imageContentBg_upright img
	{		
		padding:0px;
		margin: 0px;
		position:relative;
		top: 5px;
		left: 126px;		
	}
	
	#imageContentText
	{
		margin: 0px auto 0px auto;
		padding: 10px 0px 0px 0px;		
		width:800px;
	}
	
	#imageContentText h1
	{
		font-size: 14px;
		margin:0px;
		padding:0px;
	}
	
	#imageContentText p
	{
		margin:0px;
		padding:0px;
		color: #EEEEEE;
	}
	
	#imageContent
	{		
		margin: 0px auto 10px auto;
		padding: 0px;
		text-align:center;
	}
	
	#contentAreaElements .imageLense_landscape, #contentAreaElements .imageLense_square, #contentAreaElements .imageLense_upright
	{
		margin:0px 0px 0px 0px;
		padding:0px;		
		background-color: transparent;			
		left:0px;
		width:16px;
		height: 16px;		
		position:absolute;
		bottom:28px;
	}
	
	#contentAreaElements .imageLense a
	{
		
	}
	
	#contentAreaElements .imageLense_landscape
	{
		left: 32px;
	}
	#contentAreaElements .imageLense_square
	{
		left: 82px;
	}
	#contentAreaElements .imageLense_upright
	{
		left: 125px;
	}
	
	#contentAreaElements .imageLense
	{
		text-align:left;
		padding-top:2px;
		float:left;		
	}
	
	#contentAreaElements .imageLense img
	{
		border: 0px solid #CCCCCC;
		left:0px;
		margin:0px;
		top:0px;
	}
	
/*-----------------------------
	ADMIN AREA
-----------------------------*/	


	.adminTable
	{
		border: 1px solid #CCCCCC;
		width:800px;
		color: #FFFFFF;
		font-size: 12px;
		border-collapse:collapse;
		margin-bottom:10px;
		padding:2px;
	}
	
	#contentAreaElements .adminTable td
	{
		padding: 2px;
		vertical-align:top;
		border-bottom: 1px solid #CCCCCC;
	}
	
	#contentAreaElements .adminTable td td
	{		
		border-bottom: 0px solid #CCCCCC;
	}
	
	.adminSelect, .adminInput
	{
		width: 600px;
	}
	
	textarea.adminInput
	{
		height:200px;
	}
	
	.adminRight
	{
		width: 60px;
	}
	
	.adminCellLable
	{
		width: 140px;
	}
	
	label, .label	
	{		
		font-weight: bold;
	}
	
	.imagesDisplayedOnFirstPage
	{
		background-color: #33FF00;
		font-weight:bold;
	}
	
	#contentAreaElements .warning
	{		
		font-weight: bold;
		padding:2px 2px 2px 2px;		
		margin-bottom: 10px;
		/*background-color: #CC3333; */
		border: 1px solid #FFFF00;
		color: #FFFFFF;
	}

/*-----------------------------
	FORM AREA
-----------------------------*/	
	
	form
	{
		margin: 0px 0px 10px 0px;
	}
	
	.loginField, .adminSelect, .adminInput
	{
		background-color: #EEEEEE;
	}
		
	.button
	{
	
	}
	
/*-----------------------------
	GALLERY AREA
-----------------------------*/		
	
	#galleryOverviewArea
	{
		margin: 0px;
		padding:0px;		
	}
					     	
	.galleryOverviewElement
	{
		margin: 0px 10px 10px 0px;
		padding:4px 0px 0px 0px;
		border: 1px solid #CCCCCC;
		width: 160px;
		height: 160px;
		float: left;
		text-align: center;
		background-color: #7B8793; /* #8F99A3; */		
	}
	.galleryOverviewImage
	{
		margin: 0px;
		padding:0px;				
		height: 120px;
	}
	.galleryOverviewImageText
	{
		margin: 0px;
		padding: 4px 0px 0px 0px;	
	}