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

body
{
    font: 76% arial, sans-serif;
    text-align: center;
    background-image: url(img/test_pappa.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
p
{
    margin: 0 10px 10px;
}
p, blockquote, li, h2, h3, dd, dt
{
	font-weight: normal;
}

h1
{
	margin: 0px;
}

h2, h3
{
	font-size: 1em;
	font-weight: bold;
	color:#006600;
}
p
{
    margin: 0 10px 10px;
}
a:link  
{
    border:none; 
}
a:visited  
{
    border:none;
}
a:active
{
    outline: none;
}
a:focus
{
    outline: none;
}
img
{
    border: 0px none;
}
div#content
{
    min-height: 50px;
}
div#content p
{
    line-height: 1.4;
}
div#container
{
    width: 864px;
    text-align: left;
    background-image: url(img/bgmoer6.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 600px;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    margin: 0 auto;
}
#cat_container
{
    width: 864px;
    text-align: left;
    background-image: url(img/bgcategory.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    margin: 0 auto;
}
div#boog
{
    width: 600px;
    height: 200px;
    margin:0 auto;
    background-image: url(img/boog.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
div#logo
{
    width: 278px;
    height: 102px;
    padding-left: 330px;
    background-image: url(img/ripatech_logo.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
div#home
{
    width: 65px;
    height: 65px;
    margin:-40px auto;
}
#cat_tekst{
	color:#000000;
	height:244px;
}
div#tekst{
	color:#000000;
	height:244px;
}
div#tekst p
{
    margin-left: 50px;
    margin-right: 50px;
}
div#tekst h3
{
    padding:10px;
}
#footer{
	text-align:center;
}
#header{
	height:230px;
}
#cat_content
{
	float: right;
	width: 73%;
	margin-top: 14px;
	font-family: "Optima", Arial, sans-serif;
}
.titel
{
    margin-left: 35px;
	margin-top:5px;
    width:216px;
    height:36px;
    background-image: url(img/titel.png);
    background-position: top center;
    background-repeat: no-repeat;
}
#titel_Projecten
{
    display: block;
    float: left;
    width: 33%;
    height: 230px;
    background-image: url(img/grijs_menu.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
#titel_Paintball
{
    display: block;
    float: left;
    width: 33%;
    height: 230px;
    background-image: url(img/blauw_menu.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
#titel_Agenda
{
    display: block;
    float: right;
    width: 33%;
    height: 230px;
    background-image: url(img/groen_menu.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
.kop {
	font-size: 16px;
	font-weight: bold;
	color:#006600;
}
div#logobg
{
    clear: both;
    height: 242px;
    width: 100%;
    background-image: url(img/logo_bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
}
div#onder
{
	clear:both;
	height:110px;
    width: 100%;
    text-align: center;
}
div#navbar{
	text-align:center;
	margin:0 auto;
	height: 50px;
	width: 100%;
	padding-top:10px;
}
div#navbar ul{
	line-height:30px;
	white-space:nowrap;
}
div#navbar li{
	display:inline;
	list-style-type:none;
}
div#navbar li a{
	font-family:Arial;
	font-size:18px;
	color:#ffffff;
	padding:20px;
}

form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

a
{
	text-decoration: none;
	color: #79B30B;
}

hr
{
	display: none;
}

pre
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym
{ 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite
{
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code
{
	margin: 10px;
	display: block;
}

q
{
	font-style: italic;
	color: #666;
}
.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 25px; /* .push must be the same height as .footer */
}

.footer{
	position:relative;
	margin:0pt auto;
	width:951px;
	background:url(img/scorebg.png) repeat-x scroll 0pt;
	z-index:1;
}
.footer p {
	padding:3px 0pt 0pt;
	color: #fff;
	font: 0.8em arial,sans-serif;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

#page
{
	position: relative;
	width: expression(document.body.clientWidth < 920? "920px" : document.body.clientWidth > 950? "950px" : "auto");
	max-width:950px;
	min-width:920px;
	margin-left: auto;
	margin-right: auto;
}

#main{
	clear:both;
}

#mainfloat
{
	padding-top:5px;
	clear:both;
	float: left;
	width: 75%;
}

#content
{
	float: right;
	width: 73%;
	margin-top: 14px;
	font-family: "Optima", Arial, sans-serif;
}

* html #content
{
	margin-top: 34px; /* hack IE */
}

#menuleft
{
	margin-right: 74%;
	text-align: right;
}

#menuright
{
	margin-left: 75%;
}

#menuleft, #menuright
{
	padding: 6px;
	border: none;
}

/* VERTICAL PADDING ABOVE COLUMNS */

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ 
	p\osition: relative; 
}

/* ====================================================================
BANNER
-------------------------------------------------------------------- */

* html #banner {
	display: inline-block;
	position: relative;
	margin-right: -650px;
} 

#banner
{
	position:relative;
	padding: 0px;
	height:329px;
	width:950px;
	background-image:url(img/bg_header.gif);
	background-repeat:repeat-x;
}

#banner .description, #websitename
{
	color: #79B30B;
	font: 120% Verdana, Arial, Helvetica, sans-serif;
}

#banner p.description
{
	font-size: 1em;
}

* html #menu ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0px;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	position:relative;
	float:left;
	padding: 2px 15px 4px 15px;
	color:#5c7f4e;
	font-family:trebuchet ms,arial,helvetica,sans-serif;
	font-size:18px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:normal;
	background:url(img/streep.gif) top right repeat-y;
}
/* verberg voor IE5-Mac \*/
#menu li a{
	float: none
}
/* einde verberg */
#menu ul li a:hover{
	color:#79B30B;
	border-bottom:4px solid;
	border-bottom-color:#5c7f4e;
	padding-bottom: 0;
}

#easy-access
{
	position:relative;
	float:left;	
	width:150px;
	height:75px;
	padding-top:50px;
}

#easy-access #q {
	background-image:url("img/zoeken.png");
	background-position:right center;
	background-repeat:no-repeat;
	border:1px solid #DBDAC7;
	color:#D1580E;
	padding:4px 4px 3px;
	width:125px;
}

#easy-access #q:hover {
	border:1px solid #F1B892
}

div#onderlogo{
	float:left;
	margin-left:-1px;
}
#nieuwskop{
	margin-left: 73%;
	padding-top:130px;
}
/* ====================================================================
CONTENT
-------------------------------------------------------------------- */

