* {
margin: 0;
padding: 0;
}

.clear{
clear: both;
}

a img {
border: 0;
}

a:link,a:visited{
color:#fff;
text-decoration:none;
}

body{
background: url(images/bg.png) 0% repeat;
color: #bfcdaa;
font-size: 10px;
font-family: Arial;
line-height: 15px;
word-spacing: 2px;
}

#header_bg{
width: 100%;
background: url(images/header_bg.png) 40% bottom repeat-x;
height: 212px;
margin-bottom: 10px;
}

#header2{
height: 200px;
width: 960px;
background: url(images/header2.png) no-repeat;
margin: 0 auto;
}

#container {
background-image: url(images/content_bg.png);
background-repeat: repeat;
margin: 0 auto;
width: 960px;
}

#footer_bg{
margin-top: 10px;
width: 100%;
background: url(images/footer_bg.png) 40% top repeat-x;
height: 50px;
}

div.wrap{
width:960px;
margin:0 auto;
text-align:left;
}

#slide_h2 {
background-image: url(images/bg_black.png);
background-repeat: repeat;
padding: 5px;
width: 90px;
}

#slide_h2 h2{
font-size: 14px;
color: white;
padding-left: 10px;
font-family: Arial;
width: auto;
display: inline;
font-weight: bold;
}

div#header div.wrap{
height:300px;
background-image: url(images/bg_black2.png);
background-repeat: repeat;
}

div#header div#slide-holder{
z-index:40;
width:960px;
height:299px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:942px;
height:278px;
overflow:hidden;
position:absolute;
}

div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}

div#header div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:942px;
height:46px;
display:none;
position:absolute;
background:url(images/bg_black2.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav2.png);}
div#nav ul li a{background:url(images/nav2.png) no-repeat;} 

#text {
margin: 10px 10px 10px 0;
width: 710px;
position: relative;
float: left;
background-image: url(images/bg_black.png);
background-repeat: repeat;
}

#normal_text {
margin: 0 10px 10px 0;
width: 960px;
position: relative;
float: left;
background-image: url(images/bg_black.png);
background-repeat: repeat;
}

#title {
margin: 10px 0 0 0;
width: auto;
position: relative;
float: left;
background-image: url(images/bg_black2.png);
background-repeat: repeat;
}

#title h2 {
padding: 5px;
}

#text_inhoud{
padding: 10px;
}

h2 {
font-size: 11px;
font-weight: bold;
}

#news {
margin: 10px 0 10px 10px;
width: 230px;
position: relative;
float: right;
background-image: url(images/bg_blue2.png);
background-repeat: repeat;
}

#news_inhoud{
padding: 10px;
}

#twitter_img {
margin-top: -53px;
float: right;
background-image: url(images/twitter_48.png);
background-repeat: no-repeat;
background-position: bottom left;
height: 48px;
width: 48px;
}

#basing {
margin: 10px 10px 10px 0px;
width: 230px;
position: relative;
float: left;
background-image: url(images/bg_purple.png);
background-repeat: repeat;
}

#basing_inhoud{
padding: 10px;
}

.prijs {
padding: 5px;
float: right;
width: 100px;
text-align: right;
color: white;
border-top: 1px white solid;
}

.prijs span{
font-size: 20px;
font-weight: bold;
}

#compleet {
margin: 10px 10px 10px 0px;
width: 230px;
position: relative;
float: left;
background-image: url(images/bg_green.png);
background-repeat: repeat;
}

#compleet_inhoud{
padding: 10px;
}

#scripting{
margin: 10px 10px 10px 0px;
width: 230px;
position: relative;
float: left;
background-image: url(images/bg_yellow.png);
background-repeat: repeat;
}

#scripting_inhoud{
padding: 10px;
}

#contact_wrap{
margin: 10px 0px 0 10px;
width: 230px;
position: relative;
float: right;
}

#contact {
width: 230px;
}

#contact a{
background-image: url(images/bg_blue.png);
background-repeat: repeat;
display: block;
width: 230px;
line-height: 20px;
font-size: 11px;
font-weight: bold;
margin-top: 20px;
}

#contact a:hover, #contact a:active {
background-image: url(images/bg_blue2.png);
}
#contact p {
padding: 5px;
padding-left: 10px;
}

#contact_link {
background-image: url(images/bg_blue2.png);
background-repeat: repeat;
display: block;
width: 230px;
height: 20px;
display: none;
margin:0;
}

#contact_form_wrap {
display: none;
background-image: url(images/bg_blue2.png);
background-repeat: repeat;
width: 960px;
}

#contact_form_inhoud{
padding: 5px;
}


input, textarea {
color: #363636;
background-color: white;
border-style: none;
padding: 5px;
font-family: Arial;
font-size: 9px;
}


input.blur, textarea.blur {
color: #949494;
font-style: italic;
}

td{
vertical-align: top;
padding: 3px;
}

td img{
margin-top: 3px;
}

.error{
display: inline;
margin-bottom: -5px;
}

.submit {
background-color: #eee;
color: #949494;
font-weight: bold;
}

.submit:hover {
background-color: #8b9f93;
color: white;
}




