/*  Radboud sept-okt 06  */
   
/* pagina layout en stijl */
* {margin:0; padding:0;} /* removes defaults of all elements */

body {
	font-family:Verdana,sans-serif;
	font-size:12px;
	color:#000;
	background-color:#FCD54C; 
	}

/* Typografie -------------------- */
h1 {
 	padding-top: 25px;
	}
h2 {
 	color: #FFF; 
 	background:#E88D0B;
    font-size: 1.6em;
    padding:5px 5px 5px 15px;
	}


/* Layout 
--------------------------------------------- */
div#header {
 	background:#E88D0B; 
 	text-align:center; /* vind ik mooier dan links */ 
 	color:blue;
	background-image: url(../graphics/mark-header-bg.gif);
	background-repeat: no-repeat; 
	}
div#wrapper { }
div#content {
	background-color: #FFFCF1;	
	margin-left: 50px; 
	margin-right: 19em;
	border: 1px solid #E88D0B;
	color: #B36600;
	margin-top: 20px;
	}
div#rechterkolom  {
	float:right; 
	width: 16em; 
	} 


/* header 
--------------------------------------------- */
ul.taalkeuze {
 	float:right;
 	list-style-type:none;
 	font-size: 0.8em;
 	text-align:right;
 	padding: 5px;
	}
ul.taalkeuze a{
	color: #FFF;
 	background-color:inherit;
	text-decoration: none
	}
ul.taalkeuze a:hover{
	text-decoration: underline;
	}
span.logo {
	font-family:"Comic Sans MS",sans-serif;
	font-size: 1.2em;	
	letter-spacing: -5px; /* zou relatief moeten zijn, maar dat doet IE niet goed */
}
h1#head a {
	font-family:Myriad, Helvetica, Arial, sans-serif;
	font-size: 25px; 
	color:#DB6302;
	background-color:inherit;
	font-weight: bold; 
	text-decoration: none;
	}
h1#head a:hover{
	text-decoration: underline;
	}
p.tagline {
	color:#F4C685;
/* 	background-color:inherit; hierdoor laat safari hier het plaatje weg  */ 
 	padding: 5px;
	font-style:italic;
	text-align:right;
	}
div#hoofdmenu {
 	font-size: 0.9em;
 	color:#000; /* zwart */
 	background:#FCD54C;
	height:36px; /*moet zelfde als hoofdmenu li zijn. */ 
	margin: 0 auto;
	}
#hoofdmenu ul {
 	margin: 0;
	}
#hoofdmenu li {
 	float: left;
 	list-style-type:none;
  	text-indent:0;
 	padding: 7px 0 0 0; 
 	height:36px; /* zelfde als hoofdmenu, 2 regels als menu-text 1.2 em hoog is... */ 
 	width:19%;
	position: relative; /* nep centreren */
	left: +2%; /* nep centreren */
}
#hoofdmenu li:first-child {
	left: +2%; /* nep centreren */
	position: relative; /* nep centreren */
	} 
#hoofdmenu a {
	font-family:Myriad, Helvetica, Arial, sans-serif;
      font-size:1.2em;
	font-weight: bold; 
	color:#FFF;
 	background-color:inherit;
 	padding:0;
 	text-decoration:none;
	}
#hoofdmenu a:hover {text-decoration: underline;}

#wie {background: url(../graphics/mark-hmenu-bg-wie.png) repeat-x;}
li#wie a{}

#mch {background: url(../graphics/mark-hmenu-bg-mch.png) repeat-x;}
li#mch a {}
#outreach {background: url(../graphics/mark-hmenu-bg-outreach.png) repeat-x;}
li#outreach a {}
#inkomsten {background: url(../graphics/mark-hmenu-bg-income.png) repeat-x;}
li#inkomsten a {}
#help {	background: url(../graphics/mark-hmenu-bg-helpen.png) repeat-x;}
li#help a {}

/* content 
--------------------------------------------- */
div#content h4 {
	color: #B36600;
 	background-color:inherit;
	font-size: 1.5em; 
	padding:15px 5px 15px 15px;
	}
div#content p{

	padding:5px 5px 15px 15px;
	}
div#content table {
	margin: 2em;
	}
div#content td{
	padding: 0.5em 0.5em;
	}
div#content h3{
	padding:0; 
	margin: 1em; /*buiten border */
	}
div#content ul{
	padding:0;  /* trbl binnen de border */
	margin:0 0 15px 30px;
	}

div#content a{
	color: #B36600;
 	background-color:inherit;
 	text-decoration:underline;
}

div#content a:hover{
	text-decoration:underline;
}

div#content h2 a{
	color: #FFF;
	background-color:#E88D0B;
}

div #content img{
margin-top: 1em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 1.5em; 
	border: 1px solid #E88D0B;
}

div #content>p img{
float: left; /*niet in IE <7, alleen voor kleine plaatjes binnen divs */
}


/* submenu 
--------------------------------------------- */
#content #submenu {
    width:100%;
    height: 2em;
    color:#FFF;
    background-color: #FDBE38;
	margin:0;
    padding:0;
	}
#content #submenu ul {
	margin:0;
    padding:0;
    }
#content #submenu li{
	float: left;
 	list-style-type:none;
	margin: 0;
    padding:5px 0 0 0;
	color:#FFF;  
	background: #FDBE38; 
	}
#content #submenu a{
	color:#FFF;
    float: left;
    margin:0;
    padding:0 10px;
	background: #FDBE38;
    text-decoration:none;
    }
#content #submenu a:hover {
	text-decoration: underline;
    }

/* Rechterkolom styling 
--------------------------------------------- */
div#rechterkolom p{
	color: #B06601;
	padding:0.5em;
	background-color: #FDBE38;
	margin-right: 35px;
	margin-bottom: 30px;
	border: 1px solid #E88D0B;
	}