#menuleft h2
{
	font-size: 120%;
	background: transparent url("img/h2-left2.png") 100% 100% no-repeat;
}

#menuright h2
{
	background: transparent url("img/h2-right2.png") 0% 100% no-repeat;
	font-size: 120%;
}

#menuleft h3
{
	font-size: 100%;
	background: transparent url("img/h3-left.png") 100% 100% no-repeat;
}

#menuright ul a, #menuleft ul a
{
	text-decoration: none;
}

#menuright ul a:hover, #menuleft ul a:hover
{
	text-decoration: none;
	color: #e20025;
}

#menuleft ul, #menuright ul
{
	margin:0;
}

#content h2 a 
{
	color:#006600;
	font-size:16px;
	margin:0 0 10px 10px;
	padding-top:5px;
	padding-bottom:2px;
}

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

ol.tree
{
	margin:10px 0 10px 10px;
	padding-top:5px;
	color: #FFFFFF;
}

ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
	color:#ffffff;
	font-size:14px;
}

ol.tree li a
{
	color:#ffffff;
}

ol.tree li:before
{
	content: ' \00bb  ';
}

#content img
{
	border-width: 1px;
	border-color: #79B30B;
	border-style: solid;
	padding: 5px;
	margin: 6px 10px 0 0;
	float: left;
	display: block;
}

