/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {

    }
 
    body, td, input, select, textarea {
		font-family:			arial, verdana;
		font-size:				11px;
		color:					#772377;
		vertical-align:			top;
		line-height:			23px;
    }
    
    body {
    	background:				#f4f4ec;
		padding:				0;
		margin:					0;
		
		text-align:				center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#f18e19;
    }
    
    a:hover {
    }
    
    h1 {
    	font-size:18px;
    	color:#772377;
    	font-weight:bold;
    }
 
    .orange {
    	color:#f18e19;
    }
    
    h2 {
    }
    
    h3 {
    }
    
    p {
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
#container {
	width:1099px;
	height:800px;
	background:url("../images/template2_bg2.jpg") top left no-repeat;
	
	position:relative;
	margin:0 auto;
	
	text-align:left;
}

#overflow {
	height:701px;
	width:1099px;
	overflow-x: hidden;
}

#columnRightImage {
	width:440px;
	float:right;
	display:inline;
	height:598px;
	margin-top:64px;
}

#columnRightImage img {
	margin-left: 17px;	
}

#header {
	width:999px;
	height:98px;
}

#columLeftTopLeft {
	width:308px;
	position:absolute;
}

#columLeftBottomLeft {

	width:343px;
	height:241px;
	bottom:85px;
	_bottom:100px;
	background:url("../images/intro_image_bottom_new.jpg") top left no-repeat;
	position:absolute;
}

#columLeftTopRight {
	left:400px;
	width:408px;
	position:absolute;
}

#columLeftBottomRight {
	left:400px;
	width:408px;
	position:absolute;
	top:500px;
	_top:320px;
}


#columLeftTopRight ul li {
	background:url("../images/bullet.jpg") 0% 50% no-repeat;
	padding-left:30px;
}

#columLeftTopRight ul li a {
	font-weight:normal;
	text-decoration:none;
}	

#columLeftBottomLeft .contentPlacing {
	margin:100px 160px 0px 20px;
}

#columLeftBottomLeft .contentPlacing a:link {
	color:#763380;
}
#columLeftBottomLeft .contentPlacing a:visited {
	color:#763380;
}
#columLeftBottomLeft .contentPlacing a:hover {
	color:#763380;
}
#columLeftBottomLeft .contentPlacing a:active {
	color:#763380;
}


#columnLeft {
	display:inline;
	margin-top:60px;
	float:left;
	margin-left:40px;
}
ul#topHorLeft, ul#topHorLeft li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

ul#topHorLeft
{
	float:				left;
	display:			inline;
	margin-top:65px;
	margin-left:190px;
}

ul#topHorLeft li
{
	float:				left;
	display:			inline;
	font-size:14px;
	white-space: nowrap;
}

* html ul#topHorLeft li
{
	width:				1%;
}

ul#topHorLeft li a
{
	display:			block;
	text-decoration:	none;
	color:				#f18e19;
	line-height:		16px;
	
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

ul#topHorLeft li a:hover
{
	text-decoration:	underline;
}

ul#topHorLeft li ul
{
	width:				200px;
	position:			absolute;
	margin-top:			5px;
	margin-left:		6px;
	display:			none;
	border-top:			none;
	background-color:	#772377;
}

ul#topHorLeft li ul li
{
	margin-left:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	background:			none;
	float:				none;
	padding:			0px;
	width:				100%;
	height:				100%;
}

ul#topHorLeft li ul li a
{
	font-weight:		100;
	padding:			2px 5px;
	color:				#ffffff;
	font-size:11px;

}

ul#topHorLeft li ul li a:hover
{
	padding:			2px 5px;
	color:				white;
	background-color:	#f18e19;
	text-decoration:	none;
}

ul#topHorLeft li ul li ul
{
	border:				1px solid #BBBBBB;
	margin-top:			-20px; /* Menu hoogte in principe. Mag ook afwijken. */
	margin-left:		130px; /* Menu breedte in principe. Mag ook afwijken. */
}

/* IE */
* html ul#topHorLeft li ul li
{
	float:				left;
	clear:				both;
}

* html ul#topHorLeft li a
{
	height:				1%;
}

ul#topHorRight {
	margin-right:16px;
	float:right;
	margin-top:65px;
	display:inline;
}

ul#topHorRight li {
	font-size:14px;
	float:left;
	display:inline;
}

ul#topHorRight li a {
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	color:#772377;
	font-weight:bold;
}

#search {
	position:absolute;
	top:16px;
	right:110px;
}	

#search input {
	border:1px solid #d9c6d2;
}

#search .btn {
	background:url("../images/btn.jpg") top left no-repeat;
	width:17px;
	height:19px;
	border:none;
}


ul#topHorLeftSmall {
	position:absolute;
	top:14px;
	left:560px;
}

ul#topHorLeftSmall li {
	font-size:11px;
	float:left;
	display:inline;
}

ul#topHorLeftSmall li a {
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

ul#fontsizelinks {
	position:absolute;
	top:14px;
	left:650px;
}
ul#fontsizelinks li {
	font-size:11px;
	float:left;
	display:inline;
}

ul#fontsizelinks li a {
	padding-left:3px;
	text-decoration:none;
}




ul#bottomLeftHor {
	/*float:left;
	display:inline;
	margin-top:81px;
	margin-left:40px;*/
	
	position:absolute;
	bottom:4px;
	left:40px;
}

ul#bottomLeftHor li {
	font-size:11px;
	float:left;
	display:inline;
}

ul#bottomLeftHor li a {
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

ul#bottomRightHor {
	/*float:right;
	display:inline;
	margin-top:81px;
	margin-right:40px;*/
	
	
	position:absolute;
	bottom:4px;
	right:130px;
}

ul#bottomRightHor li {
	font-size:11px;
	float:left;
	display:inline;
}

ul#bottomRightHor li a {
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

/***************************************************************************************************
 * HOVER WINDOW
 ***************************************************************************************************/
 
	.tooltip, li.tooltip {
 		cursor: pointer;
 		font-weight:normal;
 	}
	
    div.tooltip {
        position: absolute;
        background: #fff;
        border: 1px solid #F78E18;
        width: 350px;
        overflow: hidden;
        z-index: 999;
        padding: 5px;
        text-align: left;
    }
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    a.meld_je_aan:hover
    {
    	cursor:pointer;
    }
    
    a.behouden
    {
    	position:absolute;
    	top:225;
    	left:0;
    }
    
    a.meldjeaan
    {
    	width:275px;
    	height:65px;
    	position:absolute;
    	top:35px;
    	left:0px;
    	text-indent: -90000;
    } 
    
    a.meldjeaan_vervolg
    {
    	width:200px;
    	height:20px;
    	position:absolute;
    	top:90px;
    	left:22px;
    	font-size:13px;
    	color:#FFDEB8;
    	text-decoration:none;
    } 
    
    a.mijnnaviva
    {
    	width:250px;
    	height:26px;
    	position:absolute;
    	top:160px;
    	left:0px;
    	text-indent: -90000;
    }