/* CSS Document */
body {
background: #000000;
font-family: Arial, Helvetica, sans-serif;
}
#wrap{
position: absolute;
left: 50%;
margin-top: 25px;
margin-left: -494px;
width: 989px;
height: 636px;
overflow: visible;
}
.home {background: url(../img/hanne_bg_21.jpg) no-repeat;}/**/
.projecten {background: url(../img/hanne_bg_22.jpg) no-repeat;}/**/
.agenda {background: url(../img/hanne_bg_18.jpg) no-repeat;}/**/
.biografie {background: url(../img/hanne_bg_25.jpg) no-repeat;}/**/
.audio {background: url(../img/hanne_bg_20.jpg) no-repeat;}/**/
.video {background: url(../img/hanne_bg_17.jpg) no-repeat;}/**/
.fotos {background: url(../img/hanne_bg_19.jpg) no-repeat;}/**/
.contact {background: url(../img/hanne_bg_24.jpg) no-repeat;}/**/
/*------------------------------------------------------------------------------ HEADER ---------------------------------------*/
#langnav {
position: absolute;
top: 95px;
left: 40px;
}
#langnav ul{}
#langnav ul li{
color: red;
float: left;
margin: 0 10px 0 0;
}
#langnav ul li a{
color: red;
text-decoration: none;
margin: 0px 0 0 0px;
font-size: 11px;
}
#langnav ul li a:hover{
color:#FFFFFF;
}
#langnav ul li a img{
margin: 0 5px 0 0;
}
#langnav ul li.locator a{
color: #FFFFFF;
}
#header {
height: 225px;
width: 989px;
margin: 0;
padding: 0;
border-top: 1px solid #000000;
}
#header ul {
margin: 170px 0 0 40px;
height: 20px;
width: 575px;
border-bottom: 0px solid #363636;
}
#header ul li {
height: auto;
width: auto;
height: 10px;
float: left;
margin: 0 10px 0 0;
color: #fff;
font-weight: bold;
word-spacing: 10px;
}
#header ul li a{
color: #fff;/*#FF0000*/
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
}
#header ul li a:hover{
color: #ACACAC;/*DE0000*/

}
#header ul li.locator{
color: #C00000;
border: 1px solid #C00000;
padding: 0 5px 8px 5px;
}
#header ul li.locator a{
color: #C00000;
}
/*------------------------------------------------------------------------------ STAGE ---------------------------------------*/
#stage {
position: relative;
top: 0px;
margin: 0;
padding: 0;
width: 989px;
height: auto;
border: 0px solid white;
}
/*------------------------------------------------------------------------------ SUBNAV ---------------------------------------*/
#subnav {
width: 205px;
/*min-height: 400px;*/
height: auto;
margin: 0px 0 0 40px;
_margin: 0px 0 0 20px;
border-right: 1px solid #363636;
float: left;
}
#subnav ul {
width: 205px;
}
#subnav ul li{
margin: 0 0 10px 0;
width: 200px;
display: inline;
float: left;
clear: both;
}
#subnav ul li.locator_subnav{
color: #363636;
border: 1px solid #363636;
padding: 0 5px 3px 5px;
width: 175px;
}
#subnav ul li.locator_subnav a{
color: #ACACAC;
}
#subnav ul li a{
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#subnav ul li a:hover{
color: #ACACAC;
}
#subnav ul li a strong{
color: #FF0000;
}
#subnav h1 {
width: 205px;
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: small-caps;
margin: 0 0 25px 0;
}
#subnav h1 strong{
color: #FFFFFF;
font-size: 14px;
font-variant: normal;
}
/*------------------------------------------------------------------------------ HELPNAV ---------------------------------------*/
#helpnav {
width: 205px;
/*min-height: 400px;*/
height: auto;
margin: 50px 0 0 40px;
_margin: 50px 0 0 20px;
margin: 0px 0 0 40px;
_margin: 0px 0 0 20px;
border-right: 1px solid #363636;
float: left;
}
#helpnav ul {
width: 205px;
}
#helpnav ul li{
margin: 0 0 20px 0;
width: 200px;
display: inline;
float: left;
clear: both;
}
#helpnav ul li a{
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#helpnav ul li a:hover{
color: #ACACAC;
}
#subnav ul li a strong{
color: #FF0000;
}
#helpnav h1 {
width: 205px;
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: small-caps;
margin: 0 0 25px 0;
}
#helpnav h1 strong{
color: #FFFFFF;
font-size: 14px;
font-variant: normal;
}
#helpnav img {
margin: 5px 0 5px 0;
}
/*------------------------------------------------------------------------------ CONTENT ---------------------------------------*/
#content {
color: #FFFFFF;
float: right;
width: 700px;
}
#content h1{
width: 600px;
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: small-caps;
margin: 0 0 25px 0;
border-bottom: 0px solid #363636;
}
#content h1 strong{
color: #FFFFFF;
font-size: 14px;
font-variant: normal;
}
#content p {
line-height: 20px;
width: 650px;
font-size: 12px;
color: #FFFFFF;
margin: 0 0 18px 0;
border: 0px solid red;
}
#content p strong{
font-weight: bold;
}
#content p em{
color: #D5D5D5;
font-size: 10px;
}
#content p strong.datum {
display: inline;
float: left;
font-weight: bold;
width: 120px;
margin-top: 2px;
color: #FF0000;
}
#content p a{
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}
#content p a:hover{
color: #D6D6D6;
}
#content p.dankwoord {
color: #FF0000;
font-size: 9px;
line-height: 12px;
}

