@charset "UTF-8";
/* CSS Document - Author: Adrie Mooi, studio mikmak e-mail: adrie@studiomikmak.nl */
*{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#98a6b3; /* css3 (not valid css2) */ overflow-x:hidden; }
/* various */
.clear{clear:both;}
#pagewrapper{width: 1032px; height: 100%; margin: 0 auto;}
p{line-height:18px; margin:0 0 10px 0;}
h1{font-family:Times New Roman, Times, serif; color: #999; font-size: 25px; font-weight:normal;}
h2, h3{color:#006685; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
h2{font-size:18px; margin:20px 0 10px 0;}
h3{font-size:16px; margin:0 0 10px 0;}
a{text-decoration:underline; color:#003399;}
a:hover{text-decoration:underline; color:#be1a39;}
.white{color:#FFF;}
.grey{color:#999;}
.red{color:#be1a39;}
.green{color:#299926;}
.green2{color:#008a80;}
.blue{color:#008fba;}
.blue2{color:#78b3e0;}
.purple{color:#85248f;}
.orange{color:#f28e1b;}
.yellow{color:#d8c701;}
.green{color:#009245;}
.bold{font-weight:bold;}
ul .link{list-style-image: url(images/bullet-link.png); margin:0 0 0 5px;}
ul .link:hover, .link-grey:hover{list-style-image: url(images/bullet-link-red.png);}
ul .link-grey{list-style-image: url(images/bullet-link-grey.png); margin:0 0 0 5px;}
.list-grey{list-style-image: url(images/bullet-grey.png);}
/* header */
#header{width: 1032px; height: 180px; background: url(images/header.png) top;}
#headercontent{width:772px; margin:40px 0 0 0; float:left;}
/* logo */
#logowrapper{width:260px; height:180px; float:left;}
#logo{width:96px; height:84px; margin:60px 0 0 70px; float:left;}
/* language */
#language{height:12px; width:740px; text-align:right; float:left;}
#language li{display:inline;}
#language li a{color:#666; text-decoration:none;}
#language li a:hover{color:#666; text-decoration:underline;}
/* tagline */
#tagline{height:45px; width:740px; margin:0; padding-left:5px; float:left;}
/* navigation */
#navigation{height:24px; margin:18px 0 0 0; float:left;}
#navigation li{display:inline; float:left;}
#navigation li a{height: 24px; display:block; text-decoration:none; font-weight: bold; color:#666; padding:5px 10px 0 10px;}
#navigation li a:hover{background: url(images/nav-hover.jpg) repeat-x top left;}
#navigation li a.active{background: url(images/nav-active.jpg) repeat-x top left; color:#FFF;}
/* content */
#contentwrapper{width:1032px; background: url(images/shadow.jpg) repeat-y top;}
#content{width:948px; min-height:200px; float:left; border-top:1px #CCC solid; border-left:1px #CCC solid; border-right:1px #CCC solid; margin:0 0 0 40px;}
#sidenav{width:200px; min-height:100px; float:left;}
#sidenav h2{margin:0 0 5px 10px;}
#sidenav ul{list-style-type:none;}
#sidenav li{margin-left:10px; line-height:18px; width:170px; border-bottom:1px solid #CCC; padding:2px 0 2px 10px;}
#sidenav li:hover{background:#F2F1F2;}
#sidenav li a{text-decoration:none; color:#666;}
#sidenav li a:hover, #sidenav li a.active{text-decoration:none; color:#be1a39;}
.bordertop{margin:-1px;}
#content-img{width:747px; height:125px; float:left; border-left:1px #CCC solid; z-index:1000;position:relative;}
#content-img2{width:747px; height:125px; float:left; border-left:1px #CCC solid;}
#content-text{width:722px; min-height:420px; float:right; border-top:1px #CCC solid; padding:10px 0 0 25px; border-left:1px #CCC solid;}
.content-text-column{width:361px; float:left;}
.content-text-column p{padding-right:10px;}
.content-text-column ul{margin:0 0 10px 5px; padding:0 0 0 10px;}
.content-text-column li{line-height:18px;}
.content-text-column img{margin:10px 0 0 10px;}
#content-footer{width:950px; height:35px; float:left; border-bottom:1px #CCC solid; margin:0 0 0 40px;}
#sidenav-footer{width:201px; height:35px; float:left;}
#content-text-footer{width:747px; height:35px; float:left; border-left:1px #CCC solid; border-right:1px #CCC solid;}
/* widgets */
.text-column-green, .text-column-green2, .text-column-blue, .text-column-blue2, .text-column-purple, .text-column-orange, .text-column-yellow{width:321px; margin:10px 0 0 10px; color:#FFF; padding:10px 10px 15px 10px; float:left; list-style-type:disc;}
.text-column-green img, .text-column-green2 img, .text-column-blue img, .text-column-blue2 img, .text-column-purple img, .text-column-orange img, .text-column-yellow img{margin:0 0 5px 0;}
.text-column-green a, .text-column-green2 a, .text-column-blue a, .text-column-blue2 a, .text-column-purple a, .text-column-orange a, .text-column-yellow a{color:#FFF;}
.text-column-green{background: #299926 url(images/text-bottom-green.jpg) bottom right no-repeat;}
.text-column-green2{background: #008a80 url(images/text-bottom-green2.jpg) bottom right no-repeat;}
.text-column-blue{background: #008fba url(images/text-bottom-blue.jpg) bottom right no-repeat;}
.text-column-blue2{background: #78b3e0 url(images/text-bottom-blue2.jpg) bottom right no-repeat;}
.text-column-purple{background: #85248f url(images/text-bottom-purple.jpg) bottom right no-repeat;}
.text-column-orange{background: #f28e1b url(images/text-bottom-orange.jpg) bottom right no-repeat;}
.text-column-yellow{background: #d8c701 url(images/text-bottom-yellow.jpg) bottom right no-repeat;}
/* contactitem */
.content-text-half{width:180px; float:left; margin:0 0 25px 0;}
.check{float:left; width:180px; height:12px; margin:0 0 10px 0;} 
.check input{margin:0; padding:0;}
label{padding:0 0 0 5px;}
.contactlabel{width:361px;}
.contactlabel p{margin:0px;}
.contactlabel input{font-family:Arial, Helvetica, sans-serif; font-size:12px; width:250px; margin:0 0 10px 0;}
textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; width:255px; height:100px; margin:0 0 5px 0;}
#contact-message{display: none;}
/* tell a friend */
#tellafriendheader{width:250px; height:270px; background: #FFF url(images/tellafriendbg.jpg) no-repeat left top; float:left;}
.tellafriendform{width:300px; height:250px; padding:20px 0 0 0;background:#FFF; float:left;}
/* footer */
#footer{width:1032px; height:216px; background: url(images/footer.png) top;}
#footernav{width:950px; height:23px; float:left; margin:48px 0 0 40px;}
#footernav li{display:inline; height:23px; padding:10px 10px 0 0;}
#footernav ul{margin:0 0 0 10px;}
#footernav li a{font-weight:bold; color:#333; text-decoration:none;}
#footernav li a:hover{font-weight:bold; color:#FFF; text-decoration:none;}
.footerspacer{ width:1px; height:20px; background:#FFF; margin:0 5px 0 5px;}
#footercolumnwrapper{margin:0px 0 0 50px;}
.footercolumn{ width:200px; height:70px; float:left; margin:10px 0 0 0; font-size:11px}
#copyright{width:950px; height:23px; float:left; margin:15px 0 0 50px; font-weight:bold; color:#333; font-size:11px;}
#copyright li{display:inline; padding:0 0 0 5px;}
#copyright li.first{padding:0;}
#copyright li a{font-weight:bold; color:#333; font-size:11px; text-decoration:none;}
#copyright li a:hover{font-weight:bold; color:#be1a39; font-size:11px; text-decoration:none;}
/* chameleon painter */
#buttonblocker{position:absolute; margin-left: 24px; top: 180px; z-index: 10000; width: 984px; height: 605px; background: #ccc; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-align: right; display: none;}
#chameleonpainter-container{position:absolute; margin-left: 80px; top: 200px; z-index: 11000; width: 909px; height: 500px; display: none; background:url(images/loading.gif) 420px 270px no-repeat;}
#chameleonpainter{ padding-top: 60px; padding-left: 60px; height: 570px;}
#close-overlay{margin:5px 5px 0 0;}
#close-overlay:hover{cursor:pointer;}
#ecard-container{position:absolute; margin-left: 70px; top: 200px; z-index: 11000; width: 550px; height: 550px; display: none; background:url(images/loading.gif) 420px 270px no-repeat;}
#ecard-txt{padding-left: 170px; width: 550px; text-align: center;}
#ecard{padding-left: 170px; height: 550px;}
#tim{float:left; margin:0 10px 30px 0;}