/*
-----------------------------------------------
Stylesheet Sanny 
Version:  19/07/2007
----------------------------------------------- 

Basics
----------------------------------------------- */
body {
background-color:#fafaff;
background-image:url(../images/bg1.gif);
background-repeat:repeat-x;
font-size:76%;
text-align:center;
margin:0;
}

#container {
width:800px;
height:100%;
text-align:left;
position:relative;
margin:0 auto;
padding:0;
}

#content {
float:right;
width:580px;
height:100%;
background-color:#fff;
margin:5px 0 0 0;
padding:0 0 30px 0;
}

#home #content {
padding-top:15px;
}

/* Home

----------------------------------------------- */
#home p,#english p {
padding-top:10px;
padding-bottom:3px;
letter-spacing:0.03em;
line-height:1.4em;
}

#home p + p {
padding-top:0;
}

#home h2,#english h2 {
font-family:Georgia, serif;
font-size:1.1em;
font-weight:700;
letter-spacing:0.01em;
color:#353588;
margin:10px 0 0 20px;
padding:0;
}

#home h2 + p,#english h2 + p {
margin:5px 0 0;
padding:0 20px;
}

#home h3 + p,#english h3 + p {
margin:5px 0 0;
padding:0;
}

.rightHome {
float:right;
border:0 solid #e6e6ff;
margin:0 -20px 15px 20px;
padding:0;
}

.leftHome {
float:left;
border:0 solid #e6e6ff;
margin:0 20px 10px 0;
padding:0;
}

/* Pages

----------------------------------------------- */
#col1 {
width:550px;
background-color:#fff;
position:relative;
margin:0;
padding:10px 0;
}

#tips {
margin-top:27px;
width:580px;
background-color:#fff;
float:right;
padding:0;
}

#fotoplus {
float:right;
width:250px;
margin:15px 0 15px 20px;
padding:0;
}

/* Fonts, text properties, links
----------------------------------------------- */
p {
font:normal 1em/0.03em "Trebuchet MS", sans-serif;
color:#006;
line-height:1.2em;
margin:0 20px;
}
p + p {
margin-top:10px	;
}
h1 {
font-family:Georgia, serif;
font-size:1.3em;
font-weight:700;
letter-spacing:0.05em;
color:#353588;
margin:25px 0 20px 20px;
}
.hidden {
visibility:hidden;
}
h2 {
margin:7px 0 5px 20px;
padding:0;
font-family:Georgia, serif;
font-size:1.2em;
font-weight:700;
letter-spacing:0.01em;
color:#353588;
line-height:2em;
}
h3 {
font-family:Georgia, serif;
font-size:1em;
font-weight:700;
letter-spacing:0.03em;
color:#006;
margin:15px 0 3px 20px;
}
a:link,a:visited {
font-weight:700;
color:#776db6;
text-decoration:none;
}

a:hover,a:active {
font-weight:700;
color:#776db6;
text-decoration:underline;
}

a:link.xtra,a:visited.xtra {
font-weight:700;
color:#903;
text-decoration:none;
}

.titel {
font-family:Georgia, serif;
font-size:1.2em;
font-weight:700;
letter-spacing:0.01em;
color:#353588;
line-height:2em;
}

.titel2 {
font-family:Georgia, serif;
font-size:1.3em;
font-weight:700;
letter-spacing:0.02em;
color:#353588;
line-height:1.5em;
}

.tussenk {
font-family:Georgia, serif;
font-size:0.9em;
font-weight:700;
letter-spacing:0.03em;
color:#353588;
}

.tussenkrd {
font-family:Georgia, serif;
font-size:0.9em;
font-weight:700;
letter-spacing:0.03em;
color:#903;
}

.it {
font-family:"Trebuchet MS", sans-serif;
font-size:1.1em;
font-style:italic;
letter-spacing:0.01em;
line-height:2em;
color:#006;
}

.tussenkop {
font-family:Georgia, serif;
font-size:0.9em;
font-weight:700;
letter-spacing:0.01em;
color:#fff;
background-color:#99c;
line-height:2em;
padding:2px 3px 2px 4px;
}

.tussenkop a:link,.tussenkop a:visited,.tussenkop a:active {
color:#fff;
text-decoration:none;
}

.tussenkop a:hover {
color:#fff;
text-decoration:underline;
}

