@charset "UTF-8";
/* CSS Document */




/*=========================================== GENERAL LAY-OUT */
#container {	
	width: 1100px;
	min-height:1000px;
	background:url(../jpeg/container_bg.jpg) repeat-y;
	margin: 0 auto;
}

#container_end {	
	width: 1100px;
	height: 35px;
	clear:both;
}


/* LAY-OUT NAVIGATION*/

#nav {
	background:url(../jpeg/nav-bg.jpg) repeat-y;
	min-height:1000px;
	width:425px;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}



#nav-bottom {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height:370px;
	background:url(../jpeg/nav-bottomimg2.jpg) no-repeat;
}


#nav-btns li {
	list-style:none;
	height:70px;
	width:250px;
	margin:0 0 0 80px;
	padding:0;
}


#nav-top {
	margin: 0 0 0 0;
	height:140px;	
}



/* LAY-OUT MAIN*/

#main {
	/*background:url(../jpeg/main-bg.jpg) repeat-y;*/
	min-height:1000px;
	width:675px;
	float:right;
}



#main-content {
	width:600px;
	margin: 0 50px 0 0px;
}




#boek1promo {
	margin-top:390px;
	min-height:236px;
	background:url(../jpeg/home-boekpromo.jpg) no-repeat;
}


#boekpromo {
	margin-top:200px;

}


/* LAY-OUT KIDSPAGINA*/

#txt {
	float:right;
	width:312px;
	margin: 0 0 20px 10px;
}

#kids_spionnen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color: #B14D31;
	margin: 20px 0 0 5px;
}

.inleidendtekstje {
	color:#B14D31;
}


.oplos {
	color: #B14D31;
	font-size:20px;
	margin: 20px 0 0 5px;
}


#input3 a:hover{
	color: #B14D31;
	text-decoration:none;
}

#logostreek {
	margin: 10 px 0 0 10px;
}



/*LAY-OUT SCHRIJVER*/
#schrijf {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	color: #017BA9;
	margin: 0 0 0 5px;
}


.interviewer {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color: #017BA9;
	float:left;
	clear:both;
	margin: 35px 0 10px 0;
}

#inl-schrijver {
	float:left;
	width:350px;
	clear:both;
}

#main-content-schrijver {
	background:url(../jpeg/schrijver-bg.jpg) no-repeat;
	width:600px;
}




/*LAY-OUT HOME*/
#prent_home {
	margin:-6px 0 0 0;
}

#txt_home {
	float:right;
	width:250px;
	margin: 0 0 0 10px;
}



/* LAY-OUT BOEKEN*/

#boek1 a {
	color:#116F3D;
	font-size:20px;
}

#boek1 a:hover {
	color:#116F3D;
	text-decoration:none;
}

#boek2 a {
	color:#116F3D;
	font-size:20px;
}

#boek2 a:hover {
	color:#116F3D;
	text-decoration:none;
}

#bestel {	
	margin:15px 0 20px 0;
		color:#116F3D;
	font-size:20px;
}





/* LAY-OUT PERSONAGES*/


#main-content-personages {
	background:url(../jpeg/personages_bg2.jpg) no-repeat;
}


#spionnen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	color: #99277E;
	margin: 0 0 0 5px;
}

.personages h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color: #99277E;
}

.personages p {
	width:280px;
}

#paddy {
	height:450px;
	width:250px;
}

#harry {
	height:450px;
	
}

#esmeralda {
	height:450px;
}

#kingcobra {
	height:450px;
}


#profcroque {
	height:360px;
}



/* LAY-OUT EXTRA*/
#extra_spionnen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	color: #00a9a1;
	margin: 0 0 0 5px;
}

.extra_tittel {
	color: #03887B;
}


#facebook {
	background:url(../jpeg/extra_bg_fb.png) bottom no-repeat;
	min-height: 350px;
}
#kamp {
}

#extra_fbtxt {
	width: 350px;	
}

/*=========================================== GENERAL TYPO */
p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 23px;	
}

.pages {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#999;
	margin: 100px 0 10px 0;
}

/* 
#boek1 p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	line-height: 25px;

}
*/


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:24px;	
	color:#116F3D;
}


/*=========================================== PICTURE-CLASSES*/

.rightimg {
	float:right;
}

.leftimg {
	float:left;
}




/*=========================================== ROLLOVER*/
#BTN1{
	color: red;
	visibility:hidden;
	
}

#BTN1 a:hover {
	background:url(../jpeg/nav-btn1-b_HOVER.jpg) no-repeat;
}