/** HTML ELEMENTS STYLE ***/

/*** Fonts reset from YUI (minified) ***/

/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

/*
button{font:99% arial,helvetica,clean,sans-serif;}
*/

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}


table{font-size:inherit;font:100%;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

@font-face {
	font-family: HelveticaNieuw;
	src:	local("HelveticaNeue-Light"),
			local("Helvetica Neue Light"),
			local("Helvetica Neue");
}

/** own code ***/
html,body {
	background-color: #eee;
	color: #000000;
	font-family: HelveticaNieuw, sans-serif;
	font-size: 1em;
	font-weight:300;
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
	color: #369;
	outline: none;
}
a img {
	border: 0;
}
a:hover {
	color: #F7931E;
}

a img {
    border: none;
}

h1
{
	font-size: 200%;
	font-weight: 300;
	margin-left: 75px;
	line-height: 0;
	margin-top: 40px;
	text-decoration:none;
}
h1 a /* link to landing page */
{
	color: #000;
	text-decoration: none;
}
h1 a:hover
{
	color: #000;
}
h2
{
	font-size: 110%;
	font-weight: 300;
	margin-left: 75px;
}
h3
{
	color:#632166;
	font-size:0.9em;
	font-weight:bold;
}
fieldset h1, fieldset h2, fieldset h3
{
	margin-left: 0;
}
/** MULTI USED CLASSES **/

.clear {
	clear: both;
}
.inline {
	display: inline;
}
.left, .middle, .right, .left_and_middle, .middle_and_right {
	float: left;
}

.left, .right
{
	width: 310px;
}

.middle {
	width: 340px;
}

.left_and_middle, .middle_and_right {
	width: 650px;
}

.row {
	width: 960px;
}
.hidden
{
	display: none;
}


/** CONTAINER **/

div#sitecontainer
{
	background-color: #fcfcfc;
	margin: 0px auto;  /* center, not in ie5.5 */
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 960px;
}


/** HEADER STYLE ***/


div#head {
	height: 150px;
	border-bottom: 3px solid #eee;
}
	/* LEFT COLLUMN */
	div#head div.left
	{
		font-size: 0.8em;
		width: 300px;
	}
	div#head div.left p
	{
		margin-left: 10px;
		text-align: left;
		width: 100%;
	}
	div#head div.left p em
	{
		color: silver;
	}

	/* MIDDLE COLLUMN */
	div#head div.middle
	{
		width: 320px; /* 340- (left collumn width -310) - (right collumn margin) */
	}
	
	/* RIGHT COLLUMN */

	div#head div.right 
	{
		margin-right: 10px;
		text-align: right;
	}
	div#head div.right p
	{
		color: silver;
		margin-top: 20px;
	}
	div#head div.right p a
	{
		font-size: 0.9em;
	}
	div#head div.right p#telefoon
	{
		color: #000;
		float: right;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0;
	}
	div#head div.right p#telefoon img
	{
		float: left;
		margin-right: 5px;
	}
	div#head div.right p#telefoon a
	{
		font-weight: normal;
	}

	/** MENU STYLE **/

	div#menu
	{
		 background: url(/sites/geencentteveel/images/menu_bg.gif) repeat-x;
		 height: 33px;
		 z-index: 20;
		 
	}
	
	div#menu a.yuimenubaritemlabel
	{
		 color: #FFF;
		 display: block;
		 float: left;
		 font-family: Helvetica;
		 font-size: 1em;
		 height: 28px;
		 padding-top: 7px;
		 text-align: center;
		 text-decoration: none;
		 width: 125px;
	}
	div#menu .yuimenubaritem-selected
	{
		 background: url(/sites/geencentteveel/images/menu_bg_hover.gif) repeat-x;
	}
	
	/** SUBMENU ***/

	div#menu .yuimenuitem
	{
		 height: 33px;
	}
	div#menu .yuimenuitemlabel
	{
		 color:#004276;
		 display: block;
		 height: 28px;
		 line-height: 2;
		 padding-right: 10px;
		 text-decoration: none;
		 z-index: 20;
	}
	div#menu .yuimenuitemlabel img
	{
		 float: left;
		 border: none;
		 margin-right: 10px;
		 z-index: 20;
	}
	div#menu .yuimenuitem-selected
	{
		 background-color: #9dd1ef;
	}
	
	div#menu li  .yuimenu
	{
		border-left: 1px solid silver;
		border-right: 1px solid silver;
		border-bottom: 1px solid silver;
	}
	div #menu li .yuimenu .bd
	{
		background: url(/sites/geencentteveel/images/details-menu-bg.gif) repeat-y; 
	}
	div#menu .yui-menu-shadow-visible {

    background-color: #000;

    /*
        Opacity can be expensive, so defer the use of opacity until the 
        menu is visible.
    */

    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

	}
	
