
/*//////////////////////////////////////*/
/*- - - - - - -    MAIN   - - - - - - - */
/*//////////////////////////////////////*/

body,html
	{
	width			: 100%;
	height			: 101%;
	margin			: 0;
	padding			: 0;
	}


body
	{
	font-family		: helvetica, arial;
	font-size		: 0.8em;
	color			: #fff;
	background		: #333 url(../images/body_bg.jpg) center top;
	}


/*//////////////////////////////////////*/
/*- - - - - - - ELEMENTS  - - - - - - - */
/*//////////////////////////////////////*/
	
hr
	{
	height			: 3px;
	border			: none;
	background		: #ff7700;
	color			: #ff7700;
	display			: block;
	margin-left		: 0px;
width:470px;
	}

hr.clear
	{
	color			: #ffffff;
	background		: #ffffff;
	border			: none;
	height			: 0;
	margin			: 0;
	padding			: 0;
	display			: block;
	clear			: both;
	}


a
	{
	-moz-outline-style	: none;
	}

a img
	{
	border			: none;
	}

img, div
	{ 
	behavior		:  url(iepngfix.htc) 
	}

*
	{ 
	behavior		:  url(iepngfix.htc) 
	}

h1
	{
	font-size		: 1.4em;
	border-bottom		: 3px solid #ff7700;
width:470px;
	}


/*//////////////////////////////////////*/
/*- - - - - - - MAIN DIVS - - - - - - - */
/*//////////////////////////////////////*/



#container
	{
	position		: relative;
	top			: 10px;
	width			: 770px;
	margin			: auto auto 10px auto;
	}

#header
	{
	height			: 100px;
	background		: #ff7700;
	}

#logo {
width:300px;
height:100px;
position:absolute;
margin:-10px 0 0 -30px;
	background		: url(../images/buklogo.png) no-repeat bottom left;
}

#menu
	{
	background		: #333;
	width			: 150px;
	float			: left;
margin:-20px 0 0 -20px;
	}

#wrapper
	{
	background		: #222;
	min-height		: 500px;
	}

#content
	{
	color			: #fff;
	float			: left;
	padding			: 10px;
	width			: 620px;
	text-align		: justify;
	}



/*//////////////////////////////////////*/
/*- - - - - - -  HEADER   - - - - - - - */
/*//////////////////////////////////////*/

#header .coming
	{
	text-align		: left;
	width			: 375px;
	margin-right		: 10px;
	color			: #ff7700;
	float			: right;
	position		: relative;
	top			: 10px;
	left			: 0px;
	}

	
#header .coming .content 
	{
line-height:22px;
	padding			: 18px;
	background		: url(../images/black50.png) bottom left;
	}

#header .coming a
	{
	color			: #ffffff;
	text-decoration		: none;
	font-weight		: bold;
	}

#header .coming span {
	display:block;
	float:left;
	text-align:right;
	margin-right:5px;
	width:75px;
	font-weight:bold;
	text-transform:uppercase;
	}

/*//////////////////////////////////////*/
/*- - - - - - -   MENU    - - - - - - - */
/*//////////////////////////////////////*/



#menu a
	{
	display			: block;
	padding			: 10px;
	color			: #ffffff;
	text-decoration		: none;
	font-size		: 1em;
	font-weight		: bold;
	text-transform		: uppercase;
	letter-spacing		: -0.5px;
	}

#menu a.active
	{
	color			: #ffffff;
	background		: #222;
	}

#menu a:hover
	{
	background		: #ff7700;
	}



/*//////////////////////////////////////*/
/*- - - - - - -  CONTENT  - - - - - - - */
/*//////////////////////////////////////*/


#content img
	{
	margin			: 0 10px 10px 0;
	}

#content .date
	{
	font-size		: 1em;
	text-transform		: uppercase;
	color			: #666;
	font-weight		: bold;
	margin-bottom		: -10px;
	}

#content .message .date
	{
	border			: 0px;
	height			: 20px;
	display			: block;
	float			: left;
	margin-top		: -15px;
	color			: #aaa;
	}

#content .message a.site
	{
	display			: block;
	float			: left;
	width			: 0px;
	height			: 10px;
	background		: #ff7700;
	padding			: 6px;
	font-size		: 0em;
	margin			: -10px 0 0 -10px;
	color			: #ff7700;
	}

#content .message a.site:hover
	{
	width			: 20px;
	z-index			: 100;
	position		: relative;
	color			: #ffffff;
	text-decoration		: none;
	font-weight		: bold;
	background		: #666;
	font-size		: 1em;
	margin			: -10px 0 0 -10px;
	}


