/*___________________________________________________________________________________________________________________

	mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands
	copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl

_____________________________________________________________________________________________________________________*/

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/reset.css";
@import "lib/fonts.css";
@import "lib/lightbox.css";
/* End import/hide */

body {
	background: #0c0c0c url("../../img/bg_body.gif") repeat-x fixed left top;
	text-align: center;
	_behavior:url("templates/css/lib/csshover.htc");
}

/* begin_screen_mct_beheer_editor */

body,td,th,input,select,textarea {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 11px;
	color: #b1b1b1;
}

body * {
	line-height: 18px;
}

input,textarea { line-height: normal; }

p { margin-bottom: 15px; }

a { padding: 0 1px; color: #b1b1b1; text-decoration: underline; outline: none; }
a:hover { background-color: #00d2ff; color: #343434; text-decoration: none;  }
a:active { text-decoration: none; }
a.nohover:hover {text-decoration:none;background-color:transparent;}
img { border: none; }
fieldset { border: none; }
legend { display: none; }
caption { display: none; }

ul { list-style-type: circle; margin-left: 25px; padding-left: 0; }
ol { margin-left: 25px; padding-left: 0; }

table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

dl dt {}
dl dd {}

strong { font-weight: bold; }
em { font-style: italic; }

hr {
	border: 0;
	height: 1px;
	background-color: #b1b1b1;
}


/* HEADINGS */

h1,h2,h3,h4,h5,h6 {
	color: #b1b1b1;
	font-size: 11px;
	margin-bottom: 15px;
}

h2 { color: #ffffff; font-size: 18px; }
h3 { color: #ffffff; font-size: 16px; }
h4 { color: #ffffff; font-weight: bold; font-size: 14px; }
h5 { color: #ffffff; font-weight: bold; font-size: 12px; }
h6 { color: #ffffff; font-weight: bold; font-size: 12px; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { padding: 0; text-decoration: none; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color: #00d2ff;
	background-color: transparent;
}

h2.bg {
	position: relative;
	height: 23px;
	border-bottom: 6px solid #fff;
	text-indent: -1234em;
	margin: 0;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

h2.bg a {
	display: block;
	height: 29px;
}

h2.bg:hover {
	background-position: left -23px;
	border-bottom: 6px solid #00d2ff;
}

h2.bg.nieuws { background-image: url("../../img/headers/nieuws.gif"); }
h2.bg.fotos { background-image: url("../../img/headers/fotos.gif"); }
h2.bg.photos { background-image: url("../../img/headers/fotos.gif"); }
h2.bg.reageer { background-image: url("../../img/headers/reageer.gif"); }
h2.bg.nieuwsbrief { background-image: url("../../img/headers/nieuwsbrief.gif"); }
h2.bg.nieuwsbrief_aanmelden { background-image: url("../../img/headers/nieuwsbrief.gif"); }
h2.bg.reacties { background-image: url("../../img/headers/reacties.gif"); }
h2.bg.archief { background-image: url("../../img/headers/archief.gif"); }
h2.bg.schrijf { background-image: url("../../img/headers/schrijf.gif"); }
h2.bg.berichten { background-image: url("../../img/headers/berichten.gif"); }
h2.bg.biography { background-image: url("../../img/headers/biografie.gif"); }
h2.bg.contact { background-image: url("../../img/headers/contact.gif"); }
h2.bg.contact { background-image: url("../../img/headers/contact.gif"); }
h2.bg.gigs { background-image: url("../../img/headers/optredens.gif"); }
h2.bg.contactformulier_verzonden { background-image: url("../../img/headers/verzonden.gif"); }
h2.bg.zieook { background-image: url("../../img/headers/zieook.gif"); }
h2.bg.music { background-image: url("../../img/headers/muziek.gif"); }
h2.bg.listentothis { background-image: url("../../img/headers/listentothis.gif"); }
h2.bg.download { background-image: url("../../img/headers/download.gif"); }








/* ALGEMENE CLASSES */

.meer { background: url("../../img/bullets/bullet_readmore.gif") no-repeat right 6px; padding-right: 10px; }

a.rss { padding-left: 18px; background: url("../../img/bullets/bullet_rss.gif") no-repeat left 4px; }

a.exLink { padding-right: 10px; background: url("../../img/bullets/bullet_exlink.gif") no-repeat right 6px; }

ul.li_spacing li {	margin-bottom: 15px; }

.clear { clear: both; }

.groot { font-size: 18px; }
.middel { font-size: 14px; }
.klein { font-size: 10px; }
.blue { color: #00d2ff; }
.groot_en_blue { color: #00d2ff; font-size: 18px; }

/* end_screen_mct_beheer_editor */


a.nieuwsbrief {
	display: block;
	padding: 10px 0 0 0;
	position: relative;
	margin-bottom: 20px;
}

a.nieuwsbrief:hover {
	background-color: transparent;
}

ul.communities {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
ul.communities li { margin-bottom: 10px; }

/* hyves */
ul.communities li.hyves {
	float: left;
	height: 65px;
	width: 176px;
}
ul.communities li.hyves a {
	display: block;
	padding: 0;
	height: 65px;
	width: 176px;
	background-image: url("../../img/hyves.gif");
	text-indent: -1234em;
}
#sidecontent ul.communities li.hyves {
	float: left;
	height: 65px;
	width: 250px;
	margin-bottom: 10px;
}
#sidecontent ul.communities li.hyves a {
	display: block;
	padding: 0;
	height: 65px;
	width: 250px;
	background-image: url("../../img/hyves_large.gif");
	text-indent: -1234em;
}

/* myspace */
ul.communities li.myspace {
	float: left;
	height: 65px;
	width: 175px;
	margin-left: 4px;
}
ul.communities li.myspace a {
	display: block;
	padding: 0;
	height: 65px;
	width: 175px;
	background-image: url("../../img/myspace.gif");
	text-indent: -1234em;
}
#sidecontent ul.communities li.myspace {
	float: left;
	height: 65px;
	width: 250px;
	margin-left: 0;
}
#sidecontent ul.communities li.myspace a {
	display: block;
	padding: 0;
	height: 65px;
	width: 250px;
	background-image: url("../../img/myspace_large.gif");
	text-indent: -1234em;
}

/* youtube */
ul.communities li.youtube {
	clear: left;
	float: left;
	height: 65px;
	width: 175px;
	margin-left: 0;
}
ul.communities li.youtube a {
	display: block;
	padding: 0;
	height: 65px;
	width: 175px;
	background-image: url("../../img/youtube.gif");
	text-indent: -1234em;
}
#sidecontent ul.communities li.youtube {
	float: left;
	height: 65px;
	width: 250px;
	margin-left: 0;
}
#sidecontent ul.communities li.youtube a {
	display: block;
	padding: 0;
	height: 65px;
	width: 250px;
	background-image: url("../../img/youtube_large.gif");
	text-indent: -1234em;
}


/* CONTAINER */

#container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 780px;
}






/* HEADER */

#header {
	height: 363px;
}

#header h1 {
	margin: 0;
	position: relative;
	top: 29px;
	height: 66px;
	width: 136px;
}

#header h1 a {
	display: block;
	height: 66px;
	width: 136px;
	background: url("../../img/logo_xqs.gif") no-repeat left top;
	overflow: hidden;
	text-indent: -1234em;
	text-decoration: none;`
	padding: 0;
}

#header h2 { display: none; }

#header h1 a:hover {
	background-position: left bottom;
}

#headerimages {
	position: absolute;
	top: 118px;
	left: 0;
	height: 200px;
	width: 760px;
	border: 10px solid #fff;
}

#headerimages:hover {
	border: 10px solid #00d2ff;
}






/* CONTENT */

#content {
	padding-top: 20px;
}






/* HOME LEFT CONTENT */

#leftcontent {
	float: left;
	width: 395px;
}

#leftcontent .articlelist {
	margin-top: 10px;
}

#leftcontent .articlelist .article {
	padding-bottom: 10px;
	margin-bottom: -10px;
}

#leftcontent .articlelist h3 {
	text-transform: uppercase;
	font-size: 12px;
	margin: 20px 0 0 0;
}

#leftcontent .articlelist h3 a {
	display: block;
	padding: 2px 0 1px 13px;
	background-color: #343434;
}

#leftcontent .articlelist h3 a:hover {
	background-color: #00d2ff;
	color: #343434;
}

#leftcontent .articlelist p {
	padding: 13px;
	margin-bottom: 2px;
}

#leftcontent .articlelist p.archief {
	margin-top: 20px;
	border-top: 6px solid #343434;
	padding: 0;
}

#leftcontent .articlelist p.archief a {
	display: block;
	width: 127px;
	height: 23px;
	background-color: #343434;
	padding-left: 13px;
}

#leftcontent .articlelist p.archief:hover {
	border-top: 6px solid #00d2ff;
}

#leftcontent .articlelist p.archief:hover a {
	background-color: #00d2ff;
	color: #343434;
}





/* HOME RIGHT CONTENT */

#rightcontent {
	float: right;
	width: 355px;
}







/* MAIN CONTENT */

#maincontent {
	float: left;
	width: 450px;
	overflow: hidden;
}

#maincontent .newsarticle {
	padding: 13px;
	margin-bottom: 10px;
}

#maincontent .newsarticle h3 {
	position: relative;
	top: 10px;
	left: -13px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 2px 0 1px 13px;
	background-color: #343434;
	width: 437px;
}

#maincontent .newsarticle ul.meta {
	position: relative;
	left: -12px;
	margin-left: -2px;
}

#maincontent .article_reaction {
	margin-top: 30px;
}

#maincontent .article_reaction dl dt {
	position: relative;
	font-size: 11px;
	margin: 20px 0 0 0;
	padding: 2px 0 0 13px;
	background-color: #343434;
	width: 437px;
	height: 19px;
	overflow: hidden;
}

#maincontent .article_reaction .message_nr {
	position: absolute;
	right: 0;
	top: 0;
	height: 21px;
	width: 21px;
	text-align: center;
	font-family: georgia, "times new roman", serif;
	font-size: 18px;
}

#maincontent .article_reaction dl dd {
	padding: 13px;
}

#maincontent .article_reaction p.nodata { margin: 20px; font-style: italic; }

#maincontent .newsarchive {
	padding: 13px;
}

#maincontent ul.newslist {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#maincontent ul.newslist small {
	font-size: 10px;
	margin-right: 10px;
}

#maincontent h2 span.total_mssg {
	position: absolute;
	right: 6px;
	top: 8px;
	color: #b1b1b1;
	font-size: 10px;
	text-indent: 0;
}

#maincontent .pagearticle {
	padding: 13px;
}



/* AUDIO */

#audioplayer {
	text-align:right;
	width: 200px;
	height: 133px;
	margin: 10px 0 25px 0;
}






/* SIDE CONTENT */

#sidecontent {
	float: right;
	width: 250px !important;
	overflow: hidden;
}

#sidecontent .post_reaction {
	margin-top: 10px;
	position: relative;
}

#sidecontent #reactionform .formField {
	clear: left;
	margin-bottom: 5px;
	height: 20px;
	width: 100%;
}

#sidecontent #reactionform label {
	display: block;
	float: left;
	width: 60px;
	cursor: pointer;
}

#sidecontent #reactionform label:hover {
	color: #00d2ff;
}

#sidecontent #reactionform input {

}

#sidecontent #reactionform textarea,
#sidecontent #reactionform input {
	border: 1px solid #343434;
	background-color: #000;
	width: 182px;
	_width: 179px;
	padding: 1px 3px;
	color: #fff;
}

#sidecontent #reactionform textarea {
	width: 242px;
	display: block;
	
	_margin-left: 0px;
	margin-bottom: 5px;
}

#sidecontent #reactionform textarea:focus,
#sidecontent #reactionform input:focus {
	border: 1px solid #00d2ff;
}

#sidecontent #reactionform .code {
	display: block;
	clear: left;
	width: 248px;
	height: 78px;
	border: 1px solid #343434;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #000;
	text-align: center;
}

#sidecontent #reactionform .code img {  }

#sidecontent #reactionform #helpbox {
	position: absolute;
	left: 59px;
	width: 190px;
	height: 105px;
	background-color: #fff;
	border: 1px solid black;
	z-index: 10;
}

#sidecontent #reactionform #helpbox p { margin: 6px; color: #000;}

#sidecontent #reactionform #helpbox.hidden { display: none; }

#sidecontent #reactionform #labelImg {
	cursor: default;
}

#sidecontent #reactionform #labelImg:hover {
	color: #b1b1b1;
}

#sidecontent #reactionform .formArea {}

#sidecontent #reactionform .formAreaCode {
	height: 102px;
	width: 250px;
	overflow: hidden;
	margin-bottom: 10px;
}

#sidecontent #reactionform .formAreaCodeRepeat {

}

#sidecontent #reactionform #labelCode {
	clear: both;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	float: none;
}

#sidecontent #reactionform #labelCode:hover a {
	color: #00d2ff;
}

#sidecontent #reactionform #labelCode a:hover {
	color: #343434;
}

#sidecontent #reactionform input#code {
	clear: left;
	float: none;
	width: 242px;
	margin: 0 0 10px 0;
}

#sidecontent #reactionform .submit {
	clear: left;
	cursor: pointer;
	width: 90px;
	margin-left: 0;
}

#sidecontent #reactionform .submit:hover {
	color: #00d2ff;
	border: 1px solid #00d2ff;
}

#sidecontent .post_reaction span.error {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	padding: 6px 0;
	text-align: center;
	border: 1px dotted #00d2ff;
	font-weight: bold;	
}






/* GALLERY */

.gallery_photos_row {
	padding: 13px 0 13px 0;
	min-height: 80px;
	_height: 80px;
	margin-bottom: 10px;

}

.gallery_photos {
	float: left;
	width: 150px;
}

.gallery_photos.left { text-align: left; }
.gallery_photos.center { text-align: center; }
.gallery_photos.right { text-align: right; }

.gallery_photos a { padding: 0; }
.gallery_photos a:hover { padding: 0; background-color: transparent; color: #00D2FF !important; }

.gallery_photos img { padding: 1px; border: 1px solid #b1b1b1;}
.gallery_photos img:hover { border-color: #00d2ff; }

.gallery_photos p {
	text-align: left;
	
	margin: 0 auto;
}

.gallery_photos.left p { text-align: left; }
.gallery_photos.center p { text-align: center; }
.gallery_photos.right p { text-align: right; }

.gallery_photos p a {
	display: block;
	width: 120px;
	font-size: 10px !important;
	text-decoration: none !important;
}

.gallery_photos.left p a { text-align: left; }
.gallery_photos.center p a { margin: 0 auto; text-align: left; }
.gallery_photos.right p a { text-align: left; }




/* META INFO - PRINT / AUTEUR / DATE */

ul.meta {
	margin: 0 0 0 10px;
	list-style-type: none;
}

ul.meta li {
	float: left;
	background-color: #292929;
	margin-right: 3px;
	padding: 0px 3px;
}

ul.meta li small {
	font-size: 9px;
	color: #777;
}

ul.meta a {
	text-decoration: none;
}

ul.meta a:hover {
	background-color: transparent;
	color: #00d2ff;
	text-decoration: underline;
}






/* ITEM NAVIGATION */

#itemnavigation {
	border-top: 1px solid #fff;
	margin: 30px 0 0 -13px;
	height: 40px;
}

#itemnavigation ul {
	position: relative;
	top: 10px;
	left: 13px;
	width: 437px;
	margin: 0;
	height: 20px;
	list-style-type: none;
	border-left: 1px solid #343434;

}

#itemnavigation ul li {
	float: left;
	background-image: none;
	padding: 0 4px;
	margin: 0;
	border-right: 1px solid #343434;
}

#itemnavigation ul li a {
	display: block;
	float: left;
	padding: 1px 8px;
	text-decoration: none;
}

#itemnavigation ul li a:hover {
	background-color: #00d2ff;
	color: #000;
}

#itemnavigation ul li em {}

#itemnavigation ul li strong {
	display: block;
	float: left;
	padding: 1px 8px;
	background-color: #343434;
	font-weight: normal;
}

#itemnavigation a.back {
	z-index: 9;
	position: relative;
	display: block;
	top: -9px;
	text-align: right;
	margin: 0 0 0 10px;
}





/* BREADCRUMB */

#breadcrumb {
	position: absolute;
	top: 340px;
	_top: 343px;
	left: 0;
	margin: 0 0 15px 0;
	padding-left: 13px;
	width: 767px;
}

body.vervolg #breadcrumb { display: block; }

#breadcrumb ul { list-style-type: none; margin: 0; }

#breadcrumb li {
   display: inline;
   background: url("../../img/bullets/bullet_breadcrumb.gif") no-repeat left 5px;
   padding-left: 7px;
   margin-right: 1px;
   text-transform: lowercase;
   font-style: italic;
   font-size: 10px;
}

#breadcrumb li.first { padding-left: 0; background-image: none; }

#breadcrumb a { text-decoration: none; }





/* FORM */

#formulier .formField {
	clear: left;
	margin-bottom: 5px;
	height: 20px;
	width: 100%;
}

#formulier label {
	display: block;
	float: left;
	width: 60px;
	cursor: pointer;
}

#formulier label:hover {
	color: #00d2ff;
}

#formulier input, #formulier textarea {
	border: 1px solid #343434;
	background-color: #000;
	width: 282px;
	padding: 1px 3px;
	color: #fff;
}

#formulier input.inputerror,#formulier textarea.inputerror  {
	border: 1px solid #00d2ff;
}

#formulier textarea:focus,
#formulier input:focus {
	border: 1px solid #00d2ff;
}

#formulier input.submit {
	clear: left;
	cursor: pointer;
	width: 100px;
	margin-left: 60px;
	_margin-left: 63px;
	margin-top: 5px;
}

#formulier input.submit:hover {
	color: #00d2ff;
	border: 1px solid #00d2ff;
}






/* SITEMAP */

#sitemap li {
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
	min-height: 22px;
}

#sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; }

#sitemap li a:hover { text-decoration: underline; }

#sitemap li li a {
	height: 22px;
	margin: 0; padding: 0;
	padding-left: 25px;
	font-weight: normal;
	background: url("../../img/bullets/bullet_list.gif") no-repeat 10px 4px;
}

#sitemap li li li a {
	padding-left: 40px;
	background: url("../../img/bullets/bullet_list.gif") no-repeat 28px 8px;
}

#sitemap li li li li a {
	padding-left: 55px;
	background-position: 45px top;
}

#sitemap li li li li li a {
	padding-left: 70px;
	background-position: 60px top;
}






/* MENU */

#menu {
	position: absolute;
	top: 54px;
	right: 0;
	width: 555px;
}

#menu ul {
	position: absolute;
	right: 0;
	height: 15px; /* temp */
	width: 555px; /* temp */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	height: 15px;
	float: left;
	margin-right: 20px;
}

#menu li a {
	display: block;
	float: left;
	height: 15px;
	text-decoration: none;
	text-indent: -1234em;
	overflow: hidden;
	background-position: left top;
	padding: 0;
}

#menu li.cls_home a { width: 49px; background-image: url("../../img/b_home.gif"); }
#menu li.cls_gigs a { width: 35px; background-image: url("../../img/b_gigs.gif"); }
#menu li.cls_photos a { width: 61px; background-image: url("../../img/b_photos.gif"); }
#menu li.cls_music a { width: 53px; background-image: url("../../img/b_music.gif"); }
#menu li.cls_biography a { width: 92px; background-image: url("../../img/b_biography.gif"); }
#menu li.cls_guests a { width: 56px; background-image: url("../../img/b_guests.gif"); }
#menu li.cls_contact a { width: 68px; background-image: url("../../img/b_contact.gif"); }

#menu li a:hover, #menu li a.active {
	background-position: left -15px;
	background-color: transparent;
}




/* FOOTER */

#footer {
	clear: both;
	position: relative;
	top: 30px;
	height: 60px;
}

#footer * {
	font-size: 9px;
	color: #666;
	text-decoration: none;
}

#footer:hover * {
	color: #00d2ff;
}

#footer a:hover {
	color: #343434;
}