/** CONTENT (middle) STYLE **/
div#content
{
	position: relative; 
}
div#content.home
{
	overflow: hidden; /** used for equal height column*/
}



/* FOOTER */

div#footer {
	border-top: 3px solid #eee;
	clear: both;
	font-size: .8em;
	text-align: center;
}

div#footer ul
{
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}

div#footer ul li {
	display: inline;
}

/*** steps **/

table#steps
{
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-left: 75px;
	padding: 0;
}

table#steps td#title
{
	background: transparent url(/sites/geencentteveel/images/steps_v4.gif) -45px bottom no-repeat;
	height: 40px;
	width: 86px;
}

table#steps td
{
	text-align: center;
	padding: 0;
}
table#steps tr.line td
{
	background: transparent url(/sites/geencentteveel/images/steps_v4.gif) 0 -80px no-repeat;
	height: 20px;
	width: 150px;
}
table#steps tr.line td.active
{
	background: transparent url(/sites/geencentteveel/images/steps_v4.gif) 0 0 no-repeat;
}
table#steps tr.line td.last
{
	background: transparent url(/sites/geencentteveel/images/steps_v4.gif) 0 -120px no-repeat;
}
table#steps tr.line td.active.last
{
	background: transparent url(/sites/geencentteveel/images/steps_v4.gif) 0 -40px no-repeat;	
}

/*** balloon **/

#balloon .hd,
#balloon .ft
{
    height: 35px;
    overflow: visible;
    padding: 0;
}

#balloon .hd .tl
{
    background: transparent url(/sites/geencentteveel/images/balloon_top_left.png);
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}
#balloon .hd div#balloon-hd-content
{
	background-color: #FFC;
	border-top: 1px solid #CBDCE9;
	left: 24px;
	position: absolute;
}
#balloon .hd h2
{
	font-size: 85%;
}
#balloon .bd h2
{
	font-size: 100%;
}
#balloon h2.information,
#balloon h2.warning
{
	color: black;
	display: block; /* IE 6 */
	height: 35px;
	line-height: 35px;
   margin: 0;
   padding: 0;
   padding-left: 30px;
	vertical-align: middle;
}
#balloon h2.information
{
	background: transparent url(/sites/geencentteveel/images/help-icon.png) 0 5px no-repeat;
	color: #136;
}
#balloon h2.warning
{
	background: transparent url(/sites/geencentteveel/images/warning.png) 0 5px no-repeat;
	color: #f66;	
}
#balloon .hd .tr
{
    background: transparent url(/sites/geencentteveel/images/balloon_top_right.png);
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}


#balloon .bd
{
	background-color: #FFC;
	border-left: 1px solid #CBDCE9;
	border-right: 1px solid #CBDCE9;
	overflow: hidden;
	padding: 0 10px;

	min-height: 33px;
	height: auto !important;
	height: 33px;
}

#balloon #balloon-bd-content
{
    font-size: 90%;
}
#balloon .bd #balloon-text
{
	padding-top: 5px;
}
#balloon .bd hr
{
	border: 0;
	background-color: #CC9;
	color: #CC9;
	height: 1px;
	margin: 10px auto;
	width: 90%;
}

div.pointer
{
    background: transparent url(/sites/geencentteveel/images/balloon_pointer.png) no-repeat top left;
    position: absolute;
    height: 33px;
    width: 40px;
	z-index:5;
}

/* make the balloon pointer point upwards **/
#balloon .bd .pointer_up
{
    background: transparent url(/sites/geencentteveel/images/balloon_pointer_up.png) no-repeat top center;
    position: absolute;
    height: 33px;
    left: 20px;
    top: -24px;
    width: 40px;
	z-index: 5;
}

#balloon .ft
{
    height: 10px;
}
#balloon .ft .bl
{
    background: transparent url(/sites/geencentteveel/images/balloon_bottom_left.png);
	 bottom: 0;
    height: 10px;
    left: 0;
    position: absolute;
    width: 24px;
}            
#balloon .ft div#balloon-ft-content
{
    background-color: #FFC;
    border-bottom: 1px solid #CBDCE9;
    left: 24px;
    line-height: 10px;
    height: 9px;
    position: absolute;
}
#balloon .ft .br
{
    background: transparent url(/sites/geencentteveel/images/balloon_bottom_right.png);
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 0;
    width: 24px;                
}

/** Tooltip markup **/
.yui-tt .bd {
    border: 1px solid #336699;
    background-color: #FFC;
	
	color: #000;
    font-size: 80%;
	
    padding: 10px;
    position: relative;
    z-index: 1;
		
	/**CSS3**/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius:5px;
	
}