div#rechterkolom h3 {
 	color: #FFF; 
 	background:#E88D0B;
	margin: 0px 35px 0px 0px;
	padding:8px 5px 7px 5px;
	font-size: 1.1em;
	font-weight: normal;
	}
 
div#rechterkolom a {
	color:#FFF;
 	background-color:inherit;
 	text-decoration:none;
	}
div#rechterkolom a:hover {text-decoration: underline;}

/* stijlkeuze 
--------------------------------------------- */ 
div#stijlkeuze { /*als site af, misschien aan zetten */
	visibility: hidden; }

/*pagina specifieke opmaak
--------------------------------------------- */
body.home #content #submenu {
	  height: 0em;
	}

body.helpen #content #submenu {
	height: 0em;
	}

/*BLOG met indexcss.cgi
--------------------------------------------- */
body.blog   {
	background-image: none;
	}
body.blog div#content td{
	padding: 0.5em 0.5em;
	border:0 solid black;
	}

body.blog div#fouten  {
display: none; /*grmbl klote blog, met fouten div omzeild in template en in indexcss per taal */
	}

/* blog posts */
.blogentrytitle	{
	font-size:1.2em;
	font-weight:bold;
	padding-left: 20px;
	}
.blogentrydate{
	font-size:0.8em;
	font-style:italic;
	}
.blogposttext{
	text-align: justify;
	padding: 0 20px 25px 20px; /*trbl*/
	} 
/* new sphpblog */ 
/* new sphpblog */ 
body.blog img{
float:right;
/*width:auto;
height: 200px; */
}

body.blog object{ /* voor youtube filpmjes */
	float:  right;
}

body.index img{
float:right;
/*width:auto;
height: 200px; */
}

.blog_subject{ 	
	color: #FFF; 
 	background:#E88D0B;
    font-size: 1.6em;
    padding:5px 5px 5px 15px;
	clear: left;
}

.blog_byline{
background: #FDBE38;
	border-left: 1px solid #E88D0B;
	border-right: 1px solid #E88D0B;
padding:5px 5px 5px 15px;
}

body.blog div#content{
background: #FCD54C;
 border: none;
} 

body.index div#content{
background: #FCD54C;
 border: none;
}

body.blog div#content p{
background: #FFFCF1;
margin-bottom: 50px;
	border: 1px solid #E88D0B;
border-top: none; 
float: left; 
padding:5px 5px 5px 15px;
}

body.index div#content p{
background: #FFFCF1;
margin-bottom: 50px;
	border: 1px solid #E88D0B;
border-top: none; 
float: left; 
padding:5px 5px 5px 15px;
}

body.index div#content p{
float: none;
}

body.index div#maincontent p{
float: left;
}

body.blog div#content h2{
display: none;
}

body.blog div#submenu{
display: none;
}

body.index div#submenu{
display: none;
}


/* als enkele blog entry op index pagina staat */
body.index div#content h4 {
background: #FFFCF1;
border: 1px solid #E88D0B;
border-bottom: none; 
}


/* oude GALLERY incuded als xml object*/
body.gallery{
	background-image: none;
	}
body.gallery div#content td{
	padding: 0.5em 0.5em;
	border:0px solid black;
	}
body.gallery div#content  {
	margin-left: 0em;
	}

body gallery div#content img{
float: left;
}
body.gallery div#content h1{
 padding-top: 0em;
font-size: 1.0em; }

body.gallery div#content h2{
display: none;
}

body.gallery div#submenu{
display: none;
}
/* zeer lelijke hack */
body.gallery p.dwinghoogte{
clear: left;
}
/* uit sg index php */

/* previous and next pages */
#pages {text-align: center;}
#pages li {display: inline;}
#page_courante {font-size: 1.5em;} 
/* directories list */
#dirs li img {display: block;margin: auto;margin-top: 5px;}
#dirs li {
	float: left;		
margin: 0.2em;	
	list-style: none;
	width: 110px;
	height: 170px;
	text-align: center;
/*	border: 1px solid #000;*/
}

#dirs li.edit, #jpegs li.edit {
	float: left;
	margin: 0.1em;
	list-style: none;
	width: 30%;
	text-align: center;
	/*border: 1px solid #000;*/
	}
#dirs li.edit img, #jpegs li.edit img {
	margin: auto;
	margin-top: 5px;}	

.links img {border: 1px solid #FFF;}
/*.selected img {border: 1px solid #000;}*/

/* pics list */
#jpegs li {display: inline;list-style: none}
#jpegs li.edit {display: inline;list-style: none}

/* pics around current thumb */
#nav {text-align: center;}
#nav li {display: inline;}
/*#nav li img {border: 1px solid #000;}
#nav li.white img {border: none; visibility: hidden;}
li#photo_courante img {border: 2px solid #F00;}
*/

/* prelude */
#prelude {height: 1em; float: right;padding: 0;margin: 0;}
#prelude ul {padding: 0;margin: 0;}
#prelude li {display: inline;list-style: none;padding: 0;margin: 0;}
/*#prelude li a {color: #DDD;}*/
#prelude li a:hover {text-decoration: underline;}

/* users */

/* real size display */
#photo {display: block; margin-bottom: 1em; text-align: center;
}

/*VIDEO geen linker kolom wat nu als img gestyled is moet het object worden....*/
body.video   {  
	background-image: none;
	}
body.video div#content td{
	padding: 0.5em 0.5em;
	border:0px solid black;
	}
body.video div#content  {
	margin-left: 0;
	}
body.video img{
	float: left;
	}
body.video p{
	clear: left;
	}