/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:06/11/08 author:Jaap de Vries email:jaap@magneds.com website:www.magneds.com -----------------------------------------------------------------------------*/ *{margin:0px;padding:0px;outline:none;text-align:left;line-height:2em;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.column{width:233px;float:left;}
.columnlarge{width:694px;float:left;}
.columnwidth{width:100%;float:left;}
.diensten .columnlarge{width:75%;float:left;}
.star{display:block;width:165px;height:165px;background:url(images/STER.png) no-repeat center center;position:absolute;z-index:90;margin-left:-50px;top:140px;}
h1{color:#fd0000;font-size:2em;padding:0em;}
h2{color:#fd0000;font-size:1em;padding:0px;margin:0px;}
.column h2, .columnlarge h2, .column td, .columnlarge td{padding:0.5em;}
.column td h2, .columnlarge td h2{padding:0em;}
.column p, .columnlarge p{padding:1em;}
.columnwidth p{padding:0 1em 1em 1em;}
.column a{color:#1c1e18;font-size:11px;font-weight:normal;}
.column a:hover{color:#1c1e18;font-size:11px;font-weight:normal;text-decoration:none;}
#divNewsLetter td{padding:2px;}
#content ul, ol{margin:1em 0 1em 2em;line-height:1.5em;color:#565150;}
hr{width:100%;clear:both;height:0px;border:0px;background:none;visibility:hidden;}
html{}
body{background:#1b181a url(images/bg-repeat.png);font-family:Arial;color:#EEEEEE;text-align:center;}
#container{width:932px;margin:0 auto;padding:0 0 2em 0;position:relative;}
/* HEADER */ #header{height:80px;position:relative;z-index:20;}
#headeroverlay{width:928px;height:413px;background:url(images/header-overlay.png) no-repeat center top;position:absolute;}
#headeroverlaysmall{width:928px;height:413px;background:url(images/header-overlay-small.png) no-repeat center top;position:absolute;}
#headerimg{text-align:center;position:absolute;z-index:5;}
#positioner{position:absolute;z-index:10;top:420px;}
#positioner.detail{top:320px;}
#positioner.small{top:290px;}
#logo{width:193px;padding:35px 0px 0px 9px;}
#logo h1{background:url(images/Magneds.gif) no-repeat;}
#logo h1 a{display:block;width:193px;height:28px;}
#logo h1 span{display:none;}
/* NAVIGATION MAIN */ #navigationMain{position:absolute;top:0px;right:0px;}
#navigationMain ul{list-style-type:none;float:right;}
#navigationMain li{display:block;width:117px;float:left;}
/* #navigationMain li:hover{background:url(images/selected.png) no-repeat center top;}
*/ #navigationMain li a{display:block;width:117px;height:20px;background:url(images/Streepje.gif) no-repeat left 36px;color:#FFFFFF;text-decoration:none;padding:41px 0 23px 0;font-family:Arial;font-size:11px;text-align:center;}
#navigationMain li a:hover{color:#999999;padding-top:43px;}
#navigationMain .perm{background:url(images/selected.png) no-repeat center top;}
/* BANNER */ #banner{width:auto;height:250px;}
/* CONTENT */ #content{background:none;clear:both;font-size:11px;width:100%;}
#content td, #content p{font-size:1.05em;line-height:margin:0 0 1em 0;color:#777;}
#content a{color:#565150;}
#content a:hover{color:#565150;text-decoration:none;}
#content form{padding:0 1em 10px 1em;margin:-1em 0 0 0;}
#content label{color:#565150;display:block;width:80px;float:left;}
#content input[type="text"]{background:url(images/Login-Box.gif) no-repeat;width:126px;padding:1px;border:0;height:18px;line-height:18px;}
#content button{background:#1B181A url(images/bg-repeat.png) repeat scroll 0 0;border:0;color:#565150;font-weight:bold;float:right;cursor:pointer;}
#content button:hover{padding-top:2px;}
/* BLOCKS */ #overview{}
#blocks{}
#blocks .block{background:url(images/block.png) no-repeat top left;width:232px;height:191px;float:left;cursor:pointer;}
#blocks .block h2{font-size:12px;color:#1A1212;height:31px;padding:0 1em 0 1em;line-height:2.5em;}
#blocks .block h3{font-size:12px;color:#FFFFFF;padding:0 1em 0 1em;line-height:2em;}
#blocks .block p{padding:0!important;}
#blocks .block a{color:#FFFFFF!important;}
#blocks .block img{padding:0 2px 0 2px;width:229px;height:103px;}
.detail #blocks .block{background:none;width:232px;height:auto;float:left;cursor:default;margin:0 0 1em 0;}
.detail #blocks .block #block-info{background:url(images/block-large.png) no-repeat bottom left;padding-bottom:1em;padding-top:1em;min-height:200px;}
.detail #blocks h2{background:#FFFFFF;font-weight:normal;}
.detail #blocks .block p.img{padding:0 0 0 0!important;}
.detail #blocks .block p{font-size:0.9em;color:#FFFFFF;padding:0 1.5em 0 1.5em!important;}
/* FOOTER */ #footer{background:url(images/footerbg.gif) no-repeat left top;color:#1c1e18!important;font-size:11px;margin:0 0 2em 0;}
/* NAVIGATION FOOTER */ #navigationFoot{border-top:1px solid #1c1e18;clear:both;height:30px;}
#navigationFoot .webdesq{width:140px;float:right;text-align:right;padding:0.5em 2.5em 0.5em 0.5em;}
#navigationFoot .webdesq li a{border:0px;}
#navigationFoot ul{width:700px;float:left;text-align:left;padding:0.5em 0.5em 0.5em 0em;}
#navigationFoot li{display:inline;line-height:1.5em;}
#navigationFoot li a{text-decoration:none;color:#1c1e18;border-left:1px solid #1c1e18;padding:0 .5em 0 .5em;font-style:normal;}
#navigationFoot li.first1 a{border:0px;padding:0 .5em 0 0;}
#navigationFoot li a:hover{}
#navigationFoot.break{border-top:1px solid #1c1e18;margin:0 1em 0 1em;}
#footer a{text-decoration:none;font-style:italic;}
#footer .column img{padding:12px 0 0 0;}
/* FOOTER CLIENTLOGIN */ #footer form{padding:0 1em 10px 1em;margin:-1em 0 0 0;}
#footer label{display:block;width:80px;float:left;}
#footer input{background:url(images/Login-Box.gif) no-repeat;width:126px;padding:1px;border:0;height:18px;line-height:18px;}
#footer button{border:0;background:#565150;color:#1c1e18;font-weight:bold;float:right;cursor:pointer;}
#footer button:hover{padding-top:2px;}
/* NEWSLETTER */ /* #frmNewsLetter button{border:0;background:#565150;color:#1c1e18;font-weight:bold;float:right;cursor:pointer;}
*/