.info {
font-family:"Trebuchet MS", sans-serif;
font-size:1em;
font-weight:700;
letter-spacing:0.03em;
color:#903;
background-image:url(../images/plred.gif);
background-repeat:no-repeat;
background-position:0 45%;
border:1px solid #903;
padding:0 5px 1px 15px;
}

.info a:link,.info a:visited,.info a:active {
color:#903;
text-decoration:none;
}

.info a:hover {
color:#903;
text-decoration:underline;
}

.poem {
font-family:"Trebuchet MS", sans-serif;
font-size:1.1em;
font-style:italic;
letter-spacing:0.01em;
line-height:1.3em;
color:#006;
}

.oneliner {
font:normal 1.1em "Trebuchet MS", sans-serif;
letter-spacing:0.01em;
line-height:em;
color:#006;
margin:15px 0;
}

#fotoplus p {
font-weight:400;
width:250px;
margin:10px 0 0 -20px;
}

blockquote {
font:normal 1.1em "Trebuchet MS", sans-serif;
letter-spacing:0.01em;
line-height:em;
color:#006;
margin:-5px 40px -10px 0;
padding:0;
}

/* =Header

----------------------------------------------- */
#header {
position:relative;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:71px;
margin:0;
padding:0;
}

/* =Nav

----------------------------------------------- */
#left {
float:left;
height:auto;
background-color:#fff;
background-image:url(../images/druifleft4.jpg);
background-repeat:no-repeat;
border-right:1px solid #cccce6;
width:165px;
margin:0;
padding:150px 20px 0;
}

#left ul {
list-style-type:none;
margin:0;
padding:0;
}

#left ul li {
display:block;
font:bold 1em Georgia,serif;
color:#006;
list-style-type:none;
line-height:2.2em;
margin:0;
}

.navlev0 {
background:url(../images/plhome.gif) 0 50% no-repeat;
padding-left:15px;
}

.navlev1 {
word-spacing:-0.03em;
background:url(../images/plblu.gif) 0 50% no-repeat;
padding-left:15px;
padding-bottom:1px;
}

.navlev1select {
background:url(../images/pldiag.gif) 0 45% no-repeat;
border-bottom:3px solid #fff;
padding-left:15px;
padding-bottom:1px;
}

.navlev0 a:link,.navlev1 a:link,.navlev1select a:link,.navlev0 a:visited,.navlev1 a:visited,.navlev1select a:visited,.navlev0 a:active,.navlev1 a:active,.navlev1select a:active {
color:#006;
text-decoration:none;
}

.navlev0 a:hover,.navlev1 a:hover,.navlev1select a:hover {
text-decoration:underline;
}

.navlev2 {
letter-spacing:0.01em;
color:#5353a2;
background-color:#fafaff;
border-bottom:3px solid #fff;
padding:2px 0;
}

.navlev2select {
letter-spacing:0.01em;
color:#fff;
background-color:#006;
background:url(.gif) 0 55% no-repeat;
padding-left:px;
}

.navlev2 a:link,.navlev2select a:link,.navlev2 a:visited,.navlev2select a:visited,.navlev2 a:active,.navlev2select a:active {
color:#5353a2;
background:url(../images/pllev.gif) 0 50% no-repeat;
text-decoration:none;
padding:15px;
}

.navlev2 a:hover,.navlev2select a:hover {
color:#5353a2;
background:url(../images/pllev.gif) 0 50% no-repeat;
text-decoration:underline;
padding:15px;
}

#subnav {
float:right;
height:20px;
margin-top:0;
border-top:px solid #dce6ff;
}
#subnav ul {
margin:0;
padding:0;
}
#subnav li {
float:right;
font-family:"Trebuchet MS", sans-serif;
font-size:0.9em;
letter-spacing:0.05em;
color:#903;
list-style-type:none;
text-transform:uppercase;
margin:0;
padding:0 2px;
}
#subnav a {
color:#903;
text-align:right;
margin:0;
display:block;

}
.sbnv {
float:left;
font-family:"Trebuchet MS", sans-serif;
font-weight:400;
font-size:0.95em;
letter-spacing:0.05em;
color:#903;
margin:0;
padding:0;
}

.sbnv a {
font-weight:400;
font-size:0.95em;
letter-spacing:0.05em;
color:#903;
}

/* Lists

----------------------------------------------- */
#tips ul {
margin:0;
padding:0 20px 5px 35px;
}

#tips li {
font-family:"Trebuchet MS", sans-serif;
font-size:1em;
letter-spacing:0.03em;
font-weight:400;
color:#006;
list-style-type:square;
line-height:1.2em;
padding:0;
}

