/*
Website: www.elkevermeiren.be
Author: Frederik De Paepe => www.cientouno.be
Date:25/03/2008
*/

html, body
		{margin: 0;
		padding: 0;
		}

html	{
		background-color: #333333;
		margin: 0;
		padding: 0;
		font-family:Verdana, sans-serif;
		font-size: 62.5%;
		}
body	{
		position: absolute;
		width: 902px;
		height: auto;
		top:10px;
		left:50%;
		margin-left: -451px;
		font-size: 1.3em;
		}
img		{
		border: none;
		}
h1		{
		font-family: Georgia, Times;
		font-size: 1.6em;
		padding-bottom: 3px;
		border-bottom: 1px dashed #990000;
		}
h2		{
		font-family: Georgia, Times;
		font-size: 1.3em;
		color:#660000;
		}
h3		{
		font-family: Georgia, Times;
		font-size: 1.2em;
		color:#993300;
		}
p		{
		line-height: 130%;
		}
.image	{
		border: solid 1px #000000;
		}
.center
		{
		text-align: center;
		}

/*Layout*/
		
#header	{
		background: url(../images/header.jpg) top center;
		width: 902px;
		height: 177px;
		}
#content
		{
		float: left;
		background: url(../images/content.png) repeat-y center;
		width: 797px;
		height: auto;
		min-height: 600px;
		padding: 0px 45px 0px 60px;
		}
#footer	{
		clear:both;
		float: left;
		background: url(../images/footer.png) bottom center;
		width: 902px;
		height: 36px;
		font-family: Georgia, Times;
		text-align: center;
		font-size: 1em;
		padding-top: 30px;
		margin-bottom: 30px;
		}
a	
		{
		color: #000000;
		text-decoration: underline;
		}
a:hover, #footer a:active	
		{
		color: #993300;
		text-decoration:none;
		}

.content_right
		{
		width: 700px;
		float: right;
		}

/*Navigatie*/

#nav	{
		position: absolute;
		top:125px;
		left:156px;
		}

.nav	{
		background: url(../images/nav.png);
		height: 27px;
		}
#nav1	{
		position: absolute;
		width: 75px;
		left:0;
		}
#nav1_active
		{
		position: absolute;
		background-position: -700px 0px;
		width: 75px;
		left:0;
		}
a#nav1:hover
		{
		background-position: -700px 0px;
		}
#nav2	{
		position: absolute;
		width: 91px;
		left:75px;
		background-position: -75px 0px;
		}
a#nav2:hover
		{
		background-position: -775px 0px;
		}
#nav2_active	
		{
		position: absolute;
		width: 91px;
		left:75px;
		background-position: -775px 0px;
		}
#nav3	{
		position: absolute;
		width: 104px;
		left:166px;
		background-position: -166px 0px;
		}
a#nav3:hover
		{
		background-position: -866px 0px;
		}
#nav3_active	
		{
		position: absolute;
		width: 104px;
		left:166px;
		background-position: -866px 0px;
		}	
#nav4	{
		position: absolute;
		width: 109px;
		left:270px;
		background-position: -270px 0px;
		}
a#nav4:hover
		{
		background-position: -970px 0px;
		}
#nav4_active	
		{
		position: absolute;
		width: 109px;
		left:270px;
		background-position: -970px 0px;
		}
#nav5	{
		position: absolute;
		width: 105px;
		left:379px;
		background-position: -379px 0px;
		}
a#nav5:hover
		{
		background-position: -1079px 0px;
		}
#nav5_active	
		{
		position: absolute;
		width: 105px;
		left:379px;
		background-position: -1079px 0px;
		}
#nav6	{
		position: absolute;
		width: 69px;
		left:484px;
		background-position: -484px 0px;
		}
a#nav6:hover
		{
		background-position: -1184px 0px;
		}
#nav6_active	
		{
		position: absolute;
		width: 69px;
		left:484px;
		background-position: -1184px 0px;
		}
#nav7	{
		position: absolute;
		width: 86px;
		left:553px;
		background-position: -553px 0px;
		}
a#nav7:hover
		{
		background-position: -1253px 0px;
		}
#nav7_active	
		{
		position: absolute;
		width: 86px;
		left:553px;
		background-position: -1253px 0px;
		}
#nav8	{
		position: absolute;
		width: 61px;
		left:639px;
		background-position: -639px 0px;
		}
a#nav8:hover
		{
		background-position: -1339px 0px;
		}
#nav8_active	
		{
		position: absolute;
		width: 61px;
		left:639px;
		background-position: -1339px 0px;
		}
		
/*Home*/

