@charset "utf-8";
/* CSS Document */
#body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003300;
}

#title p {
	margin:0 0 0 -158px;
	padding:3px 0 0 0;
	line-height:120%;
	color:#FFFFFF;
	font-family: "Lucida Sans Unicode", Courier, "Courier New", sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:2px;
}

/* algemeen */
.imgleft {
	float:left;
	margin:0 10px 5px 0;
}
.imgright {
	float:right;
	margin:0 0 5px 10px;
}
.indextable {
	margin:30px 0 0 0;
	padding:0;
	width:600px;
	background: url(../img_site/textback.jpg) repeat-y;
	height:180px;
	border-top:1px solid #F0F7D5;
	border-bottom:1px solid #F0F7D5;
}
.indextable td {
	text-align:center;
	padding:3px 3px 3px 3px;
	vertical-align:top;
	color:#003300;
	font-size:9px;
}
.indextable img {
	padding:20px 0 0 0;
}
img {
	border:0;
}
.img_games {
	margin:20px 0 0 0;
}

/* main text */
#text {
	line-height:16px;
	color:#003300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}
#text h1 {
	font-size:20px;
	font-weight:normal;
	font-family: "Book Antiqua", serif;
	padding:0 0 10px 0;
	margin:0;
	color:#CC0034;
}
#text h2 {
	font-size:16px;
	font-family: "Book Antiqua", serif;
	font-weight:normal;
	padding:15px 0 10px 0;
	margin:0;
	color:#CC0034;
}
#text p {
	margin:0;
	padding:5px 0 5px 0;
	color:#003300;
}
#text a:link {
	color: #003300;
}
#text a:visited {
	color: #003300;
}
#text a:hover {
	color:#CC0034;
}
#text ul {
	list-style:none;
	font-size:11px;
	margin:5px 0 5px 5px;
	padding:0;
	text-align:left;
}
#text li {
	list-style:none;
	background:url(../img_site/list.jpg) no-repeat 7px 6px;
	padding:0 0 0 25px;
	margin:0;
}


/* second column main */
#col2 h2 {
	font-family: "Lucida Sans Unicode", Courier, "Courier New", sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	color:#003300;
	padding:0 0 3px 0;
	margin:0;
}
/* news opmaak side column */
#col2 {
	line-height:16px;
}
#col2 .newsitem {
	display:block;
	padding:0 0 15px 0;
	border-bottom:1px solid #F0F7D5;
}
#col2 h3 {
	font-size:16px;
	color: #CC0034;
	font-weight:normal;
	margin:12px 0 0 0;
	padding:0;
	font-family: "Book Antiqua", serif;
}
#col2 p {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color: #003300;
}
#col2 a:link {
	color:#003300;
}
#col2 a:visited {
	color: #003300;
}
#col2 a:hover {
	color: #CC0034;
}

/* zoeken */
#search {
	margin:0 0 10px 10px;
	font-size:11px;
}
input.inputtext {
	border:1px solid #96BC0E;
	height:18px;
}
.searchbtn {
	background:none;
	border:none;
	color:#003300;
}
.searchbtn2 {
	background: url(../img_site/textback.jpg) repeat-y;
	border:none;
	color: #003300;
	border:1px solid #96BC0E;
	height:18px;
}
select.select {
	height:20px;
	border:1px solid #96BC0E;
}
input.checkbox {
	border:1px solid #96BC0E;
}

/* route */
.iframe {
	border:#F0F7D5 solid 1px;
}

/* portfolio en archief opmaak */

#text .item { 
	background: url(../img_site/textback.jpg) repeat-y;
	width:598px;
	position:relative;
	float:left;
	margin:0 0 30px 0;
	padding:0;
	overflow:hidden;
	border-top:1px solid #F0F7D5;
	border-bottom:1px solid #F0F7D5;
}
#text .item h2 {
	font-size:16px;
	padding:5px 5px 5px 10px;
	margin:0;
	font-weight:normal;
	height:20px;
	background:none;
}
/* portfolio */
#text .item .pimg {
	display:block;
	padding:5px;
	margin:0;
	font-size:11px;
	width:203px;
	float:left;
	height:162px;
}
#text .item .pdesc {
	display:block;
	float:left;
	padding:5px 5px 5px 10px;
	margin:0;
	width:350px;
	color:#003300;
	height:162px;
}
/* archive */
#text .item .pimgrss {
	display:block;
	padding:5px;
	margin:0;
	font-size:11px;
	width:203px;
	float:left;
	height:80px;
}
#text .item .pdescrss {
	display:block;
	float:left;
	padding:5px 5px 5px 10px;
	margin:0;
	width:350px;
	color:#003300;
	height:80px;
}
#text .item .plinks {
	float:left;
	display:block;
	padding:5px;
	margin:0;
	width:598px;
}
#text .item a {
	padding:0;
	margin:0;
	font-weight:normal;
	height:30px;
	position:relative;
	width:100%;
}

/* archief detail */
.rssdesc img {
	float:right;
	margin:0 0 10px 10px;
	padding:0;
}
#text .rssdesc { 
	background: url(../img_site/textback.jpg) repeat-y;
	width:580px;
	min-height:260px;
	height:auto;
	padding:10px;
	border-top:1px solid #F0F7D5;
	border-bottom:1px solid #F0F7D5;
}
#text .rssdesc a:link{
	color:#003300;
}
#text .rssdesc a:visited {
	color: #003300;
}
#text .rssdesc a:hover {
	color: #CC0034;
}
#text .rssdesc p.published {
	position:relative
}

