@charset "utf-8";
/* CSS Document */

/* common tags */
body {background: url("images/onpbg.jpg") #a0cfdf repeat-x; font: 11px Verdana, Geneva, sans-serif; height: 100%;padding: 0; margin: 0}
* {padding: 0; margin: 0}
h1 {font: 1.8em Verdana, Geneva, sans-serif; color:#333; margin-bottom: 20px; letter-spacing: .02em;}
h2 {font: 1.3em Verdana, Geneva, sans-serif; color:#333; margin-bottom: 20px; letter-spacing: .02em;}
p {}
hr {color: #CCC;margin: 10px 0px 10px 0; background:#CCC; height: 1px; border-style:solid;}
a {color: #90a81e; text-decoration: none;}
a:hover {}
a:visited {color: #90A81E;}
.textf {background: url("images/inputr.png") #fff repeat-x; border: 3px solid #fff; height: 16px; width: 190px; padding: 3px;}
.globalPage ul {padding-left: 25px;}
.globalPage {font-family:Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1.7em}

/* common classes */
.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.bar {height: 24px; width: 100%;}
.raquo {color: #c94284;}
.active {color: #b64680;} 

#shadowLeft {background: url("images/sl.png") repeat-y; width: 20px; position: absolute; margin-left:-20px;}
#shadowRight {background: url("images/sr.png") repeat-y; width: 20px; position: absolute; margin-left:980px;}

#main {margin: 0 auto; width: 980px;  background-color: #FFF; position:relative; height: 100%; }
#header {height: 153px; width: 100%; text-align: right;}
#onplogo {position: relative; margin-left: 320px; top: 30px; }

/* search */
#search {background: #dc006b; text-align: left;}
#search .inner {display: block; position: absolute; margin-left: 50px; margin-top: 7px;}
#search input {width: 200px; color: #666; font-style:italic; font-family:Verdana, Geneva, sans-serif;}
#search .subding {display: none;}
#search .submit {display: none;}
#searchImg {position: relative; margin-left: 670px; top: -30px; }
#search img {float:right; margin-top: 4px; padding-right: 40px;}

/* navigation */
#navigation {background: #8a0e4a; color: #FFF; text-align: left; display: block;}
#navigation li {float: left; display: block; position:relative; color: #FFF; height:26px; _height:20px;}
#navigation .amenu {margin-left: 5px;}
li.headlink ul {position: absolute; clear: both; display: none; left: 10px; top: 20px; background-color:#8A0E4A; }
li.headlink ul li {}
li.headlink ul li a {display: block; padding: 8px 5px 5px 8px; color: #fff;width: 120px; border-top: 1px solid #fff;}
li.headlink ul li a:hover {background-color:#DC006B; }
#navigation a {color: #fff;}
#navigation .menu {margin-top: 4px; margin-left: 335px;}
#navigation ul .raquo {color: #DC006B ;}
/*#navigation ul li {display: inline;}
#navigation a {margin-left: 10px;float: left; color: #fff; display: block;}
#navigation a:hover {color: #F3F3F3; text-decoration: none;}
li.headlink ul { display: block; background: #DC006B; color: #fff;}
li.headlink ul li { clear: both; position: relative;}*/


/* footer */
#footer {background: #222; color: #515151; padding: 8px 8px 0px 8px; width: 964px;}
#newsletter .onp {}
#footer ul {padding: 10px; padding-top:5px;}
#footer ul li {float: left; margin-left: 10px; display: inline; font-size: 90%;}
#footer a {color: #515151;}
#footer a:hover {color: #fff; text-decoration: none;}

/* content */
#contentWrap {width: 980px; background: #fff;}
#content {width: 980px; background: #fff; text-align: left;}
#content img {margin-top: 10px; margin-bottom: 15px;}
#content .imgLeft {margin-right: 15px; }
#content .imgRight {margin-left: 15px; }
#contentGrid {width: 100%; height: 100%;}
#contentGrid .a1 {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 50px;}
#contentGrid .a2 {border-bottom: 1px solid #ccc; width: 570px; padding: 20px 0px 0px 20px;}
#contentGrid .a3 {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 70px;}
#contentGrid .b1 {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 650px; vertical-align: top; width: 330px;}
#contentGrid .b1 h2 {color: #d60666; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.5em; text-align: right; margin: 20px; font-style:italic;}
#contentGrid .b2 {border-bottom: 1px solid #ccc; padding: 20px;}
#contentGrid .b3 {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#contentGrid .c1 {border-right: 1px solid #ccc; height: 12px;}
#contentGrid .c3 {border-left: 1px solid #ccc; }

#quote {width: 590px; height: 200px; background:url(../img/quote.png) no-repeat #009dd0}
#newsletter {width: 100%; height: 135px; background:#026e92; border-bottom: 1px solid #fff; float: left; text-align: left;}
#newsletter span {position:relative; float: left; margin-top: 20px; margin-left: 20px;}
#newsletter div img {margin-top: 20px; margin-left: 20px;}
#newsletter label {color: #fff; font-size: 0.8em; line-height: 22px;}
#newsletter .cb {color: #fff; font-size: 1em; font-style:italic; left: 130px;}
#newsletter .submit {background:url("images/aanmelden.png"); width: 216px; height: 26px; border: none; cursor: pointer;}