/* de echte groene kleur #bdcd00 */

body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

a:link
{
text-decoration:none;
color:#ffffff;
background-color:#1f1f1f;
}

a:visited
{
text-decoration:none;
color:#ffffff;
background-color:#1f1f1f;
}

a:hover
{
text-decoration:none;
color:#000000;
background-color:#bdcd00;
}

#container
{
position:absolute;
width:900px;
margin-left:-450px;
left:50%;
}
	

/********* LOGO ***********/
#boom
{
position:absolute;
left:10px;
top:10px;
border-width:0px;
cursor:pointer;
}

#sumo
{
position:absolute;
left:10px;
top:130px;
}

#jeugdhuissumo
{
position:absolute;
left:10px;
top:245px;
}

/********* VARIA ***********/
.menutekst
{
text-align:right;
font-size:10px;
margin-top:37px;
margin-right:3px;
}

.koptekst
{
font-weight:bold;
}

.klein {
	font-size:9px;
}

small {
	font-size:9px;
	color:#999999;
}

hr {
	height:0;
	border:0;
	color:#1f1f1f;
	border-top:1px dotted #1f1f1f;
}

/********* MENU ITEMS ***********/
.menu_item{
	color:#FFFFFF;
	background-color:#1f1f1f;
	width:50px;
	height:50px;
	cursor:pointer;
}

.menu_item:hover{
	background-color:#bdcd00;
	color:#000000;
}

#agenda{
	position:absolute;
	left:130px;
	top:10px;
}

#media{
	position:absolute;
	left:190px;
	top:10px;
}

#info{
	position:absolute;
	left:130px;
	top:70px;
}

#contact{
	position:absolute;
	left:190px;
	top:70px;
}

#links{
	position:absolute;
	left:250px;
	top:70px;
}

#admin{
	position:absolute;
	left:250px;
	top:10px;
}

#banner {
	position:absolute;
	background-color:#000000;
	left:130px;
	top:130px;
	margin:0;
	padding:0;
	width:600px;
	height:110px;
}

#jhzkt_sticker {
	width:77px;
	height:85px;
	background:url(images/jhzkt_sticker.png) no-repeat top left;
	position:absolute;
	top:85px;
	left:50%;
	margin-left:100px;
	cursor:pointer;
	z-index:2;
	behavior: url(js/iepngfix.htc); 
}

.titel {
	float:right;
	border-width:0;
}

.submenu {
	position:absolute;
	left:130px;
	top:250px;
	width:270px;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
	padding-bottom:20px;
}

.content {
	position:absolute;
	left:430px;
	top:250px;
	width:270px;
	color:#ffffff;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
}

.content_nosub {
	position:absolute;
	left:130px;
	top:250px;
	width:600px;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
	padding-bottom:10px;
	clear:both;
}

.biervandemaand {
	position:absolute;
	left:130px;
	top:517px;
	width:270px;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
}

.volgendeactiviteit {
	position:absolute;
	left:130px;
	top:412px;
	width:270px;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
}

/********* ZIJBALK ***********/

div#zijbalk {
	position:absolute;
	width:149px;
	left:740px;
	top:130px;
}

#zijbalk h3 { 
	margin:0; 
	margin-bottom:8px; 
	cursor:pointer; 
	height:31px;
	width:149px; 
}
	
h3#nieuwstefotos { 
	background: url(images/zijbalk/nieuwstefotos.gif) no-repeat top left;
}
	
h3#nieuwstevideos { 
	background: url(images/zijbalk/nieuwstevideos.gif) no-repeat top left;
}
	
h3#sumoophetnet { 
	background: url(images/zijbalk/sumoophetnet.gif) no-repeat top left;
}
	
#zijbalk h3 span { display:none; }
	
div.zijbalk_inhoud { 
	width:150px; 
}

div.zijbalk_inhoud_in { 
	width:148px; 
	margin-bottom:8px;
	border: 1px dotted #1f1f1f;
	text-align:center;
}

img.zijbalk_thumb {
	border:5px solid #1f1f1f;
	cursor:pointer;
}
	
img.zijbalk_thumb:hover{
	border:5px solid #bdcd00;
	cursor:pointer;
}

/********* KADERS INDEX (VOLGENDE ACTIVITEIT / BIER VAN DE MAAND) ***********/
.nieuw_omkadering {
	width:270px;
	height:95px;
	background-color:#1f1f1f;
	float:left;
}

.nieuw_omkadering:hover {
	background-color:#bdcd00;
	color:#000000;
	cursor:pointer;
}

.nieuw_omkadering img {
	margin-top:9px;
	margin-left:9px;
	padding:0;
	float:left;
	border:1px solid #bdcd00 !important;
}