#content,
#content font,
#content p {
	color			: #fff !important;
}



#content a
	{
	color			: #ff7700;
	text-decoration		: none;
	}

#content a:hover
	{
	text-decoration		: underline;
	}


/*//////////////////////////////////////*/
/*- - - - - - CONTENT LIJST   - - - - - */
/*//////////////////////////////////////*/


#content .lijst
	{
	float			: right;
	margin			: -10px -10px 10px 10px;
	width			: 150px;
	text-align		: left;
	}

#content .lijst a
	{
	line-height		: 120%;
	display			: block;
	text-decoration		: none;
	padding			: 10px;
	color			: #fff;
	background:#333;
	border-top		: 1px solid #222;
	}

#content .lijst a.active {
	background:#fff;
	}

#content .lijst a:hover {
background:#ff7700;
color:#fff;
}

#content .lijst span
	{
	font-size		: 0.9em;
	display			: block;
	font-weight		: bold;
	text-transform		: uppercase;
	}

#content .lijst p
	{
	padding-top		: 10px;
	border-top		: 1px solid white;
	}

#content .lijst p a
	{
	border			: none;
	display			: inline;
	font-weight		: bold;
	}

#content .lijst form
	{
	padding			: 10px 0;
	background		: none;
	}

#content .lijst select
	{
	width			: 150px;
	background		: #333;
	}

#content .lijst strong
	{
background:#222;
	padding			: 10px;
	font-size		: 1.2em;
	color			: #ff7700;
	text-transform		: uppercase;
	display			: block;
	}


/*//////////////////////////////////////*/
/*- - - - - - CONTENT OVERIG  - - - - - */
/*//////////////////////////////////////*/


#content .maanden a
	{
	padding			: 0px;
	margin-bottom		: 3px;
	text-decoration		: none;
	text-transform		: uppercase;
	font-weight		: bold;
	border			: none;
	color			: #333;
	display			: block;
	}

#content label
	{
	display			: block;
	text-transform		: uppercase;
	width			: 120px;
	float			: left;
	}

#content .links a
	{
	display			: block;
	}

#content .navigate
	{
	background		: #666;
	padding			: 5px;
	font-weight		: bold;
	color			: #ffffff;
	text-align		: center;
	font-size		: 1.2em;
	margin			: 10px 5px 10px 5px
	}

#content .message
	{
	padding			: 10px;
	background		: #333;
	margin			: 5px;
	}

#content .message strong
	{
	float			: left;
	display			: block;
	background		: #ff7700;
	padding			: 5px;
	margin			: -10px 10px 10px -10px;
	}

#content .bigimg
	{
	padding			: 10px;
	height			: 500px;
	}

#content .pics
	{
	height			: 510px;
	}

#content .thumbs
	{
	width			: 600px;
	}

#content .thumbs img
	{
	margin			: 0 3px 3px 0;
	}


/*//////////////////////////////////////*/
/*- - - - - - - - FORMS - - - - - - - - */
/*//////////////////////////////////////*/


form
	{
	padding			: 10px;
	}

form input,
form textarea,
form select
	{
	border			: none;
	background		: #666;
	margin-bottom		: 2px;
	font-size		: 0.9em;
	font-family		: helvetica, arial;
	padding			: 2px 2px 2px 10px;
	color			: #ffffff;
	width			: 242px;
	}

form select
	{
	width			: 254px;
	}


form input.button
	{
	background		: #ff7700;
	width			: 254px;
	}


/*//////////////////////////////////////*/
/*- - - - - - - - FOOTER - - - - - - - -*/
/*//////////////////////////////////////*/


#footer
	{
	background		: #ff7700;
	padding			: 10px;
	color			: #fff;
	font-size		: 0.9em;
	text-align		: right;
	}

#footer a
	{
	color			: #ffffff;
	text-decoration		: none;
	}

#footer .sponsors{
	height			: 20px;
	display			: block;
	float			: left;
	margin-top		: -7px;
	}

#footer .sponsors a img{
	margin			: 0 10px 0 0;
	opacity			: 1;
	filter			: alpha(opacity=10);
	}

#footer .sponsors a:hover img
	{
	opacity			: 1;
	filter			: alpha(opacity=100);
	}


/*//////////////////////////////////////*/
/*- - - - - - - - MEUK - - - - - - - - -*/
/*//////////////////////////////////////*/


td, tr, table, tbody
	{
	background		: none !important;
	border			: none !important;
	width			: none !important;
	height			: none !important; 
	margin			: none !important; 
	padding			: none !important; 
	color			: none !important; 
	}
