/* =============== RESET TAGS NEW 0*/ 
a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol,dl, dt, dd {
	margin: 0px; padding: 0px; border:0px; font-family : Arial, Helvetica, sans-serif; text-decoration:none; 
}
html, body{ height:100%; }
body{ font-size:100%; text-align:left; }
table, td, th { border-collapse:collapse; }
ul { width:auto; list-style:none; }
ol { list-style-position: inside; list-style-type: decimal; }
@media all {	 
	* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 
}
a { cursor:pointer !important; }
/* =============== END RESET TAGS */

html
{
	background: #f2ecf8 url(../images/headerbg.gif) repeat-x 0 0;
}

body
{
	font-size: 12px;	
	color: #000;
	padding-bottom: 100px;
	background: none;
}

blockquote
{
	font-size: 12px;	
	color: #000;
	font-style: normal;
}

p
{
	padding-top: 10px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1, h2
{
	color: #660099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
}

h3, h6
{
	color: #660099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;	
}

h5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
}

img, a
{
	border: 0;
	margin: 0;
	padding: 0;
}

a
{
	border: 0;	
	text-decoration: none;
	color: #660099;
}

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

h1 img
{
	*margin-bottom: 4px;
}

/*******************************************************************
WRAPPERS
 ********************************************************************/
#wrapper
{
	margin: 0 auto;
	width: 984px;
	padding: 0 5px;
}

#twocolwrapper
{
	float: left;
	width: 750px;
}

/*******************************************************************
HEADER
 ********************************************************************/

#header
{
	position: relative;
	width: 100%;
	height: 72px;
	padding-top: 20px;
}

#header ul
{
	width: 500px;
	float: right;
	text-align: right;	
	margin-top: 40px;
}

#header ul li
{
	display: inline;
	padding: 0 0 0 5px	;
	color: #a09da3;	
}

#header .navigatie li.navigatie-item
{
margin:0;
}

#header ul li a
{
	color: #a09da3;
	font-size: 11px;
}

#meta_aanhef 
{
	position: absolute;
	top: 100px;
	right: 0;
	width: 400px;
	text-align: right;
	letter-spacing: .5;
	color: #111;
}

#meta_aanhef span
{
	font-weight: bold;
	color: #000;
	padding-right: 5px;
}

#meta_aanhef a
{
	color: #111;
}

/*******************************************************************
NAVIGATIE
 ********************************************************************/

ul.topnav
{
	width: 100%;
}

ul.topnav li
{
	float: left;
}

ul.topnav li a
{
	float: left;
	display: block;
	text-decoration: none;
	padding: 9px 7px;
}

ul.topnav li a:hover,
ul.topnav li a.topnavA_s
{
	display: block;
	color: #ccc;
	text-decoration: underline;
	padding: 9px 7px;
}

#masternavdiv
{
	position: absolute;
}

ul.submenu
{
	width: 100%;
	list-style-type:none;	
}

ul.submenu li 
{
	float: left;
}

ul.submenu li a
{
	float: left;
	display: block;
	padding: 1px 0 4px 10px;
	margin-left: 5px;
}

ul.submenu li a:hover,
ul.submenu li a.sublist_s
{
	text-decoration: underline;
}

/*******************************************************************
 LINKER KOLOM 
 ********************************************************************/

#leftcol
{
	width: 160px;
	float: left;
	margin: 109px 20px 0 0;
}

#leftcol dl
{
	background: #1f99c2;
	font-family: Arial, Helvetica, sans-serif;
	padding: 22px 0;	
}

#leftcol dl dt
{
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	padding: 0 13px;
	text-align: right;
	font-style: italic;
}

#leftcol dl dd a
{
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	padding: 2px 13px;
}
#leftcol dl dd a:hover
{
	color: #660099;
	background: #54b2d2;
	text-decoration: none;
}


#leftcol dl dd.navstate_s a,
#leftcol dl dd.navstate_s a:hover
{
	color: #660099;
	background: #fff;
	text-decoration: none;
}

#leftcol .top
{
	height: 5px;
	width: 100%;
	background: transparent url(../images/leftcolrounded.gif) no-repeat 0 0;
	_margin-bottom: -10px;
}

#leftcol .bottom
{
	height: 5px;
	width: 100%;
	background: transparent url(../images/leftcolrounded.gif) no-repeat 0 100%;
	margin-bottom: 18px;	
	_margin-top: -10px;
	_position: relative;
	_z-index: -100;
}

.leftcol-inner {
	padding-top: 22px;
	padding-bottom: 42px;
	background-color: #1f99c2; 
}

/*******************************************************************
 MIDDEN KOLOM 
 ********************************************************************/

 .container
 {
 margin:0;
 }
 
.content
{
	width: 548px;
	float: left;
}

.content p,
.content h1,
.content ul,
.content h2
{
	margin: 0;
}

.content ul,
.content ul ul
{
	padding: 0;
}

