@charset "utf-8";
/* CSS Document */

/*

	Colors
	Default braun 100%: #41230B;
	Default braun 50%:  #98856F;	
	Default braun 25%:  #C3B59F;
	Light braun 100%:	#BA8337;
	Star red 100%:		#A41F1D;
	Base paper: 		#F1EAD5;
	
	Mainpage content dimensions
	#content 843px = #left 518px + #right 325px
	Fresh image dimensions
	290px x 200px
	
	
*/

body
	{
	margin: 0px;
	background-image: url(layout/back.png);

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #41230B;
	}
	
.large
	{
	font-size: 16px;
	}

.small
	{
	font-size: 10px;
	}	
	
.star
	{
	color: #A41F1D;
	}	
	
a { font-weight: bold; color: #41230B; text-decoration: none; }
a:hover { font-weight: bold; color: #41230B; text-decoration: underline; }
a:active { font-weight: bold; color: #41230B; }

#topDiv
	{
	width: 100%;
	height: 102px;
	line-height: 102px;
	background-image: url(layout/topDivBack.png);
	}
	
#headerDiv
	{
	width: 843px;
	height: 248px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url(layout/headerGraph.jpg);
	}	
	
#headerDivMap
	{
	width: 843px;
	height: 248px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url(layout/headerMapGraph.jpg);
	}		
	
#headerDivAdmin
	{
	width: 843px;
	height: 248px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url(layout/headerAdminGraph.jpg);
	}	
	
#headerDivMapAdmin
	{
	width: 843px;
	height: 248px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url(layout/headerMapAdminGraph.jpg);
	}			
	
#left
	{
	width: 518px;
	text-align: left;
	}		
	
	#mapHTML
		{
		width: 518px;
		height: 277px;
		background-image: url(layout/mapHTML.png);
		}	
		
		#mapHTML img
			{
			margin-left: 85px;
			margin-top: 90px;
			}
			
		#mapHTML select
			{
			margin-left: 170px;
			margin-top: 35px;
			}		
		
	#intro { padding-left: 45px; }	
	
#right	
	{
	position: relative; /* to align border DIV */
	}	

	#freshImage
		{
		padding-top: 49px;
		padding-left: 5px; /* Pad the map width + 5px correction */
		}
		
	#imagePreview
		{
		padding-top: 5px;
		padding-left: 6px; /* Pad the map width + 5px correction */
		}		
		
	#freshBorder, #borderPreview
		{
		position: absolute;
		top: 0px;
		left: 0px; /* Pad the map width */
		}	
	
	#freshDescription {	}
	#freshDescription .title { font-weight: bold; }
	#freshDescription .author { font-weight: bold; font-size: 11px; }
	#freshDescription .agency { font-size: 11px; } 
	#freshDescription .agency a { font-weight: normal; } 
	#freshDescription .date { color: #98856F; font-size: 11px; } 
	#freshDescription .continent { font-weight: bold; font-style: italic; font-size: 11px; }
	#freshDescription .place { font-style: italic; font-size: 11px; }
	
.tinyContainerPortrait, .tinyContainerLandscape	
	{
	position: relative; /* to align border DIV */
	width: 166px;
	text-align: center;
	}	
	
	.tinyContainerPortrait .tinyImage
		{
		padding-top: 3px;
		height: 160px; /* 166-3-3 */		
		}		
		
	.tinyContainerPortrait .tinyBorder
		{
		position: absolute;
		top: 0px;
		left: 0px; /* Pad the map width */
		}	
		
	.tinyContainerLandscape .tinyImage
		{
		padding-top: 23px;
		height: 140px; /* 166-23-3 */
		}		
		
	.tinyContainerLandscape .tinyBorder
		{
		position: absolute;
		top: 0px;
		left: 0px; /* Pad the map width */
		}		
		
	.adminPublished_yes, .adminPublished_no
		{
		width: 163px;		
		margin-top: 3px;
		padding-left: 3px;		
		height: 57px;
		text-align: center;
		}	
		
	.adminPublished_yes { background: url(layout/publishedYes.png); }
	.adminPublished_no { background: url(layout/publishedNo.png); }	
		
	.deleteButton
		{
		font-size: 10px;
		height: 24px;
		}
	
	.tinyDescription
		{
		padding-left: 3px; 
		text-align: left;
		}
	.tinyDescription .title { font-weight: bold; }
	.tinyDescription .author { font-weight: bold; font-size: 9px; }
	.tinyDescription .agency { font-size: 9px; } 
	.tinyDescription .agency a { font-weight: normal; } 
	.tinyDescription .continent { font-weight: bold; font-style: italic; font-size: 9px; }
	.tinyDescription .place { font-style: italic; font-size: 9px; }	
	
	.arrows td
		{
		height: 20px;
		width: 20px;
		background: url(layout/square.png);
		text-align: center;
		}		
		
	.arrows td div
		{
		height: 20px;
		width: 20px;
		line-height: 20px;
		background: url(layout/squareDark.png);
		font-weight: bold;
		color: #F1EAD5;		
		text-align: center;
		}				
		
	.arrows td span
		{

		}			
	
#pleaseWait
	{
	visibility: hidden;
	padding-left: 5px;
	}

#footer
	{
	width: 100%;
	height: 189px;
	background-image: url(layout/footerBack.png);
	}	
	
#footerAligned
	{
	width: 100%;
	height: 189px;
	background-image: url(layout/footerBack.png);

	/* Stick to browsers bottom */
	position: absolute;
	bottom: 0px;
	
	}		
	
#footer div, #footerAligned div
	{
	width: 843px;
	height: 189px;
	margin-left: auto;
	margin-right: auto;		
	background-image: url(layout/footer.png);
	padding-left: 4px;
	
	text-align: center;
	line-height: 50px;
	font-size: 10px;
	color: #BA8337;
	}