@charset "utf-8";
/* CSS Document 

			www.destokers.com - 2010
			Ontwikkeld door Menno Vermeulen // Stokers 
			www.9meter.nl // www.mennovermeulen.com
*/

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:16px;
	color:#fff;
}

HTML, body {
height:100%;
width:100%;
margin:0px;
padding:0px;
}

BODY {
background:#000 url(images/bg_grad.jpg) top left repeat-x;	
}

H2 {
	margin:5px 0;
	color:#FFF;
	font-size:18px;
}
H2 .txtOrange{
	color:#F90;
	font-size:18px;
}

.fright { float:right; }
.fleft { float:left; }
.clear { clear:both; }
.clearL { clear:left; }
.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.bold { font-weight:bold; }
.brown { color:#A16200; }
.orangeBold { color:#F90;}
.txtWhite {color:#FFF;}

.bigTxt1 {font-size:18px;}

#wrapper { 
margin:0px auto;
width:1024px; 
min-height:700px; 
height:auto !important; 
height:700px; 
position:relative;
}

P {
margin:8px 0px;
}

img{
margin:0px;
padding:0px;
}
a img {
	margin:0;
	padding:0;
	border:0px;
}

ul li {
margin:0px;
padding:0px;
}

a {font:Arial, Helvetica, sans-serif; color:#FF9; font-weight:bold;}
a:hover {font:Arial, Helvetica, sans-serif; color:#F90; font-weight:bold; text-decoration:none;}


/*layout hardheidTable : 3 rows*/
div#wrapper-middle{
	margin:0 auto;
	width:1024px;
	/*background: url(images/content_back.gif) 0px 214px no-repeat;
	height:auto !important;
	height:100%;
	min-height:100%;*/
	background:transparent;min-height:100%;
height:auto;
}
div#headerLogo{
	height:483px;
	width:1024px;
	display:block;
	background:url(images/logo_stokers_big.jpg) no-repeat;
	vertical-align:bottom;
	color:#900;
	text-align:center;
}
div.myspace{
	float:right;	width:180px;  height:80px;
	margin-top:400px;
	vertical-align:middle; text-align:center;
}

div#contentWide{
	float:left;
	width:1024px;
	display:block;
}
div.contentItem1{
	float:left;	width:490px;  height:96px;
	background:url(images/title_luister.gif) 165px center no-repeat;
}
div.contentItem3{
	float:left;	width:490px;  height:96px;
	background:url(images/title_optreden.gif) 100px center no-repeat;
}


/* -------LEFT COLOMN -------*/
div.contentCol1{
	float:left;
	width:390px;
	display:block;
	padding:0px 20px 0px 30px;
	padding-bottom:10px;
	text-align:center;

}
div.contentCol1 table {
	float:left;
	width:370px;
	margin-left:30px;
}
div.music {
	margin:10px 0px; position:relative; display:block;
}
div.music table		{	width:360px; margin:10px 0px 10px 40px; position:relative; display:block;}
div.music table td	{	text-align:left;}


div.titleBand {
	background:url(images/title_band.gif) center no-repeat;
	float:left;	width:390px;  height:96px; position:relative; margin-top:10px; display:block;
	margin:10px auto;
}
table.bandTable td{ text-align:left;}

div.contentAlg { width:390px; text-align:center; position:relative; margin:10px auto; float:left;}
div.contentAlg2 { width:490px; text-align:center; position:relative; margin:10px auto; float:right;}

td.band1{width:80px; color:#F90; font-weight:bold;}
td.band2{width:100px;}

div.titleContact { 
	background:url(images/title_contact.gif) center center no-repeat;
	width:380px;  height:130px; position:relative; margin-top:10px; display:block; float:right;
}



/* -------RIGHT COLOMN -------*/
div.contentCol2{
	float:left;
	width:490px;
	padding-left:10px;
	padding-bottom:40px;
	display:block;
	text-align:center;
}
/*div.contentCol2 table {	float:right; }*/

div.contentCol2 table td{
	text-align:left;
}
div.contentCol2 table.gigsTable {margin-left:10px;}
div.contentCol2 table.gigsTable td {line-height:20px;}

	div.contentCol2 table td.gigs1 {	width:70px;	}
	div.contentCol2 table td.gigs2 {	width:180px;	}
	div.contentCol2 table td.gigs3 {	width:110px;	}
	div.contentCol2 table td.gigs4 {	width:150px;	}

div.blockContact { float:right; }


div.videoNormal {
	margin:20px 0px;
	float:left;
	display:block;
	width:auto;
}

blockquote {
 /*width: 200px;
 float: right;*/
 display: block;
 margin: 10px 0px 10px 0px;
 padding-top:10px;
/* padding: 15px 10px 20px 30px;*/
 font-style:italic;
 color:#FC3;
 letter-spacing:1px;
 	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
 /*background-color: #ccc;*/
 quotes: "\201C" "\201D";
 }
 blockquote:before { content: open-quote; font-weight: bold; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:middle; color:#bbbbbb; margin:10px 15px 0px 0px;}
 blockquote:after { content: close-quote; font-weight: bold; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:bottom; color:#bbbbbb; margin:10px 15px 0px 10px; position:relative; } /* absolute om goede positionering te krijgen t.o.v. tekst */



#footer{
	height:30px; 
	width:1024px;
	float:left;
	color:#C60;
	display:block;
	text-align:center;font-size:11px;
}
#footer .design { font-size:11px; color:#C60; }
#footer .design a{ font-size:11px; color:#C60; font-weight:normal; }