/************************************************************/
/*	Template												*/
/************************************************************/

*{
	margin: 0;
	padding: 0;
}

html, body{
	height: 100%;
}

body{
	font: 12px/25px 'Verdana';
	color: #000;
	background: #d8d8d8 url('../gfx/site/body.jpg') center top no-repeat;
}

h1{
	padding: 8px 0 0;
	font: 20px/25px 'Verdana';
	text-transform: uppercase;
	color: #1a171b;
}

h1 span{
	color: #c1022c;
}

h2{
	padding: 7px 0 4px;
	font: 19px 'Verdana';
	color: #c1022c;
	text-transform: uppercase;
	background: #e5e5e5;
}

.box h2{
	padding: 5px 10px;
	font: 19px/23px 'Verdana';
	color: #fff;
	position: relative;
	background: url('../gfx/site/h2.png');
}

img, fieldset{
	border: 0;
}

img.left{
	float: left;
	margin: 0 10px 10px 0;
}

img.right{
	float: right;
	margin: 0 0 10px 10px;
}

ul{
	list-style: none;
}

a{
	outline: none;
	text-decoration: none;
}

/************************************************************/
/*	Container												*/
/************************************************************/

#container{
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	z-index: 2;
}

/* Clear */
.clear{
	clear: both;
}

/************************************************************/
/*	Logo													*/
/************************************************************/

#logo{
	float: left;
}

/************************************************************/
/*	Language												*/
/************************************************************/

#language{
	float: right;
	padding: 10px 0 0;
}

#language li{
	float: left;
	padding: 0 0 0 10px;
}

/************************************************************/
/*	Menu													*/
/************************************************************/

#menu{
	clear: both;
	padding: 0 0 6px;
	text-align: right;
	font: 11px/27px 'Verdana';
}

#menu li{
	display: inline;
}

#menu a{
	color: #797779;
}

#menu a:hover, #menu a.active{
	color: #000;
	text-decoration: underline;
}

/************************************************************/
/*	Visual													*/
/************************************************************/

#visual{
	height: 453px;
	padding: 10px;
	position: relative;
	background: #fff;
}

#visual #nav{
	width: 176px;
	position: absolute;
	right: 41px;
	bottom: 81px;
}

#visual #show li{
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}

#visual #show img{
	float: left;
}

/* Thumb Lay */
#thumbLay{
	width: 876px;
	height: 124px;
	padding: 0 0 0 4px;
	position: absolute;
	left: 10px;
	bottom: 50px;
	z-index: 3;
	background: url('../gfx/site/thumb_lay.png');
}

#thumbLay li{
	float: left;
}

#thumbLay img{
	float: left;
	margin: 30px 0 0 26px;
	border: 1px solid #757575;
}

#thumbLay .active{
	cursor: default;
}

#thumbLay .active img{
	border-color: #c1022c;
}

/* Left */
#visual .left{
	position: absolute;
	top: 197px;
	left: -16px;
}

/* Right */
#visual .right{
	position: absolute;
	top: 197px;
	right: -16px;
}

/************************************************************/
/*	content													*/
/************************************************************/

#content{
	float: left;
	background: #e4e4e4 url('../gfx/site/content_bg.png');
	border-bottom: 33px solid #676767;
}

#content.white{
	background: #fff url('../gfx/site/content_white_bg.png');
}

#content #nav{
	float: left;
	width: 299px;
	min-height: 536px;
	height: auto !important;
	height: 536px;
	background: #b9022a url('../gfx/site/nav2.png') no-repeat;
}

#content .bg{
	width: 601px;
	height: 536px;
	position: absolute;
	bottom: 258px;
	right: 10px;
	background: url('../gfx/site/text.jpg');
	z-index: 1;
}

/************************************************************/
/*	Text													*/
/************************************************************/

#text{
	float: left;
	width: 581px;
	padding: 20px 0 10px 20px;
}

#text h2{
	font-size: 20px;
	background: none;
}

#text p{
	padding: 5px 20px 10px 0;
}

#text p.gray{
	width: auto;
	padding: 10px 20px 10px 0;
	color: #676767;
}

#text p a{
	color: #000;
	text-decoration: underline;
}

#text p.gray a{
	color: #676767;
}

#text h1, #text h2, #text p, #text li, #text div{
	z-index: 10;
	position: relative;
}
#text img{
	position: relative;
	z-index: 999;
}

#text ul.images li{
	float: left;
	margin: 10px 9px 10px 0;
}

#text ul.images img{
	border: 1px solid #fff;
}

#text .history{
	margin: 0 20px 5px 0;
	text-align: center;
	background: #e5e5e5;
}

#text .history img{
	float: left;
}

#text .history select{
	position: relative;
	top: 8px;
}

#text .history .prev, #text .history .next{
	height: 38px;
	padding: 0 30px;
	font: bold 12px/38px 'Verdana';
	color: #a40125;
}

#text .history .prev{
	float: left;
	background: url('../gfx/site/prev.png') 10px 15px no-repeat;
}

#text .history .next{
	float: right;
	background: url('../gfx/site/next.png') right 15px no-repeat;
}

#text table{
	width: 560px;
	margin: 0 0 10px;
	font: bold 11px/26px 'Verdana';
}

#text table td img{
	float: left;
	position: relative;
	top: 1px;
}

#text table td{
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	text-align: center;
}

#text table td.name{
	text-align: left;
	background: url('../gfx/site/name.png') 12px 7px no-repeat;
}

