body{
margin:0;
left:0;
top:0;
font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}
a:link {text-decoration: underline; border:none; color:inherit;}
a:visited {text-decoration: underline; border:none; color:inherit}
a:hover {text-decoration: underline; border:none; color:inherit;}
a:active {text-decoration: underline; border:none; color:inherit;}

#header{
height:60px;
width:100%;
}
img{float:left; border:none;}

form{
float:left;
margin-left:35px;
margin-top:16px;}

#search{
margin-right:0px;
height:30px;
width:350px;
background-color:#f8f7f7;
border:1px;
border-style:solid;
border-color:#c4c2c2;
font-size:18px;
}

#button{
position:absolute;
top:16px;
left:548px;
width:35px;
height:30px;
background-image:url("button.jpg");
border:none;
}

#logout{
width:218px;
height:62px;
position:absolute;
padding-top:1px;
padding-left:15px;
padding-right:5px;
right:10px;
top:0px;
letter-spacing:0px;
font-size:12px;
background-image:url("logout.jpg");
background-repeat:no-repeat;

}
#logout img{
border:1px;
border-style:solid;
border-color:#252525;
margin-right:3px;
}

#logout p{
font-weight:bold;
display:inline;
}
#login{
position:absolute;
right:10px;
top:0px;
letter-spacing:0px;
font-size:12px;
}

#menu{
background-image:url("menubg.jpg");
background-repeat:repeat-x;
height:34px;
width:100%;
float:left;
}
#menu a:link {text-decoration: none; border:none; color:inherit;}
#menu a:visited {text-decoration: none; border:none; color:inherit;}
#menu a:hover {text-decoration: underline; border:none; color:inherit;}
#menu a:active {text-decoration: none; border:none; color:inherit;}
#menu ul{margin-top:3px;}

#menu li{
margin-top:0px;
list-style-type:none;
float:left;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
color:#F2F2F2;
margin-right:40px;
}
#left{
width:16%;
height:80%;
float:left;
}
#settings{
margin-top:20px;
margin-left:15px;
width:14%;
min-width:160px;
height:60%;
border:1px;
border-style:solid;
border-color:#bfbcbc;
display:block;
}

#settings p{
font-size:14px;
}
#settings span{
display:block;
position:absolute;
margin-top:-12px;
margin-left:15px;
height: 13px;
width:70xp;
padding-left:5px;
padding-right:5px;
text-align:center;
letter-spacing:-1px;
background-color:white;}

#settings form{
float:left;
margin-top:-14px;
margin-left:0px;
}
#middle{
width:45%;
height:80%;
float:left;
display:table;
}
events{
width:58%;
height:80%;
float:left;
display:table;
}
#locatie{
width:45%;
height:80%;
float:left;
display:table;
}

#locatie img{
max-width:200px;
}

#locatie li{
margin-right:20px;
list-style-type:none;
height:auto;
margin-top:3px;
margin-bottom:3px;
font-size:15px;
}

.tags{
width:95%;
height:auto;
border:1px;
float:left;
border-style:solid;
border-color:#C4C2C2;
background-color:#F8F7F7;
margin-top:2px;
}

.tags ul{
margin-left:0px;
float:left;
}

.tags li{
margin-left:-40px;
}

.tags img{
border:1px solid black;
margin-left:20px;
margin-bottom:0px;
margin-right:5px;}


.tags form{
margin-left:0px;
margin-top:0px;
display:inline;
}

#tagsright{
margin-left:5px;
float:left;
margin-top:0px;
}
#tagsleft{
float:left;
text-align:center;}

.tags h2{
font-size:16px;
letter-spacing:-1px;
margin-top:0px;
margin-bottom:0px;
display:table;
margin-left:10px;
}

.tags p{
font-size:14px;
letter-spacing:-1px;
margin-top:-5px;
margin-left:20px;
}
#locatie ul{margin-top:0px; margin-bottom:10px; }
#image{
float:left;
padding:1px;
border:2px;
border-style:solid;
border-color:#2E2E2E;
width:200px;
min-height:150px;
}

#locatie h1{
color:#2E2E2E;
letter-spacing:-1px;
margin-top:0px;
margin-left:10px;
margin-bottom:0px;
font-size:24px;
font-weight:bold;
}
#middle ul{margin-top:0px; margin-bottom:0px; height:85%;}
#middle li{
margin-left:0px;
list-style-type:none;
float:left;
width:90%;
height:auto;
margin-top:3px;
margin-bottom:3px;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#bfbcbc;
}

#middle h1{
font-size:22px;
letter-spacing:-1px;
margin-top:0px;
margin-bottom:10px;
color:#424242;
}

#middle h2{
font-size:16px;
margin-top:0px;
margin-bottom:0px;
color:#424242;
}
#middle p{
display:block;
margin-left:20px;
margin-top:0px;
font-size:14px;
margin-bottom:0xp;
color:#585858;
letter-spacing:-1px;
}
#right{
right:0;
width:38%;
height:75%;
float:left;
border:4px;
border-style:solid;
border-color:#bfbcbc;
}

#map{
right:5px;
float:left;
width:38%;
height:80%;
}

#nav{
list-style-type:none;
float:left;
}

#nav li{
height:16px;
width:auto;
float:left;
border:1px;
border-style:solid;
border-color:#bfbcbc;
padding-left:5px;
padding-bottom:5px;
padding-right:5px;
margin-right:5px;
font-size:15px;

}

#nav a:link {text-decoration: none; border:none; color:#2f2e2e;}
#nav a:visited {text-decoration: none; border:none; color:#2f2e2e;}
#nav a:hover {text-decoration: underline; border:none; color:#2f2e2e;}
#nav a:active {text-decoration: none; border:none; color:#2f2e2e;}