@charset "UTF-8";
/* CSS Document */

body {
text-align:center;
background:url(img/bgpic.jpg);
background-position: top center;
background-color:#d5d5d5;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
color:#fff;
font-size: 12px;
}

h1 {
	font-size: 14px;
	font:bold 16px Verdana;
	color:#173f3c;
    display: inline;
}

h2 {
	font-size: 12px;
	color:#173f3c;
    	display: inline;
}

h3 {
	font-size: 12px;
	color:#7ac21b;
	font-weight: bold;
    	display: inline;
}

h4 {
	color:#7ac21b;
	font-size: 11px;
    	display: inline;
	margin-right: 10px;
}

a:link {
	color: #173f3c;
	text-decoration:underline;
}
a:visited {
	color: #173f3c;
	text-decoration:underline;
}
a:hover {
	color: #ffffff;
}
a:active {
	color: #173f3c;
}

.maincontainer { 
background:url(img/bgh.jpg);
background-repeat: repeat-x;
position: absolute;
left: 0px; 
right: 0px; 
top: 0px;
bottom: 0px;
text-align:center; 
width: 100%;
height: 100%;
}

.container {
width: 900px;
background-color:#084826;
}

.main {
margin: 0 auto;
width: 980px;
height: 100%;
text-align: left;
}

.headertop {
color: #cccccc;
background:url(img/logo.jpg);
background-repeat: no-repeat;
height: 52px;
padding-top: 30px;
padding-right: 50px;
text-align: right;
width:850px;
}

.contenttop {
background:url(img/main_top.jpg);
width: 900px;
height: 15px;
}

.contentbottom {
background:url(img/main_bottom.jpg);
width: 900px;
height: 15px;
}

.contentmain {
background:url(img/main_middle.jpg);
width: 864px;
padding-left:18px;
padding-right:18px;
padding-bottom: 10px;
color: #3a3a3a;
}

.contents {
padding-top:5px;
padding-left:10px;
padding-right:10px;
text-align: justify;
background:url(img/main_middle.jpg);
width:880px;
color: #3a3a3a;
}

#flashcontent {
padding-left:12px;
padding-right:10px;
text-align: justify;
background:url(img/main_middle.jpg);
width:878px;
color: #3a3a3a;
}

.flash_l {
background:url(img/hl.jpg);
height: 259px;
width: 12px;
float: left;
}

.flash_r {
background:url(img/hr.jpg);
height: 259px;
width: 12px;
float: left;
}

.flashheader {
padding-top: 8px;
background:url(img/hb.jpg);
margin-bottom: 4px;
height: 251px;
width: 876px;
float: left;
}

.contentdiv {
margin-top: 10px;
width: 900px;
}

.left {
width: 520px;
float: left;
}

.right {
margin-left: 10px;
float: left;
}

.leftdiv { 
background:url(img/hb2.jpg);
padding: 18px 4px 8px 8px;
margin-bottom: 4px;
text-align: justify;
height: 233px;
width: 484px;
float: left;
line-height: 20px;
}

.right_top {
background:url(img/right_top.jpg);
background-repeat: no-repeat;
height: 8px;
width: 364px;
}

.right_bottom {
background:url(img/right_bottom.jpg);
height: 8px;
width: 364px;
}

.twitter { 
background:url(img/right_bg.jpg);
font-size: 11px;
padding: 0px 4px 8px 16px;
line-height: 31px;
width: 344px;
}

.speelschema { 
font-size: 11px;
background:url(img/hb3.jpg);
padding: 8px 4px 8px 8px;
line-height: 35px;
margin-left: 10px
margin-bottom: 4px;
height: 241px;
width: 484px;
float:left;
}

.footer_l {
background:url(img/fl.jpg);
height: 82px;
width: 12px;
float: left;
}

.footer_r {
background:url(img/fr.jpg);
height: 82px;
width: 12px;
float: left;
}

.footer {
background:url(img/fb.jpg);
padding-top: 9px;
height: 73px;
width: 876px;
float: left;
}

img { border: 0 }

#menutop {
	margin-top: 6px;
	height:26px;
	text-align: center;
	margin-bottom: 10px;
	width:900px;
	font-weight: bold;
}

#menutop a {
	float:left;
	display:block;
	width: 100px;
	color: #FFFFFF;
	text-decoration:none;
}
#menutop a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
#menutop a:hover {
	color: #416a68;
}
#menutop a:active {
	color: #fff;
}