/*

 * Style Sheet by Bart Verbruggen

 */

body {

    background: #fff url(../images/bg-header.png) repeat-x left -1px;

    font: normal 100%/1.25em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

    color: #646464;

}

h2 { margin: 0 0 15px; }
strong { font-weight: bold; }

a { color: #129fc2; text-decoration: none;}
a:hover { color: #ffa800; }

br.clear {

clear: both;

}

#topwave1 {

background: transparent url(../images/middelgolf_top.png) repeat-x left 117px;

}

#topwave2 {

background: transparent url(../images/kleinegolf_top.png) repeat-x right 138px;

}

#bottomwave1 {

background: transparent url(../images/grotegolf_bottom.png) repeat-x left bottom;

}

#bottomwave2 {

background: transparent url(../images/kleinegolf_bottom.png) repeat-x right bottom;

}

#wrapper {

width: 100%;

height: 100%;

background: transparent url(../images/bg-footer.png) repeat-x bottom left;

}

#container {

width: 981px;

margin: 0 auto;

font-size: 0.825em;

}

/* @group header */

#container #header h1 a {

display: block; text-indent: -9999px;

height: 195px; width: 981px;

background: transparent url(../images/header.png) no-repeat;

}

/* @end */

/* @group content */

/* @group content sidebar */

#content #sidebar {

width: 195px; height: 100%;

margin: 25px 0 25px 10px;

float: left;

  position: relative; 

}

#content #sidebar #fixed {

position: relative;

}

#content #sidebar ul#nav {

margin: 0 0 35px;

}

#content #sidebar ul#nav li {

margin: 0 0 10px;

}

#content #sidebar ul#nav li a {

display: block;

height: 31px;

width: 195px;

text-indent: -9999px;

background-position: left bottom;

}

#content #sidebar ul#nav li a#nav_eigenschappen {

background: transparent url(../images/nav_eigenschappen.png) no-repeat;

}

#content #sidebar ul#nav li a#nav_screenshots {

background: transparent url(../images/nav_screenshots.png) no-repeat;

}

#content #sidebar ul#nav li a#nav_referenties {

background: transparent url(../images/nav_referenties.png) no-repeat;

}

#content #sidebar ul#nav li a#nav_prijzen {

background: transparent url(../images/nav_prijzen.png) no-repeat;

}

#content #sidebar ul#nav li a#nav_faq {

background: transparent url(../images/nav_faq.png) no-repeat;

}

#content #sidebar ul#nav li a:hover#nav_eigenschappen,

#content #sidebar ul#nav li a:hover#nav_screenshots,
#content #sidebar ul#nav li a:hover#nav_referenties,
#content #sidebar ul#nav li a:hover#nav_prijzen,

#content #sidebar ul#nav li a:hover#nav_faq,

#content #sidebar ul#nav li.active a#nav_eigenschappen,

#content #sidebar ul#nav li.active a#nav_screenshots,

#content #sidebar ul#nav li.active a#nav_referenties,
#content #sidebar ul#nav li.active a#nav_prijzen,

#content #sidebar ul#nav li.active a#nav_faq { background-position: left bottom; }

#content #sidebar ul#nav li a:focus { background-position: left bottom; outline-style:none; }

a#demo_aanvraag {

display: block;

height: 72px;

width: 195px;

background: transparent url(../images/free_demo.png) no-repeat left top;

text-indent: -9999px;

}

a:hover#demo_aanvraag {

background-position: left bottom;

}

/* @end */

/* @group content main */

#content #main {

width: 660px;

margin-left: 25px;

float: left;

}

#content #main p {

padding: 0 30px 25px 0;

}

#content #main .content_block {
	clear: both;
	margin: 25px 0 0;
}

/* #content #main #referenties.content_block, */ #content #main #screenshots.content_block {
	margin: 0;
}

#content #main .box {

width: 320px; 

float: left;

margin: 0px 0 0;

}

#content #main #eigenschappen .box img {
	margin: 0 0 15px;
}

#content #main p {

padding: 0 30px 25px 0;

}

#content #main h2 {

text-indent: -9999px;

height: 26px;

}

#content #main h2.gebruiksvriendelijk {

background: transparent url(../images/gebruiksvriendelijk.png) no-repeat;

width: 223px; 

}

#content #main h2.intelligent {

background: transparent url(../images/intelligent.png) no-repeat;

width: 305px; 

}

#content #main h2.informatief {

background: transparent url(../images/informatief.png) no-repeat;

width: px; 

}

#content #main h2.betrouwbaar {

background: transparent url(../images/betrouwbaar.png) no-repeat;

width: px;

}

#content #main h2.screenshots {

background: transparent url(../images/screenshots.png) no-repeat;

width: px;

}

#content #main h2.referenties {

background: transparent url(../images/referenties.png) no-repeat;

width: px;

}

#content #main h2.prijzen {

background: transparent url(../images/prijzen.png) no-repeat;

width: px;

}

#content #main h2.faq {

background: transparent url(../images/faq.png) no-repeat;

width: px;

}

#content #main #prepaid.box {

background: transparent url(../images/prepaid.png) no-repeat;

height: 194px; color: #fff;
width: 300px;
margin-right: 20px;
font-size: 0.950em;
}

#content #main #postpaid.box {

background: transparent url(../images/postpaid.png) no-repeat;

height: 194px; color: #fff;
width: 300px;
font-size: 0.950em;

}

#content #main #postpaid.box p, #content #main #prepaid.box p {

padding: 50px 25px 0;

}

#content #main #FAQ ul li {

margin: 0 0 0 15px;

color: #999;

list-style: disc;

}

#content #main #FAQ ul li a {

color: #747474;

text-decoration: none;

}

#content #main #FAQ ul li a:hover {

color: #343434;

}

#content #main #FAQ ul li.active a {

color: #ffa800;

}

#content #main #FAQ ul li.active .faq-answer a {

color: #129FC2;

}

#content #main .faq-answer {

background: #c1bdac url(../images/faq-answer-top.png) no-repeat;

width: 598px;

color: #646464;

margin: 5px 0;

}

#content #main .faq-answer p {

padding: 20px 15px 5px;

}

#content #main .faq-answer span {

display: block;

height: 10px;

background: #c1bdac url(../images/faq-answer-bottom.png) no-repeat left bottom;

}

/* @end */

/* @end */

/* @group footer */

#container #footer {

height: 380px; width: 981px;

color: #fff;

background: transparent url(../images/footer.png) no-repeat;

position: relative;

}

#container #footer #demo {

position: absolute;

left: 230px;

top: 60px;

}

#container #footer #demo p { padding: 0 0 10px; }

#container #footer #demo li { padding: 5px 0; }

#container #footer #demo li.text {

float: left;

width: 330px;

}

#container #footer #demo li.text label {

width: 125px;

display: block;

float: left;

}

#container #footer #demo li.text input {

width: 150px;

}

#container #footer #demo li.checkbox {

clear: both;

}

#container #footer #demo li.checkbox .formCheckbox { margin-right: 10px; }

#container #footer #demo li.required {

font-style: italic;

font-size: 0.8em;

}

#container #footer #mening {

position: absolute;

display: block;

height: 68px; width: 117px;

text-indent: -9999px;

/* background: transparent url(../images/mening.png) no-repeat; */

left: 45px; top: 110px;

}

#container #footer a#statik {

background: transparent url(../images/statik.png) no-repeat;

text-indent: -9999px;

display: block;

height: 43px; width: 147px; 

position: absolute;

bottom: 5px;

right: 140px;

}

/* @end */