/*----------- General -----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
list-style-image:none;
list-style-position:outside;
line-height:18px;
}
body {
background-image: url(images/bg.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#291307;
color:#000000;
font-family: Arial, Verdana, Tahoma;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
}
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
h1 {
color:#535353;
font-family: Arial, Verdana, Tahoma;
}
a {
color:#fff;
text-decoration:none;
}
a:hover {
color:#fff;
}
#secondary {
color: #FFF;
padding: 15px 35px;
}
#pageslide-slide-wrap {
background-color: #000;
}
#pageslide-content h2 {
color: #C60;
}
#pageslide-content a {
font-size:12px;
padding:5px 10px 5px 10px;
}
.pageslide-close {
font-size: 12px;
font-weight: bold;
border: 1px solid #C60;
}
a.btn-pageslide{
background-image:url(images/btn-slide.jpg);
background-repeat:no-repeat;
background-color:#f69227;
color:#ffffff;
cursor:pointer;
height:120px;
left:0;
margin-left:-7px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:25%;
width:40px;
z-index:100000;
}
a.btn-pageslide:hover{
margin-left:-1px;
}
a.btn-pageslide p{
color:#000;
}
h1#nieuwsbriefkop {
color:#fff;
margin:2em 0 1em 18px;
}
p#nieuwsbrieftext {
margin:0 0 1em 18px;
float:left;
}
p#nieuwsbrieftext2 {
margin:2em 0 0 18px;
float:left;
}
/*----------- Header -----------*/
div#topbalk {
background-image:url(images/top.png);
background-position:left top;
background-repeat:repeat-x;
height:50px;
margin-bottom:30px;
}
div#topbalkwrap {
margin:0 auto;
width:960px;
}
div#header {
margin:0 auto;
width:960px;
height:381px;
}
ul#uppertext{
color:#fff;
font-family: Arial, Verdana, Tahoma;
font-size:14px;
font-weight:normal;
text-decoration:none;
float:left;
display:block;
padding:10px 10px 0 0;
margin:0px;
}
ul#uppertext li {
float:left;
display:block;
text-decoration:none;
margin-right:20px;
line-height:30px;
}
ul#uppertext a:hover{
color:#c2a382;
}
img#testpic {
border:2px solid #7e7e7e;
}
/* navigatie */
#uppernav{
font-family: Arial, Verdana, Tahoma;
font-size:14px;
font-weight:normal;
text-decoration:none;
float:right;
display:block;
padding:7px 0 0 0;
margin:0px;
}
#uppernav li {
float:left;
display:block;
text-decoration:none;
margin-right:10px;
line-height:30px;
}
#uppernav a.button {
color: #fff;
display: block;
float: left;
padding-right: 10px;
text-decoration: none;
}
#uppernav a:hover {
color: #c2a382;
display: block;
float: left;
padding-right: 10px;
text-decoration: none;
}
#uppernav a.active {
color: #c2a382;
display: block;
float: left;
padding-right: 10px;
text-decoration: none;
}
/* einde navigatie */
img#logowrap {
float:left;
}
div#headtextwrap {
float:left;
width:400px;
}
div#headpicwrap {
float:right;
width:500px;
}
img#headpics {
float:right;
}
img#headpics2 {
float:right;
margin-top:15px;
}
h1#kophome {
font-weight:bold;
color:#f78f1e;
font-size:16px;
margin-top:1em;
padding:2px 0 2px 0;
float:left;
}
h1#kophome2 {
font-weight:lighter;
color:#c8c8c8;
font-size:12px;
padding:0 0 2px 0;
float:left;
width:350px;
}
h1.kophome3 {
font-weight:bold;
color:#f78f1e;
font-size:16px;
padding:1em 0 2px 0;
float:left;
width:350px;
}
p#headtext {
font-size:18px;
color:#c8c8c8;
float:left;
width:350px;
line-height:26px;
margin-top:2em;
}
p.headtext2 {
font-size:18px;
color:#c8c8c8;
float:left;
width:380px;
line-height:26px;
margin-top:2em;
}
div#quotewrap {
float:left;
height:200px;
width:400px;
}
ul#quotes {
float:left;
list-style-type:none;
}
a#pdf {
background-image:url(images/pdf.png);
float:left;
width:147px;
height:35px;
margin-top:8px;
}
/*----------- Content -----------*/
a#webinar{
float:left;
margin-top:33px;
}
div#mainwrap {
margin:0 auto;
background-color:#FFFFFF;
border-top:6px solid #7c7c7c;
padding-bottom:150px;
}
div#contentwrapper {
margin:0 auto;
width:960px;
}
div#contentwrappertop {
background:#FFFFFF url(images/contenttop.jpg) repeat-x scroll 0 0;
height:30px;
left:50%;
position:absolute;
top:450px;
width:50%;
}
div#content1{
background:url(images/contentbgleft.jpg) no-repeat scroll left top;
width:285px;
float:left;
display:block;
}
div#content2{
border-top:6px solid #7c7c7c;
padding-top:5px;
position:relative;
top:-17px;
background:url(images/contentbg.jpg) no-repeat scroll left top;
width:675px;
float:right;
display:block;
padding-bottom:50px;
}
div#content2vlak {
margin:20px 0 0 20px;
}
a.contentboxtest1 {
background:url(images/box1a.png);
width:313px;
height:185px;
float:left;
margin:0 20px 20px 0
}
a:hover.contentboxtest1 {
background:url(images/box1b.png);
}
a.contentboxtest2 {
background:url(images/box2a.png);
width:313px;
height:185px;
float:left;
margin-bottom:20px;
}
a:hover.contentboxtest2 {
background:url(images/box2b.png);
}
a.contentboxtest3 {
background:url(images/box3a.png);
width:313px;
height:185px;
float:left;
margin-right:20px;
}
a:hover.contentboxtest3 {
background:url(images/box3b.png);
}
a:hover.contentboxtest2 {
background:url(images/box2b.png);
}
a.contentboxtest4{
background:url(images/box4a.png);
width:313px;
height:185px;
float:left;
}
a:hover.contentboxtest4 {
background:url(images/box4b.png);
}
a.contentboxtest5{
background:url(images/box5a.png);
width:313px;
height:185px;
float:left;
}
a:hover.contentboxtest5 {
background:url(images/box5b.png);
}
img#kopmovie {
margin-top:2em;
}
div#textwrap {
padding:2.5em 20px 60px 20px;
float:left;
}
div#textwrap2 {
padding:2.5em 20px 1em 20px;
float:left;
}
div#textwrap3 {
padding:2.5em 20px 120px 20px;
float:left;
}
div#textwrap4 {
padding:2.5em 20px 0 20px;
float:left;
}
div#textwrap5 {
padding:2.5em 20px 0 20px;
float:left;
}
div#picture {
padding-top:2.5em;
float:right;
}
p#text1 {
width:320px;
margin-bottom:1.5em;
}
p#text2 {
width:270px;
margin-bottom:1.5em;
}
p#textbedankt {
width:290px;
margin-bottom:1.5em;
}
p#text3 {
width:630px;
margin-bottom:1.5em;
float:left;
}
p#text4 {
width:250px;
margin-bottom:1.5em;
float:left;
}
img.referenties {
float:left;
margin-right:30px;
}
div#trainingwrap {
float:left;
}
div.trainingbox {
width:310px;
float:left;
}
/* formulier */
div.formulier {
color:#000;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding:2em 70px 0 10px;
}
div.formulier2 {
color:#000;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding:0 70px 60px 20px;
width:500px;
}
div.formulier3 {
color:#fff;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding:0 70px 0 20px;
}
div.formulier4 {
color:#000;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding:0 70px 10px 20px;
width:500px;
}
div.formobject {
margin:0 0 12px;
}
div.formobject2 {
margin:0 0 12px;
}
div.formobject3 {
margin:0 0 12px;
}
div.formobject4 {
margin:0 0 4.5em;
}
div.formobject label {
display:block;
float:left;
vertical-align:baseline;
width:110px;
}
div.formobject input {
background-color:#d2d2d1;
border:1px dotted #535353;
width:210px;
}
div.formobject2 input {
background-color:#fff;
color:#000;
border:1px dotted #535353;
width:210px;
}
div.formobject textarea {
background-color:#d2d2d1;
border:1px dotted #535353;
color:#373738;
width:210px;
height:70px;
}
div.formobject2 textarea {
background-color:#fff;
border:1px dotted #535353;
color:#373738;
width:210px;
height:70px;
}
div.formobject3 textarea {
background-color:#fff;
border:1px dotted #535353;
color:#373738;
width:210px;
height:70px;
}
div.formobject button{
background-color:#f69227;
border:none;
font-family: Arial, Verdana, Tahoma;
float:right;
margin:5px 0 0 20px;
width:90px;
height:26px;
color:#fff;
font-size:12px;
font-weight:bold;
padding-top:3px;
padding-bottom:5px;
}
div.formobject2 button{
background-color:#f69227;
border:none;
font-family: Arial, Verdana, Tahoma;
float:right;
margin:5px 177px 0 20px;
width:90px;
height:26px;
color:#fff;
font-size:12px;
font-weight:bold;
padding-top:3px;
padding-bottom:5px;
}
div.formobject3 button{
background-color:#f69227;
border:none;
font-family: Arial, Verdana, Tahoma;
float:left;
margin:5px 0 0 230px;
width:90px;
height:26px;
color:#fff;
font-size:12px;
font-weight:bold;
padding-top:3px;
padding-bottom:5px;
}
div.formobject2 a{
background-color:#938daf;
font-family: Arial, Verdana, Tahoma;
float:left;
margin:5px 0 0 0;
color:#fff;
font-size:12px;
font-weight:bold;
}
div.formobject button:hover{
background-color:#8e8e8e;
}
div.formobject2 a:hover{
background-color:#8e8e8e;
}
div#textbox2 {
float:left;
padding:2.5em 0 140px 20px;
}
/*----------- Pagina contact -----------*/
div#box1{
width:310px;
padding:2.5em 15px 0 20px;
float:left;
display:block;
}
div#box2{
width:310px;
padding:2.5em 0 0 0;
float:left;
display:block;
}
div#box3{
width:350px;
padding:1em 15px 0 20px;
float:left;
display:block;
}
div#box4{
width:270px;
padding:1em 0 0 0;
float:left;
display:block;
}
h1.kop1 {
font-size:20px;
color:#535353;
}
h1.kop2 {
font-size:20px;
color:#535353;
margin-bottom:1em;
}
h2.kop3 {
font-size:16px;
color:#f69022;
margin-bottom:1em;
margin-top:1em;
float:left;
}
h2.kop4 {
font-size:14px;
color:#535353;
margin-bottom:1em;
}
h1.kop5 {
font-size:20px;
width:500px;
float:left;
color:#535353;
margin-bottom:1em;
}
h1.kop6 {
font-size:20px;
color:#535353;
margin-bottom:1em;
float:left;
}
ul.contentul {
padding-left:40px;
margin-bottom:1em;
float:left;
}
ul.contentul a{
color:#000000;
text-decoration:underline;
}
ul.contentul a:hover{
color:#f78f1e;
text-decoration:underline;
}
div#googlemaps{
float:left;
margin:1.5em 0 0 0;
border:4px solid #e6e6e6;
}
div.tabellinks {
float:left;
display:block;
margin-right:10px;
font-weight:bold;
}
div.tabellinks2 {
float:left;
display:block;
margin-right:80 px;
}
div.textcontact{
margin:1em 0 1em 0;
}
a#mail {
color:#000000;
text-decoration:underline;
}
a#mail:hover {
color:#f69227;
text-decoration:underline;
}
/*----------- Sidebar -----------*/
div#sidebar{
width:310px;
float:right;
display:block;
}
/*----------- Footer -----------*/
#footer {
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear:both;
}
div#footerwrapper {
margin-left:auto;
margin-right:auto;
width:960px;
}
/* bottom navigatie */
#bottomnav {
display:block;
float:left;
font-size:12px;
list-style-image:none;
list-style-type:none;
margin:2em 0 0 0;
padding:0;
}
#bottomnav li {
float:left;
list-style-image:none;
margin-right:20px;
}
#bottomnav a {
color:#FFFFFF;
}
#bottomnav a:hover {
color: #c2a382;
text-decoration:none;
}
#bottomnav a.active {
color: #c2a382;
text-decoration:none;
}
/* einde bottom navigatie */
p#copyright {
color:#ffffff;
float:left;
padding:2em 0 0 50px;
}
div#redmelon {
float:right;
padding:2em 20px 0 0;
}
p#webdesign {
color:#ffffff;
float:left;
font-size:10px;
padding-right:10px;
}
p#webdesign a {
color:#ffffff;
}
img#redmelonlogo {
float:right;
padding-top:4px;
}
html, body, #wrapper {
height:100%;
}
body > #wrapper {
height:auto;
min-height:100%;
}
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
} /* End hide from IE-mac */