.content .content-text ul li, .content .content-text ul ul li {
    padding-left: 20px;
}

.content ul li,
.content ul ul li
{
}

.content ul#hsNav li
{
	padding-left: 0;
}

ul#hsNav li,
ul#hsNav ul li,
ul#extrainfo_ul li,
ul.infodiv li
{
	background: none;
}

ul#extrainfo_ul li
{
padding-right:15px\9;
}

.content ul li a,
.content ul ul li a
{
	display: inline;
}

.content ul li a.button 
{
    display: block;
}

.content .mijnpaginahead
{
	padding-left: 10px;
}

.content .mijnpaginahead h1
{	
	margin-top: 20px;
	padding-bottom: 2px;
}
	
.content .mijnpaginahead p
{
	font-style: italic;
	font-size: 14px;
	padding: 0;
}

.content-inner
{
	margin-top: 44px;
}

.content-inner h2.with-background,
.content-inner  h1
{
	font-size: 16px;
	color: #660099;
	background: transparent url(../images/heading3bg.jpg) no-repeat 0 100%;
	padding: 13px 0 8px 40px;
	font-weight: bold;
}

.content-inner .content-text h1
{
	display:none;
}

.content-inner h1.tussenpersoon_tab
{
	margin-top: 10px;
	float: left;
	width: 521px;
}

.content-text
{
	background: #fff;
	padding: 20px 25px 30px 25px;
	border: 1px solid #dddbdc;
	border-top: 0;
	min-height: 230px;
	float: left;
}

.small-box
{
	min-height: 80px;
	_height: 80px;
	margin-bottom: 10px;
}

.inner-form h1
{
	display: none;
}
/* dit moet om dubbele h1 te voorkomen, deze zit zo in de html dat de specifieke goudse layout niet goed gaat. */

.content-text h2
{
	font-size: 16px;
	padding: 20px 0 0 0;
}

.content-text h3
{
	font-size: 12px;
	padding: 20px 0 0 0;
}

.content #hsGeneralForm
{
	margin-left: 0;
}


/************************ MIDENKOLOM HOME ************************/



/*******************************************************************
 RECHTER KOLOM 
 ********************************************************************/
/* 
#mastercontentdiv
{
	width: 200px;
	float: right;
} */

#rightcol
{
	width: 240px;
	float: right;
	padding-top: 103px;	
	*padding-top: 108px;	


}

.rightcolblok
{
	background: transparent url(../images/rightcoltop.gif) no-repeat 0 0;
	*margin-bottom: 5px;
}

#rightcol .winkelmand
{
/*	background: transparent url(../images/rightcoltopwinkelmand.gif) no-repeat 0 0; */
}

.rightcol-inner
{
	padding: 10px;
	margin: 5px 0;
	*margin-bottom: 0;
	padding: 15px;
	_padding: 10px;
	background: transparent url(../images/rightcolbottom.gif) no-repeat 0 100%;
}

.rightcolblok ul
{
	margin: 10px 0;
}

.contactblok ul li
{
	border-bottom-style: none;
	background: url(none);
	padding-left: 0px;
}

.contactblok ul li.kop
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: 700;
}



.contactblok li,
.bannerblok li
{
	padding: 4px 0 4px 15px;
	font-size: 11px;
	border-bottom: 1px dotted #e1dfe4;
	background: transparent url(../images/default_arrow.gif) no-repeat 0 8px;
}


.item
{
background:#e4e4e4;
padding: 5px 15px 15px 15px;
width:470px;
margin-top:10px;
}

h3.slideToggle
{
	padding: 10px 0 0 15px;
	cursor: pointer;
	background: transparent url(../images/default_arrow.gif) no-repeat 0 15px;	
	color: #222;	
}

/* uitzonderingen Faq navigatie */
.rightcol-inner-faq
{
	margin-top: 5px;
	padding: 5px 0px 15px 0px;
	background: transparent url(../images/rightcolbottom.gif) no-repeat 0 100%;
}
.rightcol-inner-faq h2
{
	padding:10px 10px 10px 15px;
	font-size: 14px;
}

.rightcolblok ul.faqlist li
{
	padding:2px 0px 2px 15px;
	border:none;
	font-size:12px;
	margin: 4px 0; 	
}

#rightcol ul.faqlist li a
{
	text-decoration:none;
	color: #000;
	font-size: 13px;
}

#rightcol ul.faqlist li a:hover
{
	color: #000;
	text-decoration: underline;
}

#rightcol ul.faqlist  li.active  
{
	background: transparent url(../images/active_faq.jpg) no-repeat 2px 0;
	width:237px;
}

#rightcol ul.faqlist li a:hover.active,
#rightcol ul.faqlist  li.active  a
{
	color: #fff;
	text-decoration: none;
}


/* einde uitzonderingen Faq navigatie */


#rightcol .goudsebutton
{
	background: transparent url(../images/default_arrow.gif) no-repeat 0 8px;
	color:#660099;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
	margin-left: 0;
}

