@charset "utf-8";
/* CSS Document */

  body {
		font-family:arial,helvetica,sans-serif;
		font-size:12px;
		text-align: center;
		background-image:url(../images/bg.png);
		color: #FFF;		
	}
  #wrapper {
		width:900px;
		margin:0px auto;
		border:1px solid #666;		
		padding:10px;
		text-align:left;
		background-image:url(../images/bg2.png);
		background-position:right top;
		background-repeat:no-repeat;
		background-color:#000;
	}
  #mobilewrapper {
		margin:0px auto;
		border:1px solid #666;		
		padding:10px;
		text-align:left;
		background-image:url(../images/aa2.jpg);
		background-position:right top;
		background-repeat:no-repeat;
		background-color:#000;
	}
  #header {
		height:80px;
		padding:10px;
  }
  #nav {
		height:25px;
		padding:10px;
	}
	#content {
		margin-top:0px;
		padding-bottom:0px;
	}
	/* applies to all divs within the content div */
  #content div {
    	float:left;
	}

  #modbox {
		margin-top:10px;
		width:200px;
  		float:right;
	}
  #modboxtop {
		background-color:#000;
		color:#fff;
		padding:2px 0 2px 5px;
		border:1px solid #666;
    }
  #modboxmain {
		margin-top:10px;
		padding:2px 5px 2px 10px;
		background-color:#000;
		border:1px solid #666;
		height:250px;
    }
  #main {
		margin-right:10px;
		width:433px;
		height:200;
		margin-bottom:10px;
		padding:10px;
	}
  #photo {
		padding:10px;
		margin-right:0px;
		margin-bottom:10px;
		width:200px;
		height:150px;
		text-align:center;
	}
  #boxwrapper {
	  padding:0px;
	  margin:0px;
  }
  #box1, #box2, #box3 {
		padding:10px;
		border-left:1px solid #666;
		border-right:1px solid #666;
    	height:120px;
	}
  #box1 p, #box2 p, #box3 p {
		font-size:11px;
		font-style:italic;
  }
  #box1 {
		margin-left:0px;
		width:202px;
	}
  #box2 {
		margin-left:10px;
		width:200px;
	}
  #box3 {
		margin-left:10px;
		width:200px;
	}
  #footer {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
    	padding:10px;
		border:1px solid #666;
    	width:878px;
		text-align:center;
	}
  #bottom {
		clear:both;
		text-align:right;
	}

/* Text Styles */

	h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
	}
	h2 {
		font-size:11px;
		font-weight:bold;
	}
	h3 {
		font-size:10px;
		font-weight:bold;
	}
	h4 {
		font-size:9px;
	}
	p {
		font-size:12px;
	}
	a {
		color: #FFFFFF;
	}
	hr {
	height:0;
	border:0;
	border-top: 1px solid #666; 
    }
	
/* MENU STYLES */

.navigation a
{
color: #fff;
background-color:#000;
border:solid 1px #666;
text-decoration: none;
padding-left: 10px;
margin-right:10px;
font-weight: bold;
}

.navigation a span
{
padding-right: 10px
}

.navigation a, #navigation a span
{
display: block;
float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
.navigation a, #navigation a span
{
float: none
}
/* End IE5-Mac hack */

.navigation a:hover
{
color: #ffffff;
background: #191919;
text-decoration: none;
padding-left: 10px;
font-weight: bold;
}

.navigation a:hover span
{
padding-right: 10px
}

.navigation a:active
a.active
{
color: #fff;
background: #000033 url(../images/tab-left2.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
font-weight: bold;
}

.navigation a:active span
a.active span
{
background: url(../images/tab-right2.gif) right top no-repeat;
padding-right: 10px
}

.navigation
{
list-style: none;
padding: 0;
margin: 0
}

.navigation li
{
float: left;
display: block;
margin: 0;
padding: 0
}
	
/* Overig */
  #albumart {
		margin-right:10px;
		width:200px;
		height:200;
		margin-bottom:10px;
		padding:10px;
	}
	
  #discomain {
		padding:10px;
		margin-right:100px;
		margin-bottom:10px;
		width:200px;
		height:150px;
	}
	
/* Media */
  #cancion {
	  color:#fff;
	  background-color:#000;
	  border:solid 1px #666;
	  width:255px;
  }




  #media1 {
	  position: relative; 
	  width: 400px; 
	  height: 100px; 
	  background: black; 
	  font-size: 12px; 
	  font-family:arial; 
	  text-align: left; 
	  color: white; 
	  margin: 0px;
	  padding: 10px;
	  border:solid 1px #666;
  }
  #media2 {
	  position: absolute; 
	  top: 9px; 
	  left: 113px; 
	  width: 287px;
  }
  .media3 {
	  position: absolute; 
	  height: 14px; 
	  overflow: hidden;
  }
  #media4 {
	  position: absolute; 
	  top: 37px; 
	  left: 113px; 
	  width: 287px; 
	  height: 50px;  
  }
  #media5 {
	  position: absolute; 
	  top: 87px; 
	  left: 113px; 
	  width: 287px; 
	  height: 13px; 
	  overflow: hidden;
  }
  
/* Agenda */

  #agenda table {
	  border-collapse: collapse; 
	  border:solid 1px #666;
  }
  .agendatd {
	  padding-right:50px;
  	  font-weight:bold;
  }
  #agenda TD {
	  padding:10px;
  }
  .agendatr {
	  border:solid 1px #666;
  }
  
/* Gastenboek */

  #gastenboek {
	  color:#FFF;
	  background-color:#000;
      border:1px solid #666;
	  font-family:arial,helvetica,sans-serif;
	  font-size:11px;
	  font-weight:bold;
	  
  }
  
 .kop1 {
	 font-weight:bold;
	 padding:3px;
 }

/* Links */
  #linkmain {
		margin-right:10px;
		width:433px;
		height:200;
		margin-bottom:10px;
		padding:10px;
	}
  #linkimage {
		width:50px;
	  	height:50px;
      	border:1px solid #666;
	  	margin-right:20px;
  }

.links a
{
color: #fff;
background-color:#000;
border:solid 1px #666;
text-decoration: none;
padding-left: 10px;
padding-top:10px;
padding-bottom:10px;
}

.links a span
{
padding-right: 10px;
}

.links a, #links a span
{
display: block;
float: left;
}

.links a:hover
{
color: #ffffff;
background: #191919;
text-decoration: none;
padding-left: 10px;
}

.links a:hover span
{
padding-right: 10px
}

.links a:active
a.active
{
color: #fff;
background: #000033;
text-decoration: none;
}

.links a:active span
a.active span
{
padding-right: 0px
}

.links
{
list-style: none;
padding: 0;
margin: 0 0 0px 0;
}

.links li
{
float: left;
display: block;
margin-bottom: 10px;
padding: 0
}