@charset "utf-8";
/* OSP Styling */
search {

}
/* CSS Document */

/* HTML TAGS */
body {
	font:100% Arial, sans-serif;
	font-size: .8em;
	margin: 0;
	background:url(/resource/osp/gfx/top-border.gif) repeat-x 0 0;
}

p {
   margin-top: 0px;
   margin-bottom: 15px;
}
.event-top-items-container{
	float:left;
	width:100%;
}

#content .event-top-items{
	color:#93bc3c;
}

.sub-container{
	float:left;
	width:310px;
}
.sub-container-last{
	float:left;
	width:70px;
}



input, textarea {
	border: 1px solid #ccc;
	font-size: 9pt;
}
img {
	border: 0px none;
}
a {
	color: #3060a7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
form {
	margin: 0;
}
form label {
	float: left;
	width: 100px;
	display: block;
	height: 15px;
	margin-bottom: 2px;
}
form input, textarea {
	float: left;
	height: 15px;
	margin-bottom: 2px;
}

form input[type:hidden]{
   display:none;
}
textarea {
	width: 300px;
	height: 60px;
	margin-bottom: 2px;
}
form .submit {
	height: 25px;
   width: 100px;
}
/* CONTAINER */
#container {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/* HEADER */
#header {
	width:955px;
	padding:0 20px;
	float:left;
}
#container #nivepopup {
   display: none;
   background: #ccc;
   border: 1px solid #000;
   position: absolute;
   width: 400px;
   height: 300px;
   right: 132px;
   bottom: 65px;
   padding: 15px;
}
#container #menu {
	background: url('../gfx/mainmenu_bg.jpg') repeat-x;
	height: 47px
}

#menu input, textarea {
	border: 1px solid #ccc;
	font-size: 9pt;
	width: 110px;
}
#menu a.item {
	display: block;
	float: left;
	padding: 0 20px;
	background: url('../gfx/mainmenu_item_bg2.jpg') no-repeat;
	height: 35px;
	color: #fff;
	text-decoration: none;
	padding-top: 12px;
	text-align: center;
}
#menu a.item:hover {
	text-decoration: underline;
}
#menu #search {
	float: left;
	padding-top: 9px;
	padding-right: 9px;
	width: 10px;

}
#menu #search_img {
	float: right;
	padding-top: 12px;
	padding-right: 30px;
}
#menu a.main_permhover {
	text-decoration: underline;
}
/* THREE COlUMNS */
#maincontainer {
	clear: both;
	width: 995px;
	margin-top:10px;
}
#maincontainer #left, #right {
	float: left;
	width: 245px;
}
#maincontainer #center {
	width: 460px;
	padding: 15px;
	padding-top: 0px;
	text-align: justify;
	float: left;
	height:435px;
	overflow-y:scroll;
	overflow:
	position:relative;
}

/* CENTER */
#center h1 {
	font-size: 15pt;
	color: #f0af37;
	margin-top: 0;
}

/* LEFT */
.menu_item{
	xposition:absolute;
	background: white url('../gfx/menu_list.gif') no-repeat 2px 2px; 	/*background schrijft groen bolletje*/
	padding-left: 20px;
	line-height:25px;
	color: #7fbc2d;
	font-weight: bold;
	font-size: 13px;

}
#left .item{
	margin: 5px;
	margin-top: 0;
	border: 1px solid #e4e4e4;
}
#left .item .head {
	height: 20px;
	background-color: #e4e4e4;
	font-weight: bold;
	color: #838282;
	padding: 4px;
}
#left .item ul {
	list-style-image: url('../gfx/menu_list.gif');

}
#left .item ul li {
	_padding-left: 7px;
}
#left .item ul a {
	color: #7fbc2d;
	font-weight: bold;
	font-size: 12pt;
	margin-left: 100px;
	margin-top: 160px;
	text-decoration: none;
}

#left .item ul a:hover {
	text-decoration: underline;
}
.submenu {
	position:absolute;
	xleft:150px;
	xtop:-15px;
   display:none;
	xbackground: #ffffff;
	margin-left: 200px;
	margin-top: -25px;
	white-space: nowrap;
	z-index:1;
}
.submenu .bottom {
   padding: 0;
	height: 7px;
	background: transparant url('../gfx/submenu_bottom.gif') no-repeat;
}
.submenu .text {
   background-color:#e4e4e4;
   color: #3060a7;

}
.submenu .top {
   padding: 0;
   height: 7px;
   background: transparant url('../gfx/submenu_top.gif') no-repeat;
}
.submenu a {
	font-size: 13px;
	color: #3060a7;
}


