/* 
Website: Parels aan de Maas
Author: CYBOX internet & communicatie, Boxmeer, www.cybox.nl
*/

/* default
--------------------------------------------------------------------------------------*/

body {
	background-color: #ffffff;
	font-family:  Trebuchet MS, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	background-image: url('../images/bgp.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0;
}
a {
	color: #ff3300;
}
a:hover {
	color: #6f171a;
}
p {
	margin-bottom: 10px;
	line-height: 18pt;
}

h1 { 
	font-size: 42px;
	color: #ff3300;
	margin-bottom: 20px;
}
h2 {
	font-size: 21px;
}

#container {
	width: 960px;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
}

#container .menu {
	position: absolute;
	top: 192px;
	left: 0px;
}
#container .menu ul {

}
#container .menu ul li {
	margin-right: 10px;
	font-size: 20px;
	position: relative;	
}
#container .menu ul li a {
	display: block;
	width: 190px;
	padding-left: 90px;
	color: #fff;
	text-align: left;
	font-style: italic;
	text-decoration: none;
	padding-bottom: 14px;
}
#container .menu ul li a:hover {
	color: #a8e1ff;
}
#container .menu ul li .parel {
	position: absolute;
	left: 0;
	top: -5px;
}
#container .menu ul li .parel .glans {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;

	background-image: url('../images/shine.png');
	background-repeat: no-repeat;
	display: none; border: 0px solid #000;
}

#container .content {
	width: 625px;
	position: absolute;
	top: 180px;
	left: 320px;
	line-height: 18pt;
}
#container .logo {
	position: absolute;
	top: 10px;
	right: 0px;
}
#container .payoff {
	position: absolute;
	top: 70px;
	right: 0px;
	font-size: 22px;
	color: #660000;
	font-style: italic;
}
#container .rik {
	position: absolute;
	top: 720px;
	left: 40px;
}
#container .rik .balloon {
	padding: 15px; background-color: #a6e0ff; border: 1px solid #95d3f5; position: absolute; bottom: 0; left: 0px; width: 180px; }
#container .rik .balloon .tip {
	position: absolute; left: 60px; top: -10px; }	

/* Home
--------------------------------------------------------------------------------------*/

.elements {
	width: 610px;
	height: 360px;
	border: 0px solid #f00;
	position: relative;
	margin-left: 3px;
}
.elements .element {
	width: 284px;
	height: 171px;
	display: block;
	border: 0px solid #f0f;	
	background-repeat: no-repeat;
}
.elements .element a {
	display: block;
	width: 284px;
	height: 171px;	
}
.elements .aarde { position: absolute; left: 40px; top: 0; background-image: url('../images/element_aarde.png'); }
.elements .lucht { position: absolute; right: 10px; top: 0; background-image: url('../images/element_lucht.png'); }
.elements .water { position: absolute; left: 0; bottom: 0; background-image: url('../images/element_water.png'); }
.elements .vuur { position: absolute; right: 50px; bottom: 0; background-image: url('../images/element_vuur.png'); }

.elements .play { position: absolute; left: 215px; top: 100px; cursor: pointer; }
.player { width: 300px; height: 100px; color: #fff; display: none; padding: 20px; position: absolute; left: 120px; bottom: 250px; background-image: url('../images/player.png'); }

.weekopdrachtfoto { float:left; margin-right: 20px; margin-bottom: 10px; border:1px solid #f00; }

/* Pagina's
--------------------------------------------------------------------------------------*/

.sidebar { width: 244px; float: right; margin-left: 20px; margin-bottom: 20px; }
.sidebar strong { color: #249ce8; }
.sidebar .hoofdfoto { padding: 8px; background-color: #fff; border: 1px solid #ff3300; }
.sidebar .thumb { padding: 2px; background-color: #fff; border: 1px solid #ff3300; float: left; margin-right: 10px; margin-bottom: 10px; }
.sidebar .naw { padding: 15px; background-color: #a6e0ff; border: 1px solid #95d3f5; line-height: 13pt; }


.subrik {
	 margin-top: -30px;  position: absolute; top: 27px; left: 220px;
}
.subrik-balloon {
	padding: 15px; background-color: #a6e0ff; border: 1px solid #95d3f5; width: 210px; 
}
.subrik-balloon a {
	font-size: 13px;
	font-weight: bold;
}
.subrik-balloon-tip {
	position: absolute; left: 170px; top: -17px;
}

/*leerkrachtenrik*/
.subrik-rechts {
	float: right;
	width: 290px;
	position: absolute;
	right: 0;
	top: 0;
}
.subrik-rechtsimg {
	position: absolute;
	right: 0;
	top: 0;
}
.subrik-rechts .subrik-balloon {
	position: absolute;
	right: 0;
	top: 120px;
}

.subnavigatie  li a {
	color: #4379a2; text-decoration: none;
	display: block; padding-left: 20px;
	background-image: url('../images/subnavbull.gif');
	background-repeat: no-repeat;
}
.subnavigatie  li a:hover {
	color: #000; text-decoration: none;
}

/* Rik @ weetje / opdracht van de week  */
.weetje_rik, .opdracht_rik {
	float: right;
}


/* Listing pagina's 
---------------------------------------------------------------------------------------*/

.listitem {
	border-bottom: 1px solid #f00;
	padding-top: 20px;
	padding-bottom: 40px;
	position: relative;
	background-image: url('../images/meer.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height:110px;
}
.listitem .thumb {
	width: 150px;
	height: 120px;
	overflow: hidden;
	float: left; 
	margin-right: 20px;
	margin-bottom: 10px;	
}
.listitem .thumb img {
	margin-left: -75px;
}
.listitem a {
	display: block;
	width: 624px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid #000;
	z-index: 9;
}
.listitem a:hover {
	background-image: url('../images/listselect.png');
	background-position: top left;
	background-repeat: repeat-y;
}
.listitem a img {
	width: 624px;
	height: 150px;
}
.kids {
	background-image: url('../images/meerlog.png');
}

.fotoalbum li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.fotoalbum li img {
	border:1px solid #f00;
}

#emaillink {
	display:block;
	margin:30px auto;
	width:200px;
}