* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	background: #383d4e url(../images/wallpaper.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373d4d;
}

.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.align_left {float: left; margin: 5px 5px 0 0;}
.align_right {float: right; margin: 5px 0 0 5px;}
.ico {vertical-align: middle;}

@font-face {
	font-family: 'Qlassic TB';
	src: url('Qlassik_TB.otf');
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-family: 'Qlassic TB', Arial, Helvetica, Sans-serif; 
}
h1 {
	font-size: 16px;
	color: #ef403c;
	clear: none;
}
h2 {
	font-size: 12px;
	color: #fcd900;
}
h3,h4,h5,h6 {
	font-size: 12px;
	color: #373d4d; 
}
a {
	color: #ef403b;
	text-decoration: none;
}
a:hover {
	color: #fcd900;
	text-decoration: none;
}
a img {
	border: 0;
}

.table_basic {
	width: 100%;
	font-size: 11px;
}
.table_basic tr {
	background: url(../images/basic_table_row.jpg) left top repeat-y;
}
.table_basic td {
	padding: 4px;
}


#container {
	width: 1050px;
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/faux.jpg) top center repeat-y;
}
#header {
	height: 577px;
	background: url(../images/header.jpg) top center no-repeat;
	position: relative;
}
#topnav {
	height: 117px;
	text-align: right;
	position: relative;
}
#topnav ul {
	position: absolute;
	top: 40px;
	right: 60px;
}
#topnav ul, #topnav li, #topnav li a {
	display: block;
	height: 27px;
}
#topnav li, #topnav li a {
	float: left;
}
#topnav .top1, #topnav .top1 a {
	width: 139px;
	text-align: center;
}
#topnav .top2, #topnav .top2 a {
	width: 111px;
	text-align: center;
}
#topnav .top3, #topnav .top3 a {
	width: 109px;
	text-align: center;
}
#topnav .top1 a {
	background: url(../images/nav/top_about.jpg) left center no-repeat;
}
#topnav .top1 a:hover, .current1 a {
	background: url(../images/nav/top_about_over.jpg) left center no-repeat !important;
}
#topnav .top2 a {
	background: url(../images/nav/top_aanvragen.jpg) left center no-repeat;
}
#topnav .top2 a:hover, .current2 a {
	background: url(../images/nav/top_aanvragen_over.jpg) left center no-repeat !important;
}
#topnav .top3 a {
	background: url(../images/nav/top_contact.jpg) left center no-repeat;
}
#topnav .top3 a:hover, .current3 a {
	background: url(../images/nav/top_contact_over.jpg) left center no-repeat !important;
}
#topnav a span {
	display: none;
}


#rotation {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#rotation .foto_shade {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
#rotation div {
	float: left;
}
.posimg {
	position: absolute;
	bottom: -38px;
	left: -25px;
	z-index: 999;
}
#punchline {
	position: absolute;
	bottom: 0px;
	left: 45px;
	background: url(../images/punchline.png) left top no-repeat;
	width: 321px;
	height: 134px;
	padding: 20px;
	font-family: 'Qlassic TB', 'trebuchet MS', sans-serif;
	font-size: 19px;
	color: #FFF;
	line-height: 1.7;
	text-align: right;
} 
#navbar {
	position: absolute;
	bottom: 24px;
	right: 45px;
	width: 600px;
	height: 103px;
	background: url(../images/navbar.png) bottom right no-repeat;
}
#navbar ul, #navbar li, #navbar li a {
	display: block;
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
}
#navbar li, #navbar li a {
	float: left;
	width: 120px;
	text-align: center;
}
#navbar li a span {
	display: none;
}
#navbar li.link1 a {
	background: url(../images/nav/nav_artiesten.png) top center no-repeat;
}
#navbar li.link1 a:hover, #navbar li.active1 a {
	background: url(../images/nav/nav_artiesten_over.png) top center no-repeat;
}
#navbar li.link2 a {
	background: url(../images/nav/nav_orkesten.png) top center no-repeat;
}
#navbar li.link2 a:hover {
	background: url(../images/nav/nav_orkesten_over.png) top center no-repeat;
}
#navbar li.link3 a {
	background: url(../images/nav/nav_bruiloften.png) top center no-repeat;
}
#navbar li.link3 a:hover {
	background: url(../images/nav/nav_bruiloften_over.png) top center no-repeat;
}
#navbar li.link4 a {
	background: url(../images/nav/nav_djs.png) top center no-repeat;
}
#navbar li.link4 a:hover {
	background: url(../images/nav/nav_djs_over.png) top center no-repeat;
}
#navbar li.link5 a {
	background: url(../images/nav/nav_evenementen.png) top center no-repeat;
}
#navbar li.link5 a:hover {
	background: url(../images/nav/nav_evenementen_over.png) top center no-repeat;
}

#left {
	width: 333px;
	float: left;
	padding: 40px 20px;
	display: inline;
	min-height: 600px;
	margin-left: 70px;
	background: url(../images/left_sidebar.jpg) top right no-repeat;
}
.left_subpages {
	width: 250px !important;
	margin-right: 83px;
	background: url(../images/left_faux.gif) repeat-y !important;
	position: relative;
}
.left_shadows {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 0;
	width: 290px;
	height: 600px;
	background: url(../images/left_sidebar.jpg) top right no-repeat;
}