#text table td.last{
	border-right: 1px solid #bfbfbf;
}

#text table td a{
	color: #89001e;
	height: 26px;
	padding: 0 0 0 40px;
	display: block;
	font-weight: normal;
	text-decoration: underline;
}

#text table .first td{
	border-left: none;
}

#text fieldset.fieldset{
	border-top: 1px solid #bfbfbf;
	margin: 5px 20px 15px 0;
}

label{
	float: left;
	width: 143px;
	color: #1a171b;
	cursor: pointer;
}

#text fieldset.fieldset .field{
	width: 560px;
	clear: left;
	float: left;
	font: bold 12px/25px 'Arial';
	padding: 7px 0 0;
}

#text fieldset.fieldset .text{
	float: left;
	margin: 3px 0 0;
	width: 181px;
	height: 15px;
	padding: 2px 5px 1px;
	font: 12px 'Verdana';
	border: 1px solid #abadb3;
}

#text fieldset.fieldset input.radio{
	margin: 0 5px 0 2px;
}

#text fieldset.fieldset select{
	float: left;
	margin: 3px 0 0;
	width: 193px;
}

#text fieldset.fieldset span.radio{
	float: left;
	width: 43px;
	height: 43px;
	margin: 0 3px 0 0;
	cursor: pointer;
}

.radio.nr0{ background: url('../gfx/site/form/zaal1.png'); }
.radio.nr1{ background: url('../gfx/site/form/zaal2.png'); }
.radio.nr2{ background: url('../gfx/site/form/zaal3.png'); }
.radio.nr3{ background: url('../gfx/site/form/zaal4.png'); }
.radio.nr4{ background: url('../gfx/site/form/zaal5.png'); }
.radio.nr5{ background: url('../gfx/site/form/zaal6.png'); }
.radio.nr6{ background: url('../gfx/site/form/zaal7.png'); }
.radio.nr7{ background: url('../gfx/site/form/zaal8.png'); }

#text fieldset.fieldset .field.line{
	margin: 7px 0 0;
	border-top: 1px solid #bfbfbf;
}

#text fieldset.fieldset .buttons{
	clear: left;
	margin: 0 0 7px;
	position: relative;
	top: 7px;
	border-top: 1px solid #bfbfbf;
	padding: 7px 0 0 143px;
}

/************************************************************/
/*	News													*/
/************************************************************/

#news{
	height: 170px;
	width: 900px;	
	background: #e4e4e4;	
}

#news img.left{
	margin: 0 20px 0 0;
}

#news ul{
	float: left;
	padding: 4px 0 0;
}

#news li{
	padding: 0 0 0 20px;
	background: url('../gfx/site/li.png') left 12px no-repeat;
}

#news a{
	color: #676767;
	text-decoration: underline;
}

/************************************************************/
/*	Navigation												*/
/************************************************************/

#nav{
	padding: 6px 0;
	font-size: 11px;
	text-transform: uppercase;
	position: relative;
	z-index: 4;
	background: #c1022c url('../gfx/site/nav.png') no-repeat;
}

#nav a{
	display: block;
	height: 25px;
	padding: 0 13px;
	color: #fff;
}

#nav ul a{
	padding: 0 13px 0 26px;
	background: #000;
}

#nav a:hover, #nav li.active ul a:hover, #nav li.active a{
	font-weight: bold;
}

#nav li.active ul a{
	font-weight: normal;
} 

/************************************************************/
/*	Box Holder												*/
/************************************************************/

#boxHolder{
	background: url('../gfx/site/box_holder.png');
}

#boxHolder ul{
	clear: both;
	float: right;
	width: 900px;
	height: 33px;
	background: url('../gfx/site/box_holder_ul.png');
}

#boxHolder li{
	float: left;
	width: 300px;
}

#boxHolder a{
	float: left;
	display: block;
	width: 280px;
	padding: 0 10px;
	font: bold 12px/33px 'Verdana';
	color: #aeaeae;
}

#boxHolder .field{
	padding: 5px 0 0 10px;
	position: relative;
	top: 5px;
}

#boxHolder label{
	padding: 0 0 3px;
	font: bold 12px 'Verdana';
	color: #030404;
	display: block;
	position: relative;
}

#boxHolder .text{
	width: 265px;
	height: 15px;
	padding: 3px 5px 2px;
	font: 12px 'Verdana';
	background: #d6d6d6;
	position: relative;
	border: 0;
}

#boxHolder .submit{
	float: left;
	width: 300px;
	padding: 5px 10px;
	text-align: left;
	height: 33px;
	font: bold 12px 'Verdana';
	border: 0;
	color: #aeaeae;
	background: none;
	cursor: pointer;
}

/* Box */
.box{
	float: left;
	width: 300px;
}

.box p{
	padding: 10px;
	color: #000;
	position: relative;
	top: -3px;
	font: 12px/18px 'Verdana';
}

.box p strong{
	color: #c1022c;
}

.box img.left{
	border: 1px solid #fff;
	position: relative;
	top: 3px;
}

/************************************************************/
/*	Footer													*/
/************************************************************/

#footer{
	clear: both;
	height: 39px;
	padding: 0 0 6px;
	text-align: right;
	position: relative;
	font: 11px/39px 'Verdana';
}

#footer a{
	color: #797779;
}

#footer a:hover, #footer a.active{
	color: #000;
	text-decoration: underline;
}