/*----------- General -----------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin:0; 
padding:0; 
border:0; 
outline:0;
list-style-position:outside;
line-height:20px;
}

body {
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
font-family: Arial, Verdana, Tahoma; 
font-size:12px;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
text-align:left;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

h1 {
font-size:24px;
color:#393382;
font-weight:lighter;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#fff;
}

p {
font-weight:lighter;
}

/*----------- Header -----------*/

div#header {
background-image:url(../images/header.png);
background-repeat:no-repeat;
margin:0 auto;
width:960px;
height:433px;
}

div#upperheader {
float:left;
width:960px;
height:191px;
}

div#lowerheader {
float:left;
width:960px;
height:250px;
}

/* navigatie */

#uppernav{
font-family: Helvetica Neue, Arial, Verdana, Tahoma; 
font-size:13px;
font-weight:normal;
letter-spacing:1px;
padding:6px 0 0 30px;
text-decoration:none;
float:left;
display:block;
margin:0px;
}

#uppernav li {
float:left;
display:block;
text-decoration:none;
margin-left:30px;
}

#uppernav a {
color:#686868;
padding:0px 0px 0px 0px;
}

#uppernav a:hover{
color:#1b184c;
text-decoration:none;
padding:0px 0px 0px 0px;
}

#uppernav a.active{
color:#1b184c;
text-decoration:none;
padding:0px 0px 0px 0px;
}

/* einde navigatie */

img#logo {
margin:60px 0 0 125px;
}

a#img1:hover {
background-image:url(../images/01b.jpg);
background-repeat:no-repeat;
}

/*----------- Content -----------*/

div#mainwrap {
margin:0 auto;
width:960px;
padding-bottom:350px;
}

div#contentwrapper {
float:left;
width:960px;
padding-top:3em;
overflow:hidden;
display: block;

}

div#content1{
width:300px;
padding-right:20px;
float:left;
display:block;
}

div#content2{
width:300px;
padding-right:20px;
float:left;
display:block;
}


div#content3{
width:620px;
padding-right:20px;
float:left;
display:block;
}


.GramE a{
color: #393382;
font-weight:bold;
}

.GramE a:hover{
color: #393382;
text-decoration:underline;
}

div.artiesten{

}

div.artiest-info{
	margin-bottom:20px;
}

div.icoonwrap {
background-image:url(../images/homebutton.png);
background-repeat:no-repeat;
width:300px;
height:37px;
}

div.icoonwrap2 {
background-image:url(../images/nieuwsbutton.png);
background-repeat:no-repeat;
width:300px;
height:37px;
}

div.icoonwrap3{
background-image:url(../images/contactbutton.png);
background-repeat:no-repeat;
width:300px;
height:37px;
}

h1.icoonkop {
float:left;
padding:9px 0 0 50px;
margin:0;
}

h1.nieuwskop {
font-size:16px;
padding-top:1em;
font-weight:lighter;
margin-bottom:10px;
}

h1.bookingkop {
font-size:16px;
font-weight:lighter;
padding:1em 0 1em 0;
}

p.text1 {
text-align:left;	
font-style:italic;
padding-top:1em;
}

p.text2 {
text-align:left;	
padding-top:1em;
}

p.video {
text-align:left;	
padding-top:2em;
}

p.text4 {
text-align:left;	
font-style:italic;
}

p.text3 {
text-align:left;	
margin:1em 0 1em 0;
padding-bottom:2em;
border-bottom:1px dotted #393382;
}

p.textdate {
color:#393382;
font-weight:bold;
text-align:left;	
padding-top:1em;
}

p.textdate a{
color:#393382;
}

div.tabellinks {
float:left;
display:block;
margin-right:20px;
padding-top:1em;
font-weight:bold;
}

div.tabelrechts {
float:left;
display:block;
padding-top:1em;
}

img.homebox {
border:7px solid #e5e5e5;
margin:0 20px 1em 0;
}

