/* Stylesheet */
/* Purple: #5e58a2 */

/* Globals */
html {overflow: -moz-scrollbars-vertical;}
html, body {}
body { font-family:arial; text-align:center; font-size:11px;margin:0; padding:0; background:url('/images/layout/payoff.png') bottom right no-repeat;}
form {display:inline;}
img {border:0; display:block;}
td {vertical-align:top;}
a {text-decoration:none;}
a:focus {outline:0;}
p {line-height:18px; margin: 0 0 15px 0;}
ul, ol {margin:10px 0; padding:0 0 0 15px; list-style-position:outside;}
ul li, ol li { line-height:18px;}


/* Divs */
#wrapper {width:1000px; margin:0; position:relative; text-align:left; background:url('/images/layout/wrapper.jpg') no-repeat 0 65px; min-height:920px; height:auto !important; height:920px;}
#header {height:65px;}
#service {position:absolute; left:116px; top:12px;}
#service ul {margin:0; padding:0; list-style:none;}
#service ul li {display:inline;}
#service ul li a {color:#2aace3; line-height:18px; padding:0 10px 0 0;}
#service ul li a:hover {text-decoration:underline;}
#ticker {position:absolute; left:230px; top:12px;}
#ticker p {color:#5b58a6; margin:0;}
#ticker p a {color:#5b58a6; text-decoration:underline;}
#logo {position:absolute; top:100px; left:792px;}
#logo a {display:block; width:156px; height:135px; text-indent:-9999px;}
#signup {position:absolute; left:577px; top:125px; width:150px;}
#signup p a {display:block; padding:44px 0 0 0; color:#5d59a5; line-height:15px;}
#signup p a:hover {color:#FFFFFF;}
#menu {padding:50px 0 0;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {float:left; clear:left; width:125px; padding:0 0 13px 0; text-align:right;}
#menu ul li a {line-height:21px; font-size:13px; color:#FFFFFF;}
#menu ul li a:hover, #menu ul li.select a {color:#00abe2;}
#manu ul li.select ul {padding:0 0 15px 0;}
#menu ul li.select li {padding:0;}
#menu ul li.select li a {color:#FFFFFF; font-size:12px;}
#menu ul li.select li.select a {color:#cbdb2a;}
#home a {position:absolute;display:block; text-indent:-9999px; }
#home a#home1 { left:350px; top:224px; width:409px; height:138px;}
#home a#home2 {left:0; top:60px; width:400px; height:600px;}
#home a#home3 {left:350px; top:60px; width:200px; height:200px;}
#home a#home4 {left:350px; top:470px; width:400px; height:200px;}
#content {clear:both;}
#main {position:absolute; left:200px; top:295px; width:500px;}
#nieuws #main {width:750px;}
#main .left {float:left; width:260px;}
#main .left p {margin-right:20px}
#main .right {float:left; width:240px; min-height:275px; height: auto !important; height:275px;}
#main .padding {position:relative;}
#main .pagenav {position:absolute;top:320px; left:260px;}
#nieuws .pagenav {left:496px;}
#main .pagenav ul {margin:0; padding:0; list-style:none; float:left;}
#main .pagenav ul li {display:inline;}
#main .pagenav a {display:block; float:left; color:#afacdf; font-size:12px; line-height:16px; padding:0 4px;}
#main .pagenav li a {padding:0 8px 0 0;}
#main .pagenav a#prev {padding-left:15px;}
#main .pagenav a.current {color:#FFFFFF;}
#main .pagenav a:hover {color:#FFFFFF;}
#pages {margin:0; padding:0; list-style:none; width:500px; height:275px; overflow:hidden;}
#pages li {float:left; width:500px; height:275px;}
#nieuws #pages { width:740px; position:relative; left:-7px;}
#nieuws #pages li { width:740px; }
#google_maps {position:absolute; left:146px; top:65px;}
#google_maps .overlay {}
#google_maps .overlay .top {position:absolute; top:0; left:0; width:612px; height:29px; background:url('/images/layout/overlay_top.png') repeat-x;}
#google_maps .overlay .bottom {position:absolute; bottom:0; left:0; width:612px; height:29px; background:url('/images/layout/overlay_bottom.png') repeat-x;}
#google_maps .overlay .left {position:absolute; top:0; left:0; width:29px; height:609px; background:url('/images/layout/overlay_left.png') no-repeat;}
#google_maps .overlay .right {position:absolute; top:0; right:0; width:30px; height:609px; background:url('/images/layout/overlay_right.png') no-repeat;}
#side {position:absolute; left:788px; top:332px; width:125px;}
#side ul {margin:0; padding:0; list-style:none;}
#side p {color:#FFFFFF; line-height:16px;}
#side p a {color:#FFFFFF; text-decoration:underline;}
#side.news p a {color:#9ad4ea; text-decoration:none;}
#side.news a:hover {text-decoration:underline;}
#situatie a {display:block; text-indent:-9999px; position:absolute;}
#situatie a#deelgebied1 {width:143px; height:216px; left:254px; top:222px;}
#situatie a#deelgebied2 {width:212px; height:189px; left:465px; top:231px;}
#situatie a#deelgebied3 {width:216px; height:96px; left:198px; top:447px;}
#deelgebieden {padding:0 0 0 80px;}
#deelgebieden h3 {background-position: 0px 0; margin-left:-45px; padding-left:45px;}
#deelgebieden p a {font-size:11px;}
#payoff {position:absolute; left:300px; top:750px; height:222px; width:699px; background:url('/images/layout/payoff.png') no-repeat; text-indent:-9999px;}
.clear {clear:both;}