#tips li.was {
font-family:"Trebuchet MS", sans-serif;
font-size:1em;
letter-spacing:0.03em;
font-weight:400;
color:#006;
list-style-type:none;
line-height:1.2em;
padding:0;
}

ul#karijn {
margin:0;
padding:0;
}

ul#karijn li {
font-family:"Trebuchet MS", sans-serif;
font-size:0.9em;
letter-spacing:0.1em;
font-weight:700;
color:#5353a2;
padding-left:45px;
list-style-type:none;
line-height:2em;
}

.odd {
margin-left:20px;
}

ul#karijn li a:link,ul#karijn li a:visited {
font-weight:700;
color:#5353a2;
background-image:url(../images/pllev.gif);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:20px;
text-decoration:none;
}
ul#karijn li a:hover,ul#karijn li a:active {
font-weight:700;
color:#5353a2;
background-image:url(../images/pllev.gif);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:20px;
text-decoration:underline;
}
/* =Images
----------------------------------------------- */
.right {
float:right;
border:1px solid #e6e6ff;
margin:15px 0 15px 20px;
}
.right0 {
float:right;
border:0;
margin:0 0 15px 20px;
}
.right_alt {
float:right;
border:1px solid #e6e6ff;
margin:5px -20px 10px 20px;
}
.right_la, .right_la2 {
float:right;
border:1px solid #e6e6ff;
margin:10px 20px 25px 5px;
}
.right_la2 {
	margin:5px 20px 5px 25px;
}
.left {
float:left;
border:1px solid #e6e6ff;
margin:5px 20px 15px 0;
}
.leftAlt {
float:left;
border:0;
margin:0 15px 10px 0;
}
.left0 {
float:left;
border:0;
margin:10px 20px 10px 0;
}
.left_la, .left_la2 {
float:left;
border:1px solid #fff;
margin:10px 20px 25px 20px;
}
.left_la2 {
margin-top:0;
margin-right:30px;
clear:both;
}
.naast {
float:right;	
}
.media {
float:left;
border:0;
clear:left;
margin:10px 20px 0 0;
padding:0;
}

.banner {
float:left;
border:0;
clear:left;
margin:20px 0 0;
padding:0;
}

.leftD {
float:left;
border:1px solid #e6e6ff;
margin:20px 45px 20px 0;
padding:0;
}

.leftM {
float:left;
border:1px solid #e6e6ff;
margin:15px 20px 0 0;
padding:0;
}

.mid {
float:left;
border:1px solid #e6e6ff;
margin:5px 20px 20px 115px;
padding:0;
}

.foto {
height:auto;
width:200px;
float:right;
text-align:center;
margin:0 0 20px 20px;
padding:0;
}

.foto img {
display:inline;
border:1px solid #e6e6ff;
margin:0;
}

.foto a:hover img {
border:1px solid #ccc;
}

.caption {
text-align:center;
font-weight:400;
width:100px;
margin:10px 0 0;
}

#fotoplus img {
display:inline;
border:1px solid #e6e6ff;
margin:0 0 3px;
}

/* =Footer

----------------------------------------------- */
#footer {
clear:both;
padding-top:0;
border-bottom:1px solid #fff;
font-size:85%;
}

#footer p {
background-color:#fff;
background-repeat:repeat-x;
background-position:0 -4px;
border-top:1px solid #ccc;
color:#777;
text-align:center;
line-height:1.6em;
margin:0;
padding:10px 20px;
}

/* Fixes footer containment bug in IE-Win (5 and 6)

   http://www.positioniseverything.net/explorer/escape-floats.html

   But IE5-Mac shouldn't see this \*/
* html #footer p {
height:1%;
}

/* Resume IE5-Mac */
#footer a,#footer a:visited {
color:#666;
border-color:#444;
}

#footer a:hover {
color:#933;
border-color:#b55;
}

/* Tables

----------------------------------------------- */
.tbleW {
font-family:"Trebuchet MS", sans-serif;
font-size:1em;
letter-spacing:0.03em;
color:#006;
margin:0;
padding:0;
}

.tbleR {
font-family:"Trebuchet MS", sans-serif;
font-size:1em;
letter-spacing:0.03em;
color:#006;
margin:0 20px;
padding:0;
}

.tbleM {
font-family:"Trebuchet MS", sans-serif;
font-size:1em;
letter-spacing:0.03em;
color:#006;
width:540px;
margin:0 0 0 20px;
padding:0;
}