* {font-family: arial, lucida grande, sans-serif}

input, textarea, select {font-size: 11px}

body {background: #9bc4ff; margin: 0 0 20px 0; padding: 0; text-align: center}

form {display: inline}

a {font-weight: bold; color: #3a66d9; text-decoration: none}
a.hover {font-weight: bold; color: #a8ca45; text-decoration: none}

div#sitewrapper {width: 950px; margin: 0 auto; text-align: left}

div#header {background: transparent url('../images/frontend/bg-header-lente.jpg') no-repeat; height: 465px}
div#header img {behavior: url(../pngfix/iepngfix.htc)}

div.intro-header {font-size: 11px; color: #000; position: relative; left: 0; top: 370px; margin: 0 10px; line-height: 16px}
div.intro-header a {color: #000; font-weight: normal; text-decoration: none}
div.intro-header a:hover {color: #111; font-weight: normal; text-decoration: none}

div.zoeken {font-size: 11px; color: #000; /*position: relative; left: 0; top: 270px;*/ margin: 0 20px}
div.zoeken .zoek-trefwoord {font-size: 11px; width: 165px; margin: 5px 0 5px 0}
div.zoeken .zoek-thema     {font-size: 11px; width: 170px; margin: 5px 0 5px 0}
div.zoeken .zoek-regio     {font-size: 11px; width: 170px; margin: 0 0 10px 0}
div.zoeken .zoek-button    {background: #fff; font-size: 11px; font-weight: bold; color: #333; position: relative; left: 80px; top: 10px}

img.sitemenu {position: relative; left: 53px; top: 205px}

div#content {background: transparent url(../images/frontend/background-content.gif)}

div.contentwrapper {width: 758px; margin-left: 70px; padding: 15px 0}

div.textpages {font-size: 11px; padding: 0 10px}
div.textpages h1 {font-size: 12px; color: #3a66c8; margin: 15px 0 10px 0}
div.textpages a {color: #3a66c8; font-weight: bold; text-decoration: none}
div.textpages a:hover {color: #000; font-weight: bold; text-decoration: none}

p.pages {font-size: 11px; padding: 10px 0; margin: 0 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}

div.breadcrumbs {font-size: 11px; padding: 0 10px}
div.breadcrumbs a {color: #3a66c8; font-weight: bold; text-decoration: none}
div.breadcrumbs a:hover {color: #000; font-weight: bold; text-decoration: none}

div.zoekresults-info {font-size: 11px; color: #000; padding: 10px}
div.zoekresults-info h2 {font-size: 11px; color: #000; margin: 10px 0 0 0}
div.zoekresults-info .highlight {color: #a8ca45; font-weight: bold}
div.zoekresults-info a {color: #3a66c8; font-weight: bold; text-decoration: none}
div.zoekresults-info a:hover {color: #000; font-weight: bold; text-decoration: none}

div.gevonden-tips {font-size: 11px; padding: 10px}
div.gevonden-tips .tip {width: 710px; background: transparent url(../images/frontend/background-tip.gif) no-repeat; height: 86px; overflow: hidden}
div.gevonden-tips .tip .tip-what {color: #fff; font-weight: bold; float: left; width: 60%; margin-top: 7px}
div.gevonden-tips .tip .tip-what a {color: #fff; font-weight: bold; text-decoration: none}
div.gevonden-tips .tip .tip-what a:hover {color: #fff; font-weight: bold; text-decoration: none}
div.gevonden-tips .tip .tip-date {color: #fff; font-weight: bold; float: left; text-align: right; width: 40%; margin-top: 7px}
div.gevonden-tips .tip .tip-info {color: #000}
div.gevonden-tips .tip .tip-info a {color: #000; font-weight: normal; text-decoration: none}
div.gevonden-tips .tip .tip-info a:hover {color: #3a66c8; font-weight: normal; text-decoration: none}
div.gevonden-tips .tip .tip-where {color: #3a66c8; font-weight: bold}

div.tip-details .tip-text {font-size: 11px; float: left; width: 300px; line-height: 18px; margin-right: 30px; margin-left: 15px}
div.tip-details .tip-meta {font-size: 11px; font-weight: bold; color: #3a66c8; float: left; width: 350px}
div.tip-details .tip-meta .foto {/*background: transparent url(../images/frontend/background-tipfoto.gif) no-repeat;*/ min-height: 220px; height: auto !important; height: 220px; margin-top: 8px}
div.tip-details .tip-meta  h2 {font-size: 11px; font-weight: normal; color: #000; margin: 10px 0 5px 0; padding-bottom: 2px; border-bottom: 1px solid #ccc}

div#footer {font-size: 11px; background: transparent url(../images/frontend/background-footer.gif) no-repeat; height: 99px}
div#footer a {color: #3a66c8; font-weight: normal; text-decoration: none}
div#footer a:hover {color: #000; font-weight: normal; text-decoration: none}

div.footerlinks {font-size: 11px; width: 950px; color: #3a66c8; border-top: 1px solid #8fb0fb; margin: 10px auto 0 auto; padding-top: 10px}

div.footerlinks .meta {float: left; width: 400px}
div.footerlinks .meta a {color: #3a66c8; font-weight: normal; text-decoration: none}
div.footerlinks .meta a:hover {color: #000; font-weight: normal; text-decoration: none}

div.footerlinks .adecon {float: left; width: 550px; text-align: right}
div.footerlinks .adecon a {color: #3a66c8; font-weight: normal; text-decoration: none}
div.footerlinks .adecon a:hover {color: #000; font-weight: normal; text-decoration: none}


/* slightly enhanced, universal clearfix hack */
.clfx:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clfx { display: inline-block; }
/* start commented backslash hack \*/
* html .clfx { height: 1%; }
.clfx { display: block; }
/* close commented backslash hack */