/* Lists */


/* Content */
h1 {margin:0 0 5px; color:#afacdf; font-size:24px; line-height:36px; font-weight:normal;}
h1 span { color:white; font-size:12px; font-weight:normal; }
h2 {margin:0; color:#afacdf; font-size:13px; line-height:18px; font-weight:bold;}
h3 {margin:0; color:#afacdf; font-size:14px; line-height:16px; font-weight:normal;}
h3 a, h2 a {color:#afacdf;}
h3.deelgebied1 {background:url('/images/layout/h3_deelgebied1.png') no-repeat 80px 0px; padding:0 0 5px; margin:0 0 -5px;}
h3.deelgebied2 {background:url('/images/layout/h3_deelgebied2.png') no-repeat 80px 0px; padding:0 0 5px; margin:0 0 -5px;}
h3.deelgebied3 {background:url('/images/layout/h3_deelgebied3.png') no-repeat 80px 0px; padding:0 0 5px; margin:0 0 -5px;}
h4 {margin:0; color:#ffffff; font-size:12px; line-height:16px; font-weight:bold; font-style:italic;}

#main, #main p {font-size:12px; color:#FFFFFF;}
#main p a {color:#9ad4ea;}
#main p a:hover {text-decoration:underline;}

ul.woningaanbod {margin:0 0 15px; padding:0; list-style:none;}
ul.woningaanbod li {padding:0 0 0 12px; background:url('/images/layout/li_woningaanbod.png') no-repeat 1px 5px; margin:0; color:#c2bfe6;}

#news {position:relative; left:-7px;}
#news ul {margin:0; padding:0; list-style:none;}
#news ul li {padding:0 0 18px; width:380px;}
#news ul li p {font-size:11px; line-height:16px;margin:0 0 0 131px;}
#news ul li p a {color:#9ad4ea;}
#news .image {float:left; width:131px; height:100px; background:url('/images/layout/zegel_nieuws.png') no-repeat;}
#news .image img {padding:8px 0 0 8px;}

.nieuwscont { height:270px; width:500px; overflow:auto; /*background-color:#6E68B2;*/ background-color:#5e58a2; }
.nieuwscont p { }

body#contact #main p { margin:0 0 7px; }
body#contact #main .crow { clear:both; }
body#contact #main .crow div { width:240px; padding:0 5px 10px; float:left; }

div.newsitem {width:370px; height:140px; float:left;}
div.newsitem .image {float:left; width:131px; background:url('/images/layout/zegel_nieuws.png') no-repeat; height:100px;}
div.newsitem .image img {padding:8px 0 0 8px;}
#main div.newsitem p {font-size:11px; line-height:16px;margin:0 50px 0 131px;}
div.newsitem p a {color:#9ad4ea;}

div.zegel {width:179px; height:154px; background:url('/images/layout/zegel.png') no-repeat; margin:0 0 0 50px}
div.zegel img {display:block; padding:15px 0 0 14px;}

#index #signup p a {color:#ffffff;}
#index #signup p a:hover {color:#AFACDF;}
#index #main {left:396px; top:382px; width:309px;}
#index #main p {color:#5d58a2; font-weight:bold; font-size:11px;}
#index #main p a {color:#FFFFFF;}


/* Inputs */
span.label {float:left; display:block; color:#AFACDF; padding:5px 0 0;}
span.errormessage {float:left; display:block; line-height:22px; padding:5px 0 0 5px;}
span.input {clear:both; display:block; line-height:18px;}
label {color:#afacdf; display:block; line-height:22px;}
input {border:0; margin:0; padding:2px 0 0 2px; height:18px; width:430px; background:#FFFFFF;}
input.checkbox {width:auto; height:auto; padding:0; margin:0 5px 0 0; border:0; vertical-align:0px;}
.ezcontent-form-field-radiofield label { display:inline; }
.ezcontent-form-submit-button, .ezcontent-form-submit-button-over, input.submit {width:100px; background:transparent; color:#afacdf; font-weight:bold; font-size:13px; margin:5px 0 0; padding: 0 0 5px; text-align:left; cursor:pointer;}
.multicheckboxfield label {display:inline; color:#FFFFFF; line-height:18px;}

/* Carousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#nieuws .jcarousel-clip {
    width:730px;
    padding:0 0 0 10px;
    left: -7px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 500px;
    height: 275px;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 500px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  500px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 500px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}



div.flash { position:absolute; right:37px; top:60px; z-index:9; background-color:#5e58a2; }
div.flash .overstamp { background-color:#5E58A2; bottom:113px; height:170px; left:-100px; position:absolute; width:100px; }
#field_email { width:290px; }