@charset "UTF-8";

/*
Theme Name: Bijlmerstyle
Theme URI: http://bijlmerstyle.com
Description: The original Bijlmerstyle
Version: 1.0
Author: Doingz
*/

body {
	font: 100%/1.4 Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #222;
	background: #f2f2f4 url(img/bs_body.jpg) top center no-repeat fixed;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;	 
	padding: 0;
}

p	{
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 10px 0;
	}

h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
	}

h3 a, h3 a:link, h3 a:visited {
	color: #000;
	text-decoration: none;
	}

h3 a:hover, h3 a:active {
	color: #a60303;
	text-decoration: none;
	}

.storycontent {
	padding: 8px 0 16px;
	margin: 0;
	display: block;
}

a img { 
	border: none;
}

a {
    outline: none;
}

a:link {
	color: #a60303;
	text-decoration: none; 
}

a:visited {
	color: #a60303;
	text-decoration: none;
}

a:hover, a:active, a:focus { 
	color: #000;
	text-decoration: underline;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	float: left;
	width: 960px;	
	height: 260px;
	padding: 0;
	margin: 0;
}

ul.cycle {
	float: left;
	width: 960px;	
	height: 260px;
	padding: 0;
	margin: 0;
}

ul.cycle li {
	width: 960px;	
	height: 260px;
	padding: 0;
	margin: 0;
}

#topmenu h1 {
	float: right;
	width: 90px;
	height: 40px;
	padding: 0;
	margin: 0;
}

#topmenu h1 a{
	float: right;
	width: 90px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: url(img/bs_logo_small.png) top left no-repeat;
	text-indent: -9000px;
}

#topmenu {
	float: left;
	list-style: none; 
	width: 960px;
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: url(img/bs_topmenu.png) top left repeat-x;
}

ul.nav {
	float: left;
	list-style: none; 
	width: 860px;
	height: 40px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
ul.nav li {
	float: left;
	display: inline;
	padding: 0;
	height: 40px;
	text-transform: uppercase;
}
ul.nav li a, ul.nav li a:visited { 
	float: left;
	color: #eee;
	padding: 10px 20px;
	height: 20px;
	display: inline; 
	text-decoration: none;
}
ul.nav li a:hover, ul.nav li a:active, ul.nav li a:focus { 
	color: #eee;
	text-decoration: underline;
}
ul.nav li.current_page_item a, ul.nav li.current_page_parent a { 
	color: #000;
	background: #fff;
}

#slide {
	float: left;
	width: 960px;
	height: 320px;
	background: #000 url(img/bs_slide.jpg) top left no-repeat;
	margin: 0 0 34px 0;
}

#main {
	float: left;
	width: 924px;
	padding: 18px;
	background: #fff;
	}

#content {
	float: left;
	padding: 10px;
	width: 560px;
}	

#utvideo {
	float: left;
	width: 560px;
	height: 340px;
	padding: 0;
	margin: 20px 0;
	}
	
	
.tleft {
	float: left;
	padding: 0;
	margin: 20px 20px 20px 0;
	width: 260px;
	height: 140px;
	overflow: hidden;
	}
	
.tleft a, .tleft a:link, .tleft a:visited {
	float: left;
	padding: 4px;
	margin: 0;
	width: 252px;
	height: 132px;
	background: url(img/bs_thumb_bg.png) top left no-repeat;
	color: #eee;
	}
	
.tleft a:hover, .tleft a:active {
	background: url(img/bs_thumb_bg.png) bottom left no-repeat;
	}
	
.tright {
	float: left;
	padding: 0;
	margin: 20px 0 20px 20px;
	width: 260px;
	height: 140px;
	overflow: hidden;
	}
	
.tright a, .tright a:link, .tright a:visited {
	float: left;
	padding: 4px;
	margin: 0;
	width: 252px;
	height: 132px;
	background: url(img/bs_thumb_bg.png) top left no-repeat;
	color: #eee;
	}
	
.tright a:hover, .tright a:active {
	background: url(img/bs_thumb_bg.png) bottom left no-repeat;
	}
	
