/* ### general ### */
* {
margin: 0px;
padding: 0px;
}

a, input {
outline: none;
}


/* ### global classes ### */
.clear {
clear: both;
height: 1px;
}


/* ### wrapper ### */
#wrapper {
position: relative;
display: block;
width: 100%;
min-height: 100%;
}


/* ### main container ### */
#mainCntr {
margin: 0 auto;
width: 930px;
}


/* ### header container ### */
#headerCntr {
position: relative;
width: 930px;
height: 107px;
}

#headerCntr h1 {
position: absolute;
top: 30px;
left: 160px;
}

#headerCntr h1 a {
display: block;
width: 377px;
height: 73px;
text-indent: -9999px;
background: url('../img/logo.png') 0 0 no-repeat;
}

#headerCntr h1 a:hover {
background: url('../img/logo.png') 0 -73px no-repeat;
}

#headerCntr a.contactbutton {
margin-right: 30px;
width: 187px;
height: 76px;
display: block;
text-indent: -9999px;
float: right;
background: url('../img/contact.png') 0 0 no-repeat;
}

#headerCntr a.contactbutton:hover {
background: url('../img/contact.png') 0 -76px no-repeat;
}


/* ### content container ### */
#contentCntr {
padding-top: 58px;
width: 930px;
position: relative;
background: url('../img/content-top.png') 140px top no-repeat;
}

#contentCntr #bottom {
padding-bottom: 60px;
background: url('../img/content-bottom.png') 140px bottom no-repeat;
}

#contentCntr #mid {
width: 930px;
background: url('../img/content-mid.png') 140px top repeat-y;
}


/* ### left container ### */
#leftCntr {
float: left;
position: relative;
width: 261px;
position: absolute;
left: 0px;
top: 58px;
}


/* ### menu box ### */
.menuBox {
margin-top: -90px;
width: 246px;
position: relative;
}

.menuBox a {
display: block;
text-indent: -9999px;
}

.menuBox ul {
list-style: none;
}

.menuBox li {
float: left;
}

.menuBox li.fotos a {
width: 255px;
height: 248px;
background: url('../img/left3.png') 0 0 no-repeat;
}

.menuBox li.fotos a:hover {
background: url('../img/left3.png') 0 -248px no-repeat;
}

.menuBox li.live {
margin-left: -5px;
}

.menuBox li.live a {
width: 266px;
height: 263px;
background: url('../img/left1.png') 0 0 no-repeat;
}

.menuBox li.live a:hover {
background: url('../img/left1.png') 0 -263px no-repeat;
}

.menuBox li.bio {
margin-left: 7px;
}

.menuBox li.bio a {
width: 249px;
height: 219px;
background: url('../img/left2.png') 0 0 no-repeat;
}

.menuBox li.bio a:hover {
background: url('../img/left2.png') 0 -219px no-repeat;
}


.menuBox li.blog a {
width: 255px;
height: 216px;
background: url('../img/right1.png') 0 0 no-repeat;
}

.menuBox li.blog a:hover {
background: url('../img/right1.png') 0 -216px no-repeat;
}


.menuBox li.music a {
width: 250px;
height: 234px;
background: url('../img/right2.png') 0 0 no-repeat;
}

.menuBox li.music a:hover {
background: url('../img/right2.png') 0 -234px no-repeat;
}


.menuBox li.video a {
width: 265px;
height: 247px;
background: url('../img/right3.png') 0 0 no-repeat;
}

.menuBox li.video a:hover {
background: url('../img/right3.png') 0 -247px no-repeat;
}


/* ### center container ### */
#centerCntr {
width: 420px;
margin: 0 auto;
min-height:600px;
}


/* ### text box ### */
.textBox {
width: 426px;
overflow: hidden;
}

.textBox p {
padding: 7px 0;
line-height: 16px;
}

.textBox p a {
color: #e9539a;
text-decoration: none;
}

.textBox p a:hover {
text-decoration: underline;
}

.textBox a.more {
margin: 8px 20px 7px 0;
width: 106px;
height: 12px;
display: block;
text-indent: -9999px;
float: right;
background: url('../img/meer.png') left top no-repeat;
}

.textBox a.more:hover {
background: url('../img/meer2.png') left top no-repeat;
}


.textBox a.back {
width: 79px;
height: 12px;
display: block;
text-indent: -9999px;
float: right;
background: url('../img/terug.png') left top no-repeat;
}

.textBox a.back:hover {
background: url('../img/terug2.png') left top no-repeat;
}



.textBox img {
margin: 7px 0;
}


/* ### check box ### */
.checkBox {
padding-top: 10px;
width: 426px;
}

.checkBox h2 {
font-size: 20px;
line-height: 40px;
font-weight: normal;
}

.checkBox p {
padding: 7px 0;
line-height: 16px;
}

.checkBox p a {
color: #e9539a;
text-decoration: none;
}

.checkBox p a:hover {
text-decoration: underline;
}

.checkBox a.more {
margin: 8px 20px 7px 0;
width: 106px;
height: 12px;
display: block;
text-indent: -9999px;
float: right;
background: url('../img/meer.png') left top no-repeat;
}

.checkBox img {
margin: 0 0 7px 80px;
border: 1px solid #000;
float: right;
}


/* ### right container ### */
#rightCntr {
padding-top: 33px;
float: right;
width: 240px;
position: absolute;
right: 0px;
top: 58px;
}


/* ### footer container ### */
#footerCntr {
padding: 40px 0 10px 0;
overflow: hidden;
width: 930px;
}

#footerCntr ul {
padding-left: 56px;
float: left;
list-style: none;
}

#footerCntr li {
padding-right: 37px;
float: left;
}

#footerCntr li a {
display: block;
text-indent: -9999px;
float: left;
}

#footerCntr li.facebook a {
width: 72px;
height: 70px;
background: url('../img/f.png') 0 0 no-repeat;
}

#footerCntr li.facebook a:hover {
background: url('../img/f.png') 0 -72px no-repeat;
}


#footerCntr li.youtube a {
width: 72px;
height: 74px;
background: url('../img/tube.png') 0 0 no-repeat;
}

#footerCntr li.youtube a:hover {
background: url('../img/tube.png') 0 -74px no-repeat;
}


#footerCntr li.myspace a {
width: 71px;
height: 71px;
background: url('../img/blue.png') 0 0 no-repeat;
}

#footerCntr li.myspace a:hover {
background: url('../img/blue.png') 0 -71px no-repeat;
}


#footerCntr li.last {
padding: 5px 0px 0 0;
}

#footerCntr li.last a {
width: 79px;
height: 61px;
background: url('../img/twitter.png') 0 0 no-repeat;
}

#footerCntr li.last a:hover {
background: url('../img/twitter.png') 0 -61px no-repeat;
}

#footer {
float:right;
padding-top:40px;
}

#footerCntr p {
margin: 40px 30px 0 0;
float: right;
width: 424px;
display: inline;
height: 22px;
text-indent: -9999px;
background: url('../img/copy.png') no-repeat;
}