/*--------------------------------------------------------------------------+
 |	'De Koepoort'	 														|
 |																			|
 |	Auteur:			Keith Kornson & Dirk-Jan Smit							|
 |	Aangemaakt:		23 - 9 - 2006											|
 |																			|
 |	E-mail			info@stylux.nl											|
 |	Site			www.stylux.nl											|
 |																			|
 +--------------------------------------------------------------------------*/


/*ALGEMEEN*/ 
 
body {
	background-color:#e2d8ca;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#484848;
	text-decoration:none;
}

h1 {
	color:#a09481;
	font-size: 16px;
	font-style: normal;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 8px 7px;
	padding: 0px;
}

h2 {
	color:#a09481;
	font-size: 14px;
	font-style: normal;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 6px 0;
	padding: 0px;
}

h3 {
	color:#a09481;
	font-size: 12px;
	font-style: normal;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 5px 6px;
	padding: 0px;
}

a:link,a:visited,active {
	color: #5b591a;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;

}
a:hover {
	color: #000;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
}
img {
	display:block;	
}
p {
	margin: 7px;
}
a img {
	border: 0;
	margin: 0;
	padding: 0;
}
.largeinput {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	width:360px;
	margin-bottom: 3px;
}
.smallinput {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	width: 360px;
	margin-bottom: 3px;
}
.avginput {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	width: 304px;
	margin-bottom: 3px;
}
.verysmall {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	width: 50px;
	margin-bottom: 3px;
}
.button {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	margin-top: 3px;
}
.checkbox {
	border:0px;
	background:;
}
.select {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	background-image:url(../images/bg-smallinput.gif);
	width:360px;
	margin-bottom: 3px;
}
.smallselect {
	font-family: Tahoma;
	font-size: 12px;
	color:#000000;
	font-weight: normal;
	border: 1px solid #000000;
	background-image:url(../images/bg-smallinput.gif);
	margin-bottom: 3px;
}

/*DIV OPMAAK*/

div#wrapper{
	margin: auto;
	width: 761px;
}

div#top{
	padding: 0;
	margin: 0;
	width: 761px;
	height: 169px;
	background-color: white;
}

div#top_balk{
	padding-top: 0px;
	margin: auto;
	width: 761px;
	height: 23px;
	background-image: url(../images/top_balk.gif);
}

/* TOP / HEADER1 */

div#header1 {
	padding-top: 2px;
	padding-bottom: 0px;
	width: 761px;
	height: 20px;
	background-color: white;	
}

div#header1 li {
	font-size:12px;
	display: inline;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-right: 2px;
	padding-top: 3px;
	color: gray;
}

div#header1 ul {
	display: inline;
	margin: 15px;
	padding: 0;
}

div#header1 a {
	font-size:12px;
	color: gray;
}

div#header1 a:hover {
	font-size:12px;
	color: gray;
}

div#header1_menu {
	float: left;
	width: 361px;
}

div#talen {
	float: left;
	width: 385px;
	text-align: right;
	padding-right: 15px;
}

div#talen img {
	display: inline;
	padding-top: 3px;
}

/* TOP / HEADER2 */

div#header2{
	padding-top: 0px;
	width: 761px;
	height: 157px;
	background-color: white;

}

div#header2_logo{
	display: block;
	padding-top: 20px;
	padding-left: 20px;
	width: 141px;
	height: 117px;
	background-color: white;
	float: left;

}

div#header2_img{
	padding: 0;
	margin: 0;
	width: 571px;
	height: 156px;
	float: right;
}

/* HEADER / NAVIGATIE */

div#navigatie {
	width: 761px;
	height: 17px;
	border-bottom: 1px solid white;
	background-color: #a28659;
	float: left;
	color: white;
}
div#navigatie li {
	display: inline;
	color: white;
	padding-right:15px;
}

div#navigatie ul {
	display: inline;
	color: white;
	margin: 15px;
	padding: 0;
}

div#navigatie a {
	color: white;
	font-family: arial, verdana;
	font-weight: 700;
	font-size: 12px;
}

div#navigatie_nl {
	width: 761px;
	height: 17px;
	border-bottom: 1px solid white;
	background-color: #a28659;
	float: left;
	color: white;
}

div#navigatie_nl a {
	color: white;
	font-family: arial, verdana;
	font-weight: 700;
	font-size: 12px;
}

/* DROPDOWN MENU */

#nav{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: 15px;
}

#nav ul { /* all lists */
	padding-top: 0px;
	margin: 0;
	list-style: none;
	margin-left: 15px;
}

#nav a {
	color: white;
	font-family: arial, verdana;
	font-weight: 700;
	display: block;
}

#nav li { /* all list items */
	display: inline;
	color: white;
	float: left;
	padding-right: 15px;
}
#nav li li {
	float			: none;
	margin			: 0;
	padding			: 0;		
}

#nav li li a {
	background		: #c5b69f;
	padding			: 2px;
	display			: block;
	font-size		: 11px;
	font-weight		: normal;
	color			: #fff;
	width			: 123px;
	height			: 14px;
	text-align		: left;
	border			: 1px solid #d9d9d9;
}

#nav li li a:hover {
	background		: #bcb197;
	padding			: 2px;
	font-size		: 11px;
	font-weight		: normal;
	width			: 123px;	
	height 			: 14px;
	text-align		: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	padding: 0;
	margin: 0;
	float: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* MIDDENSTUK / CONTENT */

div#contentwrapper {
	width: 100%;
	background-color: #fff;
}

div#content {
	width: 565px;
	float: left;
}

div#content p {
	margin: 7px;
}

div#images {
	width: 538px;
	margin-left: 27px;
	margin-top: 27px;
}