#left h1 {
	color: #373d4d;
	font-size: 22px;
	font-family: 'Qlassic TB', 'trebuchet MS', sans-serif;
	font-weight: 100;
	display: block;
	width: 295px;
	padding-top: 10px;
	padding-left: 5px;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 0px;
	position: relative;
	z-index: 22;
}

.left_item {
	margin-top: 30px;
	width: 290px;
	/*height: 120px;*/
	padding-bottom: 0px;
}
.left_item h2 {
	color: #ef3f3c;
	font-family: Arial, Helvetica, sans-serif;
}
.left_item p {
	font-size: 10px;
	line-height: 1.4;
}
.biglist {
	float: left;
	position: relative;
	z-index: 22;
}
.biglist, .biglist li {
	width: 214px;
	display: block;
	vertical-align: middle;
}
.biglist li {
	background: url(../images/left_sidebar_item_background.jpg) left center repeat-y;
	margin-bottom: 2px;
	padding: 3px;
	line-height: 1.4;
}
.biglist li a {
	color: #373d4d;
	width: 204px;
	padding-left: 10px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
}
.biglist a:hover {
	color: #ef403b;
}
.textitem li {
	padding: 10px;
	line-height: 2;
	width: 194px;
}

#right {
	float: left;
	width: 533px;
	display: inline;
}
#right p {
	line-height: 1.4;
	margin-bottom: 20px;
}

.right_item {
	width: 533px;
}
.right_item h1 {
	display: block;
	width: 513px;
	padding: 0 10px;
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
	color: #fdd900;
	font-size: 24px;
	font-family: 'Qlassic TB', 'trebuchet MS', sans-serif;
	background: url(../images/item_title.jpg) left bottom no-repeat;
}
.right_item h1.artists_title {
	display: block;
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
	background: url(../images/artists_title.jpg) left center no-repeat;
	width: 483px;
	padding-left: 40px;
}

.right_item_core {
	background: #dfdde3;
	padding: 20px;
	width: 493px;
}
.right_item_core p {
	margin-bottom: 20px;
	line-height: 1.4;
}

.artists_item_core {
	padding: 20px 20px 0 !important;
	background: #dfdde3;
	padding: 20px;
	width: 493px;
	position: relative;
}


.subpages_title {
	display: block;
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
	background: url(../images/subpages_title.jpg) left center no-repeat;
	width: 513px;
	padding-left: 40px;
	margin-bottom: 20px;
}


.core_biglist {
	font-size: 11px;
}
.core_biglist li {
	background: url(../images/core_list_background.jpg) left center no-repeat;
	padding: 0 10px;
	width: 540px;
	display: block;
	margin-bottom: 2px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;

}
.core_biglist li img.ico {
	margin-left: 5px;
}
.core_biglist li a {
	margin-left: 5px;
}

.form {
	width: 570px;
	list-style: none;
	display: block;
	margin-bottom: 40px;
}
.form label {
	display: inline-block;
	width: 160px;
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
}
.form li {
	height: auto;
	width: 540px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px !important;
	margin-bottom: 2px;
	background: url(../images/core_form_back.jpg) 168px center repeat-y;
}
.form input.text {
	width: 210px;
	height: 17px;
	background: #FFF;
	border: 0;
}
.form textarea.tarea {
	width: 208px;
	height: 140px;
}
.topalign {
	vertical-align: top !important;
	line-height: normal !important;
}


.adres_left {
	width: 245px;
	padding: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	line-height: 1.4;
	background: url(../images/adres_back.jpg) left top no-repeat;
}
.adres_right {
	width: 204px;
	padding: 10px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	background: url(../images/adres_back.jpg) left top no-repeat;
}
.hoofdkantoor_foto {
	background: none !important;
}
.adres_left p, .adres_right p {
	margin: 0 !important;
}

.artist_profile {
	width: 130px;
	min-height: 250px;
	background: url(../images/fadeout_yellow.png) top left no-repeat;
	float: left;
	margin-right: 0px;
	margin-left: -20px;
	display: inline;
}
.artist_picture {
	margin-left: -20px;
	width: 130px;
	height: 130px;
	background: url(../images/picframe_artiesten.png) bottom right no-repeat;
}


.single_artist {
	background: #dfdde3 url(../images/fadeout_yellow.png) top left no-repeat;
}
.artist_item_text {
	padding: 0 10px;
}
.artist_url {
	background: url(../images/artist_url_back.jpg) top left no-repeat;
	width: 500px;
	height: 90px;
	line-height: 70px;
	margin-left: -43px;
	vertical-align: middle;
}
.artist_url p, .artist_url p a {
	margin: 0;
	display: block;
	height: 90px;
	line-height: 48px;
	padding-left: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #373d4e;
	text-decoration: none;
}
.meer {
	position: absolute;
	bottom: -32px;
	right: 5px;
}

.big_picture {
	width: 364px;
	height: 267px;
	margin-left: -40px;
	background: url(../images/big_picframe.png) bottom right no-repeat;
	margin-bottom: 20px;
	position: relative;
	z-index: 22;
}
.big_picture_fade {
	position: absolute;
	top: 100px;
	left: 0;
	height: 300px;
	width: 40px;
	z-index: 0;
	background: url(../images/fadeout_yellow.png) top left no-repeat;
}

#footer {
	background: url(../images/faux.jpg) top center repeat-y;
	width: 1050px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
	text-align: center;
	font-size: 8px;
	color: #fdd900;
}
#footer a {
	color: #fdd900;
}
#footer a:hover {
	text-decoration: underline;
}
