* { margin:0; padding:0; }
img { border: none; }
body {
	background: #cca761 url(../images/main-bg.png) repeat-x;
	font-family: Arial;
	font-size: 11px;
}

/***** wrapper *****/
#wrap {
	width: 628px;
	margin: 100px auto 0;
}

/***** head *****/
#headleft { width: 400px; float: left; }
#logo { height: 48px; background: url(../images/logo_bg1.png) no-repeat; }
#logo h1 { text-indent: -9999px; }
#headright { width: 228px; float: right; text-align: right; }
#headright li { float: right; list-style: none; padding: 29px 7px 0 0; }


/***** menu *****/
#menu {
	width: 628px;
	height: 39px;
	background: url(../images/menu-middle.png) repeat-x;
}
#menu .left {
	float: left;
	height: 39px;
	background: url(../images/menu-left.png) no-repeat;
	padding: 0 0 0 6px;
}
#menu .left li {
	float: left;
	list-style: none;
	background: url(../images/menu-line.png) no-repeat right top;
	padding: 0 2px 0 0;
}
#menu .left a {
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	color: #fff;	
  text-decoration: none;
	text-transform: uppercase;
	padding: 0 10px;
}
#menu .left a .selected { color: #f4c91f; }
#menu .left a:hover { color: #f4c91f; }

#menu .right {
	float: right;
	height: 26px;
	background: url(../images/menu-right.png) no-repeat right top;
	padding: 13px 8px 0 0;
}
#menu .right li { list-style: none; }


/***** header *****/
#header {
	width: 628px;
	height: 148px;
 	border-top: 1px solid #fff;
}



/***** content *****/
#content {
	width: 628px;
	background: #fff url(../images/content-bottom.png) no-repeat bottom left;
	overflow: hidden;
	padding: 1px 0 9px 0;
}



#content .left {
	float: left;
	width: 179px;
	padding: 0 10px 0 6px;
}
#content .left .image {
	background: #faf2ef;
	padding: 19px 16px 31px 16px;
	margin: 0 0 10px 0;
}
#content .left h1 {
	line-height: 32px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #980d0d;
	text-transform: uppercase;
	background: #faf2ef;
	padding: 0 0 8px 10px;
}
#content .left p {
	color: #545454;
	background: #faf2ef;
	padding: 0 0 4px 10px;
}
#content .left p a {
	color: #050505;
	text-decoration: none;
}

#content .right {
	float: left;
	width: 422px;
	padding: 0 0 0 10px;
}
#content .right h1, #content .right h2 {
	line-height: 36px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #980d0d;
	text-transform: uppercase;
	padding: 8px 0 0 0; }

.pad0 { padding: 0; }

#content .right h2 {
	padding: 32px 0 0 0;
}
#content .right h3 { font-size: 12px; font-family: Arial; color: #bb830a }
#content .right p {
	color: #3f3f3f;
	font-size: 11px;
	padding: 0 18px 10px 0;
}
#content .right p a {
	color: #BB830A;
}
#content .right .images {
	overflow: hidden;
}
#content .right .images img {
	margin: 0 25px 0 0;
}
#content .right .box {
	float: left;
	width: 186px;
	height: 184px;
	background: #f8f5ee;
	border: 1px solid #e6ddcc;
	padding: 1px;
	margin: 0 10px 16px 0;
}
#content .right .box a {
	display: block;
	width: 186px;
	height: 177px;
	line-height: 30px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #573c3c;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	background: #e5ddd0;
	padding: 7px 0 0 0;
}
#content .right .box img {
	display: block;
	width: 164px;
	margin: 0 auto;
}
#content .right-colored {
	width: 628px;
	background: url(../images/content-right-colored.png) repeat-y;
	overflow: hidden;
}
#content .right-colored .right p {
	color: #573c3c;
}
#content .thead { color: #6d0000; }

.kameroverzicht {
	width: 575px;
	background: #faf2ef;
	overflow: hidden;
	padding: 0 0 30px 26px;
	margin: 0 0 0 16px;
}
.kameroverzicht h1, .kameroverzicht h2 {
	line-height: 36px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #980d0d;
	text-align: right;
	padding: 8px 15px 0 0;
}
.kameroverzicht h2 {
	line-height: 22px;
	text-align: left;
	padding: 0px;
}
.kameroverzicht h3 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #573c3c;
	text-transform: uppercase;
	padding: 55px 0 6px 0;
}
.kameroverzicht h4 {
	font-size: 12px;
	font-weight: bold;
	color: #850000;
	padding: 5px 0 0 14px;
}
.kameroverzicht h5 {
	font-size: 10px;
	font-weight: normal;
	color: #a99f8c;
	padding: 0 0 0 14px;
}
.kameroverzicht .images {
	float: right;
	width: 291px;
	background: #f8f5ee;
	border: 1px solid #e6ddcc;
	padding: 1px;
	margin: 0 10px 0 20px;
}
.kameroverzicht .images .container {
	background: #e5ddd0;
	overflow: hidden;
	padding: 4px;
}
.kameroverzicht .images img {
	display: block;
	float: left;
	padding: 4px;
}
.kameroverzicht p {
	font-size: 10px;
	color: #575757;
}
.kameroverzicht li {
	font-size: 10px;
	color: #573c3c;
	background: url(../images/content-list.png) no-repeat 0 3px;
	list-style: none;
	padding: 0 0 0 12px;
	margin: 0 0 0 2px;
}





#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/../overlay.png", sizingMethod="scale");
	}


/***** footer *****/
#footer {
	width: 622px;
	height: 30px;
	text-align: right;
	color: #f2d8a4;
	padding: 4px 6px 0 0;
}
a, a:visited{
	color: #bb830a;
	text-decoration:none;
}
a:hover{
	color: #bb830a;
	text-decoration:none;
}
a:link{
	color: #3d3d3d;
	text-decoration:none;
}

#map_canvas{display:none}