/* RIGHT */
#right .item{
	margin: 5px;
	margin-top: 0;
	border: 1px solid #e4e4e4;
}
#right .item p {
	margin: 5px;
	margin-top: 0;
}
#right .item .head {
	height: 20px;
	background-color: #e4e4e4;
	font-weight: bold;
	color: #838282;
	padding: 4px;
}
#right .item ul {
	list-style-image: url('../gfx/menu_right_list.gif');
}
#right .item ul li {
	_padding-left: 7px;
}
#right .item ul a {
	color: #f2b84c;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}
#right .item ul a:hover {
	text-decoration: underline;
}

#games {
   float: left;
   margin-left: 770px;
   margin-top: -15px;
}

/* NivePopup */

#Popup	{
	background-color: #2a9cfc;
}

#Popup #head  {
	position: absolute;
	Width: 490px;
	Height: 122px;
	margin-top:0px;

}

#Popup #body  {
	position:absolute;
	Width: 506px;
	Height: 214px;
	top: 122px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#referenties {
   width: 95%;
}
#branch th {
   color: #3060A7;
}
#branch td a {
   color: #7FBC2D;
}

/* SITEMAP */
.sitemap {
   border:1px solid #ccc;
   padding:10px;
}
.page_item {
   margin-bottom:7px;
}
.page_item_parent .page_item {
   padding-left:20px;
   margin-top:3px;
}

/************** Newstyling *******************/

.clearfix {
   line-height:0;
   font-size:0;
   clear:both;
   height:0px;
}

.logo{
	margin-bottom:18px;
	float:left;
}
#nav{
	width:100%;
	float:left;
}
#top-nav{
	height:26px;
	width:auto;
	background:url(/resource/osp/gfx/top-nav.gif) repeat-x 0 0;
	float:right;
}
#top-nav li a{
	color:#fff;
	border-left:1px solid #0d8ec2;
	padding:0 10px;
	font-size:85%;
	line-height:155%;
}
#top-nav a:hover{
	text-decoration:none;
	color:#ddd;
}
#top-nav li:first-child a{
	border:none;
}
#top-nav ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#top-nav li{
	float:left;
	margin:4px 0 0;
}
.top-nav-left{
	width:10px;
	height:26px;
	background:url(/resource/osp/gfx/top-nav-left.gif) no-repeat 0 0;
	float:left;
}
.top-nav-right{
	width:10px;
	height:26px;
	background:url(/resource/osp/gfx/top-nav-right.gif) no-repeat 0 0;
	float:left;
}
#search-bar{
	width:auto;
	height:26px;
	margin:30px 0 0 0;
	float:right;
}
#search-bar input{
	width:147px;
	height:16px;
	padding:5px 10px 3px 20px;
	margin:0 10px 0 0;
	float:left;
	background:url(/resource/osp/gfx/search-bar.gif) no-repeat 100% 0;
}

.button{
	width:auto;
	float:left;
}
.btn {
	height:19px;
	padding:7px 15px 4px;
	background:url(/resource/osp/gfx/btn-bg.gif) repeat-x 0 0;
	float:left;
	font-size:85%;
	color:#000 !important;
	font-weight:bold;
   line-height:120%;
   text-decoration:none !important;
}
.btn:hover{
	text-decoration:none;
	color:#19a3d4;
}
input.btn {
   font-family:arial;
   font-size:11px !important;
   border:0;
   padding:5px !important;
}
.btn-left{
	height:26px;
	width:2px;
	background:url(/resource/osp/gfx/btn-left.gif) no-repeat 0 0;
	float:left;
}
.btn-right{
	height:26px;
	width:2px;
	background:url(/resource/osp/gfx/btn-right.gif) no-repeat 0 0;
	float:left;
}

/****************** Main menu ********************/
#main-nav{
	width:100%;
	height:26px;
	float:left;
}
#main-nav ul{
	list-style:none;
	margin:0px 0 0 -1.5em;
	padding:0;
	float:left;
}
#main-nav li{
	margin:0;
	padding:0;
	float:left;
}
#main-nav ul li *{
	float:left;
	clear:both;
	width:auto;
}
#main-nav ul li ul{
	position:absolute;
	margin:26px 0 0 20px;
	display:none;
	border:1px solid #ccc;
}
#main-nav ul li ul li ul{
	position:absolute;
	margin:-1px 0 0 150px;
	display:none;
	border:1px solid #ccc;
}