#text_home
		{
		float: right;
		width:500px;
		height: auto;
		margin: 20px 0px 20px 0px;
		border: 2px dotted #996666;
		padding: 0px 10px 0px 10px;
		min-height: 300px;
		}
#welkom	{
		width: 210px;
		height: auto;
		margin-top: 20px;
		float: left;
		border: 2px dotted #996633;
		padding: 0px 10px 20px 10px;
		}
#concert{
		float: right;
		width: 500px;
		height: auto;
		margin: 20px 0 0 0;
		border: 2px dotted #996666;
		padding: 0px 10px 10px 10px;
		}

#content_right {
	float: right;
	width: 500px;
}
.center
		{
		text-align: center;
		}
#header_news
		{
		background: url(../images/header_news.png) top center;
		width: 251px;
		height: 28px;
		float: left;
		}
#content_news
		{
		float: left;
		background: url(../images/content_news.png) repeat-y center;
		width: 251px;
		height: auto;
		min-height: 300px;
		}
#footer_news
		{
		background: url(../images/footer_news.png) top center;
		height: 17px;
		width: 251px;
		float: left;
		}
		
/*Biografie*/


#table_bio
		{
		width: 300px;
		margin-bottom: 30px;
		}	
		
#bio1	{
		position: relative;
		float: right;
		margin-left: 20px;
		}	
#bio2	{
		position: relative;
		float: left;
		margin-right: 20px;
		}
/*Publicaties*/

.table_pub
		{
		width:350px;
		}
.pub_img
		{
		border: 1px solid #660000;
		float: left;
		margin-right: 50px;
		height: 175px;
		width: 175px;
		}
.pub_kader	
		{
		width: 700px;
		height: 200px;
		}
		
/*Foto's*/

.tblFoto
		{
		width: 100%;
		text-align: center;
		}
.tblFoto img
		{
		border: 1px solid #222222;
		margin: 10px 0px 10px 0px;
		}
.tblFoto td
		{
		padding: 5px 0px 5px 0px;
		}
.oddRow	{
		background-color: #d7c5a4;		
		}
.evenRow td
		{
		height: 10px;
		}

/*Contact*/

#contact1	{
		position: relative;
		float: right;
		margin-right: 170px;
		}

.info   { color: black; background-color: transparent; font-weight: normal; }
.warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
.error  { color: #ff0000; background-color: transparent; font-weight: bold }

fieldset{
		font: 1em "Helvetica Nueu", helvetica, arial;
		color: #000000;
		background-color: #d9cdbf;
		padding: 10px 10px 5px 10px;
		border: solid 1px #713328;
		width: 500px;
		}
.legend_form
		{
		font: 1.2em Georgia, times;
		font-weight: bold;
		background-color: #d9cdbf;
		padding: 3px 5px 3px 5px;
		border: solid 1px #713328;
		}

label	{
		font-weight: bold;
		line-height: normal;
		text-align: right;
		vertical-align: middle;
		margin-right: 0;
		width: 125px;
		cursor: pointer;
		}

input.formInputText
		{
		font-size: 1em;
		color: #000000;
		background-color: #fcf6d7;
		padding: 2px;
		border: solid 1px #713328;
		margin-bottom: 5px;
		margin-right: 20px;
		height: 15px;
		width: 200px;
		}
input.formInputText:hover
		{
		background-color: #704b40;
		color: #ffffff;
		}
input.formInputText:focus
		{
		background-color: #ffffff;
		color: #000000;
		font-weight: bold;
		}
textarea.formInputText
		{
		font-size: 1em;
		color: #000000;
		background-color: #fcf6d7;
		padding: 2px;
		border: solid 1px #713328;
		margin-bottom: 5px;
		margin-top: 5px;
		margin-right: 20px;
		height: 70px;
		width: 200px;
		}
textarea.formInputText:hover
		{
		background-color: #704b40;
		color: #ffffff;
		}
textarea.formInputText:focus
		{
		background-color: #ffffff;
		color: #000000;
		font-weight: bold;
		padding: 0;
		}	

input.formInputButton 
		{
		font-size: 1.1em;
		vertical-align: middle;
		font-weight: bolder;
		text-align: center;
		color: #ffffff;
		background-color: #704b40;
		padding: 2px 6px 2px 6px;
		border: solid 1px #713328;
		cursor: pointer;
		position: relative;
		float: right;
		margin-right: 20px;
		}
input.formInputButton:hover
		{
		background-color: #fcf6d7;
		color: #000000;
		}

#form_contact td
		{
		width: 120px;
		height: 30px;
		text-align: right;
		}
#form_contact td+td
		{
		width: 100px;
		}
#form_contact td+td+td
		{
		width: 170px;
		text-align: left;
		}
		
/*Links*/

#links li
		{
		margin-bottom: 5px;
		}