#rightcol a.goudsebutton:hover
{
text-decoration: underline;
}

#rightcol li .goudsebutton
{
	margin-left: -15px;
}

.rightcolblok li a
{
	margin-top: 5px;
}

/*******************************************************************
FOOTER
 ********************************************************************/
 
 
/*************************
footer at bottom styles 
**************************/

html, body 
{
	height:100%
}

body 
{
	padding:0;
	margin:0;
}

html>body #outer
{	
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#outer 
{
	height:100%;
	min-height:100%;
	width:100%;
	margin-bottom:-58px;
}

#clearfooter
{
	clear:both;
	height:58px;
}/*needed to make room for footer*/

#footer 
{
	width:100%;
	height:58px;
	clear:both;
	background-color: #415f95;
	height: 58px;
	padding: 0;
	margin: 20px 0 0 0;
}
* html #footer 
{/*only ie6 gets this style*/
\height:60px;/* for ie5 */
he\ight:58px;/* for ie6 */
}

#footer
{
	text-align: center;
 	background: transparent url(../images/footerbg.gif) repeat-x 0 20px;
}

ul#footer li
{
	display: inline;
	text-align: center;
	margin: 5px 10px 0 0;
}

ul#footer li a
{
	display: inline;
	color: #333;	
	font-size: 11px;
}



p.h1
{
	font-size: 14px;
	font-weight: bold;
}

/*******************************************************************
 LOGIN STAPPEN 
 ********************************************************************/

#rightcol li a
{
	line-height: 20px;
	text-decoration: underline;
}

#rightcol li a:hover
{
	color: #000;
}

.inlog_stappen
{
	background: #fff;
	padding: 20px 20px 30px 25px;
	width: 501px;
	border: 1px solid #dddbdc;
	border-top: 0;
	min-height: 230px;
	_height: 230px;
	float: left;
}

#content h2,
#content .inlog_stappen h2,
.content .inlog_stappen h2,
.inlog_stappen h2
{
	margin-top: 10px;
	font-size: 18px;
	line-height: 24px;
}


.inlog_stappen h2 span
{
	font-size: 18px;
	color: #000;
	padding-left: 0;
	background: transparent url(../images/goudse_button.gif) no-repeat 5px 50%; 
}
.inlog_stappen label,
.inlog_stappen input
{
	width: 40%;
	display: block;
	float: left;
	margin-right: 2%;
	margin-top: 4px;
}

.inlog_stappen input.submit
{
	width: auto;
}

.inlog_stappen a.inloggen_stap1_button
{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	font-weight: bold;
	padding: 5px 10px 5px 25px;
	display: block;
	text-decoration: none;
}

.inlog_stappen a.inloggen_stap1_button_ja
{
	background: #fff url(/resources/minisiteV3/images/msV3_mandatoryfield_complete.gif) no-repeat 5px 50%; 
}

.inlog_stappen a.inloggen_stap1_button_nee
{
	background: #fff url(/resources/minisiteV3/images/msV3_mandatoryfield.gif) no-repeat 5px 50%; 
}


.inlog_stappen .inloggen_stap2
{
	width: 100%;
}

.inlog_stappen .error_message
{
	color: red;
	clear: both;
}

.inlog_stappen .button
{
	font-weight: bold;
	padding: 2px 10px 2px 20px;
	background: #fff url(/resources/minisiteV3/images/msV3_arrow_big_gray_lighter.gif) no-repeat 3px 50%; 
	display: block;
	text-decoration: none;
	color: #000;
	border: none;
}

#content .a_melden,
.a_melden
{
	display: block;	
	width: 100%;
	padding-top: 0;	
    background: url("../images/default_arrow.gif") no-repeat scroll 0 7px transparent;
    padding-left: 15px;	
}

.clear
{
	clear: both;
}

.error
{
padding:0;
background:none;
border:none;
}


.popupdiv {
    background: #E5D9F0;
}

.popupdiv h4
{
   font-size: 18px;
    font-style: italic;
    margin: 30px 20px 10px 0;
}

.popupdiv ul.afsluitstappen li#stap1 {
    background: none repeat scroll 0 0 #D4D4D4;
}

.popupdiv ul.afsluitstappen li {
    float: left;
    font-size: 14px;
    height: 112px;
    margin: 15px 15px 15px 0;
    width: 112px;
}

.popupdiv ul.afsluitstappen li#stap2 {
    background: none repeat scroll 0 0 #9B9595;
}

.popupdiv ul.afsluitstappen li#stap3 {
    background: none repeat scroll 0 0 #660099;
}

.popupdiv ul.afsluitstappen li#stap3 a {
    color: #FFFFFF;
}

.popupdiv ul.afsluitstappen li a {
    background: none repeat scroll 0 0 transparent;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    display: block;
}

.popupdiv a.gaverder {
    bottom: 3px;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 8px;
    position: absolute;
    right: 3px;
    text-decoration: none;
}