img:hover.homebox {
border:7px solid #393382;
margin:0 20px 1em 0;
}

/* flexibel button */

.buttonwrap {
float:left;
padding-top:1.5em;
}

a.button2 {
    background: transparent url('../images/button_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 29px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	font-weight:lighter;
}

a.button2 span {
    background: transparent url('../images/button_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 4px 0 5px 10px;
} 

/* einde flexibel button */

h1#popstarkop {
font-size:20px;
padding-top:1em;
font-weight:bold;
}

h1#popstarkop a {
color:#393382;
}

h1.popstarkop2 {
font-size:20px;
margin-top:5px;
font-weight:bold;
}

h1.popstarkop2 a {
color:#393382;
}

div.popstarbox {
padding:1em 0 1em 0;
margin-bottom:1.5em;
border-bottom:1px dotted #393382;
float:left;
}

div.popstarbox2 {
padding:1em 0 1em 0;
float:left;
border-bottom:1px dotted #393382;
margin-bottom:20px;
}

div.ronaldbox {
padding-top:1em;
float:left;
border-bottom:1px dotted #393382;
margin-bottom:2em;
padding-bottom:1em;
}

img.popstars {
border:7px solid #cdcce0;
margin-right:14px;	
float:left;
margin-bottom:10px;
}

img.popstarsb {
border:7px solid #cdcce0;
margin-right:14px;	
float:left;
margin-bottom:80px;
}

img.popstarsc {
border:7px solid #cdcce0;
margin-right:14px;	
float:left;
margin-bottom:250px;
}

img.popstarsd {
border:7px solid #cdcce0;
margin-right:20px;	
float:left;
margin-bottom:160px;
}

img.popstarse {
border:7px solid #cdcce0;
margin-right:14px;	
float:left;
margin-bottom:350px;
}

img.popstars2{
border:5px solid #cdcce0;
margin:15px 15px 0 0;	
float:left;
}

img.biografie {
margin:1em 30px 5px  0;	
float:left;
display:block;
}

img#ronald {
float:left;
margin-bottom:50px;
border:7px solid #cdcce0;
margin-right:14px;	
}

h1.naam {
font-size:16px;
font-weight:bold;
padding-bottom:0.5em;
}

h1.naam a {
color:#393382;
}

h1.ronald {
font-size:16px;
font-weight:bold;
padding:1em 0 0.5em 0;
}

h1.ronald  a{
color:#393382;
}

p.popstartext {
padding-bottom:1em;

}

p.popstartext2 {
float:left;
padding-bottom:1em;
width:430px;
}

p.popstartext3{
float:left;
padding-bottom:1em;
width:300px;
}

div.weblinks{
	width:400px;
	float:left;
	margin:0;
	margin-top:-10px;
	margin-bottom:10px;
}

p.weblink {
font-weight:bold;
text-align:left;	
padding-top:1em;
margin:0 auto;
}

a.websitelink {
color:#393382;
}

a#nieuwslink {
color:#393382;
font-weight:bold;
}

div.nieuwstextbox {
float:left;
width:400px;
}

div.nieuwsimgbox {
float:right;
margin-left:20px;	
}

.nieuwstext {
padding-bottom:1em;
float:left;
width:400px;
}

.nieuwstext a{
color: #393382;
font-weight:bold;
}

.nieuwstext a:hover{
color: #393382;
text-decoration:underline;
}

img.nieuwsimg {
border:7px solid #cdcce0;
}

div.popstarboxnieuws {
float:left;
border-bottom:1px dotted #393382;
margin-bottom:2em;
padding-bottom:1em;
width:600px;
}

.oudere-items a{
width:150px;
height:28px;
display:block;
background-image:url(../images/oudere-items.png);
background-repeat:no-repeat;
float:left;
text-align:center;
line-height:28px;
font-weight:bold;
font-size:12px;
}


div.nieuwstext ul{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	width:360px;
	padding:0;
	float:left;
}


