/*------------------------------------------------------------------
[Master Stylesheet]

Project:		voorleesexpress.nl	
Version:		1.0
Last change:	05/03/10 [mb]
Assigned to:	Marc Bruisten (mb)
Made by:		Evident Interactive

--------------------------------------------------
[Color codes]

brown		#5A2900 

--------------------------------------------------
[Table of contents]

01. global_settings

-------------------------------------------------------------------*/

/**------ global_settings ------**/
* {padding:0;margin:0;outline:none;}
img {border:0}
cite, em, dfn {font-style:italic}
big {font-size:115%}
small, sup, sub {font-size:85%}
sup {vertical-align:super}
sub {vertical-align:sub}
blockquote *:first-child:before {content:"\201C"}
blockquote *:first-child:after {content:"\201D"}
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;/*font-weight:normal*/}

.hideme {position:absolute;left:0;top:-5000em}
.nodisplay {display:none}
.floatleft {float:left}
.floatright {float:right}
.error {color:red}
.strong {font-weight:bold}

/**------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------**/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/**------ generic_layout ------**/

ul.clearfix {list-style-type:none}
ul.clearfix li {float:left}

body {
	background:white url('/includes/img/voorleesexpress/wallpaper.gif') repeat fixed;
	font-size:62.5%;
	font-family:"Trebuchet MS";
}

#wrapper {
	position:relative;
	width:790px;
	margin:0pt auto;
	padding:10px 0;
	overflow:hidden;
}