.yui-tt em {
	color: #336699;
	border-bottom: 1px dotted #336699;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	padding-bottom: 3px;	
}
.yui-tt small {
	font-size: 11px;
}
.yui-tt .yui-tt-shadow {
    bottom: -2px;
    left: -1px;
    right: -2px;
    top: -1px;
    position: absolute;
    background-color: #000;
	opacity:0.12;
    filter: alpha(opacity=12);  /* For IE */
								  
	/**CSS3**/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius:5px;
}
/*
.yui-tt .bd {
    border: 2px solid #FFF;
    background-color: #333;
	
	color: #FFF;
    font-size: 80%;
	
    padding: 10px;
    position: relative;
    z-index: 1;
		
	/**CSS3**
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius:5px;
	
	opacity:0.9;
    filter: alpha(opacity=90);  /* For IE *
}
.yui-tt .bd div.content {
	opacity: 1;
	filter: alpha(opacity=100);  /* For IE 
}

.yui-tt .yui-tt-shadow {
    bottom: -2px;
    left: -1px;
    right: -2px;
    top: -1px;
    position: absolute;
    background-color: #000;
	opacity:0.12;
    filter: alpha(opacity=12);  /* For IE *
								  
	/**CSS3**
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius:5px;
}
	*/
	
/** Subnavigatie onder stappen **/
#sub-navigation {
    /*margin-top: -20px;*/
    margin-bottom: 22px;
    margin-left: 35px;
    /*padding: 0px;*/
}

#sub-navigation ul {
    list-style: none;
}

#sub-navigation ul li {
    float: left;
    margin-right: 15px;
    font-size: 90%;
    background-image: url('/sites/geencentteveel/images/subnavigatie.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 18px;
}


.purple
{
	color: #632166;
}
.orange
{
	color: #FF7F00;
}

.small
{
	font-size: smaller;
}
.x-small {
	font-size: x-small;
}
li.pdf_list
{
	list-style-image: url(/sites/global/images/pdficon.gif);
}
p.assurantie_tekst
{
	margin: 5px;
	text-align: center;
}

/** voor contactpagina wat extra **/
h1.underline
{
	border-bottom: 1px solid #632166;
	height: 20px;
	margin-bottom: 5px;
	padding-left: 20px;
	width: 350px;
}

p.small {
	font-size:90%;
	margin: 0 0 5px 75px;
}

table#contact {
	border-collapse: collapse;
	font-size: 100%;
	margin: 30px 0 30px 75px;
}

table#contact td {
	padding: 0;
	padding-bottom: 30px;
	vertical-align: top;
}

table#contact div#mail,
table#contact div#phone {
	background-color: #bed6fb;
	font-size: 110%;
	height: 50px;
	padding-left: 60px;
	padding-top: 20px;
	width: 215px;
}

table#contact div#mail {
	background: #bed6fb url(/sites/geencentteveel/images/mail_icon.gif) no-repeat 5px 5px;
}
table#contact div#phone {
	background: #bed6fb url(/sites/geencentteveel/images/telefoon_icon.gif) no-repeat 5px 5px;
}
table#contact div#phone em
{
	font-size: 70%;
	font-style: normal;
}

/** informatie pagina's **/
    div.reader {
    
        display:block;
        margin: 35px 75px;
    
    }
    
    div.reader h2 {
        margin: 0;
    }

    
    div.reader p, div.reader ul {
    
        font-size: 0.9em;
        width: 400px;
    
    }
	div.reader.wide p, div.reader.wide ul {
		width: 600px;
	}
	div.reader address {
		font-size: 0.9em;
		padding-bottom: 20px;
		width: 500px;
	}
	div.reader img {
		margin-bottom: 20px;
	}
	div.reader hr {
		border: 0;
		background-color: #EEE;
		height: 1px;
		margin-bottom: 20px;
	}
	
	/*** header styles ***/
    
    h1.info,
    h2.info,
    h3.info,
    h4.info {
        border-top: 2px solid #BED6FB;    
    }
    
    h1.info span,
    h2.info span,
    h3.info span,
    h4.info span {
        background:#BED6FB url(/sites/geencentteveel/images/info-icon.gif) no-repeat scroll 5px 5px;
		color: #000;
        display: block;
		font-size: 18px;
		font-weight: normal;
        height: 30px;
        padding-left: 60px;
        padding-top: 10px;
        width: 600px;
    }
	
	h1.warning {
		background: transparent url('../images/warning_large.png') no-repeat 0 0;
		height: 50px;
		line-height: 1;
		margin-left: 20px;
		padding-left: 55px;
	}
	

	.no-top-margin {
		margin-top: 0 !important;
	}
	.no-bottom-margin {
		margin-bottom: 0 !important;
	}
	
	
	/****
	 *loading popup style (YUI.widget.Overlay)
	 **/
	
	div#popup_loading
	{
		background: #fcfcfc;
		border: 2px solid #632166;
		height: 100px;
		position: absolute;
		width: 300px;
		visibility: hidden;
		z-index: 100;
	}
	div#popup_loading .bd p {
		display: block;
		font-size: 0.9em;
		text-align: center;
	}
	div#popup_loading .bd img{
		display: block;
		margin: auto;
	}