.nieuw_info {
	overflow:hidden;
	float:left;
	padding:0;
	margin:9px 0 0 9px;
	width:167px;
	height:77px;
	position:relative;
}

span.nieuw_beschrijving {
	font-size:9px;
	color:#999999;
}

.koptekst_kaders {
	font-weight:bold;
	color:#999999;
}

/********* NIEUWS ***********/

div.nieuwsitemimg {
	min-height:85px;
}

/********* MEDIA ***********/
.submenu_media {
	position:absolute;
	left:130px;
	top:250px;
	width:600px;
	border-left: 10px solid #bdcd00;
	margin-bottom:10px;
	padding-left:10px;
}

.content_media {
	position:absolute;
	left:130px;
	top:300px;
	width:600px;
	background-color:#000000;
	color:#ffffff;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
	padding-bottom:10px;
	clear:both;
}


/********* FOTO ALBUMS ***********/
.album_omkadering {
	width:186px;
	height:95px;
	margin:0 10px 10px 0;
	background-color:#1f1f1f;
	float:left;
}

.album_omkadering:hover {
	background-color:#bdcd00;
	color:#000000;
	cursor:pointer;
}

.album_omkadering img {
	margin-top:9px;
	margin-left:9px;
	padding:0;
	float:left;
	border:1px solid #bdcd00 !important;
}

.album_info {
	overflow:hidden;
	float:left;
	padding:0;
	margin:9px 0 0 9px;
	width:82px;
	height:77px;
	position:relative;
}

span.album_beschrijving {
	font-size:9px;
	color:#999999;
}


/********* FOTO ALBUM ***********/
.album_view img {
	margin:0 10px 10px 0;
	border:5px solid #1f1f1f;
	float:left;
	cursor:pointer;
}

.album_view img:hover{
	border:5px solid #bdcd00;
	cursor:pointer;
}

/********* WALLPAPERS ***********/
.wallpaper_omkadering {
	width:186px;
	height:95px;
	margin:0 10px 10px 0;
	background-color:#1f1f1f;
	float:left;
}

.wallpaper_omkadering img {
	margin-top:9px;
	margin-left:9px;
	padding:0;
	float:left;
	border:1px solid #bdcd00 !important;
}

/********* AVATARS ***********/
.avatar {
	border:5px solid #1f1f1f;
	margin-right:10px;
}

/********* THUMBS (NIEUWS / AGENDA) ***********/
.thumb {
	margin:0 0 0 5px;
	border:5px solid #1f1f1f;
	cursor:pointer;
	float:right;
	vertical-align:top;
	width:75px;
	height:75px;
}

.thumb:hover{
	border:5px solid #bdcd00;
	cursor:pointer;
}


.buttons
{
border-width:0px;
cursor:pointer;
margin-bottom:5px;
}



.prijs
{
float:right;
margin-right:10px;
}

.datum {
	font-size:10px;
	font-weight:bold;
	color: #bdcd00;
}

/********* FORMULIER ***********/
.ster {
	font-size:16px;
	vertical-align:top;
	margin-left:5px;
}

.verplicht {
	font-size:10px;
	float:left;
	margin-left:65px;
}

label
{
width:5em;
float:left;
text-align:right;
margin-right:0.5em;
}

.copy
{
vertical-align:top;
font-size:10px;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#1f1f1f;
	border-width:0px;
	color:#bdcd00;
	font-size:11px;
}

.input_contact {
	width:17em;
}

.submit_knop {
	text-align:center;
	width:6em;
	color:#ffffff;
	cursor:pointer;
	float:left;
	margin-left:5.5em;
}

.reset_knop {
	width:6em;
	color:#ffffff;
	cursor:pointer;
	float:left;
	margin-left:10px;
}

.area_contact {
	width:17em;
	background-color:#1f1f1f;
	border-width:0;
	color:#bdcd00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:9em;
	overflow:auto;
}

/********* ADMIN ***********/
.mailing_area {
	width:100%;
	background-color:#1f1f1f;
	border-width:0px;
	color:#bdcd00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:400px;
	overflow:visible;
}

.textarea_breed{
	width:500px;
	background-color:#1f1f1f;
	border-width:0;
	color:#bdcd00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:250px;
	overflow:visible;
	padding:3px;
}

/********* SLIMBOX ***********/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:3;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index:4;
}

.lbLoading {
	background: #fff url(images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	background:none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, 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(images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/********* AANMELDEN ***********/

.content_jouwsumo {
	position:absolute;
	left:130px;
	top:300px;
	width:600px;
	background-color:#000000;
	color:#ffffff;
	border-left: 10px solid #bdcd00;
	padding-left:10px;
	padding-bottom:10px;
	clear:both;
}
