@import url("menu.css");

*{
	margin:0;
	padding:0;
}

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #fff url(../images/bg.jpg) repeat-x top left;
	text-align:center;
	outline:none;
}

blockquote{
	margin:0 30px;
}

#wrapper{
	margin:0 auto;
	text-align:left;
	width:1000px;	
	position:relative;
	background: url(../images/wrapper_bg.jpg) no-repeat top center;
}

#logoHolder{
	position:absolute;
	z-index:20;
	left:0;
}

#head{
	float:left;
	width:1000px;
	height:136px;
	/*background: url(../images/logo.jpg) no-repeat top left;*/
}

#menu{
	float:right;
	width:550px;
	position:absolute;
	z-index:30;
	left:393px;		
	top:101px;
}

#menu ul{
	list-style:none;
}

#menu li{
	padding:0;
	float:left;
}

.menuitem1{
	background: url(../images/home.jpg) no-repeat;
	background-position: 0 -32px;
	width:99px; 
	height:32px; 
	float:left;
}

.menuitem2{
	background: url(../images/gemeenteemmen.jpg) no-repeat;
	background-position: 0 -32px;
	width:186px; 
	height:32px; 
	float:left;
}

.menuitem3{
	background: url(../images/informatie.jpg) no-repeat;
	background-position: 0 -32px;
	width:119px; 
	height:32px; 
	float:left;
}

.menuitem4{
	background: url(../images/contact.jpg) no-repeat;
	background-position: 0 -32px;
	width:101px; 
	height:32px; 
	float:left;
}

.menuitem5{
	background: url(../images/rotondes.jpg) no-repeat;
	background-position: 0 -32px;
	width:186px; 
	height:32px; 
	float:left;
}

.menuitem1:hover, .menuitem2:hover, .menuitem3:hover, .menuitem4:hover, .menuitem5:hover{
	background-position: 0 0;
}

.menuitem1-active{
	background: url(../images/home.jpg) no-repeat;
	background-position: 0 0;
	width:99px; 
	height:32px; 
	float:left;
}

.menuitem2-active{
	background: url(../images/gemeenteemmen.jpg) no-repeat;
	background-position: 0 0;
	width:186px; 
	height:32px; 
	float:left;
}

.menuitem3-active{
	background: url(../images/informatie.jpg) no-repeat;
	background-position: 0 0;
	width:119px; 
	height:32px; 
	float:left;
}

.menuitem4-active{
	background: url(../images/contact.jpg) no-repeat;
	background-position: 0 0;
	width:101px; 
	height:32px; 
	float:left;
}

.menuitem5-active{
	background: url(../images/rotondes.jpg) no-repeat;
	background-position: 0 0;
	width:186px; 
	height:32px; 
	float:left;
}

.menu{
	display:none;
}

#content{
	width:810px;
	min-height:600px;
	height:auto !important;
	height:600px;
	padding:0 94px 0 96px;
	float:left;
	position:relative;
}

#rotonde-van{
	width:283px;
	float:left;
	padding-top:57px;
}

#voor-na{
	float:left;
	width:525px;
	padding:0;
}

#tekst{
	width:441px;
	float:left;
	padding:0 15px ;
	z-index:20;
}

.quote{
	float:left;
	width:384px;
	padding:10px 15px 0 15px;
	background: url(../images/quote2.jpg) no-repeat top left;
	height:300px;
}

.rotonde{
	width:436px;
	border:1px solid #1a3e69;
	padding:2px;
}

iframe{
	border:1px solid #1a3e69;
	padding:2px;
}

#contact{
	float:left;
	width:310px;
	padding:10px 0 0 18px;
}

#wingweb-reclame{
	float:left;
	width:245px;
	line-height:20px;
	margin:50px 0 0 10px;
	padding:10px 20px 0 15px;
	font-size:11px;
	border:1px solid #77a6cf;
	background:#e1f0fc;
}

#wingweb-reclame h2{
	font-size:13px;
	font-weight:bold;
	color:#2e71aa;	
}

#wingweb-reclame a{
	text-decoration:none;
	color: #34a0d5;
}

#wingweb-reclame a:hover{
	color: #fff;
	background: #34a0d5; 
}

#footer{
	width: 900px;
	height:10px;
	padding:65px 15px 15px 0;
	text-align:right;
	float:left;
}

a.nieuws{
	text-decoration:none;
	color: #34a0d5;
	display:block;
}

a.nieuws:hover{
	color: #fff;
	background: #34a0d5; 
}

#fotoalbum li{
	list-style:none;
}

.photo {
	float:left;
	margin:6px;
	height:100px;
	border:2px solid #34a0d5;
}

.rotonde-sidebar{
	float:left;
	width:200px;
}

.eImg{
	float:left;
	width:108px;
	margin:2px 0 2px 2px;
}

.eImg img{
	width:100px;
	padding:2px;
	border:1px solid #1A3E69;
}

blockquote#contact_bq{
	background:url('../images/contact_bg.jpg') bottom right no-repeat;
	margin:0 30px;
	padding:0 0 30px 0;
	display:block;
	height:60px;
	width:250px;
}