html {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}
body {
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	width: 100%;
	min-width: 820px;
	background: #136B13;
  	font: normal 11px verdana,helvetica,tahoma,Arial,Sans-Serif; 
	font-weight:normal;
	letter-spacing:0px;
  	color:#000;  
	
}
h1 	{
	position: relative;
	top: 0;
	left: 0;
	font-size:26px;
	font-weight:normal;
	color: #FFF;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
	margin: 0;
	margin-bottom: 10px;
	line-height: 40px;
	display:block;
	border:0px solid #FFF;
	background: transparent;
	}
h1 b  {padding-left:0px;font-size:14px;font-weight:normal;color:#555;}
h2 	{
	position: relative;
	top: 10px;
	left: 0px;
	font-size:18px;
	font-weight:normal;
	color: #45716A;
	text-align: left;
	padding:0;
	padding:0px 10px 0px 0;
	margin: 0;
	margin-bottom: 15px;
	background: transparent;
	letter-spacing:-1px;
	border-bottom:1px dotted #45716A;
 	}
h3 	{font-size:17px;font-weight:normal;color: #335B55;letter-spacing: 0;margin: 0;line-height: 24px;text-align: left;margin-bottom: 5px; }
.quotecontent h3 {text-align: center; font: normal 19px Georgia,verdana,helvetica,tahoma,Arial,Sans-Serif; }
h4 	{font-size:16px;font-weight:normal;color: #45716A;padding: 0;margin: 0;text-align: left;}
h5 	{font-size:15px;font-weight:normal;color: #45716A;letter-spacing: 0;padding: 0;margin: 0;text-align: left;}
h6 	{font-size:11px;font-weight:normal;color: #45716A;letter-spacing: 0;padding: 0;margin: 0;text-align: left;}
h6 i  {font-size:11px;color:#9E9D74;}
A:link, A:visited {
	color: #CC6600;
	text-decoration: none;
	letter-spacing: 0;
	}
A:active, A:hover {
	color: #45716A;
	text-decoration: underline;
	letter-spacing: 0;
	}
A.b:link, A.b:visited {
color: #B95C00;
text-decoration: none;
display: block;
font-size:17px;font-weight:normal;letter-spacing: 0;line-height: 24px;text-align: left;margin-bottom: 5px; 
} 
A.b:active, A.b:hover {
color : #45716A;
text-decoration: none;
display: block;
font-size:17px;font-weight:normal;letter-spacing: 0;line-height: 24px;text-align: left;margin-bottom: 5px; 

}
a.info, a.info:visited{
	font-size:13px; 
	display: block;
	color: #FFF;
	background: #D3700C;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	padding-top:5px;
	margin:0;
	text-decoration: none;
	border-right:1px solid #CAE3E3;
	}
a.info:hover {
	font-size:13px; 
	display: block;
	color: #FFF;
	background: #45716A;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	padding-top:5px;
	margin:0;
	text-decoration: none;
	border-right:1px solid #CAE3E3;
	}

#top {
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	margin: 0;
	padding: 0;	
	width: 100%;
	height:90px;
	background: #CAE3E3 url(http://www.drechtstedengedicht.nl/img/bg/c.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#toplogo {
	position: relative;
	top: 10px;
	left: 0px; 
	/*display:block;*/ 
	background: transparent;
	color:#FFF;
	height:90px;
	text-align: left;
	padding:0;
	margin-left:30px;
}

#topcontainer {
	display:block;
	background: transparent;
	color:#FFF;
	height:28px;
	text-align: left;
	padding:0;
	margin:0;
}
.menu {
	position: relative;
	top: 0px;
	left: 0px;
	background: #D3700C;
	height:33px;
	padding:0;
	margin:0;
	display:block;
}
.menulist {
	float:left;
	width:25%;
	padding:0;
	margin:0;
	background: transparent;
}

#main{
	clear:both;
	position: relative;
	/*top: 115px;*/
	top: 0px;
	left: 0;
	width:100%;
	text-align: left;
	margin: 0;
	padding: 0;	
	display:block;
	background: #EAEAC5;
}
.left { 
	position: relative;
	top: 0;
	left: 0; 
	width: 25%; /* for IE5.x and IE6 */
	min-width: 180px; /* for modern browsers */
	margin:0;
	padding:0;
	height: auto !important; /* for modern browsers */
	height: 350px; /* for IE5.x and IE6 */
	min-height: 350px; /* for modern browsers */
	background: #EAEAC5 url(greyleft.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
	float:left;
	text-align:left;
	line-height:20px;
	overflow: auto;
	
}
.mid { 
	position: relative;
	top: 0;
	left: 0; 
	width: 50%; 
	min-width: 380px; /* for modern browsers */
	margin:0;
	padding:0;
	height: auto !important; /* for modern browsers */
	height: 380px; /* for IE5.x and IE6 */
	min-height: 380px; /* for modern browsers */
	background: #DBDBB2 url(greymid.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
	float:left;
	text-align:justify;
	line-height:20px;
}
.right { 
	position: relative;
	top: 0;
	right: 0; 
	width: 25%;
	min-width: 180px; /* for modern browsers */
	margin:0;
	padding:0;
	height: auto !important; /* for modern browsers */
	height: 400px; /* for IE5.x and IE6 */
	min-height: 400px; /* for modern browsers */
	background: #EAEAC5;
	color: #000;
	float:left;
	text-align:left;
	line-height:20px;
	overflow: auto;
}
#footer {
	position: absolute;
	bottom: -55px;
 	left: 0;
	width: 100%;
	min-width: 380px; /* for modern browsers */
	margin:0;
	padding:0;
	height:55px;
	background: #DBDBB2 url(http://www.drechtstedengedicht.nl/img/bg/footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #838254;
	text-align:center;
}
.quotecontent 	{ 
	margin:0 19px 8px 19px;
	padding:10px;
	background: transparent;
}
.content 		{ padding:8px;}
.white-content 	{ background: transparent;padding:10px 10px 0px 10px;}

/*
.submenu ul { position:relative;top:0px;left:-20px; }
.submenu li { list-style-type: square;color: #CC6600; font-size:25px; background-color:transparent;}
*/

#submenu ul{
	display:block;
	position:relative;top:0;left:-40px; 
	list-style-type: none;
	text-align: left;
}
#submenu ul li a{
	background: transparent url(http://www.drechtstedengedicht.nl/img/bg/block-one.gif) left center no-repeat;
	padding-left: 2em;
	text-align: left;
	text-decoration: underline;
	color: #CC6600;
}
#submenu ul li a:hover{
	color: #45716A;
	background: transparent url(http://www.drechtstedengedicht.nl/img/bg/block-two.gif) left center no-repeat;
}


.midmenu ul{
	display:block;
	position:relative;top:0;left:-40px; 
	list-style-type: none;
	text-align: left;
}
.midmenu ul li a{

	background: transparent url(http://www.drechtstedengedicht.nl/img/bg/block-one.gif) left center no-repeat;
	padding-left: 2em;
	text-align: left;
	text-decoration: underline;
	color: #CC6600;
}
.midmenu ul li a:hover{
	color: #45716A;
	background: transparent url(http://www.drechtstedengedicht.nl/img/bg/block-two.gif) left center no-repeat;
}
.mid b {color: #45716A;}
.mid li { list-style-type: square; background-color:transparent;}
.divclear 	{ clear:both;height:1px;}
img 		{ border:0;}
.mid hr 	{ background-color: #B2B181; color:#B2B181; height:1px; border:0; }
hr.lighthr	{ background-color: #DDD; color:#DDD; height:1px; border:0; }
/*
.quotecontent hr { background-color: #EEE; color:#EEE; height:1px; border:0; }
*/
hr 		{ background-color: #DBDBB2; color:#DBDBB2; height:1px; border:0; }
p:first-letter{color: #FFF;font-size:20px;background:#45716A;padding:5px;margin-right:1px;}
p 		{ 
		position: relative;
		top: 0;
		left: 0%; 
		text-align: center;
		font: italic 14px Georgia, verdana,helvetica,tahoma,Arial,Sans-Serif; 
		color:#45716A;
		line-height:24px;
		background: transparent;
		padding:0px;
}

input, select { 
background-color : #FFF; 
border: 1px solid #BBB; 
font: normal 11px verdana, arial, verdana, Serif;
color : #000;
width : 250px; 
} 
textarea {
background-color : #FFF; 
border: 1px solid #BBB; 
font: normal 11px verdana, arial, verdana, Serif;
width : 250px; 
} 
.button {
color : #FFF; 
background-color : #009900; 
border: 1px solid #009900; 
font: normal 11px verdana, arial, verdana, Serif;
width : 125px; 
cursor: pointer;
} 
.url {visibility:hidden;}

.buttonnav1{
	width:100px;
	height:45px;
	float:left;
}
.buttonnav2{
	width:145px;
	height:45px;
	float:left;
}
.buttonnav3{
	width:103px;
	height:75px;
	float:left;
}
#vals01{
  display: block;
  width: 100px;
  height: 45px;
  background: url("http://www.drechtstedengedicht.nl/img/logo-pjpartners-01.jpg") no-repeat 0 0;
}
#vals01:hover{ 
  background: url("http://www.drechtstedengedicht.nl/img/logo-pjpartners-02.jpg") no-repeat 0 0;
}
#vals01 span{
  display: none;
}
#vals02{
  display: block;
  width: 145px;
  height: 45px;
  background: url("http://www.drechtstedengedicht.nl/img/logo-drechtsteden-01.jpg") no-repeat 0 0;
}
#vals02:hover{ 
  background: url("http://www.drechtstedengedicht.nl/img/logo-drechtsteden-02.jpg") no-repeat 0 0;
}
#vals02 span{
  display: none;
}
#vals03{
  display: block;
  width: 103px;
  height: 75px;
  background: url("http://www.drechtstedengedicht.nl/img/z-h-1.jpg") no-repeat 0 0;
}
#vals03:hover{ 
  background: url("http://www.drechtstedengedicht.nl/img/z-h-2.jpg") no-repeat 0 0;
}
#vals03 span{
  display: none;
}