/* default CSS for bonar TF */

body { margin:0; padding:0; }

* { margin:0; padding:0; }

img{ border:none; }

/* algemene terugkerende classes */

.Holder { clear:both; width:100%; }

.Center { text-align:center; }	
.Centered { margin:0 auto; text-align:left; position:relative; }

.Column { float:left; }

.Span-14	{ width:990px }

/* The new clearfix method */

.Clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .Clearfix             { zoom: 1; }
*:first-child+html .Clearfix { zoom: 1; }

/************************************************************* Begin design **********************************************************/

body { background:#C00120 url(img/back_body.jpg) center top no-repeat; color:#663333;  }

a{
	color:#663333;
}

a:hover{
	text-decoration:none;
}

/* top
*****************************/

#top { margin-top:25px; height:110px; }

#logo { display:block; width:155px; height:93px; background:url(img/logo_slogan.png) top left no-repeat; float:left; margin-left:25px; }

#logo strong { position:absolute; top:-9999px; outline:none; }

#baseLine { float:left; text-indent:-9999px; width:210px; height:28px; background:url(img/logo_slogan.png) -167px -28px no-repeat; margin:30px 0 0 20px; }

#langNav{
	position:absolute;
	width:100px;
	height:20px;
	top:-80px;
	right:100px;
}

#langNav a{
	color:#FFCC00;
	font-weight:bold;
}

#langNav a:hover{
	text-decoration:none;
}

/* movie
*****************************/

#movie { position:absolute; top:15px; left:23px; }

/**** Psychologe splash page ****/
#psychoBox { position:absolute; top:15px; left:23px; }

.psychoTitel{
	position:absolute;
	left:220px;
	top:10px;
	width:400px;
	height:60px;
}

.psychoImg{
	position:absolute;
	width:204px;
	height:362px;
	left:10px;
	top:23px;
	background:url(../images/psychoLarge.jpg) no-repeat;
}

.psychoMenu{
	position:absolute;
	width:270px;
	height:303px;
	left:300px;
	top:55px;
	background:url(../images/submenu.jpg) no-repeat;
}

.psychoMenu a.linkMarshmallow{
	position:absolute;
	display:block;
	width:217px;
	height:71px;
	left:8px;
	top:11px;
}

.psychoMenu a.linkFishstick{
	position:absolute;
	display:block;
	width:232px;
	height:82px;
	left:14px;
	top:93px;
}

.psychoMenu a.linkKinderen{
	position:absolute;
	display:block;
	width:230px;
	height:82px;
	left:24px;
	top:202px;
}

/* nav
*****************************/

#nav { width:240px; height:auto; background:url(img/back_nav.png) top left repeat-y; position:absolute; right:72px; top:5px; }

#nav ul, #nav ul li { list-style:none; margin:0; padding:0; }

#nav ul li a { display:block; font-family: 'ArialRounded', sans-serif; font-size:1.4em; color:#fff; text-decoration:none; text-shadow:#63030c -1px -1px 0px; padding:10px 15px 15px 15px; background:url(img/back_nav_a.png) bottom left no-repeat; }

#nav ul li.Last a { background:none; }

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active,  #nav ul li a.Active { color:#FC0; }

/****  IMAGE MAP-MENU  ****/
#imgMenu{
	width:277px;
	height:571px;
	position:absolute;
	left:680px;
	top:-50px;
	background:url(../images/menu.png) no-repeat;
}

#imgMenu a.linkHome{
	position:absolute;
	display:block;
	width:127px;
	height:39px;
	left:60px;
	top:11px;
}

#imgMenu a.linkIglo{
	position:absolute;
	display:block;
	width:233px;
	height:96px;
	left:19px;
	top:56px;
}

#imgMenu a.linkPsycho{
	position:absolute;
	display:block;
	width:208px;
	height:70px;
	left:35px;
	top:154px;
}

#imgMenu a.linkFree{
	position:absolute;
	display:block;
	width:222px;
	height:87px;
	left:30px;
	top:230px;
}

#imgMenu a.linkExtra{
	position:absolute;
	display:block;
	width:192px;
	height:59px;
	left:47px;
	top:328px;
}

#imgMenu a.linkUpload{
	position:absolute;
	display:block;
	width:180px;
	height:79px;
	left:51px;
	top:395px;
}

