html 
{	overflow:hidden;
} 

body
{	background-color: #000; 
}

img
{ border-style:none;
	padding:0;margin:0;
	display:block;
}

div#foto input
{	display:block;
}



div#foto a, div#foto a:link, div#foto a:visited, .fotolink

{	display:block;
	color:#000;
  text-decoration:none; 
	border: solid 1px #808080; 
	background-color:transparent;
	padding:5px 5px 5px 5px; 
}

div#foto a:hover, .fotolink:hover
{	border-color:#a0a0a0;
}

form, input, p
{	display: inline; /* om in een td te passen */
	padding:0;
	margin:0;
	text-align:left;
}


a:link, a:visited, a:hover
{	display:block;
	border-style:none;
	background:transparent;
/*	color:#5c6a77;*/
	text-decoration:none;
	line-height:20px;
}

div.site
{	background: url(graphics/mockup2.jpg);
	border-style: none;
	text-align: center; /* dit is voor IE6 al genoeg om deze div te centreren*/
	margin-top: -384px;
	margin-left: -512px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1024px; 
	height: 768px;
	visibility: visible;
	overflow:hidden;
}

div.container
{	background: transparent;
	border-style: none;
	text-align: center; /* dit is voor IE6 al genoeg om deze div te centreren*/
	margin-top: -225px;
	margin-left: -350px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px; 
	height: 450px;
	visibility: visible;
	overflow:hidden;
}

div.header
{	position:relative;
	margin:0;
	padding:0;
	background:transparent;
	width:700px;
	height:75px;
	overflow:hidden;
}


div#navigatie
{	position:relative;
	margin:0;
	padding:0;
	width:150px;
	height:325px;
	background:transparent;
	float:left;
	overflow:hidden;
}



div#navigatie ul 
{	list-style:none; 
	padding:0; 
	margin:0;
	margin-top:8px;
}

div#navigatie li
{	padding:0;
	margin:10px;
	margin-top:0px;
	margin-bottom:15px;
}


div#navigatie li a:link, div#navigatie li a:visited
{	display:block;
	border-style: none;
	width:130px;
	height:1.5em;
	line-height:1.5em;

	text-align:right;
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
	color: #fff;
}

div#navigatie li.stap10  a{color:#ff0000;}
div#navigatie li.stap9  a{color:#ff1919;}
div#navigatie li.stap8  a{color:#ff3333;}
div#navigatie li.stap7  a{color:#ff4c4c;}
div#navigatie li.stap6  a{color:#ff6666;}
div#navigatie li.stap5  a{color:#ff7f7f;}
div#navigatie li.stap4  a{color:#ff9999;}
div#navigatie li.stap3  a{color:#ffb3b3;}
div#navigatie li.stap2  a{color:#ffcccc;}
div#navigatie li.stap1  a{color:#ffe6e6;}
div#navigatie li.stap0 a {color:#ffffff;}

body#home li#home a, 
body#curriculum li#curriculum a, 
body#nieuws li#nieuws a, 
body#agenda li#agenda a,
body#fotos li#fotos a, 
body#muziekfragmenten li#muziekfragmenten a,
body#pers li#pers a, 
body#contact li#contact a,
body#weblinks li#weblinks a
{	color: red;
}



div#navigatie li a:hover
{	color:red;
}

div.inhoud
{	position:relative;
	margin-top:12px;
	padding:0px;
	margin-left:12px;
	padding-right:15px;

	height:337px;
	width:522px;
	background:transparent; /*url(graphics/oranjehalfdoorlatend.png);*/
	float:left;
/*	overflow-x:hidden;
	overflow-y:autoin;*/
	overflow:auto;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
	color:#f8f8f8;
	text-align:left;/*justify;*/
}

table.contactformulier
{	padding:0;
	margin:0;
	border-collapse:collapse;
	border-width:0;
	color:#808080;
	text-align:left;
	width:100%; /* van de inhoud-div */
}

table.muteertabel
{	padding:0;
	margin:0;
	border-collapse:collapse;
	border-width:0;
	width:510px;
}

td.item_titel, td.item_datum, a:link, a:visited, a:hover
{	color: #8091a9; /*#748397; /* grijsblauw */
	
}

td.item_titel /* voor links-uitgelijnde nieuwskoppen */
{	text-align:left;
	font-weight:bold; 
}


td.item_datum /* voor rechts-uitgelijnde datums */
{	text-align:right;
	vertical-align:top;
	font-weight:bold; 
	width:100px;
}

td.item_inhoud /* voor links-uitgelijnde inhoudvelden zoals nieuwsberichten */
{	color: #f8f8f8;/*#548397; */
	font-weight:normal; 
	text-align:left;
/*	width:500px;*/
}

td.item_muteer /* waar de icoontjes voor edit en remove in komen */
{	color: yellow; 
	text-align:left;
	width:40px;
}


.invoerveld
{	/*background:transparent;
	border: solid 1px #808080;*/
	border-style:none;
	background:url(graphics/paarshalfdoorlatend.png);
	color:#f8f8f8;
	
/*	width:340px;*/
	width:100%; /* van de td, td.width bepaalt dus de breedte */
	height:18px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
}

td.contactitem
{	vertical-align:top;
	padding-right:10px;
	font-style:italic;
}

.knop
{	/*background:transparent;
	border: solid 1px #808080;*/
	border-style:none;
	background:url(graphics/paarshalfdoorlatend.png);
	width:100px;
	height:25px;
	color:#f8f8f8;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}

.knop:hover
{	color:red;
}

a.verzendkopje  /* voor Lees verder links in agenda en nieuws */
{	padding:0;
	margin:0;

	text-align:left;
	background:transparent; 
	border-style:none; 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
	color:#d69774; /* dat lichtbruin */
	width:350px; /*zodat hij in MSIE niet groter kan worden (zodat de datum verdwijnt)*/
	cursor:pointer;
	white-space: normal; /*zodat de inhoud hiervan op een nieuwe regel bevindt als hij de <width> passeert*/
}

div.eersteconcert 
{
	padding:0;
	margin:0;
	text-align:left;
	background:transparent; 
	border-style:none; 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
	color:#f8f8f8; 
	cursor:pointer;
	white-space: normal; 
/*	width:255px;*/
	overflow:hidden;
	position:relative;
/*	float:left;*/
	
}


.muteerknop
{	margin:0;
	padding:0;
	border-style:none;
	background:transparent;
	text-align:center;
	width:20px;
	height:20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:14px;
}


div.fotodesc
{	color: #f8f8f8;
	padding:0px; margin:0px;
	margin-top:5px;
	margin-bottom:0px;
}

div#datumdiv
{
    width:auto;
    left:190px;
}

div#datumdiv a, div#datumdiv a:link, div#datumdiv a:visited, div#datumdiv a:hover
{
    text-decoration:none;
    color:#eee;
    }