html, body
{
	height:						100%;
}

body, div, td, input, select, textarea
{
	font-family:				Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:					8pt;
}

html
{
	padding:					0px;
	margin:						0px;
}

body
{
	padding:					0px;
	margin:						0px;
	background-color:			#FFFFFF;
		}

div#container
{
  	width:						750px;
	position:					relative;
	min-height:					100%;
	height:						auto !important;
	height:						100%; /* For IE */
			margin:						0px auto;
		background-image: 			url("/publiek/dronten/_img/background.gif");
		background-repeat: 			repeat-y;
		background-position:		top left;
	}
div#top
{
	font-size:					15pt;
	letter-spacing:				-1px;
	padding:					5px 15px;
}
div#top.default
{
	background-color: 			#FFFFFF;
}
div#header
{
	height:						100px;
	background-color:			#6DB33F;
	border-bottom:				20px solid #C4DEAF;
}
div#main
{
	padding-bottom:				60px;
}
div#main:after
{
	clear: 						both;
	display: 					block;
	font: 						1px/0px serif;
	content: 					".";
	height: 					0;
	visibility: 				hidden;
}

div#main_content_clear
{
	clear: 						both;
}
div#footer
{
	position:					absolute;
	bottom:						0;
	height:						60px;
	border-top:					1px solid #FFFFFF;
}
div#sidebar
{
	float: 						left;
}
/* TOP */

div#top a
{
	text-decoration:			none;
	color:						#333333;
}
div#top a:hover
{
	text-decoration:			none;
	color:						#666666;
}
div#top.pijnacker-nootdorp a
{
	text-decoration:			none;
	color:						#FFFFFF;
}
div#top.pijnacker-nootdorp a:hover
{
	text-decoration:			none;
	color:						#FFFFFF;
}

img.header
{
	display:					block;
	border:						0px;
}

/* HEADER */

div#header_content
{
	color:						#FFFFFF;
	font-size:					15pt;
	letter-spacing:				-1px;
	padding:					5px 15px;
}
div#header_right
{
	float:						right;
	height:						100px;
	width:						250px;
	border-left:				1px solid #FFFFFF;
}
div#header_right_content
{
	padding:					10px 5px;
	color:						#FFFFFF;
}
div#header_right_content_logo
{
	float:						right;
	margin-right:				15px;
	
}
div#header_right_content_logo img
{
	border:						0;
}
div#header_right_content a
{
	text-decoration:			none;
	color:						#FFFFFF;
}
div#header_right_content a:hover
{
	text-decoration:			none;
	color:						#000000;
}

/* MENU */

div#top_bar
{
	height: 					25px;
	background-color:			TOPBAR_BACKGROUND_COLOR;
}
div#top_bar_content
{
	font-size:					17px;
	line-height:				25px;
	color:						#FFFFFF;
	padding-left:				20px;
	letter-spacing:				4px;
}
div#menu_vertical
{
	height: 					25px;
	background-color:			#4E3881;
}
div#menu_vertical_content
{
	padding-left:				6px;
}
div#menu_vertical_content a
{
	display:					block;
	float:						left;
	line-height:				25px;
	padding:					0px 10px;
	color:						#FFFFFF;
	font-size:					8pt;
	font-weight:				bold;
	text-decoration:			none;
	background-color:			#4E3881;
}
div#menu_vertical_content a:hover
{
	color:						#B5A9CE;
	text-decoration:			none;
}