div.popstarboxnieuws ol{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	width:360px;
	float:left;
	padding:0;
}

/*----------- Sidebar -----------*/

div#sidebar{
width:310px;
float:right;
display:block;
}

div.formulier {
color:#000;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
padding-top:1em;
}

div.formulier2 {
color:#000;
float:left;
font-size:12px;
text-align:left;
font-weight:lighter;
}

div.formobject {
margin:0 0 8px;
}

div.formobject2 {
margin:0 0 8px;
}

div.formobject label {
display:block;
float:left;
margin:0 0 5px;
vertical-align:baseline;
width:110px;
}

div.formobject2 label {
display:block;
float:left;
margin:0 0 5px;
vertical-align:baseline;
width:130px;
}

div.formobject input {
background-color:#cdcbde;
border:1px dotted #3a3585;
width:195px;
}

div.formobject2 input {
background-color:#cdcbde;
border:1px dotted #3a3585;
width:195px;
}

div.formobject textarea {
background-color:#cdcbde;
border:1px dotted #3a3585;
color:#373738;
width:195px;
height:70px;
}

div.formobject2 textarea {
background-color:#cdcbde;
border:1px dotted #3a3585;
color:#373738;
width:195px;
height:70px;
}

div.formobject button{
background: transparent url(../images/verzenden.png); 
background-repeat:no-repeat;
border: none;
float:right;
margin:5px 0 0 20px;
width:101px;
height:28px;
color:#fff;
font-size:12px;
font-weight:lighter;
}

div.formobject2 button{
background: transparent url(../images/verzenden.png); 
background-repeat:no-repeat;
border: none;
float:right;
margin:5px 0 0 20px;
width:101px;
height:28px;
color:#fff;
font-size:12px;
font-weight:lighter;
}

/*----------- Footer -----------*/

#footer {
background-image:url(../images/footer.png);
background-repeat:repeat-x;
position: relative;
margin-top: -300px; /* negative value of footer height */
height: 300px;
clear:both;
} 

div#footerwrapper {
margin-left:auto;
margin-right:auto;
width:960px;
}

div.footercolumn {
float:left;
width:240px;
padding-top:2.5em;
}

h1.footerkop {
color:#fff;
font-weight:bold;
font-size:16px;
}

div.footertext {
line-height:20px;
text-align:left;	
padding-top:1em;
float:left;
font-weight:lighter;
width:200px;
}

div.contactgegevens {
padding-top:1em;
font-weight:lighter;
}

div.contactgegevens2 {
font-weight:lighter;
}

div.contactgegevens3 {
padding-top:1em;
font-weight:lighter;
}

li.nieuwsfooter {
margin-bottom:1em;
}

/* navigatie */

#bottomnav, #links {
list-style-image:none;
font-size:12px;
margin-top:1em;
padding:0;
list-style-type:none;
}

#bottomnav li, #links li{
list-style-image:none;
margin-right:15px;
list-style-type:none;
}

#bottomnav a, #links a{
color:#fff;
text-decoration:none;
font-weight:lighter;
}

#bottomnav a:hover, #links a:hover {
color:#fff;
text-decoration:underline;
}

#bottomnav a.active, #links a.active {
color:#fff;
text-decoration:underline;
}

/* einde navigatie */

div#copyrightwrap {
width:960px;
float:left;
}

div#copyright {
color:#fff;
padding:1.5em 0 0 0;
float:left;
}

div#redmelon {
padding:1.5em 18px 0 0;
float:right;
}

div#webdesign {
color:#fff;
font-size:12px;
padding-right:8px;
float:left;
}

img#redmelonlogo {
float:right;
padding-top:2px;
}

div#webdesign a {
text-decoration:none;
color:#fff;
}

html, body, #wrapper {
height:100%;
}

body > #wrapper {
height:auto; 
min-height:100%;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	
.clearfix {
display: inline-block;
} /* Hides from IE-mac \*/

.clearfix {
display:block;
} /* End hide from IE-mac */

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */