/* Stylesheet voor KARL MEERSMAN
	Author: Jill VandenDriessche
	Last Modified: 17/05/2006
*/

/*= GENERAL SETTINGS
--------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body.home {
	background: #4C022D url(/look/home-bg.gif) no-repeat;
	background-position: right 44px; 	
}
body.detail {
	/*background: #4C022D url(look/home-bg.gif) no-repeat;
	background-position: right 44px; */
	background: #4C022D url(/look/detail-bg.gif) right bottom no-repeat fixed;
}
body.none {
	background-color: #4C022D;
}
body, p, div, table {
	color: #FFFFFF;
	font-family: Arial, Tahoma, sans-serif; 
}

p {
	font-size: 12px; 
	letter-spacing: 2px;
	margin: 0 0 10px 0;
	line-height: 24px;
}
li {
	font-size: 12px; 
	letter-spacing: 2px;
	margin: 0 0 5px 0;
	line-height: 16px;
}

h1 {
	margin-top: 27px;
}
h1 span {
	visibility: hidden; 
}
h2, #detailBlock h1 {
	color: #FF9933; 
	font-size: 12px; 	
	letter-spacing: 2px;
	margin: 0 0 13px 0;
}
#detailBlock h1 {
	margin: 0x 0 10px 0;
}
h3, h3 a  {
	font-size: 12px; 
	letter-spacing: 2px;
	margin: 2px 0 10px 0;
	line-height: 24px;
	text-decoration: none; 
	color: #FFFFFF; 
}
h3 a:hover {
	color: #FF9933; 
}
table tr td {
	vertical-align: top; 
}
.textcenter {
	text-align: center; 
}
.textright {
	text-align: right; 
}
.left {
	float: left; 
}
.right {
	float: right; 
}
.topalign {
	vertical-align: top; 
}
.middlealign {
	vertical-align: middle; 
}
.bottomalign {
	vertical-align: bottom; 
}

/*= MAIN ELEMENTS
--------------------*/
#wrappertable {	
	width: 990px; 
	margin: 0 auto 0 auto;
	/*width: 100%;*/
	/* Deze heb ik erop gezet om de afstand aan de zijkanten te simuleren. Ik weet echter niet hoe dit verder zal aflopen...*/
	/*padding: 0 28px  0 28px;*/

}

/*= HEADER DEFINITIONS
--------------------*/
h1.Laudatio {
	background: transparent url(/look/titles/Laudatio.gif) center left no-repeat; 
}
h1.mijnwerk {
	background: transparent url(/look/titles/mijn-werk.gif) center left no-repeat; 
}
h1.mijnleven {
	background: transparent url(/look/titles/mijn-leven.gif) center left no-repeat; 
}
h1.mijnplannen {
	background: transparent url(/look/titles/mijn-plannen.gif) center left no-repeat; 
}
h1.fotosenfilms {
	background: transparent url(/look/titles/fotos-en-films.gif) center left no-repeat; 
}
h1.nuttigelinks {
	background: transparent url(/look/titles/nuttige-links.gif) center left no-repeat; 
}
h1.zobereikjeme {
	background: transparent url(/look/titles/zo-bereik-je-me.gif) center left no-repeat; 
}
h1.myart {
	background: transparent url(/look/titles/my-art.gif) center left no-repeat; 
}
h1.mylife {
	background: transparent url(/look/titles/my-life.gif) center left no-repeat; 
}
h1.myplans {
	background: transparent url(/look/titles/my-plans.gif) center left no-repeat; 
}
h1.picturesandfilms {
	background: transparent url(/look/titles/pictures-and-films.gif) center left no-repeat; 
}
h1.usefullinks {
	background: transparent url(/look/titles/useful-links.gif) center left no-repeat; 
}
h1.howtoreachme {
	background: transparent url(/look/titles/how-to-reach-me.gif) center left no-repeat; 
}
/*= HEADER
--------------------*/
#headertd {
	height: 77px; 
	text-align: left; 
	vertical-align: middle; 
}

/*= CONTENT STRUCTURE
--------------------*/
#detailtexttd, #emptyheadertd {
	width: 302px; 
	vertical-align: top;
	
}
#detailtexttable #texttd{
	/* Aan de tabel een minimumhoogte geven om zeker te zijn dat ze op z'n minst zo groot zal zijn. */
	height: 	400px;
}

/*= MENU
--------------------*/
#menutd {
	vertical-align: top;
	height: 168px;
}

#menutd ul {
	list-style-type: none; 
	padding: 0; 
	margin: 0;
	width: 330px;
}
#menutd ul li{
	padding: 0; 
	margin: 0;
	height: 24px; 
	display: inline;
}
#menutd ul li a img {
	border-style: none; 
}
.menueinde {
	width: 75px; 
	height: 2px; 
	color: #6D6D28; 
	background-color: #6D6D28;
	border: none; 
}
#menutd ul li.menuactive {
	display: none; 
}
/*= MENU SUBLINKS
--------------------*/

