/* Stylesheet for multigroove.nl,theme delicate
author:Dirk Zaal
Digizaal webdev Amsterdam 
*/
/* =0 Reset */

@import url('/share/styles/reset.css'); 
/* =1 Global */

a img{ border: none; }

div.mediacontainer .column { height: 23px; margin-top: 2px; }

a.button,
a.button:visited{
	padding: 1px;
	border: 1px solid #FFFFFF;
	display: inline-block;
	color: #F0F8FF;
	background: #585858;
	font: bold  normal 0.9em arial,sans-serif !important;
	text-decoration: none;
	white-space: nowrap !important;
}

a.info{
	color: #FFFFFF; /*
Special mouse over popup
*/
	background: transparent;
	font: normal 9pt arial,sans-serif;
	position: relative; /*this is the key*/
	z-index: 24;
	text-decoration: none;
}

a.info:hover{
	color: #FFFFFF;
	background: #F8DA07;
	cursor: help;
	z-index: 25;
	text-decoration: none;
}

a.info:hover img{ border: 0px; }

a.info:hover span{
	border: 1px solid #76684B;
	padding: 2px;
	display: block; /*the span will display just on:hover state*/
	color: #FFFFFF;
	background: #393939;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 25;
	text-align: left;
}

a.minibutton:active,a.minibuttonactive{
	padding: 4px;
	color: #FFFFFF !important;
	background: transparent !important;
	font: bold 12px/200% arial,sans-serif;
	text-decoration: none;
	text-align: center;
}

a[rel="external"]{
	padding-right: 12px;
	background: transparent url(/share/images/icons/icon_blank.gif) no-repeat scroll right center;
}

body{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background: url('/images/delicate/background2.jpg') black fixed  repeat-y top center;
	font: 10px arial,Helvetica,sans-serif;
}

div#username,div#password{ float: right; margin-right: 3px; position: relative; }

div.box{
	clear: right;
	margin: 2px;
	background: url(/images/delicate/rechtsmenu.jpg) #745540 no-repeat scroll;
	width: 131px;
	overflow: hidden;
}

div.box .content{ margin: 0; padding-left: 4px; padding-bottom: 5px; }

div.box li a{
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	font-family: arial,sans-serif;
	text-transform: capitalize;
}

