@charset "utf-8";

/****************opmaak classes*******************/

.formsearch { 
font : 8pt verdana, arial, sans-serif;
margin : 0;
padding : 0;
padding-left : 140px;
padding-top: 0px;
width : 150px;
background : transparent;
color : #ffffff;
float : left;

}

.imagelink{
border:none;
}

.thumbnail{
border:none;
width: 100px;
height: 60px;
border: dotted thin #FFFFFF;
border-width:thin;
}

/*****.formsearch input{
background:url(../images/search.jpg) no-repeat;
padding-left: 25px;
border:none;
margin-left : 0;
background : transparent;
color : #ffffff;
}***/

.backbutton{
border:none;
margin-left:350px;
margin-top: 4px;
vertical-align:top;

}

.required{
font-weight:bold;
text-decoration:underline;

}

.important{
font-weight:bold;
text-decoration:underline;
color:#f46b59;

}


.formtextarea{
width: 220px;
height: 45px;
}

.table {
border: ridge #FFFFFF 1px;
margin-left: 10px;
width: 400px;


}

.table tr  {
color : #ffffff;
text-align:center;
background:#6c0000;
font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
vertical-align:middle;

}


.teksttablecategory{ 
color : #f6e0e0;
padding: 4px;
font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:underline;
text-align:center;

}

.tablemusic{
border: ridge #FFFFFF 1px;
margin-left: 50px;
width: 440px;


}

.tablemusic tr {
color : #ffffff;
text-align:center;
background:#6c0000;
font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.tablemusicsearch{
border: ridge #FFFFFF 1px;
margin-left: 100px;
width: 300px;


}

.tablemusicsearch tr {
color : #ffffff;
text-align:center;
background:#6c0000;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.pright { 
color : #f6e0e0;
padding-left : 30px;
padding-top : 5px;
padding-right : 50px;
padding-bottom : 15px;
font-size : 9pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
vertical-align : middle;
text-align:center;
clear:both;
display:block;
} 


.specialtekst{ 
color : #ffffff;
width: 150px;
padding: 2px;
font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
clear:both;
text-align:left;
border: dashed 1px #fc4c1d;
}

.specialtekst2{
margin-left: 170px;
margin-bottom: 8px;
color : #ffffff;
width: 130px;
padding: 2px;
font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
clear:both;
text-align:left;
border: dashed 1px #fc4c1d;
}

.tekst { 
color : #ffffff;
padding-left : 30px;
padding-right : 60px;
padding-top: 5px;
padding-bottom: 5px;
font : 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
display : block;
clear:both;
text-align:right;
}

.ptekst{ 
color : #f6e0e0;
padding-left : 30px;
padding-top : 0px;
padding-right : 60px;
padding-bottom : 15px;
font-size : 9pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
vertical-align : middle;
text-align:center;
clear:both;
display:block;

} 

.tekstlatestupdates { 
padding-left : 22px;
padding-top : 0px;
padding-bottom: 0px;
color : #f6e0e0;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
font-size: 16pt;
text-align:center;

}

.textsearch { 
color : #ffffff;
width: 160px;
padding-top: 25px;
margin-top: 50px;

} 

.searchbutton {
margin-left: 104px;
padding-left : 30px;
padding-top : 15px;
padding-bottom: 0px;
color : #f6e0e0;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
font-size: 13pt;
font-weight:bold;
text-align:center;


}


/****************opmaak html tags*******************/

p { 
color : #f6e0e0;
padding-left : 50px;
padding-top : 0px;
padding-right : 20px;
padding-bottom : 0px;
font-size : 9pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
vertical-align : middle;
text-align:center;
clear:both;
display:block;
} 

body { 
background-color : #0e0000;
color:#FFFFFF;
font-size : 9pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
} 

h3 {
padding-left : 12px;
padding-top : 0px;
padding-bottom: 0px;
color : #f6e0e0;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
font-size: 14pt;
text-align:center;

} 

h2 { 
padding-left : 0px;
padding-top : 15px;
padding-bottom: 0px;
color : #f6e0e0;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
font-size: 13pt;
font-weight:bold;
text-align:center;

} 



/****************opmaak id*******************/
#container { 
background-color : #0e0000;
height : 600px;
width : 1000px;
margin : auto;
} 

/***#contentlefttop{
background:url(../images/contentlefttop.gif);
width: 509px;
height: 152px;
float:left;
} ***/

#contentrighttop{
background:url(../images/contentrighttop.gif);
width: 491px;
height: 152px;
float:left;
overflow:auto;
display:inline;
} 

#contentleftbottom{
background:url(../images/contentleftbottom.gif);
width: 509px;
height: 327px;
float:left;
overflow:auto;
display:inline;
} 

#contentrightbottom{
background:url(../images/contentrightbottom.gif);
width: 491px;
height: 327px;
float:left;
overflow:auto;
display:inline;
} 

#footer{
background:url(../images/footer.gif);
width: 1000px;
height: 22px;
float:left;
display:inline;
}

#tableheader {
width: 1000px;
height: 99px;
border: 0px;
border-spacing: 0px;

}


ul {
list-style-type:square;
float : right;
width: 450px;

} 

li { 
color : #f6e0e0;
padding-right : 60px;
padding-bottom : 5px;
float:none;
list-style-type:square;
text-align:center;
clear:both;
}

a:hover { 
color : #fcb814;
text-transform:capitalize;
text-decoration : underline;
}

a:link { 
color : #f6fb6c;

text-decoration : underline;
}

a:active { 
color : #f4f4cd;

text-decoration : underline;
} 

a:visited { 
color : #ddfab3;
text-decoration : underline;
}


/****************opmaak form*******************/
form { 
font : 8pt verdana, arial, sans-serif;
margin : 0;
padding : 0;
padding-left : 70px;
min-width : 300px;
max-width : 450px;
width : 420px;
background : transparent;
color : #ffffff;
float : left;
margin : auto;
} 

form input { 
width : auto;
margin : 5px 0 0 10px;
background: transparent;
color : #ffffff;
} 

form textarea { 
width : 320px;
margin :2px;
padding: 2px;
background: transparent;
color : #ffffff;
overflow:auto;
} 
form input#reset { 
margin-left : 0;
background : transparent;
color : #ffffff;
} 
form input#submit { 
margin-left : 0;
background : transparent;
color : #ffffff;
}