/*

	****************************************************************************

	BASIS

	****************************************************************************

	*/
html, body {

border:0;

margin:0;

padding:0;

}
body          { color: #354c73; font-size: 85%; font-family: Arial, Helvetica; line-height: 1.5em; background-color: #e3e3e3; background-image: url("../images/bg_site.gif"); background-repeat: repeat-y; text-align: left; margin: 0; padding: 0 }
table  { margin: 0; padding: 0 }
td   { margin: 0; padding: 0; font-size: 12Px;}
/* p      { color: #354c73; font-size: 0.9em; margin: 0; padding: 0 } */
p      { color: #354c73; font-size: 12Px; margin: 0; padding: 0 }
h1    { color: #2e5473; font-size: 1em; font-weight: bold; margin: 0; padding: 0 }
h2      { color: #354c73; font-size: 0.9em; font-family: Arial; font-stretch: narrower; text-decoration: none; margin: 0; padding: 0 }
h3    { color: #c90; font-size: 1em; font-family: "Trebuchet MS"; font-stretch: narrower; text-decoration: none; margin: 0; padding: 0 }

h4     { color: #354c73; font-size: 0.9em; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #354c73 }
h5    { color: #c90; font-size: 1em; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; margin: 5px 0; padding: 0; border-bottom: 1px dotted #c90 }
h6  { color: #184b82; font-size: 1em; font-family: "Trebuchet MS"; font-weight: bold; text-align: left; margin: 0 0 15px; padding: 0 0 5px; width: 100%; border-bottom: 1px dotted #184b82 }
a      { color: #c90; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a:hover, .nav a   { color: #d95936; text-decoration: none }
/*
ul  { list-style-type: disc; margin: 5px 0 0 0; padding: 0 }
ul li { color: #c90; font-size: 0.9em; white-space: normal; list-style-image: url("../images/li.gif"); display: list-item; margin: 0; padding: 0 }
ol  { margin: 5px 0 0 0; padding: 0 }
ol li { color: #c90; font-size: 0.9em; list-style-type: none; list-style-image: none; margin: 0; padding: 0 }
*/
img {

	border:0;



}

/*

	****************************************************************************

	ALLPAGES

	****************************************************************************

	*/
#top  { background-color: #fc0; background-image: url("../images/bg_top.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0; width: 100%; height: 99px; border-bottom: 1px solid #fff }
#logo { position: relative; top: 10px; left: 20px; float: left }
#topvisu  { margin: 0; padding: 0; position: relative; top: -1px; left: 200px; height: 100px; float: left }
#wrapper   { width: 980px }
#left  { margin: 0; padding: 0; width: 174px; float: left; border-right: 1px solid #e3e3e3 }
#navi     { line-height: 1em; background-color: #ed1c24; width: 174px; height: 320px; border-bottom: 1px solid #d8d8d7 }
.navitem   { color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; text-indent: 0.8em; margin: 0; padding: 10px 0 0 }
.navitem a { color: #fff; text-decoration: none }
.navitem a:hover { color: #fff200; text-decoration: none }
#mykvo  { background-color: #99c123; width: 174px; border-bottom: 1px solid #d8d8d7 }
.myp { margin: 0; padding: 10px }
.myp2 { margin: 0; padding: 10px }
.grey { color: #666; font-size: 0.9em }
.blue { color: #354c73; font-size: 1em; font-weight: bold }
.yellow { color: #c90; font-size: 0.9em; margin: 5px 0 0; padding: 0 }
.yellowtxt { color: #c90; margin: 0; padding: 0 }
.yellowb  { color: #c90; font-size: 1.2em; margin: 5px 0 0; padding: 0 }
.white { color: #fff; font-size: 0.9em; font-weight: bold }
.red { color: #d95936; font-size: 0.9em }
.more  { color: #c90; font-size: 1em; background-image: url("../images/arrow_yellow.gif"); background-repeat: no-repeat; background-position: 0 4px; text-indent: 1em; padding-left: 10px }
.more a  { color: #c90; text-decoration: none; background-image: url("../images/arrow_yellow.gif"); background-repeat: no-repeat; background-position: 0 4px }
.more a:hover  { color: #71971f; text-decoration: none; background-image: url("../images/arrow_yellow.gif"); background-repeat: no-repeat; background-position: 0 4px }
.footertxt { color: #003875; font-size: 0.9em; text-align: right; margin: 0; padding: 0; position: relative; width: 980px; float: right }
.footertxt a { color: #003875 }
.footertxt a:hover { color: #d95936 }
#legal { color: #666; font-size: 0.9em; padding-top: 10px; padding-left: 10px; width: 174px }
#legal a { color: #666; text-decoration: none }
#legal a:hover { color: #c90; text-decoration: none }
#banner   { margin: 0; padding: 0; width: 160px; float: left }
.westsite { color: #333; font-size: 0.8em; text-decoration: none }
.westsite a { color: #333; font-size: 0.8em; text-decoration: none }
.westsite a:hover { color: #71971f; font-size: 0.8em; text-decoration: none }
.screenpick { padding: 10px; width: 200px; float: left }
.screentxt { padding: 10px; width: 500px; float: left }
/*

	****************************************************************************

	HOMEPAGE
	****************************************************************************

	*/
#middle    { background-color: #fff; margin: 0; padding: 0; width: 420px; float: left; border-right: 1px solid #e3e3e3 }
#right   { background-color: #fcecad; margin: 0; padding: 0; width: 204px; float: left }
.dottitle   { background-image: url("../images/bg_title.gif"); background-repeat: repeat; text-indent: 15px; margin: 0; padding: 5px 0 0; height: 20px; border-bottom: 1px solid #ccc }
#fans   { background-color: #fcecad; background-image: url("../images/bgboxes_y.jpg"); background-repeat: repeat-x; background-position: 0 bottom; width: 174px; border-bottom: 1px solid #d8d8d7 }
#kids  { background-color: #fff; background-image: url("../images/bgboxes_w.jpg"); background-position: 0 bottom; width: 174px; border-bottom: 1px solid #d8d8d7 }
#youth  { background-color: #fcecad; background-image: url("../images/bgboxes_y.jpg"); background-repeat: repeat-x; background-position: 0 bottom; width: 174px; border-bottom: 1px solid #d8d8d7 }
#middenstand { background-color: #fcecad; background-image: url("../images/bgboxes_y.jpg"); background-repeat: repeat-x; background-position: 0 bottom; width: 174px; border-bottom: 1px solid #d8d8d7 }
#business  { background-color: #fff; background-image: url("../images/bgboxes_w.jpg"); background-repeat: repeat-x; background-position: 0 bottom; width: 174px; border-bottom: 1px solid #d8d8d7 }

#visual { text-align: center; background-color: #fbe68d; }
#moodimg  { margin-right: auto; margin-left: auto; padding: 0 }

/* HOME NEWS */
#news { margin: 0; padding: 0 }
.newsbox  { margin: 0 0 6px; padding: 0; clear: both }
.newshome     { margin: 0; padding: 0 0 2px; width: 270px; float: left }
.datehome   { color: #c90; font-size: 0.9em; text-align: right }
.texthome   { font-size: 0.9em }
.titlehome  { color: #184b82; font-size: 0.9em; font-weight: bold }
.pichome  { width: 120px; float: left }
.h1_meernieuws { margin-left:24px; padding-top:15px; }
.ul_meernieuws { margin-top:5px; }


#address  { background-color: #f7f1d9; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#partners { text-align: center;  }
#rang    { background-color: #fbe68d; background-image: url("../images/bgboxes_y.jpg"); background-repeat: repeat-x; background-position: 0 bottom; margin: 0; padding: 0; width: 203px; border-bottom: 1px solid #d8d8d7 }
.rang1  { margin: 0; padding: 0; width: 148px; float: left }
.rang2  { text-align: center; margin: 0; padding: 0 0 0 5px; width: 8px; float: left }

.rang1 ol  { margin: 5px 0 0 0; padding: 0 }
.rang2 ul  { margin: 5px 0 0 0; padding: 0 }

.rang1li { color: #354c73; font-size: 0.9em; list-style-type: decimal; list-style-position: inside; display: list-item; margin: 0; padding: 0 }
.rang2li { color: #354c73; font-size: 0.9em; text-align: center; list-style: none inside; margin: 0; padding: 0 }

.rangkvo { color: #c90; font-weight: bold }
#motm      { background-color: #fff; background-image: url("../images/bgboxes_w.jpg"); background-repeat: repeat-x; background-position: 0 bottom; margin: 0; padding: 0; width: 243px; height: 130px; clear: both; border-bottom: 1px solid #d8d8d7 }
.motm1 { margin: 0; padding: 0; width: 80px; float: left }
.motm2 { font-size: 0.9em; line-height: 1.1em; margin: 0; padding: 0; position: relative; left: 4px; width: 100px; float: left }


#calendar    { background-color: #fbe68d; background-image: url("../images/bgboxes_y.jpg"); background-repeat: repeat-x; background-position: 0 bottom; width: 203px; border-bottom: 1px solid #d8d8d7 }
.match { font-size: 0.9em; margin: 0px 0 0; padding: 0 }
.match ul { margin: 5px 0 0 10Px; padding: 0 }
.matchli { color: #354c73; font-size: 0.9em; list-style-type: none; list-style-image: none; display: list-item; margin: 0 0 0 0px; padding: 0 }

#agenda   { left: 1px; width: 203px; border-bottom: 1px solid #d8d8d7 }
#agenda2 { background-color: #d8d8d7; position: relative; left: 390px; width: 203px; border-right: 1px solid #d8d8d7; border-bottom: 1px solid #d8d8d7 }

#printicodiv { display: none; }
#printico { margin: 5Px; }

.fl { float: left; }
.fr { float: right; }
/*

	****************************************************************************

	SUBNAV

	****************************************************************************

	*/
.sub { color: #c90; font-size: 0.8em; font-weight: bold; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0; }
.sub a { color: #354c73; text-decoration: none; }
.sub a:hover { color: #c90; }
.sub a.curr { color: #c90; text-decoration: none; }
/*

	****************************************************************************

	SUBPAGES

	****************************************************************************

	*/
#base { background-color: #fff; width: 623px; float: left; border-bottom: 1px solid #e3e3e3 }
.content  { margin: 15px 20px 10px; padding: 0 }
.dottitlesub  { background-image: url("../images/bg_title.gif"); background-repeat: repeat; text-indent: 15px; margin: 0; padding: 5px 0; width: 100%; height: 20px; border-top: 1px solid #fdde61 }
.grayborder      { background-color: #e3e3e3; background-repeat: repeat; text-indent: 15px; margin: 0; padding: 8px 0 5px; width: 100%; height: 20px; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.subtitle { color: #2e5473; font-size: 0.9em; font-weight: bold; margin: 0; padding: 0; float: left }
.rightlink  { font-size: 0.9em; margin: 0; padding: 0 10px 0 0; float: right }
#location { background-color: #fbe68d; background-image: url("../images/bgboxes_y.jpg"); background-repeat: repeat-x; background-position: 0 bottom; width: 174px; border-bottom: 1px solid #d8d8d7 }
.breadcrumb  { color: #003875; font-size: 0.8em; text-align: left; text-transform: uppercase; margin: 0; padding: 0; position: relative; top: 10px; left: 30px }
.breadcrumb a { color: #d95936 }
.breadcrumb a:hover { color: #003875 }
#partnerssub { border-top: 1px solid #e3e3e3; text-align: center; }
/*

	****************************************************************************

	FORM

	****************************************************************************

	*/
.input  { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 5px; height: 16px; border-style: solid; border-width: 1px; border-color: #444444 #d4d4d4 #d6d6d6 #555555 }
.inputradio { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 16px }
.inputdd { color: #354c73; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 20px }
.textarea { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 60px; border-style: solid; border-width: 1px; border-color: #444444 #d4d4d4 #d6d6d6 #555555 }
.select { color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 16px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
/*

	****************************************************************************

	NEWS

	****************************************************************************

	*/
.newscontainer    { margin: 0 0 0; padding: 0 0 35px; width: 550px; clear: both }
.date  { color: #c90; font-size: 0.9em; font-weight: bold; width: 100px; float: left }
.newstext  { font-size: 0.9em; width: 400px; float: left }
.newstitle { color: #184b82; font-size: 0.9em; font-weight: bold; width: 100%; float: left }
.newspic { width: 100px; float: left }
.pic { width: 420px; float: left }
.thumbs { width: 160px; float: left }
.linkb  { color: #354c73; font-size: 1em }
.linkb a  { color: #354c73; text-decoration: none }
.linkb a:hover  { color: #ee1c24; text-decoration: none }
/*

	****************************************************************************

	TABELLEN 

	****************************************************************************

	*/
.tabletext   { color: #354c73; font-size: 12Px }
form { font-size: 12px; display: inline; margin: 0; padding: 0 }
.data  { color: #354c73; font-size: 1em; background-color: #f8f4b0; margin: 0; padding: 5px }
.datared { color: #d95936; font-size: 1em; font-weight: bold; background-color: #f8f4b0; margin: 0; padding: 5px }
.th    { color: #d39900; font-size: 12px; font-weight: bold; background-color: #f8eeb9; margin: 0; padding: 10px; height: 25px }

.th a{

	color:#666;

	text-decoration:none;

	}

.th a:hover{

	color:#0099cc;

	text-decoration:none;

	}
	.tr0  { color: #354c73; font-size: 12Px; background-color: #fdf7e7; margin: 5px 0; padding: 5px; height: 30px }
.tr1  { color: #354c73; font-size: 12Px; background-color: #fff; margin: 5px 0; padding: 5px; height: 30px }
.trkvo   { color: #354c73; font-size: 12Px; font-weight: bold; background-color: #f4e6b7; margin: 5px 0; padding: 5px; height: 30px }
/* .topictitle    { color: #354c73 !important; font-size: 12Px; font-weight: bold; background-image: url("../images/bg_title.gif"); margin: 20px 0 0; padding: 5px; width: 280px; height: 25px; border-top: 1px solid #fee581; border-right: 1px solid #fee581; border-left: 1px solid #fee581 } */
.topictitle    { color: #354c73 !important; font-size: 12Px; font-weight: bold; background-image: url("../images/bg_title.gif"); margin: 20px 0 0; padding: 5px; width: 280px; height: 25px; border-top: 1px solid #fee581; border-right: 1px solid #fee581; border-left: 1px solid #fee581 }
.tabletitle   { color: #ffffff; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; background-color: #354c73; margin: 0; padding: 3px 3px 0 10px; height: 17px }

	

.topline     { color: #354c73; font-size: 1em; font-family: Arial, Helvetica, sans-serif; line-height: 14px; width: 550px; border-style: solid solid none none; border-width: 1px; border-color: #f4dd8e; border-collapse: separate; border-spacing: 0    }


/* .tdleft    { font-size: 12Px; padding: 3px; border-bottom: 1px solid #f4dd8e; border-left: 1px solid #f4dd8e } */
.tdleft    { font-size: 12Px; padding: 3px; border-bottom: 1px solid #f4dd8e; border-left: 1px solid #f4dd8e }
.tdlr { text-indent: 2em; padding: 3px; border-right: 1px solid #f4dd8e; border-bottom: 1px solid #f4dd8e; border-left: 1px solid #f4dd8e }
.tdcenter  { text-align: center; padding: 3px; border-style: none none solid solid; border-width: 1px; border-color: #f4dd8e }
.tdcenterr { text-align: center; padding: 3px; border-right: 1px solid #f4dd8e; border-bottom: 1px solid #f4dd8e; border-left: 1px solid #f4dd8e }
.tdteam  { padding: 3px 3px 3px 2em; border-style: none none solid solid; border-width: 1px; border-color: #f4dd8e }
.tdteam1 { padding: 3px; padding-left: 2em; border-style: none solid solid; border-width: 1px; border-color: #f4dd8e }
.tdteam2 { font-weight: bold; text-indent: 2em; padding: 3px }
.tableheader   { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; background-color: #354c73; text-align: center; padding: 3px; border-style: none none solid solid; border-width: 1px; border-color: #f4dd8e }
.tdbusleft { padding: 3px; border-left: 1px solid #f4dd8e }
.tdbusright { padding: 3px; }



.tdcenterbold  { font-weight: bold; text-align: center; padding: 3px; border-style: none none solid solid; border-width: 1px; border-color: #f4dd8e }
.tdleft2     {

	font-size: 12px;

	padding: 10px;

	border-top: #ececec;

	border-right: #ececec;

	border-bottom: 1px solid #ececec;

	border-left: 1px solid #ececec;

	line-height: 1.5em;

	background: #fafafa;

}

.tdleft3     {

	font-size: 12px;

	padding: 10px;

	border-top: #ececec;

	border-right: #ececec;

	border-bottom: 1px solid #ececec;

	border-left: 1px solid #ececec;

	line-height: 1.5em;

	background: #f4f4f4;

	font-weight: bold;

	color: #666666;

}




.dd   { color: #354c73; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; margin: 0; padding: 3px 3px 0 0; height: 25px }

.btn_submit  { color: #fff; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #c90; position: relative; top: 5px; overflow: auto; clip: rect(auto auto auto auto) }
.btn_submit a:link   { color: #fff; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #c90; padding: 0.5ex; overflow: auto; clip: rect(auto auto auto auto) }
.btn_submit a:hover   { color: #354c73; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #fee581; padding: 0.5ex; overflow: auto; clip: rect(auto auto auto auto) }
.btn_submit a:visited   { color: #fff; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #c90; padding: 0.5ex; overflow: auto; clip: rect(auto auto auto auto) }
.btn_submit a:active   { color: #fff; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #c90; padding: 0.5ex; overflow: auto; clip: rect(auto auto auto auto) }


.betInput { text-align: center; }

/*

	****************************************************************************

	SPELER

	****************************************************************************

	*/

/*

	****************************************************************************

	SLIDESHOW

	****************************************************************************

	*/


#slideshow { width: 570px; }

.activeSlideshowImg { width: 570px; height: 550px; text-align: center; }
.activeSlideshowImg > img { vertical-align: middle; } 

.slideshowThumb { float: left; width: 110Px; height: 110Px; text-align: center; margin: 0; padding: 0; }
.slideshowThumb > a > img { display: inline-block; vertical-align: middle; margin: 0; padding: 0; border: 0 solid;} 


	

/* ******************* PRODUCTLIST ************** */
.prodcontainer { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 10px; width: 550px }

.prodlistcontainer { background: #fbfbfb; margin: 10px 0; padding: 10px; width: 540px }



.prodlistpic{

	width: 120px;

	float: left;

	margin: 0px;

	padding: 0px;

}

.prodlisttxtcontainer { margin: 0; padding: 0 0 5px 10px; width: 410px; float: left }



.prodlisttitle  { font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 5px }

.prodtxt  { font-size: 1em; margin: 0; padding: 0 0 5px }


.prodlistlink{

	

	float: left;

	padding-left: 10px;

	padding-top: 10px;

	text-align: right;

}
.greycontainer{

	margin: 0px;

	padding: 10px;

	width: 480px;

	background: #fbfbfb;

	

}

button { color: #d39900; font-weight: bold; background-color: #f8eeb9; cursor: pointer; margin: 0; padding: 5px; border: solid 0 white }

button a  { color: #d39900 }

button a:hover  { color: #1a597e }
.class { }
#address .img {
	height: 31px;
	width: 70px;
	margin-right: 15px;
	margin-bottom: 5px;
}
#address .myp2 p {
	float: left;
}
.clear {
	clear: both;
}