p.modified
{ 
	color: #666;
	font-size: .8em;
	padding-left:12px;
	background: url("img/p-modified.png") 0% 80% no-repeat;
}

#content .modified a
{
	text-decoration: none;
}

p.modified a:hover
{
	color: #1771A0;
	text-decoration: underline;
}

.resources-number, .comment-closed
{
	margin:0 0 10px 0;
	color: #999;
	font-style: italic;
}

.resource
{
	float: left;
	width:450px;
}

.resource p
{ 
	margin-bottom: 10px;
}

#footer img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
	-moz-opacity: 0.1;
	border: none;
	vertical-align: bottom;
}

#footer p
{
	color: #ccc;
	font-size: .8em;
}

#art-title
{
	margin: 10px 0 -10px 0;
	font-size: 2.2em;
	color: #000;
	font-variant: small-caps;
	font-weight: 100;
}

#art-pages-list h3
{
	font-weight: bold;
}

div.col-content
{
	padding: 10px 10px;
}

div.col-right
{
	padding: -10px 10px;
}

div.col-content h2, div.col-content h3
{
	padding-bottom: 0;
	margin-bottom: 0.2em;
}

div.col-content li
{
	list-style: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	margin-left: 1.2em;
}

div.col-content a
{
	text-decoration: underline;
}

div.col-content ul, div.col-content ol
{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}
.category{
	padding-top:5px;
}

ol li.current a
{
	text-decoration: none;
	color: #000;
}

.feeds, .sitemap
{
	font-size: .9em;
	padding-left: 18px;
	color: #e20025;
}

.feeds
{
	background: transparent url("img/feeds.png") 4% 40% no-repeat;
}

.sitemap
{
	background: transparent url("img/sitemap.png") 0% 40% no-repeat;
}

.score
{
	font-size: 90%;
	color: #FFFFFF;
	margin-top: -10px;
	text-align: right;
	border-top: 1px dotted #BEE5BE;
	padding: 2px 4px;
	background:transparent url("img/scorebg.png") repeat-x;
}

.err404
{
	padding: 20px 0 0 60px;
	background: transparent url("img/err404.gif") 0% 80% no-repeat;
	font-weight: 100;
	font-size: 2.5em;
}

img.px-left 
{ 
	margin:3px 12px 10px 0;
	float: left;
	display:block;
}

img.px-center
{ 
	margin:8px auto 8px auto;
	display: block;
}

img.px-right
{ 
	margin:3px 0 10px 12px;
	float: right;
	display:block;
}

#menuright .feeds, #menuright .sitemap
{
	text-decoration: none;
	margin: 0;
}

#menuright a.feeds:hover
{
	color: #F7A802;
}

#menuright a.sitemap:hover
{
	color: #8CAD36;
}

.recent-news
{
	background-color: #adcda1;
	border: 1px solid #DBE1E5;
	padding: 2px 10px 10px 10px;
	margin: 4px 0 10px 0;
	color: #5C7F4E;
	font-size:9px;
	
	letter-spacing:-0.01em;
}

.recent-news img
{
	width:100px !important;
	height:75px !important;
}

.recent-news p img 
{
	width:100px;
	height:75px;
}


.recent-news h3
{
	color:#79B30B;
	margin: 0;
	padding-top:6px;
	font-size: 120%;
}

.recent-news h2
{
	margin: 0;
	font-size: 120%;
}

.recent-news p
{
	margin-top: 0;
}

.recent-news-date
{
	color: #ffc70a;
	text-align: right;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	background:transparent url(img/scorebg.png) repeat-x scroll 0%;
}

ul.extra
{
	margin: 0;
	padding: 0;
}

ul.extra li
{
	display: inline;
	list-style-type: none;
	padding-right: 1em;
	padding-left: 0;
}

.associated-link
{
	text-align: right;
}

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #fff;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #ccc;
}

/* ====================================================================
COMMENTS
-------------------------------------------------------------------- */

