/*
Theme Name: SwetsODV
Theme URI: http://www.swetsodv.nl/
Description: Het SwetsODV thema.
Version: 1.0
Author: Oscin
Author URI: http://www.oscin.cnlm/
Tags: oscin

	SwetsODV 1.0
	http://www.swetsodv.nl/

*/
body {
   text-align: left;
   font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
   font-size: 80%;
   /*background: #fff url('img/bg.gif') repeat-x;*/
   background: #fff;
   color: #111;
   margin: 0;
}

img {
	border: none;
}
a.img {
	border: none;
}

a,
a:link, 
a:active,
a:visited {
   text-decoration: none;
   color: #002e70;
   font-weight: bold; 
}

a:hover {
   text-decoration: none;
   color: #333;
}

p {
	padding: 0 0 10px 0;
}
.clearfix {
	clear: both;
}
.green, .green a, a.green, span.green { color: #4aac23; }
.blue { color: #002e70; }

.sep {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff;	
}

.homepage {
	color: #333;
	/*background: #002e70;
	background: url('img/new_menu.gif') no-repeat center top;*/
	height: 50px;
	margin: 0;
	padding: 0 0 0 0px;
	font-size: 17px;
	line-height: 50px;
	border-bottom: 1px solid #d1d1d1;
}

#pagewrapper {
	width: 980px;
	margin: 0px auto;
}
.top {
	background: url('img/new_header.jpg') no-repeat center top;
	height: 107px;
}
.slogan {
	color: #002e70;
	/*font-weight: bold;
	letter-spacing: -0px;*/
	letter-spacing: 0px;
	margin: -45px 0 0 0;
	height: 20px;
	padding: 0 0 0 22px;
	font-size: 14px;
}
h1.slogan {
	font-size: 14px;
	font-weight: normal;
}
.logo {
	float: left;
	width: 327px;
	/*margin: 0 401px 0 0;*/
	margin: 0 282px 0 0;
	padding: 0;
}
.logo a {
	height: 50px;
}
.languages, .login {
	float: left;
	width: 141px;
	/*background: url('img/login.gif') no-repeat top;*/
	line-height: 38px;
	height: 38px;
	margin: 0;
	padding: 0 25px 0 5px;
	/*
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;*/
}
.languages {
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0 10px 0 200px;
}
.languages img {
	padding: 0 0 0 0;
	margin: 0 7px 0 7px;
}
.languages a {
	font-weight: normal;
	color: #333;
}
.login {
	width: 151px;
	background: url('img/login.gif') no-repeat top;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 100%;
}
.message {
	clear: right;
	text-align: right;
	color: #fff;
	padding: 0 20px 0 0;
}
.message a {
	color: #fff;
}
.content {
	/*background: url('img/contentbg.gif') no-repeat top center;*/
	margin: 20px 0 0 0;
	/*padding: 10px 20px 10px 20px;*/
}
.block {
	background: #f8f8f8 url('img/whiteline.gif') repeat-x;
	border: 1px solid #e5e5e5;
	padding: 5px;
}
.block.blauw {
	background: #e6eff6 url('img/whiteline.gif') repeat-x;
	border: 1px solid #d3e2f0;
	padding: 5px;
}
.block.knop {
	background: #093985;
	border: 1px solid #e5e5e5;
	text-align: center;
}
.block.knop a {
	color: #fff;
}
.block.knop a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}
.leaderboard {
	border-bottom: 1px solid #d1d1d1;
	font-size: 95%;
}
.leaderboard .block {
	width: 740px;
	height: 200px;
	line-height: 150%;
	margin: 0px 0px 10px 0;
	float: left;
	background: none;
	border: none;
}
.leaderboard .block.smal {
	width: 219px;
	border-left: 1px solid #d1d1d1;
}
.leaderboard .block h2, .content h2 {
	font-size: 16px;
	padding: 0 0 0 20px;
	/*background: url('img/arrow.gif') no-repeat 5px center;*/
	text-transform: uppercase;
	margin: 5px 0 5px 0;
}
.leaderboard span { font-size: 100%; display: block; margin: 0 0 3px 5px; }
.leaderboard p { margin: 0px 5px 5px 20px; }
/*.leaderboard #pics, .leaderboard #pics2 { float: left; margin: 10px 5px 5px 0; width: 238px; }*/
.leaderboard ul { padding: 0; margin: 0 0 0 20px; }
.leaderboard ul li { font-size: 90%; list-style-type: none; padding: 0; margin: 0; }
.leaderboard ul li a { color: #aaa; }
.leaderboard ul li a:hover { color: #111; }

.intro ul { padding: 0; margin: 0 0 0 15px; }
.intro ul li { font-size: 90%; list-style-type: none; padding: 0 0 0 10px; margin: 0 0 5px 0; background: url('img/arrow.gif') no-repeat left;  }
.intro ul li a { color: #aaa; }
.intro ul li a:hover { color: #111; }

.intro h2 {
	margin: 5px 0 5px 0;
}
.intro h3 {
	margin: 0px 0 5px 0;
	padding: 15px 0 0 0px;
	text-align: center;
}
.intro .block {
	border: none;
	background: none;
	float: left;
	margin: 0 24px 0 0;
	width: 227px;
	padding: 0 0 0 0;
}
.intro .block.last {
	margin: 0;
}
.nau, .ver, .bin, .bed {
	height: 151px;
}
.nau { background: #fff url('img/new_nautischbeheer.jpg') no-repeat center top; }
.ver { background: #fff url('img/new_veren.jpg') no-repeat center top; }
.bin { background: #fff url('img/new_binnenvaart.jpg') no-repeat center top; }
.bed { background: #fff url('img/new_bediening.jpg') no-repeat center top; }

.intro .block p {
	padding: 0;
	margin: 5px 15px 5px 15px;
	line-height: 170%;
}
.menu {
	background: url('img/new_menu.jpg') no-repeat center top;
	height: 50px;
	margin: 0;
}
.menu ul {
	padding: 0 0 0 30px;
	margin: 0;
}
.menu li {
	list-style-type: none;
	float: left;
	margin: 15px 15px 0 0;
}
.menu li a {
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}/*
.menu li span {
	clear: both;
	font-size: 80%;
	display: block;
	color: #fff;
}*/

.col_1, .col_2, .col_3 {
	float: left;
	padding: 5px 0 0 0;
}
.col_1 {
	width: 200px;
	margin: 5px 10px 0 0;
}
.col_1 .block p.contact {
	font-size: 85%;
	color: #333;
	margin: 5px;
}
.col_1 input {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 3px;
	margin: 5px;
}
.col_1 div.feed { margin: 0px 5px 8px 5px; }
.col_1 div.share { margin: 8px 5px 0 5px; }

.col_1 a {
	color: #333;
	font-weight: normal;
}
.col_1 a:hover {
	color: #002e70;
	font-weight: bold;
}

.col_1 a.rss {	
	padding-left: 25px;
	background: url('img/rss.gif') no-repeat left center;
}
.submenu {
	margin: 0;
	padding: 0;	
}
.submenu li {
	list-style-type: none;
	line-height: 30px;
	padding: 0;
}
.submenu li a {
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	background: url('img/bullet_bluedark.gif') no-repeat left center;
}
.submenu li:hover {
	padding: 0 20px 0 0;
	background: url('img/arrow.gif') no-repeat right 10px;
}
.submenu li.active {
	padding: 0 20px 0 0;
	background: url('img/arrow.gif') no-repeat right 10px;
}
.submenu li.active a {
	font-weight: bold;
}
.submenu li a:hover {
	font-weight: normal;
	color: #4aac23;
}
.submenu li.active a {
	font-weight: normal;
}
.submenu li ul {
	padding: 0;
	margin: 0;
}
.submenu li ul li {
	margin: 0 0 0 10px;
	padding: 0;
}
.submenu li ul li:hover {
	width: 148px;
}
	
.col_2 {
	width: 500px;
	margin: 5px 5px 5px 5px;
}
.col_2 h1, .col_2 h2 {
	color: #002e70;
	margin: 0 0 5px 0;
	font-weight: normal;
}
.col_2 h2 {
	color: #4aac23;
}
.col_2 p {
	line-height: 170%;
}
.col_3 {
	width: 250px;
	margin: 5px 0px 5px 10px;
}
.col_3 .block,
.col_1 .block {
	margin: 0 0 15px 0;
	padding: 10px;
}
.col_3 .block p,
.col_1 .block p {
	margin: 0;
	padding: 0;
}
.col_3 .block p.blue,
.col_1 .block p.blue {
	font-size: 100%;
	display: block;
	margin: 0 0 3px 5px;
}
.col_3 .block p.green {
	margin: 5px 0 0 0;
	background: url('img/arrow_grey.gif') no-repeat 5px 5px;
	padding-left: 20px;
	line-height: 20px;
}
.col_3 .block p.green a {
	font-weight: normal;
	color: #4aac23;
}
.col_3 .block p.green a:hover {
	text-decoration: underline;
}
.col_3 .block ul {
	margin: 5px 0 5px 5px;
	padding: 0;
}
.col_3 .block ul li {
	list-style-type: none;
	background: url('img/bullet_bluedark.gif') no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 20px;
}
.col_3 .block ul li:hover {
	background: url('img/bullet_green.gif') no-repeat left center;
}
.col_3 .block ul li a {
	font-weight: normal;
	color: #333;
}
.col_3 .block ul li a:hover {
	color: #4aac23;
} 
 
.col_3 #pics {
	margin: 0 10px 10px 0;
	height: 170px;
}
.col_3 #pics img {  
    border:  1px solid #e5e5e5;
}

.footer {
	padding: 0;
	font-size: 85%;
	clear: both;
	border-top: 1px solid #d1d1d1;
}
.f_left, .f_right {
	width: 470px;
	padding: 10px 0 0 20px;
	margin: 0;
	float: left;
}
.f_right {
	padding: 10px 20px 0 0;
	text-align: right;
}
.tickercontainer {
	width: 970px; 
	height: 50px;
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask {
	position: relative;
	left: 5px;
	top: 8px;
	width: 970px;
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	left: 750px;
	font: bold 10px Arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 35px;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #37872b;
	font-size: 11px;
	font-weight: thin;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
	margin: 0 5px 0 0;
	color: #333;
}
.post {
	border-bottom: 3px solid #002e70;
	margin: 0 0 5px 0;
}

.mw_box {
	clear: both;
	margin: 0 0 10px 0;
	width: 100%;
}
.mw_l, .mw_r {
	float: left;
	width: 320px;
	margin: 0 5px 10px 0;
}
.mw_r {
	width: 120px;
}
.mw_r img {
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
}
.subpagina {
	/*border-bottom: 1px solid #ccc;*/
	margin: 0 0 5px 0;
}
.subpagina_1 {
	float: left;
	width: 235px;
	margin: 0 0px 0 0;
}
.subpagina_2 {
	float: left;
	width: 210px;
	padding: 0 0 0 5px;
	border-left: 1px solid #ccc;
}

.subpagina_1 p b, .subpagina_2 p b {
	clear: both;
	font-size: 100%;
}
.subpagina_1 b, .subpagina_2 b {
	clear: both;
	font-size: 85%;
	color: #4aac23;
}
.subpagina p {
	font-size: 85%;
}
.spec2 {
	font-size: 85%;
	line-height: 10px;
	margin: 0;
	line-height: 15px;
}
.spec {
	font-size: 85%;
	clear: both;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 10px;
}
.spec span {
	float: left;
	color: #666;
	width: 110px;
	margin: 0 2px 0 0;
	display: block;
	height: 15px;
	line-height: 20px;
}
.spec span.waarde {
	float: left;
	color: #333;
	width: 120px;
	margin: 6px 0 0 0;
	display: block;
	height: 15px;
	line-height: 10px;
}
.subpagina_2 .spec span {
	width: 130px;
}
.blok .spec span {
	width: 80px;
}
.subpagina_2 .spec span.waarde {
	width: 50px;
}
.blok .spec span.waarde {
	width: 130px;
}
.subpagina_2 p, .subpagina_1 p {
	margin: 0;
	padding: 0;
}
.subpagina_2 img {
	margin: 0 0 5px 0;
}
.subpagina .clearfix {
	height: 15px;
}

.acro {
	font-size: 85%;
	display: block;
	line-height: 40px;
	background: url('/portal/img/getacro.gif') no-repeat center left;
	padding: 0 0 0 95px;
}
.pdf {
	font-size: 85%;
	display: block;
	line-height: 40px;
	background: url('/portal/img/PDF-icon.jpg') no-repeat center left;
	padding: 0 0 0 50px;
}
.pdf_l {
	float: left;
	margin: 0 10px 0 0;
}
.pdf_r {
	float: left;
	margin: 0;
}
.blok {
	clear: both;
	padding: 0 5px 5px 5px;
	margin: 0 0 10px 0;
	min-height: 150px;
}
.blok_1 {
	float: left;
	width: 210px;
	margin: 0 5px 0 0;
}
.blok_2 {
	float: left;
	width: 235px;
}
.odd {
	background: #f0f0f0;
}
.kolom1, .kolom2 {
	float: left;
	width: 220px;
	margin: 0 10px 0 0;
}
.kolom2 {
	margin: 0;
}
.smoelblok, .smoelblokklein, .smoelblokklein2 {
	display: block;
	/*padding: 0 0 0 10px;*/
	text-align: center;
	line-height: 65px;
	background: #eee;
	color: #003C83;
	margin: 0 0 10px 0;
	font-weight: bold;
}
a.smoelblok {
	color: #333;
	/*font-weight: normal;*/
}
a.smoelblokklein, a.smoelblokklein2 {
	width: 92px;
	padding: 0 5px 0 5px;
	margin: 0 5px 20px 0;
	float: left;
	color: #333;
	font-weight: normal;
}
a.smoelblokklein2 {
	margin: 0;
}
.scheepvaart {
	text-align: center;
}
.scheepvaart img {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 13px 2px 0 0;
	width: 215px;
}
.intro.space {
	margin: 10px 0 0 0;
}
.homepage.doorsturen {
	padding: 0 0 0 10px;
}
.brochureknop {
	background: #093985;
	padding: 10px;
	display: block;
	float: right;
	color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.brochureknop a {
	color: #fff;
}
.kwaliteit {
	float: left;
	margin: 0 10px 0 0;
}
#home_banner {
	background: #213572;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 230px;
	height: 200px;
	padding: 0;
	cursor: pointer;
}
#home_banner p {
	padding: 55px 0 0 0;
	margin: 0;
	color: #fff;
	text-align: center;
	font-size: 250%;
	line-height: 150%;
}
#home_banner p span {
	font-weight: bold;
}
#home_banner p span i {
	color: #428a36;
	font-style: normal;
}
#home_banner p a {
	color: #fff;
}
.hide { display: none; }
.showdiv { display: block; }

#home_banner p#slide2 {
	font-size: 16px;
	padding: 35px 10px 0 10px;
}