html {
	height: 100%;
}

body {
	background: url('images/achtergrond.jpg');
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
    line-height: 18px;
    height: 100%;
}

.outsideContainer {
	width: 949px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
    /*background: url('images/agenda-repeater.png') no-repeat;
    background-position: 0px 672px;*/
    /*border: 1px solid yellow;*/
}

* html .outsideContainer {
	height: 100%;
}

.insideContainer {
	width: 949px;
	margin: 0 auto;
	min-height: 100%;
    /*border: 1px solid blue;*/
}

* html .insideContainer {
	height: 100%;
}

.header {
    position: relative;
    background: url('images/tribal.png');
    width: 1048px;
    height: 209px;
    margin-left: -50px;
    z-index: -1;
    /*border: 1px solid blue;*/
}

.content {
    background: url('images/agenda-repeater.png') repeat-y;
    /*background: url('images/agenda.png') no-repeat;
    background-position: top right;*/
    width: 949px;
    min-height: 573px;
    margin-top: -110px;
    text-align: left;
    /*border: 1px solid red;*/
}

.contentMain {
    min-height: 600px;
    height: 600px;
    background: url('images/agenda.png') no-repeat;
    background-position: top right;
    /*background: url('images/agenda-repeater.png') repeat-y;*/
    /*border: 1px solid red;*/
}

html>body .contentMain
{
    height: auto;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.polaroid {
    position: absolute;
    width: 345px;
    height: 294px;
    /*background: url('images/kellyclarkson-foto1.png') no-repeat;*/
    margin: -90px 0px 0px -1px;
    z-index: 90;
}

.forum {
    position: absolute;
    width: 87px;
    height: 83px;
    margin: 0px 0px 0px 349px;
    z-index: 91;
}

.webshop {
    position: absolute;
    width: 87px;
    height: 83px;
    margin: 90px 0px 0px 349px;
    z-index: 91;
}

.hyves {
    position: absolute;
    width: 87px;
    height: 83px;
    margin: 180px 0px 0px 349px;
    z-index: 91;
}

.print {
    position: absolute;
    width: 59px;
    height: 57px;
    margin: -5px 0px 0px 884px;
    z-index: 91;
}

.fanbericht {
    position: absolute;
    width: 340px;
    margin: 20px 0 0 528px;
    color: #E84B9C;
    z-index: 91;
}

.fansmall {
	font-size: 9px;
}

.logo {
    position: absolute;
    background: url('images/logo.png') no-repeat;
    width: 267px;
    height: 82px;
    margin: 200px 0px 0px 39px;
    z-index: 91;
}

div.topmenu {
    position: absolute;
    margin: -65px 0px 0px 269px;
    z-index: 95;
}

div.topmenu div {
    float: left;
    display: inline;
    color: #fff;
}

div.topmenu .seperator {
    margin: 0 5px 0 5px;
}

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

div.mainmenu {
    width: 49px;
    height: 575px;
    position: absolute;
    background: url('images/menu.png') no-repeat;
    margin: 20px 0px 0px -36px;
    /*border: 1px solid red;*/
}

#kelly {
    width: 45px;
    height: 70px;
    position: absolute;
    margin: 20px 0 0 0;
    /*border: 1px solid red;*/
}

#nieuws {
    width: 45px;
    height: 80px;
    position: absolute;
    margin: 100px 0 0 0;
}

#media {
    width: 45px;
    height: 80px;
    position: absolute;
    margin: 190px 0 0 0;
}

#songs {
    width: 45px;
    height: 80px;
    position: absolute;
    margin: 280px 0 0 0;
}

#fotos {
    width: 45px;
    height: 80px;
    position: absolute;
    margin: 370px 0 0 0;
}

#tours {
    width: 45px;
    height: 80px;
    position: absolute;
    margin: 460px 0 0 0;
}

.googleSkyscraper {
    position: absolute;
    width: 120px;
    height: 600px;
    margin: 150px 0px 0px 964px;
}

.contentLeft {
    float: left;
    display: inline;
    width: 400px;
    min-height: 500px;
    margin: 300px 0 0 44px;
    /*border: 1px solid red;*/
}

.contentRight {
    float: left;
    display: inline;
    width: 420px;
    margin: 65px 0 0 85px;
    /*border: 1px solid red;*/
}

.contentBlock {
    width: 389px;
    margin-bottom: 20px;
    /*border: 1px solid blue;*/
}

.blockTitle {
    height: 23px;
    width: 379px;
    padding: 5px 0px 0px 10px;
    background: url('images/bg-block.png');
    border-bottom: 1px solid #BAD225;
}

.blockTitle h1 {
    float: left;
}

.showhide {
    float: right;
    margin-right: 5px;
}

.blockContent {
    border: 1px solid #BAD225;
    background-color: #fff;
}

.blockContent img {
    border: 3px solid #D7D2BE;
}

.blockText {
    margin: 10px;
}

.blockText.fotos {
	padding-bottom: 70px;
}

#blockTop, #blockAgenda, #blockQuote { /*, #blocktwitter, #blockBlog, #blockVideo, , #blocksingle #blockmeewerken*/
    display: none;
}

#naam {
	width: 250px;
}

#bericht {
	width: 250px;
	overflow: auto;
	font: normal 12px arial;
}

/* Typography */

h1 {
    font: normal 16px Arial Black;
    /*margin: 5px 0px 0px 10px;*/
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
}

h2 {
    margin: 0;
    padding: 0;
    font: bold 12px Arial;
    color: #2BB4C7;
}

p {
    margin: 0 0 10px 0;
}

p.intro {
    font-weight: bold;
    color: #2BB4C7;
    margin-bottom: 10px;
}

a {
    color: #2BB4C7;
}

a:hover {
    color: #E84B9C;
}

a img {
    border: 0px;
}

/*table.submenu a {
    color: #000;
    text-decoration: none;
}*/

div.foto {
    float: left;
    margin: 0 7px 10px 0;
}

.reactieFooter {
	margin-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #BAD225; 
}

input.txt {
	width: 350px;
	border: 1px solid #BAD225;
}

.reactieTxt {
	width: 350px;
	height: 100px;
	font: normal 11px Verdana, Arial;	
	border: 1px solid #BAD225;
	overflow: auto;
}

.reactieBtn {
	font: normal 11px Verdana, Arial;
	background-color: white;
	border: 1px solid #BAD225;
	margin-top: 10px;
	height: 20px;
}

li h2 a {
	text-decoration: none;
}