#content p.smal {
margin-top: -15px;
}
#content p.medialink {
margin: 0 0 5px 0;
float: left;
width: 300px;
border: 0px solid #ffffff;
}
#content p.medialink img{
margin: 0 5px 0 0;
}
.left {
float: left;
}

p img{ 
margin: 5px 0 0 16px;
}
p.getemde_img img {
margin: 5px 0 0 12px;
}
img.clearright {
float: left;
clear: right;
}
#content.bio p {
line-height: 20px;
width: 650px;
font-size: 12px;
color: #FFFFFF;
margin: 0 0 5px 0;
}
#content.bio p strong{
font-weight: bold;
}
#content.bio p strong.rood{
color: #FF0000;
}
strong.rood{
color: #FF0000;
}
#content.bio p.last_p {
line-height: 20px;
width: 650px;
font-size: 12px;
color: #FFFFFF;
margin: 0 0 20px 0;
}
.videolink {
margin: 0 0 25px 25px;
}
.videolink li {
list-style: none;
list-style-image: url(../images/film.png);
}
.videolink li a{
color: #FFFFFF;
text-decoration: none;
}
.videolink li a:hover{
text-decoration: underline;
}
.videolink li a em{
text-decoration: underline;
color: #FF0000;
}
.videolink li em {
font-size: 11px;
color: #D5D5D5;
}
.media { color: red; width: 100px; height: 18px; display: block; float: left; clear: none; border: 1px solid #ffffff;}
p.data {
margin: -10px 0 0 0;
}
#content.agenda_p p {
margin: 5px;
}
#content h2{
margin: 20px 0 20px 0;}
#content h2 strong{
font-weight: bold;}
/*------------------------------------------------------------------------------ FORM ---------------------------------------*/
label {
width: 150px;
float: left;
}
input {
/*width: 200px;*/
}
textarea {
/*width: 200px;
height: 150px;*/
}

/*------------------------------------------------------------------------------ gallery ---------------------------------------*/
.gallery{
margin:0;
padding:0;
}
.gallery li{
list-style:none;
float:left;
margin:0 5px 5px 0;
}
.gallery img,.gallery a{
display:block;
}
.gallery a{
height:100px;
width:100px;
text-align:center;
}