* { font-family:Verdana, Geneva, sans-serif; font-size:11px; }

@media screen {

body { margin-top:10px; background-color:#ebece5}
img {border:0px;}
th {border-bottom: 1px solid blue;text-align: left;}
a {color:#0071b9;text-decoration:underline;}
a:hover{color:#0071b9;text-decoration:none;}
div#nocss { display:none; }
div#container { width:977px; margin:0px auto; }
div#header { width:100%; float:left; background:url(images/orka_topphoto.jpg); height: 179px; padding-bottom:13px;}
div#header-inner { width:100%; float:left;padding-top:10px; padding-left:10px;}
div#logo {float:left;}
div#site-slogan { float:right;  color:#0071b9; font-weight: 900; padding-top:100px; padding-right:30px; font-size:12px; }
#navbar { height: 41px; width:977px; margin-top:137px;} 
	#navbar ul {margin-left:2px; padding-left:2px;}
	#navbar li {list-style: none; float: left;}   
	#navbar li a {display: block; height:16px; padding: 8px 10px;  margin-left:12px;  background: url(images/bgtoplink.gif); color:#000;text-decoration: none;border-bottom: 9px solid #ccc;}   
   #navbar li a.active {color:#0071b9;}   
	#navbar li a:hover {display: block; height:16px; padding: 8px 10px;  margin-left:12px;  background: url(images/bgtoplinkover.gif); color:#000;text-decoration: none;border-bottom: 9px solid #999;} 
	#navbar li ul {display: none; width: 170px;}  
	#navbar li:hover ul { display: block;position: absolute; margin: 0;padding: 0; }   
	#navbar li:hover li { float: none; }   
	#navbar li:hover li a {border-bottom: 1px solid #000;color: #000;}   
	#navbar li li a:hover {border-bottom: 1px solid red;color: #000;color:#0071b9;}  
.active { color:#0071b9;}
.orkatab { color:#e2001a;}
td {padding: 0px; margin:0px; font-size: 9px; }
div#mid { width: 977px; height:auto;float:left; margin-top:25px; border-bottom:1px #ccc solid; padding-bottom:10px;}
div#contentmain {width: 655px; padding-left: 10px; padding-right: 5px;; float:left;}
div#fotoplacer {margin-bottom: 20px; width:650px;}
div#lefttext {width: 457px; float:left; }
   div#lefttext h1{ font-size:1.3em; letter-spacing:1px;}
   div#lefttext h2{ font-size:1em;color:#000; padding-bottom:-10px; padding-top: -10px; height:10px; }
   div#lefttext p{padding-right:10px; font-size:1em; }
div#righttext {width:198px; float:right; font-family: "Trebuchet MS";}
   div#righttext p {color:#0071b9; font-size:1.3em; padding-left:10px; padding-right:10px; font-family: "Trebuchet MS";}
	div#righttext strong { font-weight: bold; font-family: "Trebuchet MS"; font-size: 1.0em;}
	div#righttext a {color:#0071b9;text-decoration: underline;}
		div#righttext a:hover {color:#0071b9; text-decoration: none;}
div#sidebar {width: 302px; padding-left: 5px; float:right; margin:0; padding:0;}
div#block1 { border: 1px solid #ccc; width:292px; height:193px; margin-top:0px; padding-left:5px; background:url(images/bgactueel.gif); float:right;}
	#block1 ul{ margin:0;width:100%; padding:0; height:30px;}
	#block1 li{ list-style: none; float: left;}
	#block1 li a{ display:block; height:16px; color:#FFF; text-decoration:none; padding: 7px 10px;margin-left:10px; outline:none;}
	#block1 li a:hover{ display:block; height:16px; color:#0071b9; text-decoration:none; padding: 7px 10px;margin-left:10px; background-color: #333}
div#block2 { border: 1px solid #ccc; width:297px; height:245px; margin-top:5px;float:right; position:relative;}
#block2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#block2 IMG.active {
    z-index:10;
    opacity:1.0;
}
#block2 IMG.last-active {
    z-index:9;
}
div#block3 { border: 1px solid #ccc; width:297px; height:175px; margin-top:5px;float:right; background:url(images/bgblock3.jpg) center no-repeat;}
	div#block3 h2 { font-size:1.3em; font-weight:bold; margin-left:20px; margin-top:30px;}
	div#block3 a { font-weight:bold; text-decoration:none; color:#000}
	div#block3 a:hover { font-weight:bold; text-decoration:none;color:#e2001a;}
.left { float:left; padding-left:20px;}
.right { float:right; padding-right:20px;}
div#newsactueel { width:250; height:145px; padding-left:5px; padding-top: 0px;}
	div#newsactueel  a{color:#0071b9; line-height:20px; }
	div#newsactueel  a:hover{color:#0071b9; line-height:20px;color:#e2001a; text-decoration:none; }
div#newsnieuws {width:250; height:145px; padding-left:5px; padding-top: 0px; }
	div#newsnieuws  a{color:#0071b9; line-height:20px; }
	div#newsnieuws  a:hover{color:#0071b9; line-height:20px;color:#e2001a; text-decoration:none; }
div#newsnieuwsbrief {display: none;  width:250; height:160px;}
div#footer {width:967px; height:15px; text-align:right;	padding-right: 10px; padding-top:5px;}
	div#footer a{text-decoration: none; font-size:9px; color:#666;}
	div#footer li{ display:inline; text-decoration: none; font-size:9px; color:#666;}
	div. webform-client-form {	width: 400px;}
/* ----------------- formulier ------------------ */


.webform-client-form { padding-top: 30px;}
label {color: #0077EA; line-height: 20px; font-size: 12px; float: left;}
.form-item {width: 440px; float: left;}
.form-item .form-text {width:250px; height:18px; border:1px solid #999;margin-bottom:2px; float: right;}
.form-item select {width:250px; height:18px; border:1px solid #999;margin-bottom:2px; float: right;}
/*.form-item input { width: 200px;}*/
.form-item textarea {width:250px; height:50px; border:1px solid #999;margin-bottom:2px; float: right;}
.form-required {color: Red;}
.option {width:250px; height:20px;margin-bottom:2px; float: right;}
.submitted {display: none;}
#edit-submit {width:251px; background-color: #0077EA; color: White; height:23px; border:1px solid #999;margin-bottom:4px; float: right; margin-right: 18px}

/* ---------------- tot hier formulier ---------------- */
}
@media print {

div#navbar, div#foto, div#block1, div#block2, div#footer, div#site-slogan  { display:none; }
img {	border: 0px;margin-bottom: 30px;}
div#lefttext h1{ font-size:15px; letter-spacing:1px; color:#0071b9;}

}