/* CSS Document */

body { height: 100%; }

html,body {
	margin: 0;
	padding: 0;

	background: #E6E6EB;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
}

a:link, a:visited, a:active {
	color: #FF0099;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.img {
	padding-bottom: 5px;
	padding-right: 5px;
}
#youtube { width: 450px; height: 300px; clear: left; }
 
.btn100 a:link, .btn100 a:visited, .btn100 a:active {
	float: left;
	width: 100px;
	height: 18px;
	padding-top: 2px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-image: url("../img/btn_100.gif");
}

.btn100 a:hover {
	background-image: url("../img/btn_100_o.gif");
}

.btn20 a:link, .btn20 a:visited, .btn20 a:active {
	float: left;
	width: 20px;
	height: 18px;
	padding-top: 2px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-image: url("../img/btn_20.gif");
}

.btn20 a:hover {
	background-image: url("../img/btn_20_o.gif");
}

form {
	padding: 0;
	margin: 0;
}

.date {
	font-weight: bold;
	color: #FF0099;
}


/*---------- ( BASIC STRAMIEN ) ----------*/

#container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 930px;
}

#header {
	position: relative;
	width: 930px;
	height: 135px;
	background-image: url("../img/header.gif");
}

#img_container {
	position: relative;
	width: 930px;
	height: 250px;
	padding-top: 15px;
}

#top_img {
	position: relative;
	width: 930px;
	height: 250px;
}

#container2 {
	position: relative;
	width: 930px;
	padding-top: 15px;
	margin: 0;
}


/*---------- ( NAVIGATIE ) ----------*/

#header_top {
	position: relative;
	height: 105px;
	width: 900px;
	padding: 0 15px 0 15px;
	text-align: right;
}

#logo {
	padding: 15px 0 0 0;
	float: left;
	width: 430px;
	height: 70px;
}

#member_btn {
	position: relative;
	padding: 10px 0 0 10px;
	float: left;
	width: 80px;
	height: 80px;
}

#LGstar {
	position:absolute;
	padding: 5px 0 0 10px;
	left:470px;
	width: 90px;
	height: 90px;
}
	

#topnav {
	position: relative;
	height: 18px;
	padding-top: 2px;
	text-align: right;
}

#topnav a:link, #topnav a:active, #topnav a:visited {
	color: #000000;
	text-decoration: none;
}

#topnav a:hover {
	color: #FF0099;
	text-decoration: none;
}

#login {
	width: 210px;
	height: 65px;
	float: right;
	padding-top: 5px;
}

.login_block {
	width: 210px;
	height: 10px;
	padding-bottom: 5px;
	clear: both;
}

.login_r {
	width: 15px;
	padding-left: 10px;
	float: right;
}

.login_r2 {
	padding-left: 10px;
	float: right;
}

.login_r2 input {
	height: 10px;
	font-size: 10px;
}

#nav {
	position: relative;
	height: 20px;
	width: 915px;
	padding-left: 16px;
	margin: 0;
}

#nav li {
	position: relative;
	float: left;
	padding-right: 10px;
	list-style: none;
}

#nav a, #nav a:visited, #nav a:active {
	float: left;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	width: 91px;
	height: 18px;
	padding-top: 2px;
	background-image: url("../img/mbtn.gif");
	text-align: center;
}


#nav a.act, #nav a.act:visited, #nav a.act:active {
	color: #FFFFFF;
	background-image: url("../img/mbtn_o.gif");
}


#nav a:hover {
	color: #FFFFFF;
	background-image: url("../img/mbtn_o.gif");
}


/*---------- ( COLUMNS ) ----------*/

.col_padding {
	position: relative;
	width: 300px;
	padding-left: 15px;
	float: left;
}

.col_l {
	position: relative;
	width: 300px;
	float: left;
}

.col_r {
	position: relative;
	width: 300px;
	float: right;
}

.col_large {
	position: relative;
	width: 615px;
	float: right;
}


/*---------- ( COLUMN 300px ) ----------*/

.block {
	position: relative;
	width: 300px;
	padding-bottom: 15px;
}

