@CHARSET "ISO-8859-1";
/**
* -----------------------------------------------------------------------------------
* artiestenbureaurotterdam.nl screen stylesheet
* Creator: A. van Ettinger (akko.van.ettinger@webparking.nl
* Date(mm-dd-yyyy): 06-04-2009
* -----------------------------------------------------------------------------------
*/

*{
	margin: 0px;
	padding: 0px;
}

body{
	background: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

a{
	outline:none;
	text-decoration: underline;
	border: none;
	color: #231F20;
}
	a:hover, a.active{color: #939598;}
	
	#column3List a{
		text-decoration: underline;
	}
		.purpleColumn3 #column3List a:hover{color: #803780;}
		.orangeColumn3 #column3List a:hover{color: #DC661E;}
	#header a{text-decoration: none;}
	
	a#medialink{
		text-decoration: none;
	}
		a#medialink:hover{color: #803780;}
	a#medialink2{
		text-decoration: none;
	}
		a#medialink2:hover{color: #DC661E;}
	a.artistTitleLinkLeft, a.artistTitleLinkRight{
		text-decoration: none;
	}
		a.artistTitleLinkLeft:hover, a.artistTitleLinkRight:hover{
			color: black;
			text-decoration: underline;
		}

	#column2 h4 a{
		text-decoration: none;
	}
		

.hrefUnderline{text-decoration: underline;}
.hrefLineHeight{line-height: 20px;}
.hrefBorder{
	border-bottom: 1px solid black;
}
.smallFont{font-size: 10px;}
.paddingLeft{padding-left:10px}
.paddingTop{padding-top: 20px;}
.padding5{padding: 5px;}
.borderMoveUp{
	margin-top: -14px;
	margin-bottom: 10px;
}	

img{
	border: none;
}

ul{
	list-style:none;
}



#container{
	width: 845px;
	margin-left: auto;
	margin-right: auto;	
}
#content_container{
	width: 845px;
	min-height:600px;
}
/*
* -----------------------------------------------------------------------------------
* CSS for sIFR starts here
* -----------------------------------------------------------------------------------
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 34px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 16px;
}
	.sIFR-hasFlash #column1 h2{
		text-align: left;
		visibility: hidden;
		letter-spacing: -9px;
		font-size: 16px;
	}
		.sIFR-hasFlash #column1 .brownBottom h2{
			margin-left: 10px;
			margin-top:10px;
		}
		
	.sIFR-hasFlash #column2 h2{
		text-align: left;
		visibility: hidden;
		letter-spacing: -9px;
		font-size: 16px;
	}
		.sIFR-hasFlash #column2 .brownBottom h2{
			margin-left: -120px;
			margin-top:10px;
		}		
		
		.sIFR-hasFlash #header_column3Bottom #artistRotterdamH2{
			font-size: 14px;
			padding-top: 10px;
		}
		.sIFR-hasFlash #header_column3Bottom #artistH2{
			font-size: 18px;
			padding-top: 10px;
		}
		
	
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}
	.sIFR-hasFlash #header_column3Bottom h3.indexHeaderH3{
		visibility: hidden;
		letter-spacing: -6px;
		line-height: 16px;
		font-size: 12px;
		padding-bottom: 5px;
	}

	
/*
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}*/

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*
* -----------------------------------------------------------------------------------
* CSS for sIFR ends here
* -----------------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------------
* CSS for <h> tags starts here
* -----------------------------------------------------------------------------------
*/
h1{
	font-size: 34px;
	float: right;
	margin-top:15px;
	padding-right:10px;
	margin-bottom:10px;
}
h2{font-size: 20px;}
h4{
	
}
#column1 h3, #column2 h3{
	/*padding-left:10px;*/
	margin-top: 10px;
}
	#column1 #downloadArtist, #column2 #downloadRoArtist{
		margin-left: 10px;
		font-size: 16px;
	}
