/* GENERAL */
*
{
	margin:0;
	padding:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body
{
	background:url('../images/design/bodyBg.png');
	font-family:calibri, 'trebuchet ms', Helvectica, Sans-serif;
	font-size:0.9em;
	color:#fff;
}
input, select, textarea
{
	font-size:0.9em;
	font-family:calibri, 'trebuchet ms', Helvectica, Sans-serif;
	color:#000;
	border:1px solid #e0e0e0;
	padding:2px;
	background:#fff url('../images/design/inputBg.gif') repeat-x;
}
input[type="text"], input[type="password"], select, textarea
{
	width:200px;
}
input[type="submit"]:hover
{
	background:#fff url('../images/design/buttonBgHover.gif') repeat-x bottom;
}

.floatRight
{
	float:right;
}
.floatLeft
{
	float:left;
}

p
{
	line-height:1.5;
}
label
{
	cursor:pointer;
}
a img
{
	border:none;
}
ul
{
	margin:10px 0 10px 20px;
}

/* BEGIN ERRORMSG */
.msgtyperror, .msgtypok, .msgtypinfo
{
	padding:4px 3px 3px 25px;
	border:2px solid #ccc;
	margin:0 0 5px 0;
	color:#3F3F3F;
}
.msgtypinfo
{
	background:#f6f6f6 url('../images/icons/iconInformation.png') no-repeat;
	background-position:5px 5px;
}
.msgtyperror
{
	background:#f6f6f6 url('../images/icons/iconNo.png') no-repeat;
	background-position:5px 5px;
}
.msgtypok
{
	background:#f6f6f6 url('../images/icons/iconYes.png') no-repeat;
	background-position:5px 5px;
}
/* END ERRORMSG */

/* DESIGN */
#header
{
	position:relative;
	width:850px;
	height:80px;
	margin:0px auto;
}
	#headerLogo
	{
		position:absolute;
		display:block;
		left:0;
		top:20px;
		width:375px;
		height:71px;
		background:url('../images/design/headerLogo.png');
	}
	#navigation
	{
		position:absolute;
		right:0;
		top:50px;
		width:400px;
	}
		#navigation ul
		{
			float:right;
		}
			#navigation ul li
			{
				display:inline;
			}
			#navigation ul li a
			{
				padding:5px 10px 5px 10px;
				color:#fff;
				text-decoration:none;
				font-size:1.1em;
				display:block;
				float:left;
				margin:1px;
			}
			#navigation ul li a:hover, #navigation ul li a.active
			{
				background:url('../images/design/naviHoverBg.png');
				color:#e59327;
				-moz-border-radius:4px;
			}
	
#barShadow
{
	width:100%;
	height:252px;
	background:url('../images/design/barShadow.png') no-repeat;
	background-position:center;
	padding:40px 0 0 0;
	margin:-10px 0 -30px 0;

}
	#barBg
	{
		width:100%;
		height:212px;
		background:url('../images/design/barBg.png') repeat-x;
	}
		#barContent
		{
			position:relative;
			width:850px;
			margin:0px auto;
			padding:10px 0 10px 0;
			
		}
			#barContent h1
			{
				font-weight:bold;
				font-size:1.6em;
				color:#2e1c10;
				margin:0 0 5px 0;
			}
			#barContent .leftBox
			{
				margin-right:510px;
			}
			#barContent .rightBox
			{
				float:right;
				display:inline;
				width:500px;
			}
			#barContent .rightBox img, img.kategoriefoto
			{
				border:5px solid #fff;
				margin:8px;
				float:right;
			}
			#barContent .rightBox a:hover img
			{
				border-color:#F7DA43;
			}
			#barContent .rightBox a.active img
			{
				border:5px solid #F1C339;
			}
			#barContent a
			{
				color:#fff;
				text-decoration:underline;
			}
			#barContent a:hover
			{
				color:#efefef;
				text-decoration:none;
			}
			#barContent img.border
			{
				border:7px solid #efefef;
			}

#content
{
	position:relative;
	width:850px;
	margin:0px auto;
}
	#content h1
	{
		font-weight:normal;
		font-size:1.45em;
		color:#E5B127;
		margin:7px 0 7px 0;
	}
		#content h1 a
		{
			color:#E5B127;
		}
		#content h1 span
		{
			font-size:0.7em;
			color:#0F0402;
		}
	#content h2
	{
		font-weight:normal;
		font-size:1.45em;
		color:#E5B127;
		margin:7px 0 7px 0;
	}
	#content h3
	{
		font-weight:normal;
		font-size:1.1em;
		margin:5px 0 0 0;
	}
	
	#content a, #footer a
	{
		text-decoration:underline;
		color:#e59327;
	}
	#content a:hover, #footer a:hover
	{
		text-decoration:none;
		color:#EFB61D;
	}
	
	#content a.foto
	{
		float:left; /*left*/
		display:block;
		height:100px;
		width:100px;
		margin:16px;
		text-align:center;
		border:4px solid #fff;
		background:#fff;
	}
	#content a.foto:hover
	{
		
		border-color:#F7DA43;
	}
	
/*	#content a.querOffset1 img
	{
		margin-top:17px;
	}*/
	
	#content a img.noBorder
	{
		border:none;
		margin:0;
	}
	
	#content .box
	{
		position:relative;
		width:276px;
		height:159px;
		float:left;
		background:url('../images/design/boxBg.png') no-repeat;
		margin-right:7px;
	}
	#content .box .price
	{
		position:absolute;
		right:20px;
		bottom:20px;
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
	}
	#content .box .price a
	{
		color:#fff;
	}
	#content .box .price a:hover
	{
		color:#efefef;
		text-decoration:none;
	}
	
	#content .box .content
	{
		position:relative;
		margin:15px 17px 25px 20px;
		color:#2e1c10;
		line-height:1.3;
	}
		#content .box .content h2
		{
			font-weight:bold;
			font-size:1.2em;
			color:#2e1c10;
			margin:0 0 5px 0;
		}
	#content #map img
	{
		border:none;
		margin:0;
		padding:0;
	}
	#content #map.mapStyle
	{
		position:relative; 
		float:right; 
		height: 300px; 
		width: 400px; 
		border:8px solid #efefef;
		color:#000;
	}

#footer
{
	clear:both;
	width:850px;
	margin:0px auto;
	padding:25px 0 15px 0;
	color:#e59327;
	text-align:center;
}

/* ************************************************************************************************************** /
/* TABLES */
table.data
{
	border:1px solid #537c12;
	margin:5px 0 0 0;
}
table.data th
{
	font-weight:bold;
	background:#869d21 url('../images/design/tableHeadBg.gif') repeat-x;
	color:#fff;
	height:30px;
	text-align:center;
}
table.data td, table.data th
{
	padding:3px;
}
table.data tr.colorLight
{
	background:#331713;
}
table.data tr.colorDark
{
	background:#361c11;
}

/* ICON-BUTTONS */
a.delete, a.edit, a.fotos, a.cropfoto
{
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin:0 2px 0 2px;
}
a.delete
{
	background:url('../images/icons/iconDelete.png') no-repeat;
}
a.edit
{
	background:url('../images/icons/iconEdit.png') no-repeat;
}
a.fotos
{
	background:url('../images/icons/iconPicture.png') no-repeat;
}
a.cropfoto
{
	background:url('../images/icons/iconCropPicture.png') no-repeat;
}
.iconLock {
	height:16px;	
	background:url('../images/icons/iconLock.png') no-repeat;
	background-position:0 3px;
	padding:2px 0 2px 20px;
}