#submenutd {
	vertical-align: top; 
	height: 120px;
}
#submenutd ul { 
	font-size: 12px;
	letter-spacing: 2px;
	list-style-type: none; 
	padding: 0;
	margin: 15px 0 0 0  ;
}
/* Basisklasse */
#submenutd li a {
	background: transparent url(/look/bullet.gif) center left no-repeat; 
	color: #FFFFFF; 
	text-decoration: none; 
	padding-left: 16px;
	line-height: 24px;
} 
#submenutd li a:hover {
	color: #FF9933;
}
/* onmouseoverklasse */ 
#submenutd li .mouseoverklasse {
   color: #FF9933; 
}
/* onmouseoutklasse */
#submenutd li .mouseoutklasse {
    color: #FFFFFF; 
}
#submenutd li .mouseoutklasse:hover {
    color: #FF9933; 
}

#submenutd li.menuactive  {
	display: none; 
}


/*= RUBRIEK LINKS
--------------------*/
.rubriekLijst a img {
	border: 2px solid #4C022D;
	margin-left: 31px;
}
.rubriekLijst a:hover img {
	border: 2px solid #FF9933; 	
}
/* Dit moet je erbij declareren om de bug in IE kwijt te spelen */
.rubriekLijst a:hover {
	color: #4C022D; 	
	border: 0px;
}
.rubriekLijst img.imageEffectOn {
	border: 2px solid #FF9933; 	
}
.rubriekLijst img.imageEffectOff {
	border: 2px solid #4C022D; 	
}

/*= DISCLAIMER
--------------------*/
#disclaimer {
	font-size: 11px;
	color: #A64E30; 
	/*margin-top: 35px;*/
}
#disclaimer a {
	color: #A64E30; 
	text-decoration: none; 
}
#disclaimer a:hover {
	color: #FF9933;
}
/*= CONTENT IMGLIST
--------------------*/
.imglisting {
	width: 600px; 
}

.imglisting td {
	width: 100px;
	height: 100px;
	vertical-align: middle; 
	text-align: center;
}
.imglisting td.spacer {
	width: 20px;
	height: 96px; 
}
.imglisting td a img {
	border-style: none; 
}
.imglisting td a {
	display: block;
	width: 96px; 
	height: 96px; 	 	
	text-align: center; 
	border: 2px solid #4C022D; 		
}
.imglisting td a:hover {
	border: 2px solid #FF9933; 	
}

.imglisting td.separator {
	height: 20px;
}

#detailBlock {
	display: none; 
	margin-top: 43px;
}
#detailBlock h1 {

}
#detailtext {
	margin-top: 77px;
}
#detailtext a {
	text-decoration: none; 
	color: #FFFFFF; 
}
#detailtext a:hover {
	color: #FF9933;
}
/*= CONTENT PAGINATIE
--------------------*/
.paginatie {
	list-style-type: none; 
	margin: 0 0 0 5px;; 
	padding: 0; 
	width: 600px;
}
.paginatie li {
	display: inline; 
}
.paginatie a {
	color: #FFFFFF; 
	text-decoration: none; 
	padding-left: 16px;
	line-height: 24px;
	font-size: 12px;
	letter-spacing: 2px;
}
.paginatie a:hover,#toontekst a:hover  {
	color: #FF9933;
}
.terug {
	background: transparent url(/look/bullet-inverse.gif) center right no-repeat; 
	padding-right: 16px;
}
.volgende{
	background: transparent url(/look/bullet.gif) center left no-repeat; 
	padding-left: 16px;
	margin-right: 5px;
}

#toontekst {
	width: 600px; 
	text-align: right; 
	display: none;
	
	clear: both; 
}
#toontekst a {
	background: transparent url(/look/bullet.gif) center left no-repeat; 
	padding-left: 16px;
	margin-right: 5px;
	color: #FFFFFF; 
	text-decoration: none; 
}
/*= CONTENT MIJN LEVEN
--------------------*/
.boekenlijst {
	font-size: 12px;
	letter-spacing: 2px;
	list-style-type: none; 
	padding: 0;
	margin: 0 ;
}
.boekenlijst li {
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 0;
}
.boekenlijst li ul {
	margin: 0; 
	padding: 0; 
}
.boekenlijst li ul li {
	margin: 0; 
	list-style-type: disc; 
	list-style-position: inside; 
	color: #FF9933;
}
.boekenlijst li ul li span {
	color: #FFFFFF;
}
#levenp2 {
	display: none;
}
/*= CONTENT TAALSELECTIE
--------------------*/
.taalselect {
	font-size: 24px; 
	text-align: center; 
	margin-top: 55px;
	margin-left: 7px;
}
.taalselect a {
	color: #FFFFFF; 
	text-decoration: none; 
}
.taalselect a:hover {
	color: #FF9933;
}

a.Foto:hover {
padding: -2px;
border: 2px solid #FF9933; 		
}