body { 
    margin: 00px;
    padding: 0; 
    font-family: "trebuchet MS",trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 100%;
	background-color: #293c67;
	background-image: url(../images/patt.jpg);
	background-repeat: repeat-x;
}

#wrapper {
    width: 1000px;
    margin: 0px auto;
}

#header 
{
	background-image: url(../images/header.jpg);
	height: 116px; 
	width: 960px;
	margin-left: 1px;
	border-bottom: 4px solid white;
}

#intro {
    padding-bottom: 10px;
}


#sites 
{
background-image: url(../images/een.png);
}

#files 
{
background-image: url(../images/twee.png);
}

#preview 
{
background-image: url(../images/drie.png);
}


#sites h2, #files h2, #preview h2
{
    margin: 0;
    margin-bottom: 14px;
    padding-bottom: 10px;
	color: #4d5f85;
	font-size: 1.3em;
	width: 500px;
	text-transform: uppercase;
}

#editor h2
{
    margin: 0;
    margin-bottom: 14px;
    padding-bottom: 10px;
	color: #4d5f85;
	font-size: 1.3em;
	width: 320px;
	text-transform: uppercase;
}

#sites p, #files p, #preview p
{
	color: white;
	font-size: 0.8em;
	line-height: 20px;
	text-align: justify;
	width: 500px;
	margin-top: 15px;
	
}

#editor p 
{
	color: #333333;
	font-size: 0.8em;
	line-height: 20px;
	text-align: justify;
	width: 320px;
}

#slider {
    width: 960px;
    margin-top: 10px;
    position: relative;
}

#footer
{
margin-top: 50px;
background-image: url(../images/patt.jpg);
background-repeat: repeat-x;
height:50px;
color:#AEABAC;
float: left;
width: 100%;
bottom: 0;
position: relative;
}

#footer h1
{
    margin: 0px auto;
	width: 1000px;
	margin-top: 10px;
	font-size: 0.6em;
	line-height: 15px;
	
}

#footer a:link, #footer a:visited, #footer a:active
{
color: white;
}

#footer a:hover
{
color: #636eff
}

#preview a:link, #preview a:visited, #preview a:active
{
color: white;
font-size: 0.8em;
line-height: 20px;
text-decoration: none;
}

#preview a:hover
{
color: #74aafb;
text-decoration: underline;
}

.scroll {
    height: 350px;
    width: 952px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	background-color: #1c2943;
    margin-top: 0px;
	border-top: 4px solid #1c2943;
	border-left: 4px solid #1c2943;
	border-right: 4px solid #1c2943;
}

.scrollContainer div.panel {
    padding-left: 35px;
	padding-top: 50px;
    height: 310px;
    width: 1000px;
}
ul#buttons {
margin-top: 0px;
}
ul#buttons li {
display:inline;
float:left;
list-style:none outside none;
}
ul#buttons li a:link, ul#buttons li a:visited, ul#buttons li a:hover, ul#buttons li a:active {
display:block;
height:86px;
outline:medium none;
overflow:hidden;
padding:15px 10px 0 80px;
text-decoration:none;
width:150px;
}
ul#buttons li a:hover {
background-color:#C2D4FD;
}
ul#buttons li#button1 {
background:url("../images/button1.jpg") no-repeat scroll 0 0 transparent;
}
ul#buttons li#button1 a:hover {
background:url("../images/button1.jpg") no-repeat scroll 0 50% transparent;
}
ul#buttons li#button1 a.selected{
background:url("../images/button1.jpg") no-repeat scroll 0 100% transparent;
}
ul#buttons li#button2 {
background:url("../images/button2.jpg") no-repeat scroll 0 0 transparent;
}
ul#buttons li#button2 a:hover {
background:url("../images/button2.jpg") no-repeat scroll 0 50% transparent;
}
ul#buttons li#button2 a.selected {
background:url("../images/button2.jpg") no-repeat scroll 0 100% transparent;
}
ul#buttons li#button3 {
background:url("../images/button4.jpg") no-repeat scroll 0 0 transparent;
}
ul#buttons li#button3 a:hover {
background:url("../images/button4.jpg") no-repeat scroll 0 50% transparent;
}
ul#buttons li#button3 a.selected {
background:url("../images/button4.jpg") no-repeat scroll 0 100% transparent;
}
ul#buttons li#button4 {
background:url("../images/button3.jpg") no-repeat scroll 0 0 transparent;
}
ul#buttons li#button4 a:hover {
background:url("../images/button3.jpg") no-repeat scroll 0 50% transparent;
}
ul#buttons li#button4 a.selected {
background:url("../images/button3.jpg") no-repeat scroll 0 100% transparent;
}


ul#buttons li span.buttontitle {
color:#1876A6;
display:block;
font-size:1.1em;
font-weight:bold;
}

span.bg
{
background-color: white;
padding: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
ul#buttons li span.buttontekst {
color:#1876A6;
display:block;
float:left;
line-height: 16px;
margin-top:5px;
font-size:0.7em;
}

#mail
{
margin-top: 0px;
position: relative;
}

.message 
{
color: #74aafb;
line-height: 20px;
display:none;
padding-bottom:15px;
float: right;
width: 600px;
font-size: 0.8em
}
.contact {text-align:left;}
.contact ul 
{
list-style-type:none;
position: relative;
float: left;

}
.contact li.submitbutton
{

}
.contact li
{
list-style-type:none;
font-size: 0.9em;
color: white;
}

.contact li.special {display:none;}
.contact input 
{
margin: 4px;
width:220px;
background-color: white;
color: #28447f;
font-family: "trebuchet MS",trebuchet,Verdana,Helvetica,Arial,sans-serif;
border: 1px solid #28447f;
font-size: 0.9em;
font-weight: bold;
}
.contact textarea 
{
font-family: tahoma,arial,helvetica,sans-serif;
width:359px;
background-color: white;
border: 1px solid #28447f;
margin: 4px;
font-size: 0.9em;
vertical-align:top;
height: 100px;
}
.hide {
    display: none;
}