/*
donkerblauw: #092161
lichtblauw: #0092B0
donkerbruin: #463319
*/

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        background: transparent;
}

legend,
label  {
        display: none;
        visibility: hidden;
}

body {
        background-color: #fff;
        font: 100% arial, sans-serif;
        color: #463319;
}

a {
        color: #0092B0;
        text-decoration: none;
}

a:hover {
        color: #fff;
        background-color: #092161;
}

p {
font-size: .7em;
        line-height: 1.4em;
        padding-bottom: 10px;
}

#home .introblok h1 {
        font-size: 1.1em;
        line-height: 1.6em;
        padding: 10px 0 5px 0;
        letter-spacing: .01em;
}

h1 {
        font-size: 1.1em;
        padding: 0 0 10px 0;
        letter-spacing: .01em;
}

h1 a,
h2 a {
        color: #463319;
}

h2 {
        font-size: .9em;
        line-height: 1.8em;
}

h3 {
        font-size: .7em;
        padding-bottom: 10px;
}

#kop {
        position: relative;
        height: 150px;
        width: 100%;
        background-color: #092161;
}

#logo {
        float:left;
        width: 250px;
        text-align: center;
}

#kopfoto {
        position: absolute;
        top: 0;
        left: 250px;
        height: 150px;
        width: 700px;
        background: #092161 url(../images/bg_header_new.jpg) no-repeat;
}

#tu_logo_header {
        position: absolute;
        bottom: 15px;
        right: 15px;
}

img#tu_logo_header a:hover {
        background: none;
}

#omdoos {
        clear: both;
        margin: 40px 0 0 0;
        width: 950px;
}

#inhoud {
        float: right;
        width: 700px;
}

/* hoofdmenu */

#hoofdmenu li {
        display: inline;
        line-height: 1.8em;
        letter-spacing: .01em;
}

#hoofdmenu li a {
        padding: 0 9px;
}

#hoofdmenu {
        float: left;
        display: inline; /* zorgt ervoor dat ie5 en 6 zich netjes gedragen */
        width: 180px;
        margin: 0 0 0 50px;
        font-size: 1.05em;
}

#hoofdmenu a {
        display: block;
        background-color: #0092B0;
        text-decoration: none;
        color: #fff;
}

#hoofdmenu li#active a {
        background-color: #092161;
}

#hoofdmenu a:hover { 
        background-color: #092161; 
}

#hoofdmenu a:active {
        background-color: #092161; 
}

#hoofdmenu li.sub_uitgevers a {
margin: 20px 0 0 0;
}

#navigatie {
        width: 100%;
        height: 32px;
        background-color: #0092B0;
}

#navigatie-inhoud {
        width: 700px;
        margin-left: 250px;
        height: 32px;
        background-color: #0092B0;
}

#navigatie-rechts {
        float: right;
        width: 240px;
}

/* voor 3-koloms pagina's */

#kolom-1 {
        float: left;
        width: 220px;
}

#kolom-2 {
        float: left;
        width: 220px;
        margin: 0 20px;
}

#kolom-3 {
        float: left;
        width: 220px;
}

.tekstblok-blauw {
        padding: 10px 10px;
        margin: 0 0 20px 0;
        color: #fff;
        background-color: #0092B0;
}

.tekstblok-blauw h1 {
        font-size: 1.3em;
        border-bottom: 3px solid #fff;
}

.tekstblok-blauw h1 a {
        color: #fff;
}

/* kruimelpad */

#kruimelpad {
        padding-left: 0px;
}

#kruimelpad ul {
        padding: 4px 0 0 0;
}

#kruimelpad li {
        display: inline;
        font-size: .7em;
        padding: 0 4px 0 0;
}
        
#kruimelpad li a {
        color: #fff;
        text-decoration: none;
}

/* kleinere en grotere tekst */

#tekstgrootte {
        padding: 8px 0 0 0;
}

.kleiner {
        font-weight: bold;
        font-size: .8em;
        padding-right: 5px;
}

.groter {
        font-weight: bold;
        font-size: 1em;
}

.kleiner a,
.groter a {
        color: #fff;
}

/* zoeken */

#zoekblok {
        float: right;
        text-align: right;
        width: 187px;
        font-size: .7em;
        padding: 0px;
        margin-top: 5px;
        background:#FFFFFF ;

}

#zoekblok input {
        color: #0092B0;
}

#zoek {
        background-color: #fff;
        padding: 3px;
        height:15px;
        margin: 0;
        width: 158px;
}

.zoekknop {
        background:#FFFFFF url(../images/zoekknop.gif) no-repeat 50% 50%;
        height:21px;
        padding:0px;
        padding-bottom: 4px;
        width:20px;
}

#onderkant {
        clear: both;
        padding: 10px 0 20px 50px;
        border-top: 1px solid #0092B0;
}

#onderkant img {
        float: left;
        padding-right: 20px;
}

#onderkant p {
        padding: 5px 0 0 200px;
}

#home .introblok {
        padding: 15px;
        margin-bottom: 20px;
        background-color: #0092B0;
	color: #fff;
}