.tside {
	float: left;
	padding: 0;
	margin: 20px 0;
	width: 300px;
	height: 140px;
	overflow: hidden;
	}
	
.tside a, .tside a:link, .tside a:visited {
	float: left;
	padding: 0;
	margin: 0;
	width: 280px;
	height: 140px;
	background: url(img/bs_sidethumb_bg.png) top left no-repeat;
	text-indent: -9000px;
	}
	
.tside a:hover, .tside a:active {
	background: url(img/bs_sidethumb_bg.png) bottom left no-repeat;
	}

#sidebar {
	float: right;
	width: 300px;
	padding: 10px;
}

.banner300280 {
	width: 300px;
	height: 250px;
	float: left;
	margin: 0 0 24px 0;
	background: #000;
	}

.banner120600 {
	width: 120px;
	height: 600px;
	float: left;
	margin: 0 0 24px 0;
	padding: 20px 90px;
	background: #000;
	}

#sidebar ul {
	list-style: none;
	padding: 0 0 24px;
	margin: 0;
	}
#sidebar ul li {
	width: 300px;
	font-size: 0.8em;
	font-weight: normal;
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
	}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
	color: #222;
	width: 284px;
	margin: 0;
	padding: 4px 8px;
	display: block;
	background: #f9f9f9;
	}
#sidebar ul li a:hover, #sidebar ul li a:active {
	background: #eee;
	color: #000;
	}
#sidebar ul li.current_page_item a {
	color: #a60303;
	background: #fff url(img/bs_sub_menu.png) center right no-repeat;
	}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

#pagenav {
	float: left;
	width: 560px;
	height: 40px;
	padding: 0;
	margin: 0;
	border-top: 1px dashed #aaa;
	}
	#pagenavnext {
	float: left;
	width: 280px;
	height: 40px;
	background: url(img/bs_next_bg.png) top left no-repeat;
	}
	#pagenavprev {
	float: right;
	text-align: right;
	width: 280px;
	height: 40px;
	background: url(img/bs_prev_bg.png) top left no-repeat;
	}
	#pagenavnext a {
	float: left;
	width: 240px;
	height: 30px;
	padding: 10px 0 0 40px;
	background: url(img/bs_next.png) top left no-repeat;
	}
	#pagenavprev a {
	float: right;
	width: 240px;
	height: 30px;
	padding: 10px 40px 0 0; 
	background: url(img/bs_prev.png) top left no-repeat;
	}

#footer {
	float: left;
	width: 900px;
	padding: 18px 30px;
	margin: 0;
	background: #000;
	}

#footertext {
	color: #444;
	float: left;
	width: 520px;
	}
	
#footerspace {
	float: left;
	width: 924px;
	height: 0;
	padding: 0;
	margin: 0;
	}
	
	
ul.socialicons {
	list-style: none;
	float: right;
	width: 120px;
	height: 60px;
	padding: 0;
	margin: 0;
	
	}
	ul.socialicons li {
	float: left;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
	display: inline;
	}
	ul.socialicons li.facebook a, ul.socialicons li.facebook a:link, ul.socialicons li.facebook a:visited {
	background: url(img/bs_social_icons.png) 0px 0px no-repeat; 
	text-indent: -9000px; 
	width:60px; 
	height: 60px;
	padding: 0;
	margin: 0;
	display: block;
	}
	ul.socialicons li.facebook a:hover, ul.socialicons li.facebook a:active {
	background: url(img/bs_social_icons.png) 0px -60px no-repeat;
	}
	ul.socialicons li.linkedin a, ul.socialicons li.linkedin a:link, ul.socialicons li.linkedin a:visited {
	background: url(img/bs_social_icons.png) -60px 0px no-repeat; 
	text-indent: -9000px; 
	width:60px; 
	height: 60px;
	padding: 0;
	margin: 0;
	display: block;
	}
	ul.socialicons li.linkedin a:hover, ul.socialicons li.linkedin a:active {
	background: url(img/bs_social_icons.png) -60px -60px no-repeat;
	}
	ul.socialicons li.youtube a, ul.socialicons li.youtube a:link, ul.socialicons li.youtube a:visited {
	background: url(img/bs_social_icons.png) -120px 0px no-repeat; 
	text-indent: -9000px; 
	width:60px; 
	height: 60px;
	padding: 0;
	margin: 0;
	display: block;
	}
	ul.socialicons li.youtube a:hover, ul.socialicons li.youtube a:active {
	background: url(img/bs_social_icons.png) -120px -60px no-repeat;
	}
	ul.socialicons li.rss a, ul.socialicons li.rss a:link, ul.socialicons li.rss a:visited {
	background: url(img/bs_social_icons.png) -180px 0px no-repeat; 
	text-indent: -9000px; 
	width:60px; 
	height: 60px;
	padding: 0;
	margin: 0;
	display: block;
	}
	ul.socialicons li.rss a:hover, ul.socialicons li.rss a:active {
	background: url(img/bs_social_icons.png) -180px -60px no-repeat;
	}
	
	