#main-nav ul li ul a{
	float:left;
	border-bottom:1px dotted #ccc;
	padding:10px 10px;
	width:130px;
	font-size:85%;
	background:#fff;
	color:#4d4d4d;
}
#main-nav ul li ul a:hover{
	background:#fbfbfb;
}
#main-nav ul li ul a.active{
	color:#13a3d7;
	background:#efefef;
}
#main-nav ul li ul a span{
	margin-right:5px;
	float:left;
	margin-top:-2px;
}
#main-nav a{
	font-size:110%;
	padding:.4em 1.5em .4em;
	color:#4d4d4d;
}

#main-nav a:hover{
	color:#13a3d7;
	text-decoration:none;
}


.sidemenu {
   float:left;
   width:227px;
   margin-left:-27px;
}
.sidemenu ul,
.sidemenu ul li {
   margin:0;
   padding:0;
   list-style:none;
}
.sidemenu ul.sidemenu_items {
   padding-top:27px;
}
.sidemenu li a {
   display:block;
   background:url('/resource/osp/gfx/submenu_shadow.gif') no-repeat 0 100%;
   padding:0px 0px 16px 26px;
   text-decoration:none !important;
}
.sidemenu li a:hover {
   color:#88e0ff !important;
}
.sidemenu li.active a {
   font-weight:bold;
}
.sidemenu_subitems li a{
	padding-left:40px;
	font-size:11px;
}
.sidemenu_subitems a{
	font-weight:normal !important;
}
.sidemenu_subitems li.active a{
	font-weight:bold !important;
}
.breadcrumb {
   border-bottom:1px solid #CCCCCC;
   padding-bottom:15px;
}

/*#content-sides{
	background:url(/resource/osp/gfx/content-top_bg.jpg) no-repeat 0 0;
	width:1021px;
	height:481px;
	position:absolute;
	z-index:-1;
	top:142px;
	margin:0 0 0 -12px;
}*/
#empty{
	height:325px;
}
#flash{
	width:100%;
	position:absolute;
	height:190px;
	z-index:-1;
	top:145px; 
	left:0;
	overflow:hidden;
	border:1px solid #eee;	
	border-left:none;
	border-bottom:none;
	border-right:none;	
}
#flash img{
	margin:0 auto;
	display:block;
	width:995px;
	border:1px solid #eee;		
	border-left:none;
	border-top:none;
	border-right:none;
}

#header-home{
	width:955px;
	padding:0 20px;
}

#content{
	width:915px;
	margin:0;
	float:left;
	color:#4d4d4d;
	padding:20px 40px 0;
	line-height:160%;
  min-height:380px;
}
#content a{
	color:#19a3d4;
	text-decoration:underline;
}
#content a:hover{text-decoration:none;}
#content-home{
	width:100%;
	margin:30px 0;
	float:left;
	color:#4d4d4d;
	padding:0 0 0;
	line-height:160%;
	background:none;
	min-height:320px;
}
#content h1, #content-home h1{
	font-size:90%;
	color:#fff;
	background:#93bc3c;
	padding:5px 15px;
	margin-bottom:45px;
}
#content h2, #content-home h2{
	font-size:120%;
	font-weight:lighter;
	color:#19a3d4;
	margin:12px 0;
	padding:0;
}
#content h3, #content-home h3{
	font-weight:lighter;
	font-size:100%;
	color:#19a3d4;
	margin-bottom:12px;
}

.subcontent {
   float:left;
   padding-left:25px;
   width:690px;
}

p.quote{
	font-style:italic;
	color:#666;
}
.thema{
	font-size:90%;
	width:235px;
	height:78px;
	padding:14px 5px 14px;
	border-right:1px dotted #999;
	border-bottom:1px dotted #999;
	float:left;
	margin-left:3px;
}
.no-border-right{border-right:none; margin:0;}
.no-border-bottom{border-bottom:none; }
.thema img{
	margin-right:10px;
	float:left;
}
.thema p{
	margin:0;
	padding:0;
	line-height:140%;
}
.thema a{float:right;}
.thema-text{height:65px;}
.thema-text :first-child{color:#3060a7;}

#footer-home {
	width:100%;
	height:100px;
	margin:15px 0 0 0;
	color:#fff;
	/*background:#13a2db;  Blauw*/
	background:url(/resource/osp/gfx/footer.gif) no-repeat 50% 0;	 /*Groen*/

	font-size:85%;
	float:left;
}

