/* Begin Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px;
vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* End reset */

html { overflow-y: scroll;}

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #000000;
	
}

a { color:#ff5a00; font-weight:bold;}
a:hover { color:#ff5a00;}

h2 {color: #ff5a00; font-size: 16px; font-weight:bold; margin-bottom:15px;}

.error {color:#F00; font-weight:bold;}

#header {width: 100%;height:252px;background: #ff5a00;margin: 0 auto; border: 0px solid #000000;text-align: center; display: block;}
#headerContent {width: 960px;	background-color:#ff5a00;	padding: 0 0px; 	margin: 0 auto;	}
	
#bodyContent {	width: 960px;	background-color:#fff;	padding: 0 0px; 	margin: 20px auto;	display: block;	text-align:left;	}	
#footerOrange {	width: 100%;  	height:46px;	background: #ff5a00;	margin: 0 auto; 	border: 0px solid #000000;	text-align: center; 	display: block;}	

#footerLogo {	width: 960px;  	height:150px;	background: #fff;	margin: 0 auto;	border: 0px solid #000000;	text-align: right;	display: block;}	

.left { width:384px; float:left;}
.left p{ line-height:16px; margin-top:15px}	

.right {width:450px; float:right; text-align:right; padding-right:5px; padding-top:5px;}

.full { width:945px; float:left;}

.video { background: #ff5a00; padding:6px; width:418px; margin-top:5px; display:block;}

.rightPicture { background: #ff5a00; padding:6px; width:418px; margin-top:5px; display:block;}

.clear { clear:both;}

.logo { display:block; float:left; }

ul#nav  {float:left; margin-top:205px;}
ul#nav li { color:#fff; float:left;}
	
	ul#nav li#pictures a{ text-indent:-9000px; background-image:url(/gfx/nav-pictures.png);width:137px; height:47px; display:block; }
	ul#nav li#pictures a:hover{ background-image:url(/gfx/nav-pictures-on.png);}
	
	ul#nav li#ons-huis a{ text-indent:-9000px;background-image:url(/gfx/nav-onshuis.png);width:124px; height:47px; display:block; }
	ul#nav li#ons-huis a:hover{ background-image:url(/gfx/nav-onshuis-on.png);}
	
	ul#nav li#pip-en-ruud a{ text-indent:-9000px;background-image:url(/gfx/nav-pip-en-ruud.png);width:71px; height:47px; display:block; }
	ul#nav li#pip-en-ruud a:hover{ background-image:url(/gfx/nav-pip-en-ruud-on.png);}
	
	ul#nav li#orange-babies a{ text-indent:-9000px;background-image:url(/gfx/nav-orange-babies.png);width:162px; height:47px; display:block; }
	ul#nav li#orange-babies a:hover{ background-image:url(/gfx/nav-orange-babies-on.png);}	
	
	ul#nav li#route a{ text-indent:-9000px;background-image:url(/gfx/nav-route.png);width:76px; height:47px; display:block; }
	ul#nav li#route a:hover{ background-image:url(/gfx/nav-route-on.png);}		
	
ul#nav li a { color:#fff; cursor:pointer; }

input.aanmeldForm { border:0px; text-align:right;background-image:url(/gfx/input-back.png); height:40px; width:310px; margin-bottom:10px; margin-top:5px; padding: 0 14px 0 0; color:#fff; font-size:24px;}
input.aanmeldButton { margin-top:15px;}

/*
 jCarousel
*/
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 125px;
    height: 125px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*
Thickbox
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*
Skin
*/

.jcarousel-skin-ie7 .jcarousel-container {

}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 735px;
    padding: 0px 60px 0px 140px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 125px;
    height: 245px;
    padding: 0px 0px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  660px;
    height: 130px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  125px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 125px;
    height: 125px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 45px;
    height: 88px;
    cursor: pointer;
    background: transparent url(/gfx/next.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -45px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -45px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -45px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 45px;
    height: 88px;
    cursor: pointer;
    background: transparent url(/gfx/prev.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -45px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -45px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -45px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 45px;
    height: 88px;
    cursor: pointer;
    background: transparent url(/gfx/next.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/gfx/prev.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}