div.box li a,
a h3{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

div.box li a.current,a:active,a h3{ color: #F1ECEB; text-decoration: underline; }

div.box p{ margin: 8px; }

div.box ul{
	margin: 2px 0 0 12px;
	padding-left: 2px;
	list-style-type: disc;
}

div.box ul.nobullets{
	margin: 2px 0 0 1px;
	padding-left: 2px;
	list-style-type: none;
}

div.form_entry{ margin: 3px 0; }

div.home{
	background: transparent url(/images/subnav.png) no-repeat;
}

div.inlogblok{ width: 100%; text-align: right; }

div.inlogblok div{ float: right; text-align: right; }

div.last { margin-right: 0; }

div.mediacontainer {
	background: #333333 url(/images/delicate/metal.jpg) repeat-x scroll left 45%;
	color: #e3e3e3;
	margin: 1em 0;
	overflow: hidden;
}

div.pagewidth{
	margin: 0 auto;
	width: 744px;
	position: relative; /* puts container in front of distance */
	text-align: left;
}

div.plakrechts{ margin: 2px; float: right; text-align: left; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float: left; margin-right: 10px; }

div.sublist{
	margin-bottom: 4px;
	background: transparent url(/images/bottom.png) no-repeat; /* url(/images/sublist.png) no-repeat;*/
	height: 29px;
	overflow: hidden;
}

form  input.text{ border: 2px solid #7A4E12; width: 20em; }

form label{
	float: left;
	margin-right: 1em;
	width: 13em;
	text-align: right;
}

h1{
	margin-bottom: 0.6em;
	padding-top: 3px;
	padding-left: 5px;
	color: #FFFFFF;
	font: bold 1.3em "Arial Narrow",arial,sans-serif;
	text-transform: uppercase;
}

h1.header{
	margin-bottom: 0.6em;
	padding-left: 1.6em;
	padding-top: 3px;
	color: #FFFFFF;
	background: url(/images/delicate/content_top_bar.png) no-repeat;
	font: bold 1.3em "Arial Narrow",arial,sans-serif;
	height: 24px;
	text-transform: uppercase;
}

h2{ color: #FFFFFF; font: bold 10pt arial,sans-serif; }

h3{ font: normal bold 9.5pt arial,sans-serif; }

h4{ font: normal bold 9pt arial,sans-serif; }

h5{ font: normal bold 10px arial,sans-serif; }

h6{ font: normal bold 8px arial,sans-serif; }

html,body{ height: 100%; }

img.left{ margin-right: 5px; border: none; }

img.right{ margin-left: 5px; border: none; }

input#username-field,input#password-field{ width: 10em; }

input,option,select{
	border-width: 1px;
	border-style: inset;
	border-color: #000000;
	color: #000000;
	background: #8FCF85;
	font: 1em Arial,sans-serif;
}

input.infocus,input:focus,textarea.infocus,select.infocus,option{ padding-left: 2px; background: #8FCF85; color: #003300; }

input.outfocus,textarea.outfocus,select.outfocus{ padding-left: 2px; background: #8FCF85; color: #006600; }

label.overlabel{ color: #7A4E12; }

label.overlabel-apply{
	color: #7A4E12;
	position: absolute;
	top: 3px;
	right: 5px;
	z-index: 1;
}

mediaitem + .highlight .container, .mediaitem + .current .container, .lanselect a.current img { opacity: 1; }

pre{ text-indent: 30px; }

select{ font-family: sans-serif; width: 100px; }

sup{ font-size: 6px; vertical-align: super; }

table,td{
	border: 0px;
	background: transparent;
	font-size: 1em;
	vertical-align: top;
}

td.colorpic,img.colorpic{
	border: 0;
	background: transparent no-repeat 50% 50%;
	cursor: pointer;
}

textarea.text{
	border: 2px solid #7A4E12;
	color: #FFFFFF;
	font: normal 10px arial,sans-serif,Helvetica;
	overflow: auto;
}

ul.albums {
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

ul.albums li {
	float: left;
	height: 66px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 3px 3px 0 0;
	overflow: hidden;
	width: 230px;
}

.abstract{
	margin-bottom: 1em;
	font-size: 110%;
	font-weight: bolder;
}

.alert{
	background: transparent;
	color: #FFFFFF;
	font-weight: 900;
	text-decoration: blink;
}

.append-1 { padding-right: 40px; }

.append-10 { padding-right: 400px; }

.append-11 { padding-right: 440px; }

.append-12 { padding-right: 480px; }

.append-13 { padding-right: 520px; }

.append-14 { padding-right: 560px; }

.append-15 { padding-right: 600px; }

.append-16 { padding-right: 640px; }

.append-17 { padding-right: 680px; }

.append-18 { padding-right: 720px; }

.append-19 { padding-right: 760px; }

.append-2 { padding-right: 80px; }

.append-20 { padding-right: 800px; }

.append-21 { padding-right: 840px; }

.append-22 { padding-right: 880px; }

.append-23 { padding-right: 920px; }

.append-3 { padding-right: 120px; }

.append-4 { padding-right: 160px; }

.append-5 { padding-right: 200px; }

.append-6 { padding-right: 240px; }

.append-7 { padding-right: 280px; }

.append-8 { padding-right: 320px; }

.append-9 { padding-right: 360px; }

.article{
	border: none;
	background: transparent;
	color: #FFFFFF;
	overflow: hidden;
}

.article .bottom{
	background: url(/images/article.png) no-repeat bottom;
	font-size: 0;
	height: 5px;
}

.article .top{
	background: url(/images/article.png) no-repeat top;
	font-size: 0;
	height: 5px;
}

.background{ background: #373737; }

.column{ margin: 0 1em; width: 312px; overflow: hidden; }

.content{
	padding: 2px 0 0 0.5em;
	color: #FFFFFF;
	font: 0.95em arial,sans-serif;
	text-align: left;
}

.content .header{
	margin-bottom: 0.6em;
	padding-left: 1.3em;
	padding-top: 3px;
	background: url(/images/delicate/header_empty.png) no-repeat;
	color: #D5CCC1;
	font: normal 1.2em "Arial Narrow",arial,sans-serif;
	height: 24px;
	text-transform: uppercase;
}

.content a,a.content{ color: #FFFFFF; font-style: italic; font-weight: bold; }

.content a:hover,a.content:hover{ font-weight: bold; }

.content p{ margin: 2px 0 6px 0; }

.content ul{
	margin-left: 10px;
	padding-left: 10px;
	list-style: disc;
}

.content ul ul{ margin-left: 0.3em; padding-left: 0; }

.content ul ul li{ list-style: none; }

.contentcenter{
	border-bottom: 1px outset #CEDBE4;
	background: #2C2C2C;
	font-size: 1.2em;
	min-height: 505px;
	overflow: hidden;
}

.contentcenter  ol>li:before{
	content: counters(item,"." )" ";
	counter-increment: item;
}

.contentcenter ol{ counter-reset: item; }

.contentcenter ol ul{ margin-left: 3.1em; }

.contentcenter ol ul li:before{ content: normal; }

.contentcenter ol,
.contentcenter ol li{ list-style-position: outside; }

.contentcenter ol,
.contentcenter ul{ margin-left: 2.1em; }

.contentcenter ul{ list-style-type: circle; list-style-position: outside; }

.contentcenter#news_more { width: 467px; }

.dark{ color: #FFFFFF; background: #76684B; }

.event-item{ width: 218px; height: auto; }

.eye_catcher{ width: 131px; /* releases etc */ overflow: hidden; }

.eye_catcher .headermailinglist{
	background: url(/images/delicate/mailinglist.jpg) no-repeat;
	height: 24px;
}

.eye_catcher .headerreleases{
	background: url(/images/delicate/releases.jpg) no-repeat;
	height: 24px;
}

.eye_catcher .headervideos{
	background: url(/images/delicate/videos.gif) no-repeat;
	height: 24px;
}

.footer{
	margin-bottom: 2em;
	clear: both;
	background: transparent url(/images/delicate/bottom_address_bar.png) no-repeat 48.1% top;
	color: #FFFFFF;
	font: bold 9pt arial,sans-serif;
	height: 29px;
	text-align: center;
	vertical-align: middle;
}

.footer div,a.info span{ display: none; }

.formal{ color: #7A4E12; font-style: italic; text-align: center; }

.frontpage{
	margin: 5px 0 5px 5px;
	float: left;
	padding: 4px;
	border: 0.4px solid #111111;
	background: url(/images/delicate/metal.jpg) #333333 center;
	color: #FFFFFF;
	overflow: hidden;
	text-align: center;
}

.frontpage a{ color: #CEDBE4; text-decoration: none; font-size: 11px; }

.frontpage h1{ font-size: 18px !important; }

.fullpage{ margin: 0; padding: 0; overflow: hidden; }

.grijsvlak{ background: #393939; }

.headlines .container{
	background: url(/images/delicate/rechtsmenu.jpg) #76684B;
	width: 144px;
	min-height: 450px;
	height:450px;
	height: auto;
}

.headlines .kolomfooter{
	background: transparent url(/images/delicate/rechtsbottom.gif) no-repeat;
	height: 23px;
	width: 144px;
}

.headlines .kolomheader{
	background: url(/images/delicate/headlines.jpg) #76684B no-repeat;
	height: 23px;
	width: 144px;
}

.highslide-credits{ display: none !important; }

.kolom{ font-size: 0; overflow: hidden; }

.kolom ul{
	margin: 0;
	padding: 0;
	border-bottom: 1px outset #3B3B3B;
	list-style: none;
	list-style-position: outside;
	font-size: 0;
}

.kolom ul li{
	padding: 5px 3px;
	clear: both;
	border-top: 1px outset #3B3B3B;
	list-style: none;
	overflow: hidden;
	text-align: left;
}

.kolom ul li a,
.kolom ul li a:visited{
	padding-left: 0.2em;
	display: block;
	color: #FFFFFF;
	background: transparent url('/images/inversecorners24.png') no-repeat left top;
	font: normal 10px  arial,sans-serif;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
}

.kolom ul li a.current{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.kolom ul li a:hover,.news-item a{ color: #FFFFFF; text-decoration: none; }

.kolom ul li div,
div.nieuwsfoto{
	margin: 0 5px;
	float: right;
	background: no-repeat top center;
	cursor: pointer; /*
plaatje bij de nieuws berichten op home page
*/
	width: 120px;
	height: 115px;
}
 

.left{ float: left; }

.list{
	margin-left: 0 !important;
	padding-left: 0.5em;
	list-style-type: none !important;
}

.margerechts10{ margin-right: 10px; }

.mediabrowser {
	border-bottom: 1px solid white;
	height: 290px;
	margin: 2px 4px 5px 0;
	width: 232px;
	float: left;
}

.mediabrowser .current a {
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: normal;
}

.mediabrowser .highlight a, .mediabrowser .current a { text-decoration:none; font: bold 8.5pt arial,sans-serif;color: #ffd700 !important; }

.mediaitem {
	background: transparent url(/images/website/rusty_metal_230.png) right top;
	height: 66px;
	margin: 3px;
	text-align: left;
}

.mediaitem .description {
	color: #e3e3e3;
	font-size: 7pt;
	height: 40px;
	margin-top: 1px;
	padding:0.2em 0.6em;
}

 
.mediaitem  img {
	border:none !important
}
.mediaitem a {
	color: #e3e3e3;
	font: bold 7.7pt/160% arial,sans-serif;

}
.mediaitem a:hover {
	color:#333333;
}
.moveup{ position: relative; top: -32px; }

.navlist{
	padding: 0;
	margin: 0;
	font: 8.5px arial,sans-serif;
	text-transform: uppercase;
}


.navlist #contact a{
	background-color: transparent;
	background-image: url(/images/delicate/menu_contact.gif);
	width: 81px;
}

.navlist #events a{
	background-color: transparent;
	background-image: url(/images/delicate/menu_events.gif);
	width: 82px;
}

.navlist #members a{
	background-color: transparent;
	background-image: url(/images/delicate/menu_members.gif);
	width: 83px;
}

.navlist #music a{
	background-color: transparent;
	background-image: url(/images/delicate/menu_music.gif);
	width: 78px;
}

.navlist #nieuws a{
	background-color: transparent;
	background-image: url(/images/delicate/menu_nieuws.gif);
	width: 81px;
}

.navlist #photos a{
	background-color: transparent;
	background-image: url(/images/delicate/menu_photos.gif);
	width: 81px;
}

.navlist li{
	float: left;
	list-style: none; /*
background:url(/images/delicate/menu_item.jpg) no-repeat left;
*/
	height: 22px;
	white-space: nowrap;
	vertical-align: bottom;
}

.navlist li a{
	border: none;
	padding-top: 3px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.navlist li a{
	padding: 25px 0 0 0;
	display: block;
	font-size: 0;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

.navlist li.current a,
.navlist li a:hover{ background-position: left -25px; }

.news-item{
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 3px;
	padding: 3px;
	color: #FFFFFF;
	background: url(/images/delicate/metal.jpg) #333333;
	height: 115px;
	overflow: hidden;
	width: 450px;
}

.news-item h2{
	margin-top: 0;
	color: #FFFFFF;
	font-size: 11pt;
	letter-spacing: normal;
}

.nieuws-item{ width: 136px; height: auto; }

.pagetitle {
	height: 24px;
	width: 467px;
	background-repeat: no-repeat;
	clear: both;
}

.picholder{ clear: both; display: block; }

.prepend-1 { padding-left: 40px; }

.prepend-10 { padding-left: 400px; }

.prepend-11 { padding-left: 440px; }

.prepend-12 { padding-left: 480px; }

.prepend-13 { padding-left: 520px; }

.prepend-14 { padding-left: 560px; }

.prepend-15 { padding-left: 600px; }

.prepend-16 { padding-left: 640px; }

.prepend-17 { padding-left: 680px; }

.prepend-18 { padding-left: 720px; }

.prepend-19 { padding-left: 760px; }

.prepend-2 { padding-left: 80px; }

.prepend-20 { padding-left: 800px; }

.prepend-21 { padding-left: 840px; }

.prepend-22 { padding-left: 880px; }

.prepend-23 { padding-left: 920px; }

.prepend-3 { padding-left: 120px; }

.prepend-4 { padding-left: 160px; }

.prepend-5 { padding-left: 200px; }

.prepend-6 { padding-left: 240px; }

.prepend-7 { padding-left: 280px; }

.prepend-8 { padding-left: 320px; }

.prepend-9 { padding-left: 360px; }

.right{ float: right; }

.scrollable{ overflow: auto !important; overflow-x: hidden; }

.span-1 { width: 30px; }

.span-10 { width: 390px; }

.span-11 { width: 430px; }

.span-12 { width: 470px; }

.span-13 { width: 510px; }

.span-14 { width: 550px; }

.span-15 { width: 590px; }

.span-16 { width: 630px; }

.span-17 { width: 670px; }

.span-18 { width: 710px; }

.span-19 { width: 750px; }

.span-2 { width: 70px; }

.span-20 { width: 790px; }

.span-21 { width: 830px; }

.span-22 { width: 870px; }

.span-23 { width: 910px; }

.span-24, div.span-24 { width: 950px; margin: 0; }

.span-3 { width: 110px; }

.span-4 { width: 150px; }

.span-5 { width: 190px; }

.span-6 { width: 230px; }

.span-7 { width: 270px; }

.span-8 { width: 310px; }

.span-9 { width: 350px; }

.tablelabel{
	color: #FFFFFF;
	background: transparent;
	font: 800 14px  Arial,sans-serif;
	vertical-align: top;
}

.tablist {
	border-bottom: 3px solid #E3E3E3;
	font-family: "Trebuchet MS",Arial,sans-serif !important;
	font-size: 12px !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: bold !important;
	line-height: normal !important;
	margin: 0 10px;
	overflow: hidden;
	padding: 15px 0 0;
	text-align: left;
	width: 724px;
}

.tablist li {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0.5em;
}

.tablist li a { padding: 0; text-decoration: none; }

.tablist li a.current span, .tablist li a.current:visited span {
	background: #E3E3E3 url(/images/udctab.gif) repeat-x scroll right top;
	border-bottom: 2px solid #E3E3E3 !important;
	padding: 0 0 0 0.8em;
	color: #393939;
}

.tablist li a:link, .tablist li a:visited { color: #E3E3E3; padding: 0; }

.thumb {
	background: #BFBFBF url(/images/website/background.gif) repeat-x scroll left 25%;
	float: left;
	height: 64px;
	margin: 0 0 4px 4px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 95px;
}

.thumbholder{ padding: 2px; }

.thumbitem {
	border: 1px solid #E3E3E3;
	cursor: pointer;
	float: left;
	height: 60px;
	margin: 1px;
	text-align: center;
	vertical-align: middle;
	width: 89px;
}

.thumbitem img { margin: 2px; }

.thumbs_overview_holder{ margin-left: 5px; margin-top: 5px; }

#browser{
	clear: both;
	border: none;
	margin: 0;
	color: #FFFFFF;
	background: #373737;
	font: normal normal 12px arial,sans-serif;
}

#browser a{ text-decoration: none; }

#browser a.minibutton{
	padding: 4px;
	color: #FFFFFF !important;
	background: transparent;
	font: normal 12px/200% arial,sans-serif;
	text-decoration: underline;
	text-align: center;
}

#browser img{
	padding: 1px;
	border: none;
	vertical-align: text-bottom;
}

#browser li{ padding: 0 4px; display: inline; }

#browser td,#browser li{ text-align: center; vertical-align: middle; }

#contact .pagetitle { background-image: url(/images/delicate/contact.gif); }

#distance{ text-align: center; }

#events .pagetitle { background-image: url(/images/delicate/events.gif); }

#faq .news-item{
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #CEDBE4;
	width: 600px;
	height: auto;
}

#faq .news-item .content{
	margin: 5px 2px;
	border-top: 1px solid #7A4E12;
	overflow: auto;
	height: 100px;
}

#flashcontent{ background: transparent; overflow: hidden; }

#footer{
	margin: 0px auto;
	padding: 10px 0;
	color: #FFFFFF;
	font-size: .8em;
}

#footer_contain{ }

#footer_left{ float: left; padding-right: 1%; width: 48%; }

#footer_right{ float: left; padding-left: 1%; width: 50%; }

#frontpage{ width: 467px; }

#frontpage .pagetitle { background-image: url(/images/delicate/events.gif); }

#games div.top{
	padding: 10px 10px 0 10px;
	background: url(/images/delicate/groot_raam.gif) no-repeat top center;
}

#header{ margin-top: 0.5em; height: 135px; }

#members .pagetitle { background-image: url(/images/delicate/members.gif); }

#members .pagetitle { background-image: url(/images/delicate/members.gif); }

#menu{
	margin: 0;
	background: url(/images/delicate/menu_bar.png) no-repeat top;
	height: 48px;
}

#menu #navcontainer{
	margin-right: 31px;
	float: right;
	height: 22px;
	overflow: hidden;
	white-space: nowrap;
}

#menu .ticker{
	/*flash container*/
	margin-left: 50px;
	margin-right: 62px;
	float: right;
	height: 24px;
}

#menu a img{
	float: left;
	display: inline-table;
	width: 200px;
	height: 47px;
	overflow: hidden;
	border: none;
}

#news .pagetitle { background-image: url(/images/delicate/news.gif); }

#photos .pagetitle { background-image: url(/images/delicate/photos.gif); }

#projectsview .news-item img{ float: left; padding-right: 5px; }

#themeswitcher [selected]{ color: #FFFFFF; background: #393939; }

#video div.bottom,
#games div.bottom{
	padding-bottom: 10px;
	background: url(/images/delicate/groot_raam.gif) bottom;
	height: 0;
}

#video div.top{
	padding-top: 10px;
	padding-bottom:0;
	background: url(/images/delicate/groot_raam.gif) no-repeat top center;
}

#video,#games{ height: auto; }

#videos .pagetitle { background-image: url(/images/delicate/videos.gif); }
.mediacontent { background: #333333 url(/images/website/metal_tile.jpg);
color:white;
border-left: #585858 1px solid;
border-right: #585858 1px solid;
border-top: #1d212a 2px solid;
border-bottom: #1d212a 2px solid;
padding-bottom:1em}
#mediaplayer{
	/* flash jwplayer*/
	margin: 0 0 0 10px;

}
.socialbookmarks {float:right;margin:1em 0.2em;clear:right;text-align:left}
.socialbookmarks div {margin:0 2px;width:25px;height:36px;float:left;text-align:center;font-size:8.5pt}
.socialbookmarks a img {border:none}