body{
background-color: gray;
}

#container{
height: auto;
margin-left: auto;
margin-right: auto;
background-color: #E8E8FB;
width:1000px;
}

#wrapper{
height: auto;
background-color: white;
width: 914px;
margin-left: 45px;
margin-right: 50px;
}

#headerleeg{
height:50px;
background-color: white;
width: 914px;
margin-left: 45px;
margin-right: 50px;
}

#header{
background-image:url("images/header1.jpg");
height: 205px;
width: 1000px;
}

#logo{
position: absolute;
background-image: url("images/amazelogo.jpg");
margin-top: 20px;
margin-left: 20px;
height:114px;
width: 300px;
}

#navigatie{
margin-top: -15px;
margin-left:1px;
margin-right: 1px;
height: 50px;
background-color: #7696AC;
}

#nav li{
float: left;
width: auto;
list-style: none;
margin-left: -30px;
padding-right: 40px;
padding-top: 15px;
color: white;
font-family: Arial;
font-size: 110%;
font-style: italic;
}

#nav a:link {
text-decoration: none;
color: white;
padding-left: 20px;

}

#nav a:visited{
text-decoration: none;
color: white;
padding-left: 20px;
}

#nav a:active{
text-decoration: none;
padding-left: 20px;
}

#nav a:hover{

background: transparent url("images/bullit.png");
background-repeat: no-repeat;
background-position: 1px 4px;
padding-left: 20px;

}

#content{
float:left;
margin-left:1px;
height: auto;
width: 700px;
}

#content h2
{
color: #99C5CD;
}

#contenttext{

font-family: arial;
font-size: 80%;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}

#contenttext a:link{
text-decoration: underline;
color:black;
}

#contenttext a:visited{
text-decoration:underline;
color:black;
}

#contenttext a:active{
text-decoration:underline;
color:black;
}

#contenttext a:hover{
text-decoration:underline;
color:#99C5CD;
}

#extra{
color:red;
text-decoration:underline;
}

#watermerk{
margin-top: -200px;
margin-left: 100px;
background-image: url(images/Alogo.png);
height:380px;
width:429px;
}

/*safari-hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #watermerk { 
margin-top: -190px;
margin-left: 100px;
background-image: url(images/Alogo.png);
height:380px;
width:429px; }
}

#cataloog a:link{
text-decoration: none;
color: white;
}

#cataloog a:visited{
text-decoration: none;
color:white;
}

#cataloog a:active{
text-decoration: none;
}

#cataloog a:hover{
text-decoration: none;
}

.clear{
clear:both;
}

#kolom{
margin-top: 1px;
float:left;
width: 212px;
height: 400px;
background-image: url("images/gradientkolom3.jpg"); 
}

#blok{
margin-top: 20px;
width: 212px;
height: 20px;
}

#blok1{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 160px;
height: 100px;
}

#blok2{
width: 160px;
height: 100px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

#blok3{
width: 160px;
height: 100px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}


#maps{
float:left;
}

#info{
float: left;
font-family: arial;
font-size: 80%;
padding-left: 15px;
padding-right: 10px;
}

.btn{
	width: 65px;
	font-family: Arial;
	color: white;
	background-color: #99C5CD;
	border:1px solid;
	border-color: #7696AC;
}

#footer{
margin-top: 1px;
margin-left:1px;
margin-right: 1px;
background-color: #E1E1FB;
height:40px;
}

/*safari-hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #footer { 
margin-top: -15px;
margin-left:1px;
margin-right: 1px;
background-color: #E1E1FB;
height:40px;}
}

#footnav li{
float: left;
width: auto;
list-style: none;
padding-top: 15px;
color: black;
font-family: Arial;
font-size: 60%;
font-style: italic;
margin-left: 300px;

}

#spacer
{
height: 1px;
}