.streep-wit { 
	width: 320px;
	height: 5px;
	background: transparent url(../images/streep-wit.gif) repeat-x;
}

.streep-bruin { 
	clear: both;
	height: 5px;
	background: transparent url(../images/streep-bruin.gif) repeat-x;
	margin: 10px 0 20px 0;
}

.blok-links {
	float: left;
	width: 330px;
}

.blok-rechts {
	float: right;
	width: 330px;
}

/* 12 12 2008 */

.blok-links-breed {
	float: left;
	width: 475px;
}

.blok-rechts-smal {
	float: right;
	width: 185px;
}

.blok-links-vast {
	float: left;
	width: 330px;
}

.blok-mentoraat-links {
	float: left;
	width: 480px;
}

.blok-mentoraat-rechts {
float: right;
	width: 180px;
}


/* 12 12 2008 */

.onderwerp {
	clear: both;
	float: left;
	border-bottom: 3px solid #463319;
	margin-bottom: 0px;
}

.tekstblok {
	clear: both;
}

.lichtblauw {
	color: #0092B0;
}

#inhoud ul { /****************11-12-2008 ******************/
	margin-left: 17px;
}


#inhoud ol { /****************11-12-2008 ******************/
	margin-left: 25px;
}


#inhoud li { /****************11-12-2008 ******************/
	list-style-position: outside;
	font-size: .7em;
	line-height: 1.4em;
	padding: 0 0 4px 0;
}

ul.meer_lijstjes,
ol.meer_lijstjes  { /****************11-12-2008 ******************/
	padding-bottom: 0px;
margin: 0!important;}

ul.meer_lijstjes li,
ol.meer_lijstjes li
 { /****************11-12-2008 ******************/
	font-size: .7em;
	line-height: 1.0em;
	list-style: none;
	padding: 0!important;
}

/* nieuw voor agenda op voorpag */

table.agenda_item { /****************11-12-2008 ******************/
	font-size: .7em;
	line-height: 1.4em;
padding: -10px;

}

td.agenda_item_date { /****************11-12-2008 ******************/
	width: 90px;
padding-top: 0px;
	vertical-align: top;

}


td.agenda_item_info { /****************11-12-2008 ******************/
	width: 240px;
	vertical-align: top;
padding-top: 0px;
}



.meer {
	text-align: right;
margin-top: -10px;
}

.datum {
margin-top: -10px;
}

.meer_links {
margin-top: -10px;
}

.meer-items-link {
	clear: both;
	float: right;
	font-weight: bold;
	border-top: 3px solid #0092B0;
}

.meer-items-link a:hover {
	border-top: 3px solid #092161;
}

blockquote {
	font-size: 0.7em;
	line-height: 1.4em;
	padding-left: 50px;
	background: url(../images/blockquote.gif) top left no-repeat;
	font-style: italic;
}

cite {
	font-size: 1em;
}

.print {
	padding-left: 23px;
	background: url(../images/icon-print.gif) top left no-repeat;
        background-color: #fff;
}

.mail {
	padding-left: 23px;
	background: url(../images/icon-mail.gif) top left no-repeat;
}

.stuur-nieuws {
	padding-left: 23px;
	background: url(../images/icon-stuur_nieuws.gif) top left no-repeat;
}

img.middelste-foto {
margin: 0 17px 0 16px;
}

img.groot {
margin: 0 0 0 0;
}

span.ervaring_mentoraat {clear:left; display:block; text-align:center; height:500px; line-height:20px; margin:0; padding:20px 0 0 0; width:250px; text-align:center; color:#eee; z-index:1; background-color:#fff;}


/********** 13 juli 2009 **********/
#container {position:relative; width:330px; height:560px; border:0px solid #000; margin:0px auto; font-family:verdana, arial, sans-serif; font-size:12px;}



#container span.info {clear:left; display:block; text-align:center; height:330px; line-height:20px; margin:0; padding:20px 0 0 0; width:330px; text-align:center; color:#eee; z-index:1; background-color:#fff;}
#container span.info a {color:#fff;}
#container span.info a:hover {text-decoration:none;}

#container a.pics {float:left; margin:0px 0px 0px 0px; padding: 5px; display:inline; color:#000; text-decoration:none; border:0px solid #000; cursor:default;}
#container a.pics img.thumb {
     /* position:absolute; */
     clip: rect(5px 75px 5px 75px);}
/* display:block; border:0;} */

#container a.pics span {display:none; border:0; width:330px; height:450px; background:#fff; border:0px solid #000; text-align:center;}
#container a.pics span img {margin:0px auto; border:0px solid #000;}

#container a.pics:hover {text-decoration:none;}
#container a.pics:hover span {display:block; position:absolute; left:0px; top:95px; z-index:10; height:400px;}

#container a.pics:active {border:0px solid #fff;} 
#container a.pics:active span {display:block; position:absolute; left:0px; top:95px; z-index:5; height:400px;}

#container a.pics:focus {border:0px solid #fff; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:0px; top:95px; z-index:5; outline:0;}

/* edit-scherm */