div#menu
{
	width:						250px;
	border-bottom:				1px solid #FFFFFF;
	background-color:			#4E3881;
}
div#menu_content
{
	padding:					15px 5px;
	line-height:				165%;
}
div#menu_content a
{
	color:						#FFFFFF;
	font-size:					8pt;
	padding-left:				15px;
	font-weight:				bold;
	text-decoration:			none;
	margin-bottom:				30px;
	background-color:			#4E3881;
}
div#menu_content a.selected
{
	background-image: 			url("/publiek/_repository/_img/menu_black.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
div#menu_content a:hover
{
	text-decoration:			none;
	color:						#B5A9CE;
	background-image: 			url("/publiek/_repository/_img/menu_punt_black.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}

div#browse
{
	width:						250px;
}
div#browse_content
{
	padding:					10px 20px;
}
div#browse_content form
{
	padding:					0px;
	margin:						0px;
}
div#browse_clear
{
	clear:						both;
}
div#browse div.box
{
	margin-top:					10px;
	border:						1px solid #BFBFBF;
	padding:					4px;
	color:						#888888;
}
div#browse div.box div.labeltop
{
	color:						#666666;
	margin-bottom:				10px;
}
div#browse div.box div.label
{
	margin-bottom:				5px;
}
div#browse div.page_nav_holder
{
	width:						200px;
}
a.page
{
	float:						left;
	display:					block;
	text-align:					center;
	line-height:				19px;
	vertical-align:				middle;
	width:						19px;
	height:						19px;
	color:						#FFFFFF;
	background-color:			#6DB33F;
	margin-right:				1px;
	margin-bottom:				1px;
	text-decoration:			none;
}
a.page:hover
{
	background-color:			#000000;
	color:						#FFFFFF;
	text-decoration:			none;
}
a.page.selected
{
	background-color:			#BFBFBF;
}
a.command, div#browse span.next_na, span.previous_na
{
	float:						left;
	display:					block;
	clear-after:				both;
	margin-bottom:				5px;
	height:						19px;
	padding-left:				25px;
	padding-right:				10px;
	line-height:				19px;
	vertical-align:				middle;
	white-space:				nowrap;
}
a.next
{
	background-image: 			url("/publiek/_repository/_img/browse_next_6DB33F.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.next:hover
{
	background-image: 			url("/publiek/_repository/_img/browse_next_hover.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
div#browse span.next_na
{
	color:						#BFBFBF;
	background-image: 			url("/publiek/_repository/_img/browse_next_na.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.previous
{
	background-image: 			url("/publiek/_repository/_img/browse_previous_6DB33F.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.previous:hover
{
	background-image: 			url("/publiek/_repository/_img/browse_previous_hover.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
div#browse span.previous_na
{
	color:						#BFBFBF;
	background-image: 			url("/publiek/_repository/_img/browse_previous_na.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.overzicht
{
	background-image: 			url("/publiek/_repository/_img/browse_overview_6DB33F.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.overzicht:hover
{
	background-image: 			url("/publiek/_repository/_img/browse_overview_hover.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.search
{
	background-image: 			url("/publiek/_repository/_img/browse_search_6DB33F.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.search:hover
{
	background-image: 			url("/publiek/_repository/_img/browse_search_hover.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.clear
{
	background-image: 			url("/publiek/_repository/_img/browse_clear_6DB33F.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}
a.clear:hover
{
	background-image: 			url("/publiek/_repository/_img/browse_clear_hover.gif");
	background-repeat: 			no-repeat;
	background-position:		top left;
}

/* CONTENT */

div#main_content
{
	padding:					15px;
	line-height:				145%;

			margin-left: 			250px;
	}

/* FOOTER */

div#footer a
{
	color:						#FFFFFF;
	text-decoration:			none;
}
div#footer a:hover
{
	color:						#000000;
	text-decoration:			none;
}
div#footer_1
{
	float:						left;
	width:						250px;
	height:						60px;
	background-color:			#7B7B7B;
}
div#footer_1_content
{
	padding-top:				35px;
	padding-left:				25px
}
div#footer_2
{
	float:						left;
	width:						250px;
	height:						60px;
	background-color:			#999999;
}
div#footer_2_content
{
	padding-top:				35px;
	padding-left:				25px
}
div#footer_3
{
	float:						left;
	width:						250px;
	height:						60px;
	background-color:			#BFBFBF;
}
div#footer_3_content
{
	padding-top:				4px;
	padding-right:				6px;
}

/* REST LAYOUT */

h1
{
	font-size:					11pt;
	padding:					0px;
	margin:						0px;
	margin-bottom:				25px;
}
a, a:hover
{
	color:						#FF0000;
	text-decoration:			none;
}

div.kunstwerk_header
{
	padding:					5px 0px;
	border-bottom:				1px solid #000000;
	padding-left:				110px;
	font-weight:				bold;
}

div.kunstwerk
{
	padding:					5px 0px;
	border-bottom:				1px solid #BFBFBF;
}

div.kunstwerk_foto
{
	float:						left;
	border:						1px solid #DEDEDE;
	width:						98px;
	height:						98px;
	background-color:			#FFFFFF;
}

div.kunstwerk_foto:hover
{
	border:						1px solid #666666;
}

div.kunstwerk_foto img
{
	display:					block;
	margin:						2px;
	width:						94px;
	height:						94px;
	border:						0px;
}

div.kunstwerk_content
{
	height:						100px;
	margin-left:				110px;
}
div.kunst_content h2
{
	font-size:					10pt;
	
}

/* FORM */

form table
{
	border-collapse: 			collapse;
}
form table tr
{
	vertical-align:				bottom;
}
form table tr td
{
	padding:					2px;
	border-right:				1px solid #FFFFFF;
	border-bottom:				1px solid #FFFFFF;
}
form table tr td.label
{
	padding-right:				10px;
	background-color:			#EFEFEF;
	color:						#000000;
}
select, input
{
	border:						1px solid #999999;
}
input
{
	padding:					1px 4px;
}

/* TOOLTIP */
div.box_tooltip
{
	position: 					absolute;
	display: 					none;
	background-color: 			#DEDEDE;
	border-width: 				1px;
	border-style: 				solid;
	border-color: 				#888888;
	padding: 					6px;
}
span.label_tooltip
{
	cursor:						help;
	color:						#FF0000;
}
h3
{
	font-size:					7pt;
	color:						#000000;
	font-weight:				bold;
	padding:					0px;
	margin:						0px;
	margin-bottom:				5px;
}

/* SLIDESHOW XFADE2 */
#kunstwerk_slideshow
{
	position:					relative;
	overflow:					hidden;
	width:						462px;
	margin-bottom:				15px;
}
#kunstwerk_slideshow img
{
	display: 					none;
	position: 					absolute;
	top: 						0;
	left: 						0;
	border:						1px solid #333333;
}

.menu
{
	text-align:					left;
	border-top:					3px solid #FFFFFF;
	width:						250px;
	height:						55px;
	background-color:			#FFFFFF;
}
.menu a
{
	padding-left:				20px;
	line-height:				20px;
	font-weight:				bold;
	text-decoration:			none;
	font-size:					8pt;
}
.menu a:hover
{
	text-decoration:			none;
}
.menu a.menuselected
{
	background-image: 			url("/publiek/_repository/_img/menu_black.gif");
	background-repeat: 			no-repeat;
	background-position:		5px 4px;
}
#menu_1
{
	background-image: 			url("/publiek/dronten/_img/menu_1.gif");
}
#menu_1 a
{
	color:						#1E4E00;
}
#menu_2
{
	background-image: 			url("/publiek/dronten/_img/menu_2.gif");
}
#menu_2 a
{
	color:						#266500;
}
#menu_3
{
	background-image: 			url("/publiek/dronten/_img/menu_3.gif");
}
#menu_3 a
{
	color:						#2D7900;
}
#menu_4
{
	background-image: 			url("/publiek/dronten/_img/menu_4.gif");
}
#menu_4 a
{
	color:						#358804;
}
#menu_1 a:hover, #menu_2 a:hover, #menu_3 a:hover, #menu_4 a:hover
{
	color:						#FFFFFF;
}
#menu_bottom
{
	border-top:					3px solid #FFFFFF;
	background-color:			#FFFFFF;
}
#menu_bottom img
{
	display:					block;
}

#smallfooter
{
	position:					absolute;
	bottom:						0;
	height:						60px;
}

#footerblocktop
{
	position:					absolute;
	bottom:						60px;
	left:						500px;
	height:						68px;
	width:						250px;
}

#footerblockbottom
{
	float:						right;
	width:						250px;
	height:						60px;
	background-color:			#5CB428;
	color:						#FFFFFF;
}

#footerblocktop a
{
	color:						#358804;
	text-decoration:			none;
	padding-left:				20px;
	line-height:				20px;
	font-size:					8pt;
}
#footerblocktop a:hover
{
	color:						#358804;
	text-decoration:			underline;
}
#footerblockbottom a, span.copyright
{
	color:						#FFFFFF;
	text-decoration:			none;
	padding-left:				20px;
	line-height:				20px;
	font-size:					8pt;
}
#footerblockbottom a:hover
{
	color:						#358804;
	text-decoration:			underline;
}