/* margin + padding resetten */
* {
margin: 0px;
padding: 0px;
}


/* body  en opmaak. */
body {
 
	position: relative;
	font-family: Trebuchet MS;
	color: #000;
	font-size: 70%;
	background: #7d7d7d;
	height: 100%;
	width: 100%;
}

#container {
	position: relative;
	height: 768px;
	width: 1024px;
	
	left: 50%;
	margin-left: -510px;
 	background-image: url("../../gfx/bg.png");
	background-repeat: repeat-y;
 }

 
 #header {
	position: relative;
        background-image: url("../../gfx/header.png");
	background-repeat: no-repeat;
      
	height: 150px;
	width: 570px;
	left: 50%;
	margin-left: -284px;
 }
 
 #nav {
	 position: relative;
	 top: 1px;
	 background: #494949;
	 height: 30px;
	 width: 568px;
	 left:50%;
	 margin-left: -284px;
	 
 }
 
 
 #content {
	 position: relative;
	 top: 30px;
 
	 height: 500px;
	 width: 499px;
	 left: 50%;
	 margin-left: -250px;
	 overflow: auto;
	  }
 
	  #footer {
		  color: #00a2ff ;
		  position: relative;
		  top: 10px;
		  height: 20px;
                 background-color:#494949 ;
		  width: 250px;
		  font-size: 12px;
		  left: 50%;
		  margin-left: -127px;
		  text-align: center;
		  line-height: 20px;
                 font-weight: bold;
	  }
 
 
 
 /* Opmaak tekst / headers etc. */
 
h1 {
	line-height: 40px;	
	color: #00a2ff;
        font-size: 150%;
	font-family: Trebuchet MS;
}

h2 {
	line-height: 30px;
	color: #00a2ff;
	font-size: 150%;
}

h3 {
	line-height: 25px;
	color: #0075b8;	
	font-size: 10px;
}

a:link {
	color: #FFF;
	font-family: Trebuchet MS;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;	
	cursor: pointer;
}

a:visited {
	font-family: Trebuchet MS;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
color: #00a2ff;
}



.input {
	border: 1px solid #00a2ff;
	width: 300px;
}