#column2 h4{
	/*float: right;*/
	font-size: 12px;
	margin-right: 10px;
	margin-left: 150px;
	margin-top: -8px;
	text-align: right;
}
	#column2 #artistRoH4 a:hover{
		color: #DC661E;
	}
	#column2 #artistH4 a:hover{
		color: #803780;	
	}
	
#column2 h3.artistH3{
	width: 125px;
	text-align: right; 
	font-size: 20px;
	margin-top: 20px;
	margin-left: 190px;
}
#column3 h3{
	padding-left:10px;
	padding-bottom:15px;
	font-size: 14px;
	visibility: visible !important;
	letter-spacing: normal;
}
/**
* -----------------------------------------------------------------------------------
* Header CSS starts here
* -----------------------------------------------------------------------------------
*/

#header{
	width: 845px;
	height: 150px;
}
	#header_column1{
		width: 325px;
		height: 150px;
		float: left;
	}
	
	#header_column2{
		float: left;
		background: url("../assets/headerBg_column2.jpg");
		width:325px;
		height: 150px;
	}
		#header_column2 ul{
			list-style:none;
			padding-top: 15px;
			padding-left:5px;
		}
		#header_column2 li{
			font-weight: bold;
			line-height: 25px;
		}
		
	#header_column3{
		float: left;
		width: 195px;
		height: 150px;
	}
		#header_column3 ul{
			list-style:none;
			padding-top: 15px;
			padding-left:5px;
		}
		#header_column3 li{
			font-weight: 600;
			line-height:18px;
		}
		
		#header_column3Top{
			background: url("../assets/headerBg_column3.jpg") no-repeat;
			height: 85px;
		}
		#header_column3Bottom{
			min-height: 65px;
			width: 195px;
		}
		#header_column3Bottom h2{
			margin-left:10px; 
			padding-top:5px; 
			font-size:18px;
		}
		#header_column3Bottom #artistRotterdamH2{
			font-size: 14px;
			padding-top: 10px;
		}
		#header_column3Bottom #artistH2{
			font-size: 18px;
			padding-top: 10px;
		}
		
		#header_column3Bottom h3.indexHeaderH3 {
			font-size: 12px;
			margin-left: 10px;	
		}
		
		.borderBottom{
			background: url(../assets/h3_BgBottom.png) bottom repeat-x;
			/*margin-bottom:10px;*/
			margin-left: 9px;
			margin-right: 9px;
		}
/**
* -----------------------------------------------------------------------------------
* Header CSS ends here
* -----------------------------------------------------------------------------------
*/		

/**
* -----------------------------------------------------------------------------------
* Content CSS starts here
* -----------------------------------------------------------------------------------
*/

#column1{
	width: 325px;
	float: left;
}
	#column1 p, #column2 p, #column3 p{
		padding-left: 10px;
		padding-right: 10px;
	}
	

#column2{
	width: 325px;
	float: left;
}
	
#column3{
	width:195px;
	float: left;
}
	
	#column3 li{
		padding-bottom: 3px;
		padding-left: 10px;
	}
	
	#arrowBox{
		float:right;
		width:10px;
		margin-right: 2px;
		margin-bottom: 2px;
	}
	#column3 ul#column3List{
		margin-top: 10px;
	}
	
/*Column3 form CSS*/
	
	#column3 form{
		padding-left: 10px;
	}
	
	#column3 #inputEmail{
		margin-top: 5px;
		border-top: #009DBC 1px solid;
		border-left: #80CDDD 1px solid;
		border-right: #80CDDD 1px solid;
		border-bottom: #80CDDD 1px solid;
	}
	#column3 #inputSubmit{
		background: #80CDDD;
		font-weight: bold;
		border: 1px #80CDDD solid;
		padding: 0px;
		margin-bottom: 10px;
		width: 85px;
		cursor: pointer;
	}	
	
/**
* -----------------------------------------------------------------------------------
* CSS for blocks and colorthemes starts here
* -----------------------------------------------------------------------------------
*/