div.px-comment
{ 
	background-color: #FFFFF1;
	padding: 0 14px 0 16px;
	border: 1px solid #FFF2CB;
	margin-bottom: 6px;
	color: #666;
	font-style: italic;
}

div.px-comment a
{ 
	color: #666;
}

div.px-comment a:hover
{ 
	color: #000;
}

.px-comment-info
{ 
	font-weight: bold;
	padding-left:20px;
	background: url("img/comment-icon.png") 0% 70% no-repeat;
}

.px-comment .px-comment-info-website
{
	color: #ccc;
}

form.px-comment
{
	padding: 10px 16px 10px 16px;
	margin-bottom: 20px;
	background-color: #FFF3F8;
	border: 1px solid #FFE3EE;
	font: .8em Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
}

form.px-comment p
{
	margin: 0;
}

form.px-comment textarea
{
	width:100%;
}

form.px-comment textarea, form.px-comment input
{
	background-color: #fff;
}

.input-submit
{
	text-align: right;
	padding-top: 8px;
}

form.px-comment label
{
	float: left;
	display: block;
	width: 100px; 
	font-size: 110%;
}

.px-comment-add
{
	padding-bottom: 4px;
	border-bottom: 1px solid #E6E6E6;
	font-variant: small-caps;
	font-size: 120%;
}

form.px-comment submit
{
	margin:0;
	text-align: right;
}

.px-comment-error
{
	border: 1px dotted #FF8080;
	padding-bottom: 10px;
	width: 80%;
}

.px-comment-error ul
{
	padding-top: 6px;
}

.px-comment-error li
{
	color: red;
	list-style-type: none;
	background: url("img/errmsg.gif") 0% 50% no-repeat;
	padding-left: 20px;
}

.px-comment-preview
{
	padding: 0 20px 10px 40px;
	font-style: italic;
	color: #999;
	background: url("img/comment-preview.png") 0% 0% no-repeat;
}

.px-comment-validation
{
	padding-left: 16px;
	font-style: italic; 
	color: #999;
	background: url("img/comment-validation.gif") 0% 50% no-repeat;
}

span.px-comment-required-email
{
	font-size: 90%;
	font-style: italic;
	color: #666;
}

/* ====================================================================
GALLERY
-------------------------------------------------------------------- */

div.gallery-bottom 
{ 
	clear: left;
}

div.gallery-thumb a 
{	
	float: left;
	display: block;
}

#content img.gallery-thumb 
{	
	margin: 0 0 10px 0;
}

div.gallery-img 
{ 
	float: left;
	width: 200px;
	padding: 0 0 0 10px; 
	margin: 0 10px 10px 0;
}

p.gallery-legend
{ 
	text-align: center;
	line-height: 100%;
	font-style: italic;
	color: #A5A569;
}

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */

#sitemap
{
	padding: 0 20px;
	margin-bottom: 20px; 
}

#sitemap h1
{
	padding: 20px 0 0 0;
	font-weight: 200;
	color: #5C7F4E;
}

#sitemap h3
{
	font-size: 120%;
	border-bottom: 1px solid #5C7F4E;
	padding-top:10px;
	padding-left:4px;
}

#sitemap h3 a, #sitemap li.subcatlism a
{
	color: #5C7F4E;
}

#sitemap li
{
	font-size: .9em;
	color: #5C7F4E;
	list-style-type: upper-roman;
	margin-left:25px;
	margin-top:5px;
}

#sitemap li.nodeco
{
	list-style-type: none;
}

#sitemap li.nodeco a
{
	color: #98C6E6;
}

#sitemap li.nodeco li
{
	list-style-type: hebrew;
	color: #98C6E6;
}

#sitemap li.subcatlism
{
	list-style-type: hebrew;
	color: #5C7F4E;
}

#sitemap li.subcatlism p
{
	padding: 10px 0 0 0;
}

#sitemap p
{
	color: #666;
	font-size: 90%;
	font-style: italic;
	margin-top: -1px;
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}