/* scrollpane
***************************/

#scrollContent { width:645px; float:left; margin:30px 0 0 4px; }

.ScrollPane { height:355px; padding-left:34px; width:610px !important; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; outline:none; cursor:text}

/*.jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; top: 0; height: 100%; }*/

.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; height:39px !important; background:url(img/scrollpane_drag.gif) top left no-repeat; }

.jScrollPaneDrag:hover { background-position:top right; }

.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }

.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

/* form
****************************/

form, fieldset { margin:0; padding:0; border:0; }

fieldset { margin-bottom:1em; } fieldset.Last { margin:0; }

/*#sendToFriend fieldset { width:295px; float:left; }*/

legend { font-family: 'ArialRounded', sans-serif; font-size:1.4em; margin-bottom:0.5em; color:#900; }

.Row { margin:0 0.5em 0.5em 0; }

.Third { margin:0 0 0.5em }

label { position:relative; }

label span, form p { display:block; clear:both; width:180px; margin:0 0 3px 0; font-size:0.9em; font-weight:bold; }

.InputText { border:1px solid #ccc; float:left; background:url(img/inputtext.gif) top left no-repeat; font-size:0.9em; color:#666; padding:4px 8px 4px; width:180px }

.InputText:focus, .InputText:hover { border-color:#FC0; }

.InputText:focus { color:#333 }

.InputStraat{
	width:128px;
}

.InputNummer{
	width:28px;
	margin-left:6px;
}

.InputPostcode{
	width:46px;
}

.InputGemeente{
	width:110px;
	margin-left:6px;
}

form .Last { margin:0; }

.InputSubmit { font-family:Arial, Helvetica, sans-serif; margin-top:0.5em; -moz-border-radius:2px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5); background:url(img/inputsubmit.gif) repeat-x scroll 0 0 #E33100; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#FFFFFF; cursor:pointer; display:inline-block; padding:5px 10px 6px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); font-weight:bold; 
}

.submitBox{
	position:absolute;
	right:0;
	bottom:0;
}

.imgLinks{
	padding-right:15px;
}

.imgRechts{
	padding-left:15px;
}

div.error{
	height:25px;
	color:#F00;
	font-weight:bold;
}

input.error{
	border:#F00 1px solid;
	color:#F00;
}

span.error{
	color:#F00;
}

.spanGeslacht{
	height:29px;
}

.geslacht{
	display:block;
	float:left;
	width:60px;
	clear:none;
	padding-top:7px;
}

.shareBox{
	width:600px;
	height:25px;
	position:absolute;
	top:459px;
	left:30px;
}

.shareBox .facebookShare{
	float:left;
	margin-left:10px;
	padding-top:2px;
}

.shareBox .facebookShare .fb_share_count_nub_top, .shareBox .facebookShare .fb_share_count {
	display:none;
}

.shareBox .facebookRecommend{
	float:left;
	width:125px !important;
	margin-left:10px;
	overflow:hidden !important;
	padding-top:1px;
}

.shareBox .twitterShare{
	float:left;
	margin-left:10px;
}

.shareBox .disclaimer{
	float:right;
	display:block;
	padding-top:3px;
	color:#FFCC00;
	font-weight:bold;
}

.shareBox .disclaimer a{
	color:#FFCC00;
}

.startVideo{
	width:640px;
	height:385px;
	display:block;
}

.filmpje{
	width:240px;
	height:240px;
	float:left;
	margin:0 20px 15px 0;
	text-align:center;
}

.filmpje span{
	display:block;
	margin-top:8px;
}

#overlayPsycholoogA{
	width:141px;
	height:224px;
	background:url(../images/overlayPsychologeA.png) no-repeat;
	position:absolute;
	left:-58px;
	top:229px;
}

#overlayPsycholoogA a{
	display:block;
	width:141px;
	height:224px;
}

#overlayPsycholoogB{
	width:253px;
	height:72px;
	background:url(../images/overlayPsychologeB.png) no-repeat;
	position:absolute;
	left:83px;
	top:381px;
}

#overlayPsycholoogB a{
	display:block;
	width:253px;
	height:72px;
}

.backButton{
	position:absolute;
	right:0;
	z-index:500;
}