html {
 font: Arial, Helvetica, sans-serif;
 }

body {
 background-color:#d7d7d7;
 color:#600;
 font: Arial, Helvetica, sans-serif;
 }
 
p {line-height: 1.3em; color:#333; text-shadow: 1px 1px white;}

#boven-tekst {
 width: 920px;
 position:absolute;
 top:48x;
 z-index: 100;
 padding:0px
}

#wrapper {
 margin: 8px auto;
 width: 920px;
 }
 
#system-debug {
 width: 950px;
 margin: 8px auto;    
 color:#888;
 background-color:#f5f5f5;
 border: 1px dashed #999;
 padding:15px;
 } 
 
#system-debug h4 {
 font-size: 1.2em;
 margin: 8px 0px;
 border-bottom: 1px solid #999;   
 color:#666;
 font-weight: bold;
 text-transform:uppercase;
 }
 
#content {
 background-color:#f1f1f1;
 padding:10px;
 font-size: 0.9em;
 }
 
#footer {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 }
 
#footer a#totop {
 display:block;
 margin:0 auto;
 width:20px;
 height:20px;  
 color:#a2aaad;
 }

#footer .custom {
 color:#600;
 font-size:0.8em;
 margin: 20px 0px;
 }


#footer .custom a {
 color:#600;
 text-decoration:none;
}


#pbg {
 text-align:center;
 font-size:0.7em;
 font-family: Arial, Helvetica, sans-serif;
 margin-bottom:20px;
 color: #bbb;
 }

#pbg a {
 color: #bbb;
 text-decoration:none;
 }
 
#slideshow{
 margin-bottom: 20px;
 height:220px;
 background-color:#ffffff;
 margin-top: 20px;
 overflow:hidden;
 box-shadow: 0 0 5px #aaa;
 }
 
#slide {
 height: 50px;  
 }
 
#content {
 font-family: Arial, Helvetica, sans-serif;
 border: 1px solid #ca7d7d;
 box-shadow: 0 0 5px #aaa;
 }
 
#col1 {
 float:left;
 width:650px;
 padding:0;
}

#breadcrumbs{
 color:#999; 
 font-size:0.8em;
 margin:0;
 padding: 0px;
 text-align:center;
 }

#inhoud {
 color:#555;
 padding:0px;
 margin-bottom:20px;    
 }


#links, #links2, #links3, #links4, #links5 {
 color:#252525;
 padding:0 10px 10px 10px;
 margin-bottom:10px;
 clear: both;
}

#links2, #links4 {
 padding:0 0px 10px 0px;
}

#links2 h3, #links4 h3 {
 margin:0px;
}

#col2 {
 width:235px;
 float:right;
 padding:0;
}


/* broodkruimels */

.breadcrumbs {
 color:#ccc;
 font-size:0.8em;
 border-bottom: 1px solid #ccc;
 margin-left:-10px;
 margin-right:-10px;
 padding:0 10px;
 }

.breadcrumbs * {
 color:#ccc;
 font-size:0.8em;
 text-decoration:none;
 }

/*inhoud*/

h1, h2, h3, h4 {
 font-size: 1.6em;
 text-shadow: 1px 1px white;
   color:#300;
}

#col1 h1, #col1 h2, #col1 h3, #col1 h4 {
    padding-bottom:10px; background-image: url(../images/header.png); background-position: bottom left; background-repeat: no-repeat;
    margin-bottom:10px;
    margin-top:10px;
    padding-left:10px;
    }

#col2 h1, #col2 h2, #col2 h3, #col2 h4 {
    padding-bottom:10px; background-image: url(../images/header.png); background-position: bottom right; background-repeat: no-repeat;
    margin-bottom:10px;
    margin-top:10px;
    }

#col1 p, #col1 .contact-form {
    padding-left:10px;
    }
    
#col2 p, #col2 .contact-form {
    padding-right:10px;
    }
    
.contact-form dt {display:block; width:150px; float:left; text-align:left; clear:left; padding-top:10px;}    

.contact-form dd {display:block; width:400px; float:left; text-align:left; padding-top:10px;}

.contact-form input, .contact-form textarea {width: 390px;}
.contact-form input#jform_contact_email_copy {width:20px;}


h2 a {
  color:#300;
}