/* submenu */
#text .submenu {
	width:588px;
	height:20px;
	padding:5px 5px 3px 5px;
	margin:0 0 20px 0;
	background:none;
	overflow:hidden;
	background:url(../img_site/textback.jpg) repeat-y;
	border-top:1px solid #F0F7D5;
	border-bottom:1px solid #F0F7D5;
}
#text .submenu ul {
	margin:3px 0 0 5px;
	padding:0;
	list-style:none;
	font-size:11px;
}
#text .submenu li {
	float:left;
	margin:0;
	padding:0 20px 0 15px;
	background:url(../img_site/list.jpg) no-repeat 4px;
}
#text .submenu a:link {
	color:#003300;
	text-decoration:none;
}
#text .submenu a:visited {
	color:#003300;
	text-decoration:none;
}
#text .submenu a:hover {
	color:#CC0034;
	text-decoration:none;
}

/* contactformulier */
#contactform { 
	background:url(../img_site/textback.jpg) repeat-y;
	float:left;
	width:598px;
	height:280px;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	color:#000000;
	border-top:1px solid #F0F7D5;
	border-bottom:1px solid #F0F7D5;
}
#contactform p {
	width:100%;
	float:left;
	margin:20px 0 5px 40px;
	padding:0;
}
#contactform label {
	float:left;
	width:75px;
	height:20px;
	margin:0;
	padding:0;
}
#contactform input {
	float:left;
	margin:0;
	padding:0;
	border:#96BC0E 1px solid;
}
#contactform textarea {
	float:left;
	margin:0 0 5px 0;
	border:#96BC0E 1px solid;
	overflow: auto;
}
#contactform .btn_p {
	width:425px;
	margin:0;
	padding:0;
	}
#contactform .btn {
	background:url(../img_site/btn.jpg) no-repeat;
	border:none;
	width:100px;
	height:23px;
	color: #003300;
}
#contactform .btn#submit {
	margin:0 5px 0 115px;
}
#contactform #demoselect {
	border:#F0F7D5 1px solid;
	float:left;
	margin:-20px 0 5px 38px;
	padding:0;
	background:#96BC0E;
	color:#FFFFFF;
	font-weight:bold;
}

/* navigation:
Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
It carries a background image for aesthetics.
*/
#menuwrapper {
	width:990px;
	height:36px;
	letter-spacing:1px;
	text-align:center;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding:0;
	margin:0;
	font-size: 14px;
	color: #fff;
	line-height:36px;
	font-weight:bold;
}
#p7menubar a.trigger {
	padding:0;
	/* text-indent:20px; align left and margin */
	margin:0;
	width:165px;
	background:transparent;
}
#p7menubar li {
	float: left;
	width: 165px;
}
#p7menubar li ul, #p7menubar ul li  {
	width: 165px;
}
#p7menubar ul li a  {
	color: #565656;
	padding:0;
	line-height:36px;
	/* text-indent:20px; align left and margin */
}
#p7menubar li ul {
	position: absolute;
	display: none;
	height:180px;
	background:none;
}
#p7menubar li ul.hover1 {
	background: url(../img_site/hoverul1.png) no-repeat left;
}
#p7menubar li ul.hover2 {
	background: url(../img_site/hoverul2.png) no-repeat left;
}
#p7menubar li ul.hover3 {
	background: url(../img_site/hoverul3.png) no-repeat left;
}
#p7menubar li ul.hover4 {
	background: url(../img_site/hoverul4.png) no-repeat;
}
#p7menubar li ul.hover5 {
	background: url(../img_site/hoverul5.png) no-repeat;
}
#p7menubar li ul.hover6 {
	background: url(../img_site/hoverul6.png) no-repeat;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #fff;
	font-weight:bold;
	background-color:transparent;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #fff;
	background-color: transparent;
}
#p7menubar ul a:hover {
	background-color: #97BD0E!important;
	color: #FFFFFF!important;
}
#p7menubar li {width: auto;}

/* accordion */
.arrowlistmenu {
	width: 600px; /*width of accordion menu*/
	margin:0 0 50px 0;
}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	cursor: pointer;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
	background:url(../img_site/open.gif) no-repeat right bottom;
	border-bottom:1px solid #F0F7D5;
}
#text .arrowlistmenu .menuheader h2{ /*CSS class for menu headers in general (expanding or not!)*/
	margin:0;
	padding:0;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background:none;
	background:url(../img_site/top.gif) no-repeat right bottom;
}
.arrowlistmenu .categoryitems {
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	}
	
/* footer */
#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003300;
	padding:30px 0 0 25px;
	margin:0;
	line-height:36px;
}
#footer a:link {
	color:#003300;
	text-decoration:none;
}
#footer a:visited {
	color:#003300;
	text-decoration:none;
}
#footer a:hover {
	color: #CC0034;
	text-decoration:none;
}

/* cmstable */
.cmstable {
	width:600px;
	text-align:left;
	margin:0;
	padding:0;
	border:#97BD0E 1px solid;
}
.cmstable th {
	background:url(../img_site/textback.jpg) repeat-y;
	color:#CC0034;
	padding:0 10px 0 5px;
	border-bottom:1px solid #97BD0E;
}
.cmstable td {
	vertical-align:top;
	color:#CC0034;
	padding:0 10px 0 5px;
}
.cmstable .cmscol1 {
	width:25%;
	font-weight:bold;
}
.cmstable .cmscol2 {
	width:25%;
}
.cmstable .cmscol3 {
	width:25%;
}
.cmstable .cmscol4 {
	width:25%;
}

/* print top back */
#backprinttop {
	width:300px;
	height:30px;
	text-align:center;
	margin:30px 0 0 0;
	padding:0;
}
#content #text #backprinttop a {
	text-decoration:none;
	float:left;
	font-size:10px;
	border:1px solid #97BD0E;
	background:url(../img_site/textback.jpg) repeat-y;
	width:60px;
	padding:0;
	margin:0 10px 0 0;
}