/**------ master_layout	------**/

	#ctrNav {
		width:790px;
		height:126px;
		background-color:transparent;
	}

	#ctrCcontent {
		background:transparent url('/includes/img/voorleesexpress/bg_content.gif') repeat-y top left;
	}
	
		#content-home {
			padding-top:25px;
			background:transparent url('/includes/img/voorleesexpress/bg_paginatitel.gif') no-repeat top left
		}
		#content-sub {
			padding-top:50px;
			background:transparent url('/includes/img/voorleesexpress/bg_paginatitel.gif') no-repeat top left
		}
			#content-home #ctrIntro {height:409px}



	/* homepage_specific */

	#footer-home {
		position:relative;
		height:215px;
		background:transparent url('/includes/img/voorleesexpress/bg_footer_home.gif') no-repeat left -25px;
	}
		#footer-home ul#news-preview {
			position:absolute;
			top:40px;left:25px;
			font-size:1.1em;
			list-style-type:none;
		}
		
		#footer-home ul#forum-preview {
	        position:absolute;
			top:40px;left:316px;
			font-size:1.2em;
			list-style-type:none;
	    }
	    
			#footer-home ul#news-preview li,
			#footer-home ul#forum-preview li {
				color:white;
				padding-right:10px;
				width:300px
			}
			#footer-home ul#news-preview li h2 {font-size:1.1em;font-weight:bold;color:#FFF79C}
			#footer-home ul#news-preview li h2 span {font-weight:normal;padding-left:5px;}
			#footer-home ul#news-preview li a,
			#footer-home ul#forum-preview li a {color:white;text-decoration:underline;font-weight:bold;}
			#footer-home ul#news-preview li a:hover,
			#footer-home ul#forum-preview li a:hover {color:white;text-decoration:none}
			 

		a#morenews {
		    position:absolute;
		    top:139px;left:25px;
		    color:White;
		    font-size:1.2em;
		}
			a#morenews:hover {
				text-decoration:none;
			}
		
		#footer-home a#sitecorepromo {
		    display:block;
		    position:absolute;
			top:100px;right:20px;
			width:96px;height:25px;
			background:transparent url('/includes/img/voorleesexpress/sitecore.gif') no-repeat top left;
			text-indent:-5000px;
		}
				
		#footer-home ul#disclaimer {
			position:absolute;
			top:170px;left:20px;
			list-style-type:none;
			font-weight:bold;
		}
			#footer-home ul#disclaimer li {
				float:left;
				padding-right:10px;
			}
			    #footer-home ul#disclaimer li a {color:#FFF79C;text-decoration:none}
			    #footer-home ul#disclaimer li a:hover {color:#FFF79C;text-decoration:underline}

		#footer-home a#support {
		    position:absolute;
		    width:281px;height:21px;
		    top:190px;
		    right:25px;
		    text-indent:-5000px;
		    background-image:url('/includes/img/voorleesexpress/footertabblad_voorlees.gif');
		    background-repeat:no-repeat;
		    background-position: top left;
		}
	
	/* subpage_specific */
	
	#ctrText {
		width:440px;
		float:left;
		padding:0 50px 0 60px;
		/*background:gray;*/
		color:white;
	}
	
	#ctrSubCol {
		width:185px;
		float:left;
		/*background:yellow;*/
		color:white;
	}
	
	#ctrTextFull {
		width:698px;
		float:left;
		padding:0 50px 0 40px;
		/*background:black;*/
		color:white;
	}

		#ctrText a, #ctrTextFull a {color:#84B59C}
		#ctrText a:hover, #ctrTextFull a:hover {color:#fff79c}
		#ctrText h1, #ctrTextFull h1 {color:#EF5200;font-size:1.8em;margin-top:.5em}
		#ctrText h2, #ctrTextFull h2 {color:#FFBB33;font-size:1.6em;margin-top:.5em}
		#ctrText ol, #ctrTextFull ol,
		#ctrText p, #ctrTextFull p {font-size:1.2em}
		#ctrText p.intro p, #ctrTextFull p.intro p {font-size:1em}
		#ctrText ul, #ctrTextFull ul {font-size:1.2em;list-style-position:inside;margin:1em 0}
		#ctrText img {border-width:0}
			
			#ctrText p.intro,
			#ctrTextFull p.intro {color:#FFBB33;font-weight:bold;margin-bottom:.5em}
	
	ul.image-listing {
        width:185px;
        list-style-type:none; 
	}
	    ul.image-listing li {
	        
	    }
	    ul.image-listing li img 
	    {
                margin: 5px;
	            border:3px solid #84B59C;
	    }
	    
    
    	
	dl.listing {
	    width:185px;
	    /*margin-right:65px;*/
	    padding-bottom:20px;
	    margin-bottom:20px;
	    background:transparent url('/includes/img/voorleesexpress/bg_listing_bottom.gif') no-repeat bottom right;
	    font-size:1.2em;
	    }
	    
	    dl.listing dt {
	            height:20px;
	            padding-top:20px;
	            display:block;
	            text-indent:-5000px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top.gif') no-repeat top right;
	    }
	    
	    dl#listing-links dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_links.gif') no-repeat top right;
	    }
	    dl#listing-downloads dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_downloads.gif') no-repeat top right;
	    }
	     dl#listing-situatie dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_situatie.gif') no-repeat top right;
	    }
	     dl#listing-actueel dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_actueel.gif') no-repeat top right;
	    }
	     dl#listing-contact dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_contact.gif') no-repeat top right;
	    }
	    dl#listing-bezoekadres dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_bezoekadres.gif') no-repeat top right;
	    }
	    dl#listing-postadres dt {
	            height:25px;
	            background:transparent url('/includes/img/voorleesexpress/bg_listing_top_postadres.gif') no-repeat top right;
	    }
	    
	        /*
	        dl.listing div.list-title-downloads {
	            height:15px;
	            background:transparent url('/includes/img/voorleesexpress/subtitel_links.gif') no-repeat 5px 0px;
	            text-indent:-5000px;
	        }
	        dl.listing dt.list-title-links {
	            background:transparent url('/includes/img/voorleesexpress/subtitel_links.gif') no-repeat top right;
	        }
            */
	        
	    dl.listing dd {
	        padding:0 10px 0 20px;
	        overflow:hidden;
	    }
	        dl.listing dd a {
	            color:#420000;
	            font-weight:bold;
	            text-decoration:underline;
	        }
	        
	        dl#listing-contact dd a {
	            font-size:.8em;
	        }

	#footer-sub {
		position:relative;
		height:80px;
		padding-bottom:25px;
		background:transparent url('/includes/img/voorleesexpress/bg_footer_sub.gif') no-repeat top left;
	}

        #footer-sub ul#disclaimer {
			position:absolute;
			top:55px;left:130px;
			list-style-type:none;
		}
			#footer-sub ul#disclaimer li {
				float:left;
				padding-right:10px;
			}
			    #footer-sub ul#disclaimer li a {color:#FFF79C;text-decoration:none}
			    #footer-sub ul#disclaimer li a:hover {color:#FFF79C;text-decoration:underline}
        
        #footer-sub a#support {
		    position:absolute;
		    width:281px;height:21px;
		    top:80px;
		    right:25px;
		    text-indent:-5000px;
		    background-image:url('/includes/img/voorleesexpress/footertabblad_voorlees.gif');
		    background-repeat:no-repeat;
		    background-position: top left;
		}

		#footer-sub a#sitecorepromo {
		    display:block;
		    position:absolute;
			top:42px;left:18px;
			width:96px;height:25px;
			background:transparent url('/includes/img/voorleesexpress/sitecore.gif') no-repeat top left;
			text-indent:-5000px;
		}



