/* CSS Document */
/*
purple: cc0099
*/
body{
	background:url(../gfx/body.jpg) 50% 0;
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	text-align:center;
}
a img{
	border:0;
}
/********************************************* layout */
#wrapper{
	width:962px;
	height:637px;
	margin: 0 auto;
	position:relative;
	text-align:left;
}
#search{
	background:url(../gfx/div-zoek.gif) no-repeat;
	width:263px;
	height:38px;
	padding:9px 0 0 9px;
	position:absolute;
	left:700px;
	top:10px;
}
#nav{
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	left:220px;
	top:59px;
}
#portletLft{
	width:120px;
	height:450px;
	position:absolute;
	top:150px;
	left:15px;
	text-align:center;
}


#main{
	width:730px;
	height:505px;
	position:absolute;
	top:103px;
	left:138px;
}

#contentLft{
		width:305px!important;
		width:295px;		
		height:485px;
		overflow:auto;
		margin:10px 0 10px 10px; 
		float: left;
}

#contentRgt{
		width:384px;
		height:375px;
		margin:10px 15px 10px 10px!important;
		margin:10px 10px 10px 15px;		
		float: right;
		border: black 1px solid;
		position:relative;
		z-index:50;		
}

#contentRgt iframe {
		width: 384px;
		height:375px;
}

#footer{
	width:962px;
	margin:0 auto;
	text-align:center;
	padding:20px 0 0 0 ;
	position:relative;
}
/*************************************************  common  */
body{
	font-family:tahoma, verdana, arial;
	font-size:0.7em;
	line-height:1.7em;
}
p{
	margin:0;
	margin:0 15px 20px 0;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	padding-top: 5px;
	padding-bottom: 10px;
}
h1{
	font-size:1.4em;
	font-weight:bold;	
}
h2{
	font-size:1.2em;
	font-weight:bold;	
	padding-bottom: 0;
}
a:link, a:visited, a:active {
	color:#cc0099;
	font-weight:bold;
}
a:hover{
	color:#cc0099;
	font-weight:bold;
	text-decoration: none;
}
#contentLft img {
	margin: 5px 7px 0 0;
}
#search input{
	margin:0;
	padding:0;
	float:left;
	border:solid black 1px;
}
#search .searchInput{
	height:19px;
}
#search .searchBtn{
	float:left;
	margin:0 0 0 10px;
	border:none;
}
#footerBlock{
	float:right;
}
#disclaimer{
	float:left;
}
/************************************************  nav  */

#nav li{
	overflow:hidden;
	float:left;
}

#nav li a{
	display:block;
	width:105px;
	height:43px
}

#nav li a:hover{
	background-position:0 -43px;
}

.selected #intro, .selected #devideos, .selected #wedstrijden, .selected #delinks, .selected #overdezesite {
	background-position:0 -43px;
}

		#intro{
			background:url(../gfx/a-intro.jpg);
		}
		#devideos{
			background:url(../gfx/a-videos.jpg)
		}
		#wedstrijden{
			background:url(../gfx/a-wedstrijd.jpg);
		}
		#delinks{
			background:url(../gfx/a-links.jpg);
		}
		#overdezesite{
			background:url(../gfx/a-overdezesite.jpg);
		}
/************************************************  portlet  */
#portletLft img{
	border:solid #039bad 1px;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

#portletLft a:hover img{
	border:solid white 1px;
}
#portletLft .upload {
	width:85px;
	height:85px;
	display:block;
	position:relative;
	margin:0 auto;
}
#portletLft .upload span{
	background:url(../gfx/a-upload.jpg);
	width:85px;
	height:85px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}

hr {

}