#featurebrowser{
	width:995px;
	height:236px;
	margin:-180px auto 0;
	display:block;
}
.left{
	float:left;
	height:236px;
	width:19px;
	margin-left:20px;
	background:url(/resource/osp/gfx/featurebrowser_shadwow_left.png) no-repeat 0 0;
}
.right{
	float:right;
	height:236px;
	width:19px;
	margin-right:20px;
	background:url(/resource/osp/gfx/featurebrowser_shadwow_right.png) no-repeat 0 0;
}
#footer {
	width:100%;
	height:60px;
	margin:140px 0 0 0;
	background:#e2e2e2;
	text-align:center;
  font-size:85%;
	float:left;
}
#footer ul{
	list-style:none;
	text-align:center;
	margin:-20px 0 0 0;
	display:block;
}
#footer-home ul{
	list-style:none;
	text-align:center;
	margin:13px 0 0 0;
	display:block;
}
#footer li, #footer-home li{
	display:inline;
	border-left:1px solid #4d4d4d;
}
#footer li:first-child, #footer-home li:first-child{
	display:inline;
	border:none;
}
#footer a, #footer-home a{
	margin:0 15px;
	color:#fff;
}
#footer p, #footer-home p{
	margin-top:5px;
	margin-left:0;
}


/* NEWS */
.news_item {
   float:left;
   width:437px;
   height:100px;
   padding:10px;
   margin-bottom:1.5em;
   overflow:hidden;
   position:relative;
}
.newsdate {
   color:#888;
   float:left;
   margin-right:10px;
}
.news_item h2 {
   margin:0 0 5px 0 !important;
   font-size:14px;
}
.news_detail {
}
.news_detail h2 {
   font-size:17px;
}

/* vacature */
.vacature_item {
   float:left;
   width:477px;
   height:20px;
   padding:10px;
   overflow:hidden;
   position:relative;
}
.vacaturedate {
   float:right;
   color:#888;
}
.vacature_item h2 {
   margin:0 0 10px 0;
   font-size:14px;
}

.vacature_detail {
}
.vacature_detail h2 {
   font-size:17px;
}
.vacature_formlink {
   float:right;
}

/* Events */
.event_list {

}
.event_list_month {
   margin-top:2em;
}
.event_list_month h2 {
   margin:0 0 0.5em 0;
}
.event_list_item {
   margin-left:2em;
}
.event_item_date {
   color:#888;
}


/* Routeplanner */
.gmaps_form {
   width:90%;
   height:40px;
   margin:1em auto;
}
.gmaps_form input.gmaps_input {
   width:80%;
   padding:3px;
   height:auto !important;
   font-size:15px;
   line-height:100% !important;
   margin-right:15px;
}
.gmaps_form input.btn {
   height:26px;
}
#map {
   width:90%;
   height:400px;
   margin:1em auto;
}
#directions {
   width:90%;
   margin:1em auto;
}


/* Form Module overrides*/
.scfForm {
   float:left;
   width:100%;
   font-family:arial !important;
}
.scfTitleBorder {
   color:#19A3D4 !important;
   font-size:120% !important;
   font-weight:lighter !important;
   margin-bottom:12px !important;

}
.scfSubmitButton {
	height:26px;
	background:url(/resource/osp/gfx/btn-bg.gif) repeat-x 0 0;
	float:left;
	font-size:85%;
	color:#000 !important;
	font-weight:bold;
   line-height:120%;
   text-decoration:none !important;
   font-family:arial;
   font-size:11px !important;
   border:1px solid #e2e2e2;
   border-width:0 1px;
   padding:5px 13px !important;
   float:right;
}

/**** CMS Logo ****/

#footer-content{
	width:995px;
	margin:30px auto 0;

}
#footer-text{
	width:905px;
	float:left;
}
#footer-logo{
	width:90px;
	float:left;
	margin-left:-30px;
}
#footer-logo a{
	margin:20px 0 0 0;
	display:block;
}

.submitCell input{
	height:20px;
}