div#images img {
	display: inline;
	margin-right: 13px;
}

div#textblokwrapper {
	width: 565px;	
}

.textkader {
	width: 483px;
	margin-left: 27px;
	margin-top: 27px;
	background-color: #f4f0ea;
	padding: 10px;
	border: solid 1px #eae6e1;
	margin-bottom: 27px;
	font-size: 11px;
}

.textkader a:link,a:visited,active {
	font-size:11px;
	color:#484848;
}
.textkader a:hover {
	font-size:11px;
	text-decoration:underline;
}

div#textkader_groot {
	width: 483px;
	margin-left: 27px;
	margin-top: 27px;
	background-color: #f4f0ea;
	padding: 10px;
	border: solid 1px #eae6e1;
	margin-bottom: 27px;
	font-size: 11px;
}

div#agendatable {
	margin: 27px;
}

/* nav right */

div#nav_right {
	width: 196px;
	float: left;
}

div#nav_right h3 {
	margin: 0;
	padding: 0;
}

div#nav_right a {
	font-family: arial,verdana;
	color: white;
	font-size: 12px;
}

div#nav_right h3 {
	color: white;
}

div#direct_reserveren {
	padding: 10px;
	background-color: #a09481;
	border-bottom: 1px solid #fff;
}

div#speciale_arrangementen {
	padding: 10px;
	background-color: #c5b69f;
	border-bottom: 1px solid #fff;
}

div#last_minute{
	background:url(../images/last_minute.jpg) #7d7367;
	border-bottom: 1px solid #fff;
	height:98px;
	padding-left:5px;
}

div#last_minute a:hover {
	color: #fff;
	font-size: 12px;
	font-weight: none;
	text-decoration: underline;
}

div#last_minute h3 {
	color: #7d7367;
	padding-bottom: 3px;
}

div#last_minute_text {
	height: 71px;
	padding: 5px 63px 2px 0px;
	font-size:11px;
}


div#agendapunten {
	background-color: #c5b69f;
	border-bottom: 1px solid #fff;
}

div#agendapunten a:hover {
	color: #fff;
	font-size: 12px;
	font-weight: none;
	text-decoration: underline;
}

div#agendapunten h3 {
	padding: 10px;
}

div#agendapunten ul {
	margin-bottom: 15px;
}

div#agendapunten li {
	margin-left: 0;
}

div#pagina_img {
	background-color: #e2d8ca;
	padding: 4px;
}

/* BLOKKEN */

div#content_blocks{
	padding-top: 0px;
	margin: auto;
	width: auto;
	height: auto;
	float:left;
	background-color: gray;
}

div#content_blocks h3{
	display: block;
	
	font-family: arial,verdana;
	color:  #a28659;
	font-weight: 600;
	
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#content_blocks p {
	font-family: arial,verdana;
	color: #a28659;
	font-weight: 500;	
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 20px;
	margin-top: 0px;
	
}	
	
div#content_block1{
	padding-top: 0px;
	border-left: 2px solid white;
	margin: auto;
	width: 186px;
	height: 260px;
	float: left;
	margin-left:0px;
	background-color: white;
}
div#content_block2{
	padding-top: 0px;
	border-left: 2px solid white;
	border-right: 2px solid white;
	margin: auto;
	width: 186px;
	height: 260px;
	float: left;
	margin-left:0px;
	background-color: #faf6f3;
}
div#content_block3{
	padding-top: 0px;
	border-right: 1px solid white;
	margin: auto;
	width: 186px;
	height: 260px;
	float: left;
	margin-left:0px;
	background-color: white;
}	
	
div#content_block4{
	padding-top: 0px;
	border-left: 2px solid white;
	margin: auto;
	width: 186px;
	height: 260px;
	float: left;
	margin-left:0px;
	background-color: white;
}
div#content_block5{
	padding-top: 0px;
	border-left: 2px solid white;
	border-right: 2px solid white;
	margin: auto;
	width: 186px;
	height: 260px;
	float: left;
	margin-left:0px;
	background-color: #faf6f3;
}
div#content_block6{
	padding-top: 0px;
	border-right: 1px solid white;
	margin: auto;
	width: 186px;
	height: 260px;
	float: left;
	margin-left:0px;
	background-color: white;
}

/* textpage */
.tekstblok {
	width: 555px;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	float: left;
}

.tekstkaderalgemeen {
	width: 350px;
	min-height: 113px;
	margin-top: 5px;
	margin-left: 10px;
	background-color: #f4f0ea;
	padding: 10px;
	border: solid 1px #eae6e1;
	font-size: 11px;
	float: left;
}

.imagesalgemeen {
	margin-left: 5px;
	margin-top: 5px;
	float: left;
}

/* kalender-detail */

div#kalenderblad {
	width:523px;
	margin: 20px;
}

div#kalenderblokje {
	width: 100px;
	height: 90px;
	padding:5px;
	border: solid 3px #d4ccc0;
	text-align: center;
	margin-right: 5px;
	float: left;
}

div#kalenderblokje h1 {
 	font-size:50px;
	margin: 0;
	padding: 0;
	color: #d4ccc0;
}

div#textkalender {
	width: 380px;
	margin-top: 20px;
	background-color: #f4f0ea;
	padding: 10px;
	border: solid 1px #eae6e1;
	font-size: 11px;
	float: left;
}

/* BOTTOM */

div#clear, div.clear {
	clear: both;
}

div#bottom{
	padding-top: 0px;
	margin: auto;
	width: 761px;
	height: 23px;
	clear: both;
	background-image: url(../images/bottom_balk.gif);
}

/* BOTTOM / FOOTER */

div#footer{
	margin-top: 40px;
	width: 100%;
	float: left;
}

div#footer img{
	float: right;
}