.block{
	width: 325px;
	color: #231F20;
	float: left;
}

.mediaBlock{
	width: 325px;
	height: 265px;
	margin-bottom: 10px;
	clear:both;
}

.mediaLeft{
	float: left;
	font-weight: 600;
	padding-left: 10px;
	padding-bottom: 5px;
}
.mediaRight{
	float: right;
	font-weight: 600;
	padding-right: 10px;
}

.blockNarrow{
	width: 195px;
	float: left;
	min-height:380px;
}



.purple{
	background: #C09ABF url(../assets/cornerLeft_darkPurple.jpg) top left no-repeat;
}

.purpleColumn3{
	background: #C09ABF; 
	padding-bottom: 10px;
}

.purpleIndex{
	background: url(../assets/columnBg_purple.jpg) repeat-y;
	min-height: 325px;	
}

.purpleBgBig{
	background: url(../assets/columnBg_purple.jpg) repeat-y;
	min-height: 325px;	
}
	
.lightpurple{
	background: #F0E6EF url(../assets/cornerLeft_lightPurple.jpg) top left no-repeat;
	height: 65px;
}
.brownBottom{
	background: url(../assets/column1Bg_bottom_xl.jpg) top left no-repeat;
	min-height: 325px;
}
.brown{
	background: #C59E97 url(../assets/cornerLeft_brown.jpg) top left no-repeat;
}
.brownBgBig, .lightbrownBgBig{
	background: url(../assets/columnBg_brown.jpg) repeat-y;
	min-height: 325px;
}
.lightbrown{
	background: #F4ECEA url(../assets/cornerLeft_lightbrown.jpg) top left no-repeat;
	height: 65px;
}
.orange{
	background: #EDB290; 
}
.orangeCorner{
	background: #EDB290 url(../assets/cornerLeft_orange.jpg) top left no-repeat;
	min-height: 65px;
}
.orangeBgBig{
	background: url(../assets/columnBg_lightPink.jpg)repeat-y;
	min-height: 325px;
}
.orangeColumn3{
	background: #EDB290;
	padding-bottom: 10px;
}
.orangeLight{
	background: #FBF0EA url(../assets/cornerLeft_lightOrange.jpg) top left no-repeat;
	height: 65px;
}
.grey{
	background: url(../assets/cornerLeft_grey.jpg) top left no-repeat;
	min-height: 65px;
}

.blue{
	background: #80CDDD;
}
.blueHeight{height: 380px;}
.blueCorner{
	background: #80CDDD url(../assets/cornerLeft_blue.jpg) no-repeat;
}
.blueBgBig{
	background: url(../assets/columnBg_lightBlue.jpg) repeat-y;
	min-height: 325px;
}
.purpleFont{
	color: #670A63;
}
.orangeFont{
	color: #DC661F;
}
#downloads_images_block{
	min-height: 100px;
	border-bottom: dashed 1px black;
	width:300px;
	margin-left: 10px;
	padding-top: 10px;
}
		#downloads_images_block h2{
			margin-bottom: 10px;	
		}
		
		#downloads_images_block ul#downloadLeft{
			float: left;
		}
		
		#downloads_images_block ul#downloadRight{
			float: right;
		}
#films_block{
	min-height: 100px;
	width:300px;
	margin-left: 10px;
	padding-top: 10px;
}
	#films_block li{
		list-style: none;
	}
	#films_block h2{
		margin-bottom: 10px;
	}
/*
* -----------------------------------------------------------------------------------
* CSS for blocks and colorthemes ends here
* -----------------------------------------------------------------------------------
*/
/*
* -----------------------------------------------------------------------------------
* CSS for footer starts here
* -----------------------------------------------------------------------------------
*/
#footer{
}
	.clear{
		clear:both;
		height: 0px;
		line-height: 0px;
	}
/*
* -----------------------------------------------------------------------------------
* CSS for for footer ends here
* -----------------------------------------------------------------------------------
*/