@charset "utf-8";
/* ---- -- [ CSS DOCUMENT ] -- ---- */

BODY, HTML
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 100%;
}

BODY
{
	background-color:#b3c0cd;
	background-image:url(../images/default/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: center;		
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	line-height: 19px;
}

#searchResultsIframe
{
    width:650px;
}


/* ---- -- [ CONTAINER ] -- ---- */
	
	#wrapper *
	{

	}
	
	* p
	{
	float: none!important;
	}
	
	#wrapper
	{
	    width: 980px;
	    background: #fff;
	    margin: 10px auto;
		border-right: 1px solid #8e98a2;
		border-bottom: 1px solid #8e98a2;
	}
	
	#container
	{
		width: 960px;
		border-collapse: collapse;
		background: #FFFFFF;
		margin: 10px;
	}
	
	#header
	{
		height: 237px;
		position:relative;
	}
	
		#header a.homelink 
		{
			background: transparent;
			display: block;
			position:absolute;
			top:20px;
			left:0px;
			width: 275px;
			height: 60px;
		}

	#left_menu
	{
		width: 269px;
		vertical-align: top;
		background: #799cc3 url(../images/default/left_bg.jpg) no-repeat bottom left;
	}
	
	#content
	{
		padding: 0px 10px 10px 10px;
		vertical-align: top;
	}
	
	#content_default
	{
	    padding: 0px 0px 10px 10px;
		vertical-align: top;
	}
	
	#contentwrapper
	{
    
	}

	
	#subitems
	{
		width: 221px;
		padding: 0px 0px  0px;
		vertical-align: top;
		background: #789bc2 url(../images/default/right_bg.jpg) repeat-x bottom left ;
	}
	
	#subtitle_holder
	{
		background-color: white;
		padding: 20px 0px 15px 0px;
	}
	
	
	#aanbiedingen
	{
		width: 332px;
		overflow: hidden;
		padding: 0px 0px  0px;
		vertical-align: top;
	}
	
	#aanbiedingen_holder
	{
		background-color: white;
		padding: 20px 0px 15px 0px;
	}
	
	#hide
	{
		/* hiding elements such as cb3:headerimage */
		display: none;
	}

	
/* ---------- [ searchbox ] ---------- */

.search {
	float: left;
	position: relative;
	height:27px;
	padding:0;
	margin: 0px;
	top:200px;
	left: 20px;
	/* IE6 hack */
	_display:inline;
}

.search_button {
 	float:right;
	position:absolute;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	width: 69px;
	height: 25px;
	line-height:22px;
	background: transparent;
	text-align: center;
	cursor: pointer;
	left:180px;
	top:0px;
	border: 0px;
	padding-top:4px;
	#padding-top: 0px;
}

.search_field {
 	float: left;
	border:0;
	width:161px;
	height:25px;
	padding-top:2px;
	margin-left:6px;
	margin-top: 3px;
	#margin-top: 4px;
	font-size: 12px;
	color: #2B4B97;
	background-color: transparent;
}

.search_bg, .search_bgIE {
	background:url(../images/default/search_bg.png) no-repeat;
	width:249px;
	height:27px;
	display:block;
	border: 0;
}
	
/* ---------- [ NIEUWSBRIEF ] ---------- */	

	#nieuwsbrief_container
	{
		position: relative;
		top:-250px;
	}
	
	#nieuwsbrief_container .title
	{
		background-color: transparent;
		color: #fff;
	}
	
	#nieuwsbrief_container #input_container, #reserveer_container
	{
		background-color: #6181b6;
		margin: 10px;
		padding: 10px;		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #fff;
	}
	
	#reserveer_container a
	{
		color: white;
		display:block;
		padding-left: 30px;		
	}
	
	#reserveer_container a.reserveer_mail
	{
		background-image: url(../images/default/icons/mail_reserve.png);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		height:30px;
		line-height:30px;
	}

		
	#reserveer_container a.reserveer_download
	{
		background-image: url(../images/default/icons/download_folder.png);
		background-position: 0px 7px;
		background-repeat: no-repeat;
		height:30px;
		line-height:30px;
	}

	
/* ---- -- [ BREADCRUMBS ] -- ---- */

	#breadcrumbs
	{
		line-height:13px;
		height: 20px;
		font-size: 11px;
		text-align: left;
		color: #799cc3;
	}
	
	#breadcrumbs a
	{
		color: #799cc3;
	}

	
/* ---- -- [ DEFAULT PAGE STYLING ] -- ---- */

	a:link,
	a:hover, 
	a:active,
	a:visited
	{
		color: #1748bc;
		text-decoration: underline;
		cursor: pointer;
	}
	
	a:hover
	{
		color: #1748bc;
		text-decoration: none;
		cursor: pointer;
	}
	
	a.info:link,
	a.info:active,
	a.info:visited
	{ 
		position:relative; 
		z-index:24;
	}
	  
	a.info:hover 
	{ 
		z-index:25; 
	}
	
	a.info span 
	{ 
		display: none; 
		font-weight: normal;
	}
	
	a.info:hover span 
	{ 
		display:block; 
		position:absolute; 
		top:2em; 
		left:2em; 
		width:20em; 
		font-size: 11px; 
		line-height: 17px;
		padding:5px; 
		text-decoration:none; 
	}	
	
	hr
	{
		display: block;
		height: 1px;
		border-bottom: 1px #ADADAD double;
		margin: 16px 0px 16px 0px;
	}
	
	.title
	{
		display: block;
		font-size: 14px;
		font-weight: bold;
		padding: 0px 0px 0px 10px;
		font-family: Georgia, Times New Roman, Arial Greek;
		line-height: 27px;
		height: 27px;
		color: #2b4b97;
		background-color: #d5e4f6;
	}
	
	.IntroText
	{
		display: block;
		font-weight: bold;
		margin: 0px 0px 5px 0px;	
		padding: 0px 0px 5px 0px;
	}
	
	.lite 
	{
		font-size: 11px;
		font-weight: lighter;
	}
	
	.lm
	{
	position: absolute;
	bottom:0px;
	left:10px;
	/*bottom: 20px;*/
	}
	
	.lite .datemodified
	{
		font-size: 11px;
		font-weight: lighter;
		color: #1748bc;
	}
	
	.button, .buttonHover
	{
		background: url(../images/default/menu/TopItemBg.gif) repeat-x 0% 100%;
		border: none;
		width: auto;
		padding: 0px 5px 0px 5px;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	.buttonHover
	{
		background: url();
		border: none;
		width: auto;
		padding: 0px 5px 0px 5px;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	.area
	{
		font-size: 11px;
		overflow: auto;
	}
	
	.veld,
	.radInput_Default INPUT
	{
		height: 22px;
		font-size: 11px;
	}
	
/* ---- -- [ MENU COMPONENT (ID="HoofdMenu") ] -- ---- */

.HoofdMenu
	{	
		background-color: transparent;
		width: 249px;
		cursor: default;
		color: #FFFFFF;
		margin: 20px 10px 300px 10px;
	}

	.HoofdMenu ul, .HoofdMenu li
	{
		padding: 0px;
		margin: 0px 0px 0px 0px;
		list-style: none;
		list-style-type: none;
	   line-height:0px;
	}
	

	.HoofdMenu li a:link,
	.HoofdMenu li a:hover,	
	.HoofdMenu li a:active,	
	.HoofdMenu li a:visited
	{
	    background: Transparent url(../images/default/menu/icon_meer.png) no-repeat left top;
		font-family: Georgia, Times New Roman, Arial Greek;
		font-size: 14px;
		line-height: 26px;
		font-weight: bold;
		color: #fff;
		display: block;
		margin-bottom: 15px;
		padding-left:45px;
		text-decoration: none;
	}
	
	.HoofdMenu li a:hover
	{
	background: Transparent url(../images/default/menu/icon_meer_hover.png) no-repeat left top;
	}

	.HoofdMenu li#Item001 a
	{
	background: Transparent url(../images/default/menu/icon_dag.png) no-repeat left top;
	}
	
	.HoofdMenu li#Item001 a:hover 
	{
	background: Transparent url(../images/default/menu/icon_dag_hover.png) no-repeat left top;
	}
	
	.HoofdMenu li#Item003 a
	{
	background: Transparent url(../images/default/menu/icon_meer_ex.png) no-repeat left top;
	}
	
	.HoofdMenu li#Item003 a:hover 
	{
	background: Transparent url(../images/default/menu/icon_meer_ex_hover.png) no-repeat left top;
	}

    .HoofdMenu_item_selected a:link,
    .HoofdMenu_item_selected a:hover,
    .HoofdMenu_item_selected a:active,
    .HoofdMenu_item_selected a:visited
	{
		cursor: default;
		background: Transparent url(../images/default/menu/icon_meer_hover.png) no-repeat left top !important;
		font-style: italic;
	}

    li#Item001.HoofdMenu_item_selected a
	{
		cursor: default;
		background: Transparent url(../images/default/menu/icon_dag_hover.png) no-repeat left top !important;
		font-style: italic;
	}
	
    li#Item003.HoofdMenu_item_selected a
	{
		cursor: default;
		background: Transparent url(../images/default/menu/icon_meer_ex_hover.png) no-repeat left top !important;
		font-style: italic;
	}
	
	/* ---- -- [ LITEMENU COMPONENT (ID="SubMenu") ] -- ---- */

	.contentsubs ul, .contentsubs li
	{
		padding: 0px;
		margin: 0px 0px 0px 0px;
		list-style: none;
		list-style-type: none;
		line-height:0px;
	}

	.contentsubs ul
	{
		margin: 15px 0px 0px 10px;
	}
	
	.contentsubs a:link,
	.contentsubs a:hover,	
	.contentsubs a:active,	
	.contentsubs a:visited
	{
		display:block;
		text-decoration: none;
		color: white;
		line-height: 26px;
		font-size: 13px;
		font-weight: bold;	
		margin-bottom: 13px;	
		background: url(../images/default/menu/round.png) no-repeat 0px 10px;
		padding-left: 20px;
	}
	
	.contentsubs a:hover
	{
		text-decoration: underline;
	}
	
	.submenu_item_selected a:link,
	.submenu_item_selected a:hover,
	.submenu_item_selected a:active,
	.submenu_item_selected a:visited
	{
		font-weight: bold;
		cursor: default;
		text-decoration: none;
	}

/* ---- -- [ LITEMENU COMPONENT (ID="TopMenu") ] -- ---- */

    .topmenu_container
    {
        padding-right:10px;
        float:right;
        height:50px;
        width:650px;
    }

	.TopMenu
	{
        background-color: transparent;
	    position: relative;
	    height: 25px;
	    top: 36px;
	    right: 11px;
	    float: right;
	}	
	
	.TopMenu ul, .TopMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 0px 2px 0px;
		list-style: none;
		list-style-type: none;
	}
	
	.TopMenuItem a:link,
	.TopMenuItem a:active,
	.TopMenuItem a:visited
	{
		display: block;
		float: left;
		font-size: 15px;
		font-family: Georgia, Times New Roman, Arial Greek;
		font-weight: bold;
		padding: 0px 13px;
		background-color: #82aad7;
		margin-left: 2px;
		color: #fff;
		height: 25px;
		line-height:25px;
		text-decoration: none;
	}
	
	.TopMenuItem a:hover
	{
		background-color: #1748bc;
	}
	
/* ---- -- [ LITEMENU COMPONENT (ID="VoetMenu") ] -- ---- */

    #footer
	{
		height: 33px;
		width:960px;
		margin: auto;
		text-align: left;
	}

    #footer .item
    {
        float:left;
    	font-size: 11px;	
		color: White;
		display:block;
    }

    #footer .first
    {
        width: 279px;
        text-indent: 10px;
    }
    
    #footer .second
    {
        width: 350px;
        text-indent: 10px;
        visibility:hidden;
    }
            
	#footer .VoetMenu
	{
		display: block;
		text-align: right;
		width: 330px;
	}	
	
	#footer .VoetMenu ul, .VoetMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 0px 0px 4px;
		list-style: none;
		list-style-type: none;
	}
	
	#footer .VoetMenuItem a:link,
	#footer .VoetMenuItem a:hover,
	#footer .VoetMenuItem a:active,
	#footer .VoetMenuItem a:visited
	{
		display: inline;
		color: White;
	}
	
	/*------*/


	
	.TopItemHover
	{
		font-weight: bold;
		color: #fff;
	}
	
	.TopItemExpanded
	{
	}
	
	/* Default item styles ------------------------------------ */ 
	.Item
	{
		font-size:11px;
	}

	.ItemHover
	{
		color: #FFFFFF;
		cursor: default;
	}

	.ItemExpanded
	{

	}

	
	/* Context Menu item styles --------------------------------------- */
	.TopContext
	{
		line-height: 15px;
		cursor: default;
		color: #FFFFFF;
	}
	
	.ContextItem
	{
		font-size: 10px;
		background: url();
	}
	
	.ContextItemHover
	{
		font-size: 10px;
		background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
	}
		
	.ContextItem nobr,
	.ContextItemHover nobr
	{
		font-size: 10px;
	}



/* FUNCTIE VENSTER */
.fwrapper
{
    position: relative;
	z-index:1000
}

#functiemenu
{
    position: absolute;
    width: 20px; 
    height: 50px; 
	top: 20px; /* ofset (of .fwrapper) must be set here as well as in the script file (jquery.functiemenu.js)*/
	right:0px;
	z-index:1000
}

#contentwrapper_column #functiemenu
{
    #right: 10px!important
}

#functiemenu .functionbutton
{
    width:20px;
    height:20px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    border: 0px;
    font-size:1px;
}
.functionbutton a
{ 
    background-color: #1748BC; 
}
	
#mail_form 
{
    background-color: #6e8cbd; 
    display:none;
    position: absolute; 
    width: 300px; 
    top: 24px; 
    right: 30px; 
}
	
#mail_form .form_title
{
    font-weight: bold;
    font-size: 12px;
}
	
#mail_form .inside table
{
    width: 100%;
    table-layout: fixed; 
    padding:5px !important;
    font-size: 11px;        
    color: White;
}
#mail_form .inside table td	{ padding:3px; }
   
#mail_form input { width: 100%; }
#mail_form textarea { width: 100%; height: 5em; }
    
#mail_form .CloseButton 
{ 
    display: block;
    width:17px; 
    height:17px;
    line-height: 17px;
    font-weight: bold;
    font-size: 12px;
    color: Red;
    background-color: white;
    border: 1px solid #1748BC;
    float:right; 
    text-align:center;
    text-decoration: none;
}
    
#mail_form .SubmitButton 
{ 
    display: block;
    width:100%;
    height:20px;
    line-height: 18px;
    font-weight: bold;
    color: White;
    background-color: #1748BC;
    float:right; 
    text-align:center;
    background: url(../images/default/button_bg.jpg) repeat-x top left;
    border: none 0px transparent; 
    cursor: pointer;
}

#contentwrapper .FunctieNaarBoven
{
    position: absolute;
    right: 0px;
    bottom:0px;
    #bottom: 45px;
}

#contentwrapper_column .FunctieNaarBoven
{
    position: absolute;
    right: 0px;
    bottom:0px;
    #bottom: 45px;
    #right:10px;
}    
/* END FUNCTIE VENSTER */