/*

************************
*                       *
* AUTOR: RWA Ras (Web-)design *
*     (c) www.rwaras.nl  *
*                        *
************************

*/ 


html {
	width: 100%;
	height: 99%;
	background: #ffb256 url(images/bottom.jpg) bottom repeat-x;
}

body {
	width: 1024px;
	height: 100%;
	margin: 5px auto;
	padding: 0;
	font-family: verdana, sans serif;
	font-size: 13px;
	color: #000;
	text-align: left;
}

body a, body a:visited {
	font-family: verdana, sans serif;
	font-size: 13px;
	color: #ffb256;
	text-decoration: none;
}

body a:hover, body a:active {
	font-family: verdana, sans serif;
	font-size: 13px;
	font-style: normal;
	color: #000;
	text-decoration: none;
}

h1 {
	font-size: 13px;
	font-weight: bold;
	color: #ffb256;
}

h1 a, h1 a:hover, h1 a:active, h1 a:visited{
	font-size: 13px;
	font-weight: bold;
	color: #ffb256;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color: #ffb256;
}

h2 a, h2 a:hover, h2 a:active, h2 a:visited{
	font-size: 13px;
	font-weight: bold;
	color: #ffb256;
}

h3 {
	font-size: 13px;
	color: #ffb256;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 a, h3 a:hover, h3 a:active, h3 a:visited{
	font-size: 13px;
	color: #ffb256;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}


.imgright {
	width: 324px;
	height: 195px;
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}

#header {
	width: 1024px;
	height: 151px;
	background: url(images/header.jpg) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

#container {
	width: 1024px;
	height: 524px;
	background: url(images/container.png) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

#menu {
	width: 594px;
	height: 22px;
	margin: 12px 215px 0 215px;
	padding: 0;
	float: left;
	position: relative;
	color: #ffb256;
	display: block;
}

ul#menulist{
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
	position: relative;
}

ul#menulist li {
	height: 22px;
	margin: 0;
	padding: 0;
	float: left;
	right: 50%;
	line-height: 22px;
	font-weight: bold;
	font-size: 12px;
	position: relative;
}

ul#menulist li  a, ul#menulist li  a:visited {
	color: #ffb256;
	font-weight: bold;
	font-size: 12px;
}

ul#menulist li a:hover, ul#menulist li.active a, ul#menulist li.active a:hover{
	color: #000;
	font-style: normal;
}

#borganisatie a#organisatie, #bjeugdprinsengroep a#jeugdprinsengroep, #bjjbende a#jjbende, #bkijken a#kijken, #blinks a#links, #bcontact a#contact, #bleden a#leden {
	color: #000;
	font-style: normal;
}

#contentholder {
	width: 700px;
	height:428px;
	margin: 37px 162px 0px 162px;
	padding: 0;
	overflow: auto;
}

#content { 
	width: 658px;
	height:408px;
	margin: 20px 21px 0px 21px;
	padding: 0;
}

ul.contact{
	list-style-type: square;
	margin: 0;
	padding: 0;
	color: #ffb256;
}

ul.contact li {
	margin-left: 40px;
	padding: 0;
}

ul.contact li  a, ul.contact li  a:visited {
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

ul.contact li a:hover, ul.contact li.active a, ul.contact li.active a:hover{
	color: #ffb256;
	font-style: normal;
}

ul.contact{
	list-style-type: square;
	margin: 0;
	padding: 0;
	color: #000;
}

ul.contact li {
	margin:0 0 0 40px;
	padding: 0;
}

.leftcontent {
	width: 324px;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

.rightcontent {
	width: 324px;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
}

#inlog {
	text-align: left;
}


#footer  {
	width: 658px;
	height: 43px;
	margin: 3px 183px 0 183px;
	padding: 0;
}

#footertext {
	width: 442px;
	height: 43px;
	margin: 0 0 0 108px;
	font-size: 10px;
	color: #ffb256;
	text-align: center;
	line-height: 63px;
	float: left;
}

#footertext a, #footertext a:visited {
	font-size: 10px;
	color: #ffb256;
}

 #footertext a:hover, #footertext a:active {
	font-size: 10px;
	color: #000;
}

#social {
	width: 108px;
	height: 33px;
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
}

#social img {
	margin: 0 0 0 3px;
	padding: 0;
	float: right;
}


/* SLIMBOX */

	#lbOverlay {

	position: absolute;

	left: 0;

	width: 100%;

	background-color: #000;

	cursor: pointer;

}



#lbCenter, #lbBottomContainer {

	position: absolute;

	left: 50%;

	overflow: hidden;

	background-color: #fff;

}



.lbLoading {

	background: #fff url(java/slimbox/images/loading.gif) no-repeat center;

}



#lbImage {

	position: absolute;

	left: 0;

	top: 0;

	border: 10px solid #fff;

	background-repeat: no-repeat;

}



#lbPrevLink, #lbNextLink {

	display: block;

	position: absolute;

	top: 0;

	width: 50%;

	outline: none;

}



#lbPrevLink {

	left: 0;

}



#lbPrevLink:hover {

	background: transparent url(java/slimbox/images/prevlabel.gif) no-repeat 0% 15%;

}



#lbNextLink {

	right: 0;

}



#lbNextLink:hover {

	background: transparent url(java/slimbox/images/nextlabel.gif) no-repeat 100% 15%;

}



#lbBottom {

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size: 10px;

	color: #666;

	line-height: 1.4em;

	text-align: left;

	border: 10px solid #fff;

	border-top-style: none;

}



#lbCloseLink {

	display: block;

	float: right;

	width: 66px;

	height: 22px;

	background: transparent url(java/slimbox/images/closelabel.gif) no-repeat center;

	margin: 5px 0;

}



#lbCaption, #lbNumber {

	margin-right: 71px;

}



#lbCaption {

	font-weight: bold;

}