div#ctrTextFull fieldset
{
    border: 0;   
    padding: 5px;
}
div#ctrTextFull fieldset label
{
    width: 150px;
    display: block;
    float: left;
}
div#ctrTextFull fieldset select, div#ctrTextFull fieldset input
{
    float: left;
    
}

#ctrText ul.listing,
#ctrTextFull ul.listing 
{
    list-style-type:none; 
}

#ctrText ul.listing li,
#ctrTextFull ul.listing li 
{
    padding-bottom:20px;
}

#ctrText ul.listing img,
#ctrTextFull ul.listing img 
{
    display:inline;
    margin-right:10px;
    float:left;
    border:3px solid #84B59C; 
}
#ctrText ul.listing h1 a,
#ctrTextFull ul.listing h1 a,
#ctrText ul.listing h1 a:visited,
#ctrTextFull ul.listing h1 a:visited {
	font-size: 14px; 
	font-weight: bold; 
	color: #ef5200;
	text-decoration: underline;
	}
#ctrText ul.listing h1 a:hover,
#ctrTextFull ul.listing h1 a:hover {
	text-decoration: underline; 
	color: #fff79c;
	}

#ctrText ul.listing p,
#ctrTextFull ul.listing p {
	font-size:1em;
	}



/* form layout */

#form-contact {
    width:698px;
    margin:20px 0;
    background: #5A2900 url('/includes/img/voorleesexpress/gallery-background.gif') no-repeat 350px -50px;
}

#form-contact td {padding-bottom:8px;}

#form-contact td.leftcol,
#form-contact td.leftcol label {
    width:175px;
}

#form-contact td.leftcol label {
    display:block;
    text-align:right;
    margin-right:5px;
}

#form-contact td label {
    color:#EF5200;
    font-size:1.2em;
    font-weight:bold;
}

#form-contact td input, #form-contact td textarea {
    background:url('/includes/img/voorleesexpress/formbg.jpg') no-repeat top left; 
	padding: 3px 0 0 3px; 
	font: normal 12px Arial; 
	color: #000000; 
	height: 17px; 
	width: 300px; 
	border: none;
}

#form-contact td textarea {
    height:78px;
}

#form-contact td .checkbox input,
#form-contact td .radiobutton input {
    width:17px;
}

#form-contact td input.submit {
    width:97px;display:block;margin:5px 0;font-size:0;line-height:0;
    background:url('/includes/img/voorleesexpress/contact_verstuurbutton.gif') no-repeat top left;
    text-indent:-5000px;cursor:hand;cursor:pointer;
}

#faqlisting h2 {cursor:hand;cursor:pointer;text-decoration:underline;font-size:1.4em}