/* mp3 player */

a.sm2_link {
	letter-spacing: 1px;
	width: 510px;
	height: 20px;
	margin: 1px 0;
	padding: 4px 10px 4px 40px;
	background: url(img/bs_mp3_bg.png) top left no-repeat;
	display: block;
	}

a.sm2_link:hover, a.sm2_link:active {
	text-decoration: none;
	}

a.sm2_link.sm2_paused {
	background: url(img/bs_mp3_bg.png) top left no-repeat;
	}

a.sm2_link.sm2_playing {
	background: url(img/bs_mp3_bg.png) bottom left no-repeat;
	}
	
	
/** orderform **/

.orderform {
	float: left;
	width: 884px;
	margin: 20px 0;
	list-style: none;
	padding: 10px;
	overflow: hidden;
	background: #fff;
	}

ul.form {
	float: left;
	width: 442px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul.form li {
	float: left;
	margin: 20px 0 10px;
	padding: 0;
	list-style: none;
	display: block;
	}

input.text {
	width: 200px;
	margin: 0;
	padding: 8px;
	font-size: 1em;
	border: 1px solid #ccc;
	background: #eee;
	}

input.text:focus {
    outline: none;
	border: 1px solid #bbb;
	background: #fff;
	}

label.description {
	padding: 8px 0;
	float: left;
	width: 180px;
	}

label.choice {
	float: left;
	padding: 0 24px 0 8px;
	}

.radiogroup {
	float: left;
	padding: 0;
	margin: 0;
	}

.radiobtn {
	float: left;
	padding: 0;
	margin: 0 32px 0 0;
	}
	
ul.form li.buttons 	{
	padding-left: 180px;
	}
	
.submitform {
	float: left;
	font-size: 1em;
	padding: 8px;
	border: 1px solid #ccc;
	margin: 0;
	background: #000;
	color: #eee;
	}

.submitform:hover {
	background: #000;
	color: #fff;
	cursor: pointer;
	}

.submitform:active {
    outline: none;
	background: #000;
	color: #bbb;
	cursor: pointer;
	}

.submitform:focus {
    outline: none;
	}

.formresult {
	float: left;
	text-align: center;
	width: 864px;
	padding: 10px;
	margin: 20px 0 0;
	background: #ffa;
	display: none;
	}

.formresultholder {
	float: left;
	width: 864px;
	margin: 0;
	padding: 0;
	background: #fff;
	}
	
input.error {
	border-color: #ff0000;
}

#footer a {
	color: #444;
	}

/** splash **/

body.splash {
	padding: 0;
	margin: 0;
	background: #fff;
	}

.splashcontainer {
	text-align: left;
	position: absolute;
	width: 600px;
	height: 160px; 
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -80px;
	padding: 0;
	background: url(img/bs_logo.png) top left no-repeat;
	}
	
.splashlogo {
	float: left;
	width: 240px;
	height: 160px;
	padding: 0;
	margin: 0;
	background: url(img/bs_logo.png) top left no-repeat;
	}
	
.splashtext {
	float: left;
	width: 300px;
	height: 120px;
	padding: 40px 20px 20px;
	margin: 0;
	}
	

#sidebanner {
	float: left;
	width: 300px;
	height: 600px;
	padding: 10px 0;
	}