.hs_pink {
	position: relative;
	width: 270px;
	height: 60px;
	padding: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/hs_pink.jpg");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.hs_blue {
	position: relative;
	width: 270px;
	height: 60px;
	padding: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/hs_blue.jpg");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.hs_green {
	position: relative;
	width: 270px;
	height: 60px;
	padding: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/hs_green.jpg");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.hs_home_gal {
	position: relative;
	width: 270px;
	height: 225px;
	padding: 15px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.hs_home_event {
	position: relative;
	width: 270px;
	height: 225px;
	padding: 15px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.block_cont {
	position: relative;
	width: 270px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/block_footer.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}

.block_item {
	position: relative;
	width: 270px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #000000;
	clear: both;
}

.block_item_home {
	position: relative;
	width: 270px;
	
	height: auto !important; /*real browser */	
height: 165px; /* IE6: treated as min-height */	
min-height: 165px; /* real browsers */

	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #000000;
	clear: both;
}

.item_l {
	width: 100px;
	float: left;
}

.item_r {
	width: 160px;
	float: right;
}

.item_r h1, .block_item h1 {
	width: 160px;
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
}

.item_r h2, .block_item h2 {
	width: 160px;
	font-size: 11px;
	color: #FF0099;
	padding: 0;
	margin: 0;
}

.item_r h3, .block_item h3 {
	width: 160px;
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.item_cont {
	height: 85px;
}

.item_link {
	width: 140px;
	height: 15px;
	padding-right: 20px;
	text-align: right;
	background-image: url('../img/btn_bullet.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.item_link a:link, .item_link a:visited, .item_link a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.item_link a:hover {
	color: #FF0099;
	text-decoration: none;
}

.block_foot {
	width: 250px;
	height: 25px;
	padding-right: 20px;
	padding-top: 10px;
	text-align: left;
	background-image: url('../img/btn_bullet.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.block_link {
	width: 250px;
	height: 15px;
	padding-right: 20px;
	text-align: right;
	background-image: url('../img/btn_bullet.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.block_link a:link, .block_link a:visited, .block_link a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.block_link a:hover {
	color: #FF0099;
	text-decoration: none;
}

h1 {
	width: 270px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

h1 a:link, h1 a:visited, h1 a: active {
	color: #FF0099;
	text-decoration: none;
}

h1 a:link, h1 a:visited, h1 a: active {
	text-decoration: underline;
}

.col_l_foot {
	width: 270px;
	padding-bottom: 10px;
	color: #666666;
	height: 15px;
}

.col_l_foot a:link, .col_l_foot a:visited, .col_l_foot a:active {
	color: #666666;
	text-decoration: none;
}

.col_l_foot a:hover {
	color: #FF0099;
	text-decoration: none;
}

.act {
	color: #000000;
	font-weight: bold;
}


/*---------- ( COLUMN 615px ) ----------*/

.mblock {
	position: relative;
	width: 615px;
	padding-bottom: 15px;
}

.hl_pink {
	position: relative;
	width: 585px;
	height: 60px;
	padding: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/hl_pink.jpg");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.hl_l {
	float: left;
}

.hl_r {
	font-size: 14px;
	float: right;
}

.mblock_padding {
	position: relative;
	width: 585px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/block_footer_l.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}

.mblock_cont {
	width: 585px;
}

#mblock_col_l {
	width: 200px;
	float: left;
}

#mblock_col_r {
	width: 370px;
	float: right;
}

.iframe_padding {
	position: relative;
	width: 451px;
	padding-left: 82px;
	padding-right: 82px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/block_footer_l.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}

.content {
	width: 585px;
	padding-bottom: 15px;
}

.reaction {
	width: 585px;
	padding-bottom: 5px;
}

.reaction_l {
	width: 95px;
	float: left;
}

.reaction_r {
	width: 480px;
	float: right;
}

.balk_padding {
	padding-bottom: 5px;
	height: 20px;
}

.balk {
	width: 585px;
	height: 20px;
	background-image: url('../img/grey_bg.gif');
}

.balk a:link, .balk a:visited, .balk a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.balk a:hover {
	text-decoration: underline;
}

.balk_l {
	width: 15px;
	height: 20px;
	float: left;
	background-image: url('../img/grey_l.gif');
	background-repeat: no-repeat;
	background-position: left;
}

.balk_r {
	width: 15px;
	height: 20px;
	float: right;
	background-image: url('../img/grey_r.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.balk_ml {
	height: 17px;
	float: left;
	padding-top: 3px;
	color: #FFFFFF;
	font-weight: bold;
}

.balk_mr {
	height: 17px;
	float: right;
	padding-top: 3px;
	color: #FFFFFF;
}


/*---------- ( CALENDER ) ----------*/

.calander {
	width: 250px;
	padding-left: 15px;
	padding-bottom: 30px;
}

.cal_title {
	width: 170px;
	height: 22px;
	float: left;
	background-image: url("../img/cal_title.gif");
	text-align: center;
	font-size: 16px;
	color: #000000;
	text-transform: capitalize;
	padding-top: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.cal_day {
	width: 30px;
	height: 22px;
	float: left;
	background-image: url("../img/cal_day.gif");
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: capitalize;
	padding-top: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

a.cal_act:link, a.cal_act:active, a.cal_act:visited {
	width: 30px;
	height: 22px;
	float: left;
	background-image: url("../img/cal_act.gif");
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

a.cal_act:hover {
	background-image: url("../img/cal_act_o.gif");
	text-decoration: none;
}

.cal_inact {
	width: 30px;
	height: 22px;
	float: left;
	background-image: url("../img/cal_inact.gif");
	text-align: center;
	font-size: 11px;
	padding-top: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.cal_no {
	width: 30px;
	height: 22px;
	float: left;
	background-image: url("../img/cal_no.gif");
	text-align: center;
	font-size: 11px;
	color: #999999;
	padding-top: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/*---------- ( AGENDA ) ----------*/

.event {
	width: 585px;
	height: 100px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #000000;
}

.event h1 {
	width: 475px;
	font-size: 11px;
	color: #000000;
	padding: 0;
	margin: 0;
}

.event h2 {
	width: 475px;
	font-size: 11px;
	color: #FF0099;
	padding: 0;
	margin: 0;
}

.event h3 {
	width: 475px;
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.event_l {
	width: 100px;
	height: 100px;
	float: left;
}

.event_r {
	width: 475px;
	height: 100px;
	float: right;
}

.event_cont {
	width: 475px;
	height: 85px;
}

.event_link {
	width: 455px;
	height: 15px;
	padding-right: 20px;
	text-align: right;
	background-image: url('../img/btn_bullet.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.event_link a:link, .event_link a:visited, .event_link a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.event_link a:hover {
	color: #FF0099;
	text-decoration: none;
}

.agenda_row {
	width: 370px;
	line-height: 15px;
	clear: both;
}

#agenda_nav {
	position: relative;
	height: 20px;
	width: 370px;
	padding-left: 0;
	
	margin: 0;
}


#agenda_nav li {
	position: relative;
	float: left;
	padding-right: 15px;
	list-style: none;
}

#agenda_nav a, #agenda_nav a:visited, #agenda_nav a:active {
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	width: 100px;
	height: 17px;
	padding-top: 3px;
	background-image: url("../img/btn_100.gif");
	text-align: center;
}

#agenda_nav a:hover {
	background-image: url("../img/btn_100_o.gif");
}

.agenda_l {
	width: 80px;
	float: left;
	font-weight: bold;
}

.agenda_r {
	float: left;
	margin-left: 10px;
}

.presale {
	clear: both;
	width: 280px;
	padding-bottom: 10px;
	border-top: 1px dotted #000000;
}

.presale_item {
	clear: both;
	width: 280px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000000;
}

.presale_item a:link, .presale_item a:visited, .presale_item a:active {
	color: #FF0099;
	font-weight: bold;
	text-decoration: none;
}

.presale_item a:hover {
	text-decoration: underline;
}

.member_padding {
	float: left;
	padding-right: 3px;
	padding-bottom: 3px;
}

.member {
	width: 95px;
	height: 83px;
	background-image: url("../img/member_bg.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
}

.member a:link, .member a:active, .member a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.member a:hover {
	text-decoration: underline;
}

.member_img {
	padding-bottom: 2px;
}


/*---------- ( GALLERY ) ----------*/

.gal_padding {
	position: relative;
	width: 590px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url("../img/block_footer_l.gif");
	background-repeat: no-repeat;
	background-position: bottom;
}

.gal_img {
	width: 585px;
	height: 390px;
}

.gal_thumb {
	width: 95px;
	height: 63px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#gal_nav {
	width: 585px;
	height: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.gal_nav_l {
	float: left;
	padding-right: 5px;
}

.gal_nav_r {
	float: right;
	padding-left: 5px;
}

/*---------- ( ARTIESTEN ) ----------*/

#artist_btn {
	border-top: 1px dotted #000000;
	width: 270px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #000000;
}

#artist_btn a:link, #artist_btn a:visited, #artist_btn a:active {
	width: 270px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom: 1px dotted #000000;
}

#artist_btn a:hover {
	text-decoration: none;
	background-color: #E6E6BE;
}

#artist_btn h1 {
	color: #FF0099;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#artist_btn h2 {
	color: #999999;
	font-size: 10px;
	padding: 0;
	margin: 0;
}


/*---------- ( FOOTER ) ----------*/

#footer_padding {
	width: 930px;
}

#footer {
	position: relative;
	width: 930px;
	height: 20px;
	padding:0 0 10px 0;
	clear: both;
	background: url("../img/grey_bg.gif") repeat-x;
	color: #FFFFFF;
}

#footer em { display: none; }


#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.footer_l {
	width: 15px;
	height: 20px;
	float: left;
	background-image: url("../img/foot_l.gif");
}

.footer_r {
	width: 15px;
	height: 20px;
	float: right;
	background-image: url("../img/foot_r.gif");
}

.footer_ml {
	height: 17px;
	padding-top: 3px;
	float: left;
}

.footer_mr {
	height: 17px;
	padding-top: 3px;
	float: right;
}

#snIcons {
	padding-left:345px;
	padding-bottom:10px;
	margin:0;
}

#snIcons li {
	float:left;
	list-style:none; 
}
	
#snIcons li.snFacebook a {display:block; width:40px; height:40px; padding:10px; background:url(../img/sn_facebook_grey.jpg) no-repeat;}
#snIcons li.snTwitter a {display:block; width:40px; height:40px; padding:10px; background:url(../img/sn_twitter_grey.jpg) no-repeat;}
#snIcons li.snFlogs a {display:block; width:40px; height:40px; padding:10px; background:url(../img/sn_flogs_grey.jpg) no-repeat;}
#snIcons li.snHyves a {display:block; width:40px; height:40px; padding:10px; background:url(../img/sn_hyves_grey.jpg) no-repeat;}

#snIcons li.snFacebook a:hover {background:url(../img/sn_facebook_color.jpg) no-repeat;}
#snIcons li.snTwitter a:hover {background:url(../img/sn_twitter_color.jpg) no-repeat;}
#snIcons li.snFlogs a:hover {background:url(../img/sn_flogs_color.jpg) no-repeat;}
#snIcons li.snHyves a:hover {background:url(../img/sn_hyves_color.jpg) no-repeat;}


#mycontent {
	width: 370px;
	display: block;
}

.clear { clear: both; } 
p { margin: 0 0 15px 0; }
img { border: 0px; }


.mijnfoto { width: 100px; height: 84px; float: left; text-align: right; padding-right: 1px; padding-bottom: 3px;}
.mijnfoto img { width: 98px; border: 0px; }


.girl { float: left; width: 94px; padding: 8px 6px 0 0; margin: 10px 10px 0 0; overflow: hidden; }
.girl span { padding: 4px; width: 92px; background: #e02294; color: #fff; display: block; }

.girl form { float: left; width: 24px; margin: 4px 6px 0 0; padding: 0; }

.girl .button  { width: 24px; }


#girl_btn { float: left; width: 85px; height: 85px; }



#logos { margin: 0; padding:0; }
#logos li { list-style: none; margin:0 0 12px 12px; padding:0; float: left; display: inline; width: 144px; height: 144px; background: url("img/logo_bg.jpg") no-repeat 0 0; }
#logos li span { border-bottom:1px dotted #000;display:block;height:105px;margin:10px 10px 1px;overflow:hidden;width:124px; }
#logos li a { padding-left: 10px; }

#main { width: 300px; float: left; }
#sub { width: 630px; float: right; }


#sub .block { display: inline; float: left; width: 300px; margin: 0 0 12px 12px; padding: 0; }

.flash-replaced .alt { display: none; }