.item-page img{
    background-color:white; padding:8px; border:1px solid #ccc; margin:0px 5px 5px 5px;}


.contact h3, .contact .jicons-icons {visibility:hidden; display:none;}

/* EXTRA STUFF */

.separator { font-size:12px;padding:20px 0 0;display:block;color:#505050;font-size:12px;font-weight:700; }

.module_menu,
.module { float:left;width:100%;margin:0 0 20px;}

.module .custom,
.module .latestnews
{
  margin:0 20px;
}

.module_menu div,
.module div
{ background: #f4f5f6;}

.module_menu div div,
.module div div
{ background: transparent url(../images/module_b_bg.png) no-repeat bottom center; }

.module_menu div div div,
.module div div div
{ padding:10px 0 20px;background: transparent url(../images/module_t_bg.png) no-repeat top center; }

.module div div div > p { margin:0 20px; }

.module_menu div div div div,
.module div div div div
{ background:none;margin:0;padding:0;}

.module_menu div div div h3,
.module div div div h3
{ margin:0;padding:0 10px 10px;color:#505050;font-size:14px;font-weight:700;line-height:20px;}


.module_menu .menu,
.module .menu
{ margin:0 20px 0 10px; }

.module_menu .menu li,
.module .menu li
{ padding:0 0 0 10px;line-height:20px;}

.module_menu .menu li a,
.module .menu li a
{ display:block;}

.module_menu .menu li a span,
.module .menu li a span
{ display:block;padding:0 0 0 10px;background: transparent url(../images/arrow1.gif) no-repeat left 7px;cursor:pointer;}

#login-form {
  margin:10px 0;
  padding:0;
}

fieldset.userdata {
  border:none;
  margin:0 20px;
  padding:0;
  height:150px;
  position:relative;
}

#login-form ul { margin:20px 20px 0; }

fieldset.userdata label {display:block;line-height:16px; }
#form-login-remember label { display:inline; }

fieldset.userdata input { border:1px solid #d5d5d5;background:none;color:#666;width:178px; }
fieldset.userdata input.button { position:absolute;bottom:0;left:0;width:80px;}

#form-login-username,
#form-login-password,
#form-login-remember { margin:0 0 10px;overflow:hidden; }
.login-greeting {margin-left: 5px;}
.logout-button {margin: 10px 0 10px 5px;;}

#modlgn-remember { float:none;margin:0 0 0 10px;border:none;background:none;width:auto; }


.module .search { margin: 0 20px;position:relative; }
.search label { display:none; }
#mod-search-searchword {
  border:1px solid #d5d5d5;background:none;color:#666;width:160px;
}
.module .search .button { position:absolute;right:0;top:0;text-indent:-9999px;width:20px;height:20px;background: transparent url(../images/search_bg.png) no-repeat center center;}

/* banners */

.banneritem {margin-bottom:10px;}


/* maincol */


.category-desc
{
  margin:0 0 20px;
}

/* items row */
.items-row .item { margin:0 0 20px 0;
}
/**.items-row .item h2,
.items-row .item h2 a { font-size:18px;}**/
.item .readmore { text-align:right;margin:0;}
.item .readmore a { color:#d76628;font-weight:700; }


.actions { overflow:hidden;margin:0 0 10px;}
.actions li { float:left; }
.actions li img { float:left;margin:0 6px 0 0; }


.category-desc img { margin:0 10px 4px }
.category-desc a, .category-desc a:link, .category-desc a:visited { color:#d76628;text-decoration:underline;}
.image-left { float:left;margin:0 10px 4px 0; }
.image-right { float:left;margin:0 0 4px 10px; }


.item-title { font-size:12px; }
.main .categories-list ul li {
    padding: 5px;
}

.category-desc {
    line-height: 1.7em;
    margin: 10px 0;
    padding-left: 0;
}

.category-desc p { line-height:40px; }
.pagination { overflow:hidden;padding:10px 0; }
.pagination .counter { margin:0; }

.current > a > span {
  color:#fff;
  text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
}

ul.menu ul .current > a > span {
  color:#fff;
  text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
}

.pagination ul { overflow:hidden;}
.pagination ul li {
  float:left;
  margin:0 6px 0 0;
}

.pagination .pagenav {
  display:block;
  background:#fff;
  margin:0 4px 0 0;padding:2px 6px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    margin:10px 0;
}


.pagenav .pagenav-prev { float:left; }
.pagenav .pagenav-next { float:right; }
.pagenav-prev, .pagenav-next {
  background:#fff;
  margin:0 4px 0 0;padding:2px 6px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    margin:10px 0;
}

/* end maincol */

/* tables */

table { border-collapse:collapse }

table, table th, table td { border:none !important }


table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
  background:#dedede;
  color:#777
}


table.weblinks,
table.category
{ margin:10px 10px 20px 0px;width:99%; }

table.weblinks td
{ border-collapse:collapse; }

table.weblinks td,
table.category td
{ padding:7px; }

table.weblinks th,
table.category th
{ padding:7px;text-align:left }

td.num
{ vertical-align:top;text-align:left; }

td.hits
{ vertical-align:top;text-align:center }

td p
{ margin:0;line-height:1.3em }

.filter
{ margin:10px 0 }

.display-limit,
.filter
{ text-align:right;margin-right:7px }

/* ++++++++++++++  category table  ++++++++++++++ */


table.inhoud td{ border: 1px solid #222; border-collapse: separate;}

table.category th a img
{ padding:2px 10px }

.filter-search
{ float:left; }
.filter-search .inputbox
{width:6em}

legend.element-invisible
{
        position:absolute;
        /* need margin top and left doesn't work for the legend element */
        margin-left:-3000px;
        margin-top:-3000px;
        height:0px;
}

.cat-items
{ margin-top:20px }

#contact-slider .panel {
  background:#fff;
  margin:0 0 10px 0;
  padding:10px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    margin:10px 0;
}

#contact-slider .panel h3 { margin:0; }
#contact-slider .panel h3 a { font-size:18px;line-height:normal; }
#contact-slider .panel .pane-slider { padding:10px 0 0 0; }
#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }

.contact-email label
{ float:left;width:140px; }

#member-registration label { display:block; }
#member-registration legend { font-size:20px; }
#member-registration dd { padding:0;margin:0 0 10px; }
.registration form div {margin-top: 10px; margin-left: 10px;}
.login {padding: 5px;}
.login-fields {min-height: 24px; margin-top: 3px;}
.login-fields label, .login-fields input { display: block; width: 150px; float: left}



.contact-links li { line-height:20px; }


/* */
#jform_email-lbl { width:200px;float:left; }
#article-index li { line-height:20px; }

.cont li {line-height:20px;}
.cont .menu li,
#article-index li,
.cont .latestnews li,
.cont .relateditems li,
.cont .categories-module li
{
  padding:0 10px 0 20px;
  line-height:20px;
  background: transparent url(../images/arrow-1.png) no-repeat top left;
}

#article-index ul,
.cont .menu { margin:10px 0; }

.stats-module dt {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.cont .login,
.cont .registration,
#user-registration {
  background:#fff;
  margin:0 0 10px 0;
  padding:20px 80px 20px 20px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    margin:0 0 10px 0;
    background: #fff url(../images/login_bg.png) no-repeat center right;
}

.cont .login label { float:left;width:100px;}
.cont .login .login-fields {overflow:hidden;margin:0 0 10px;}

footer { margin-top:-100px;height: 60px;padding:40px 0 0 ;}
footer .footer { width:960px;height:52px;line-height:48px;margin:0 auto;padding:0 10px;color:#ccc;background: transparent url(../images/top_bg.png) no-repeat top right; }
footer .footer a { color:#ccc;}

.error {
  background:#fdcdc9;
  margin:0 0 20px 0;
  padding:10px;
  border:none;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#system-message { margin:0; }
#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }
#system-message dd.warning li { line-height:20px;background: transparent url(../images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }

.tip-wrap {
  background:#fff;
  margin:0 0 10px 0;
  padding:10px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* rotator placement */
div#rotator
{
  position:relative;
  height:224px;
  margin:0 0 20px;
}
/* rotator css */
div#rotator ul li {
  float:left;
  position:absolute;
}
/* rotator image style */  
div#rotator ul li img {
  border:1px solid #ccc;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 6px;
  background: #fff;
}
div#rotator ul li.show {
  z-index:500;
}

.syndicate-module { margin:0 20px; }

/* ------ NIVO GWW SLIDER ------- */

#slideshow .nivoSlider { 
  margin:0; 
  box-shadow: none;
  width: 960px;
  height:315px;
  background-position: center center;
  background-repeat: no-repeat;
}

#slideshow  .nivoSlider .nivo-controlNav {
  bottom: -20px;
  left: 47%;
  position: absolute;
}

.homeGalleryDots {
  overflow:hidden;
}

.homeGalleryBtn {
  border:1px solid #ccc;
  background-color: #eee;
  padding:5px;
}


.homeGalleryBtn a {
  color: #000;
  text-decoration:none;
}

#phocagallery table tr td div.pg-imgbg a img {
 width:50px;
 height:30px;
 border:0;
}


/* linkjes */
a, #phocagallery a.category, #phocagallery .phocaname {color:#c00; text-decoration:none;}
a:hover, #phocagallery a.category:hover {color:#999; text-decoration:none;}

/* witruimte om foto's */
.blog img {margin:0px 4px 4px 4px;}

/* CSS MENU */

#menu {
position: relative;
 background-color: #c00;
 height:30px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top:0px;
 font-weight:normal;
 font-style:normal;
 text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
 box-shadow: 0 0 5px #aaa;
 
 background-image: linear-gradient(bottom, #990000 0%, #CC0000 100%);
 background-image: -o-linear-gradient(bottom, #990000 0%, #CC0000 100%);
 background-image: -moz-linear-gradient(bottom, #990000 0%, #CC0000 100%);
 background-image: -webkit-linear-gradient(bottom, #990000 0%, #CC0000 100%);
 background-image: -ms-linear-gradient(bottom, #990000 0%, #CC0000 100%);
 background-image: -webkit-gradient(linear,	left bottom, left top, color-stop(0, #990000), color-stop(1, #CC0000) );
 }

#menu ul.menu {
 display:inline;
 right:0;
 list-style: none outside none;

}

.menu, .menu ul{padding:0; margin:0; list-style: none; position:absolute; font-size:12px; z-index:222;}


.menu ul { left:-9999px; margin-left: 0px; opacity:0; -o-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; margin-top:5px; }
.menu ul ul {padding:0;}

.menu a {display:block; padding-left:10px; font-size:11px; text-decoration:none; margin:0 0 -1px 0; text-transform:uppercase;}
.menu ul a {}

.menu li {float:left;}
.menu ul li {float:none;;display: table-cell;white-space: nowrap;}
.menu li.fly > a {border: 1px solid red;}
.menu li:hover {position:relative; z-index:100;}
.menu li:hover > a {}
.menu li:hover > ul { top:25px; z-index:222; opacity:1; background-color:#d00; padding:0px; left:0px;}
.menu li:hover li:hover > ul { z-index:100; opacity:1;}
.menu li.right:hover li:hover > ul {left:-165px; top:-20px; z-index:100; padding:5px; opacity:1;}

ul.menu li a, ul.menu ul li a {
 padding: 5px 8px;
 color:#ffffff;
 text-decoration:none;
 display:block;
 min-height:20px;
 line-height: 20px;
 text-shadow: 0 0 0.2em #999999, 0 0 0.2em #999999, 0 0 0.2em #999999;
 }


ul.menu li a:hover, ul.menu li.current a {
 color:#fff;
 text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
 border-bottom:3px solid #fff;
 background-color:#dd0000;
 }

ul.menu ul li a:hover {
 color:#fff;
 text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
 }

ul.menu ul li a { border:none; width:100%; display:block;}


/** specific joomla stuff **/
.contentheading {font-weight: bold; border-bottom: 1px solid #CA130D; font-size: 110%;}



.blog ul {
  /*bringing lists on to the page with breathing room */
  margin-left:1em;
}

.blog ul li {
  list-style: circle outside;

}

strong {font-weight:bold;}

.mod-languages {float: right; margin-top: 2px;}

.newsflash-horiz4 * {background-color: #fff;}
.newsflash-horiz4 .article-separator { 
  display: none;  
}

.newsflash-horiz4 li {width: 338px; float: left; margin:5px 6px 5px 0;border: 1px solid #bbb;}
.newsflash-title4 {
  padding: 3px;
  /**width: 340px;**/
 border: 0;
 border-bottom: 1px solid #bbb;
 font-size: 1em;
 display:block;
 padding: 5px;
 color:#555;
 text-shadow: none;
 margin: 0;
}
.newsflash-horiz4 p {padding: 5px;}

.links5 {background-color: black;}

#header-verhuur {float: right; padding-top: 30px;}

#drieluik .drieluik {
 float: left; margin-right: 3px;
}
#drieluik .drieluik:last-child {
 margin-right: 0px;
}

#drieluik .drieluik img:hover {
 opacity:0.5;filter:alpha(opacity=50)
}

.category-desc img {margin-left: -10px; margin-top: -10px;}


.profile, .registration, .profile-edit{ 
 margin-left:-10px;
 margin-right:10px;
}

.profile legend, .registration legend, .profile-edit legend {
 font-size: 1.5em;
 border-bottom: 1px solid #33ccff;
 display:block;
 width:100%;
 padding: 4px 10px;
 background-color:#f93;
 color:#fff;
 text-shadow: 0 0 0.2em #999999, 0 0 0.2em #999999, 0 0 0.2em #999999;
 margin-bottom: 10px;
}

.profile dl, .registration dl, .profile-edit dl {
 margin-left:10px; margin-bottom:20px;
}

.registration dt, .registration dd, .profile dt, .profile dd, .profile-edit dt, .profile-edit dd {
  width:45%; border-bottom:1px dashed #ddd; height:24px; float:left;
}.red {color: red;}

label.invalid {
    color: red;
}

.invalid {
    border-color: red !important;
}

.invalid {
    border-color:red;
}
.radio label {display: table-cell}

.menu a.game {display:none;}
.customyoutube {position: absolute; top: 32px; right: 0px;}

/* Google Chrome anti-aliasing hack menuitems */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body:nth-of-type(1) ul.menu li a span {font-weight:bold;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:nth-of-type(1) ul.lang-block li a img {margin:0px 0px 2px 0px;}
}

.gwwcountdown { }

.customwhite {
color: #222;
background-color: white;
margin: 0px 10px 10px 10px;

}
.customwhite td {padding-right: 2px;}
.moduletable h3 {margin-bottom: 5px;}
.category-module {padding: 3px; font-size: 10px;margin:0 0 4px 0;}
.category-module a {color: black;}
.category-module li { background-color: #777; margin: 7px; margin-bottom: 10px;padding: 5px 3px 3px 3px;}
.category-module  h5 {line-height: 1.0em; font-size: 11px; font-weight: bold;}
.mod-articles-category-readmore { margin-bottom: 1px; text-align: right;}
.moduletablemeernieuws {padding-left: 10px; padding-right: 10px; padding-bottom: 6px; margin-top: -7px; margin-bottom:10px;font-size: 10px}
.custommeernieuws {background-color: #777; text-align: right; padding: 3px;}
.custommeernieuws a {color: black; font-size: 11px}
.custommeernieuw h5 {line-height: 1.0em; font-size: 11px; font-weight: bold;}
.item-separator {clear:both;}

/* HUUR BEREKENEN */   

.mod_gwwheusschen {}
.mod_gwwheusschen h4 {font-size:1.4em; padding-top:3px }
.mod_gwwheusschen label {
    border-top: 0px solid #ddd;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding: 3px 0px 5px 0px;
    width: 40%;
    clear:left;
    }

.mod_gwwheusschen span {
    border-top: 0px solid #ddd;
    display: block;
    float: left;
    margin-bottom: 3px;
	min-height:1em;
    padding: 5px 0px 0px 0px;
    width: 60%;
    }
    
    
.mod_gwwheusschen input{
    width: 40%;
    margin-top:5px;
    float:right;
    }
    

.mod_gwwheusschen span input{
    width: 60%;
    margin-top:0px;
    float:right;
    }
    
.mod_gwwheusschen #gwwheusschen_total {
    clear:both;
    margin-bottom: 10px;
    }
 
/* INSCHRIJF FORMULIER */    

.heusschen_form {
    width: 635px;
    display:block;
    height:890px;
    border-bottom: 1px solid #ddd;
    }
    
.heusschen_form_line {
    }
    
.heusschen_form_line strong {
    font-size:1.2em; 
    padding:8px 0px 2px 0px; 
    display:block; 
    text-shadow: 1px 1px white;
    }    


.heusschen_form_line label {
    border-top: 1px solid #ddd;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding-top: 3px;
    width: 400px;
    padding-right:6px
    }

.heusschen_form_line span {
    border-top: 1px solid #ddd;
    display: block;
    float: left;
    margin-bottom: 3px;
    min-height: 1.4em;
    padding-top: 3px;
    padding-left: 6px;
    width: 220px;
    
    }


.qform_textfield {width:200px;}
.qform_textarea  {width:202px;}