/********************************************
   HTML ELEMENTS
********************************************/ 
* {padding: 0px; margin: 0px}

body{
	background: #59993D url(background.jpg) repeat-x;
	font: 14px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #060; 
	text-align: center; 
}
#wrap {
	width: 910px;	
	margin: 0 auto;
	text-align: center;
	background: #fff url(content.gif) repeat-y center top;
}
#header{
	height: 176px;
	background: #59993D url(header-photo5.jpg) no-repeat;
	margin: 0px 30px;
	text-align: left;
}
#header h1{
	color: #FF0;
	font: bold 45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	text-transform: uppercase;	
	letter-spacing: 2px;
	display: inline-block;
	margin: 40px 0 0 130px;
}
#header p{
	margin: 35px 135px;
	color: #FF0;
}
#header a{
	color: #FF0;
}

#nav ul {
	float: left;
	list-style: none;
	background: #E4E4E4 url(nav.jpg) repeat-x;	
	width: 850px;		
	padding: 0;	margin: 0 0 0 30px;
	height: 45px;
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 15px;	
	border-right: 1px solid #dadada;
	border-left: 1px solid #fafafa;	
	border-bottom: none;
	color: #FFFF00;
	font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #006600;
	background: url(nav_hover.jpg) repeat-x;
}

#content-wrap{
	width: 850px;
	margin: 0px auto;
	text-align: left;
}
.flyer{
	margin: 0px 0px 5px 200px;
}
#sidebar{
	float: left;
	width: 195px;
	margin: 0px;
}
.sidebar_topic{
	background: #3A9413;
	color:#FFFF00;
	padding: 0px;
	border-bottom:#fff 5px solid;
	display:block;
}
.sidebar_topic h1, #rightcol h1, #main h1, #main2col h1{
	background: #060 url(h.jpg) top left repeat-x;
	font: bold 15px/26px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
	padding-left: 5px;
	color: #FF0;
}
.sidebar_topic p{
	margin: 5px;
}
.sidebar_topic a{
	color: #FF0;
	display:block;
}

#rightcol{
	width: 195px;
	float: right;
}
#main{
	margin: 0px 200px 0px 200px;
}
#main2col{
	margin: 0px 0px 0px 200px;
}
#main2col p{margin: 10px}
.footer{font-size: 10px}
/*------------------------NEWS-------------------------------------------*/
.news_item{margin: 10px 0px;}
.news_item img{
	width: 150px;
	margin: 0px 5px 5px 0;
	float:left;
	
}
.news_item h2, .newsitem_full h2{
	/*background: url(arrowdown.gif) no-repeat;*/
	color: #060;
	font: bold 14px/14px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.news_datum{font-size:10px;margin:0px;}
.news_item a, .news_archief a{font-weight: bold;color:#060;text-decoration: none}
.news_item_readmore a{color: #060;display:block;text-align:right;font-weight:bold}
.news_archief{
	border: 1px solid #060;
	border-width: 1px 0px;
	margin-top: 20px;
}
.newsitem_full img{
	width: 200px;
	margin: 0px 5px 5px 0;
	float:left;
}

.bladwijzer{margin-top: 10px}
.bladwijzer a{border:1px solid #060;padding:1px 3px;margin:2px;color:#060;text-decoration:none;float:left}
.bladwijzer p{padding:1px 3px;margin:2px;float:left;border:1px solid #060}

/*----------------------------YOKOHAMACUP--------------------------------*/
.yokohamaheader{height: 114px; background: url(yokohamaheader.gif);border-bottom:1px solid #060}
a.ycbanner{
	background: #060 url(nav.jpg) center center repeat-x;
	font: bold 12px/12px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 2px;
	border: 1px solid #060;
	border-width: 1px 0px;
	padding:13px 0 13px 20px;
	color:#fff;
	display:block;
}
a.ycbanner:hover{
	background: #060 url(nav_hover.jpg) center center repeat-x;
	color:#060;
}
a.ycmenu{
	display:block;
	padding: 6px 5px;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 13px/13px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	border-bottom: 2px solid #59993D;
}
a.ycmenu:hover{
	color: #060;
	background:#FF0;
}
/* ------------------forms-----------------------------------*/
form {
	margin:10px;
	padding: 0 5px;
}
label {
	display:block;
	margin:3px 0;
}
input {
	padding:2px;
	border:1px solid #090;
	font: normal 1em Verdana, sans-serif;
	color:#333;
}
textarea {
	width:380px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #090;
	height:100px;
	color:#333;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #060;
	background: #e7e6e6 url(button.jpg) repeat-x;
	border: 1px solid #060;
}
legend{
	font-weight:bold;
	color:#060;
}
fieldset{
	border:1px solid #060;
	padding: 5px;
}

.fout{color:#C00;font-weight:bold}
.spacer{
	height: 5px;
	clear:both;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

table.showdriver{
background: #fff url(content-wrap.gif) repeat-x right top;
width: 48%;
float: left;
border: 1px solid #060;
margin: 5px;
border-collapse: collapse;
}
table.showdriver img{
	margin: 5px;
}
td{height: 30px;}
td.first{
width: 110px;
vertical-align: top;
}
td

.album_image{
	float: left;
	width: 200px;
	padding: 3px;
	margin: 0px 5px 0px 0px;
}

.fotogroot{
	text-align:center;
}
.albumnav{
	background: #060 no-repeat;
	width: 500px;
	margin: 10px auto;
	height: 30px;
}
.albumnav a{
	color:#fff;
	background: #060 no-repeat right;
	padding: 3px 20px;
	display:block;
	float:left;
	margin: 0px;
}
.albumnav a:hover{
	color:#060;
	background: #ff0 no-repeat right;
}
a.first{margin-left:50px}

img{border: 1px solid #060;padding: 1px}
.image200{width:200px}
.image100{width:100px}

p.pagnav a{color:#060;border: 1px solid #060;padding:3px;margin:2px}
p.pagnav a:hover{color:#fff;background:#060;border: 1px solid #060;padding:3px;margin:2px}
.nonav{padding: 3px;border: 1px solid #060;background:#060;color:#fff;margin:2px}

h2{
	font: bold 16px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
	text-transform: uppercase;	
	letter-spacing: 2px;
	border-bottom: 1px solid #060;
}