/*
@font-face {
	font-family: 'Bauhaus93Regular';
	src: url('fonts/BAUHS93.eot');
	src: local('Bauhaus 93'), local('Bauhaus93'), url('fonts/BAUHS93.woff') format('woff'), url('fonts/BAUHS93.ttf') format('truetype');
}
*/
body {
margin: 0px; 
font-family:Arial, Helvetica, sans-serif; 
color: #ffffff;
background-image: url(../images/layout/bodyBg.jpg);
background-position: top center;
}

a {outline: none;}

#wrapperBg {background: url(../images/layout/wrapperBg.jpg) top center no-repeat;}
#container {width: 970px; margin: 0px auto; padding-bottom: 50px;}

#top {height: 344px;}
/*#menu {height: 50px; padding: 0px 20px 0px 20px;}*/
#content {background-color: #121212; padding-bottom: 10px;}

#sjv {padding: 10px; font-size: 8pt; color: #989898; text-align: center;}
#sjv a {color: #ffffff;}

div.block {float: left; width: 290px; height: 240px; margin-left: 10px; margin-top: 10px; padding: 10px 10px 0px 10px; font-size: 8pt;}
div.imageThumb {float: left; width: 290px; height: 240px; margin-left: 10px; margin-top: 10px; font-size: 8pt; background: url(../images/layout/black80.png); overflow: hidden;}
div.img_box {width: 150px; height: 120px;}
div.img_box_in {width: 130px; height: 100px; padding: 10px; background: url(../images/layout/black80.png); overflow: hidden;}


div.blockDisplay {height: 30px; width: 310px; padding: 220px 0px 0px 0px;}
div.blockDisplay h2 {float: left; width: 135px; height: 19px; overflow: hidden;}
div.blockDisplayTitle {height: 24px; background-image: url(../images/layout/black80.png); padding: 6px 10px 0px 10px}
div.block h2 {font-size: 10pt; padding: 2px 0px 0px 0px;}

div.block p{color: #989898; font-size: 8pt; clear: left; margin-top: 10px;}
div.block p a {color: #cccccc;}
div.block p a:hover {color: #ffffff;}
select {width: 100px; color: #989898; background-color: #121212; border: 1px solid #000000;}
div.block select {float: right;}

div.textBlock {background-color: #000000;}

h1 {font-size: 14pt; padding: 10px; background-color: black; margin: 0px 0px 10px 10px;}
h2 {margin: 0px; font-size: 11pt; font-weight: bold; color: #ffffff;}
a span {text-decoration: underline; font-size: 8pt;}
h2.h2-2 {float: left; width: 290px; margin-left: 10px; margin-top: 10px; padding:10px; background-color: #000000;}
.fantasie a, .fantasie h2 {color: #c6ff00;}
.abstract a, .abstract h2 {color: #ff00a9;}
.fotografie a, .fotografie h2 {color: #00ddff;}


div.image {
	float: left; 
	height: 250px; 
	width: 150px; 
	/*border: 1px solid #282828;*/ 
	background: #000000; 
	margin: 10px 0px 0px 10px;
	overflow: hidden;
}
div.image a {font-size: 8pt; display: block; color: #989898; }
div.image h2 {/*font-family: 'Bauhaus93Regular', arial; */ font-size: 10pt; margin: 0px; padding: 5px 0px 10px 0px;}


a {text-decoration: none; color: #989898;}
a:hover {color: #cacaca; text-decoration: none;}

a img {border: none;}

strong {font-weight: normal; color: #ffffff;}

div.imageContent {padding: 0px 10px 10px 10px;}
a.download {
background: url(../images/blt_download.gif) no-repeat; 
padding-left: 20px; 
margin-bottom: 5px;
}

a.download:hover {
background: url(../images/blt_download_on.gif) no-repeat; color: #cacaca;
}


/* pop-up */
a.infoBlock{
float: right;
position: relative;
z-index: 0;
text-decoration: none;
}

.infoBlock:hover{
background-color: transparent;
z-index: 50;
}

.infoBlock div.infoTekst{
position: absolute;
z-index: 1;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
width: 122px;
height: 192px;
}

div.infoTekst h2 {width: 130px;}

.fantasie .infoBlock div.infoTekst {border: 1px solid #404040;}
.abstract .infoBlock div.infoTekst {border: 1px solid #404040;}
.fotografie .infoBlock div.infoTekst {border: 1px solid #404040;}

.infoBlock:hover div.infoTekst{
visibility: visible;
top: -140px;
left: -120px;
background-color: #000000;
/* background-image: url(../images/layout/black90.png); */
color: #989898;
text-decoration: none;
}

div.infoTekst h2 {
padding: 0px;
}

/*#menu a {color: #8e8e8e; padding: 12px 50px 15px 0px; font-weight: bold; font-size: 13pt; display: block; float: left;}

#menu a:hover {color: #cacaca; text-decoration: none;}
#menu a.active {color: #ffffff;}
*/
ul {margin: 10px 0px 0px 0px; padding: 0px; list-style:none;}
ul li {/*margin-bottom: 3px;*/}

a.special {color: #FF00A9;}

/* Star Rating */
ul, li {
padding:0;
margin:0;
list-style:none;
}

ul.rating{
background:url(../images/layout/star.png) bottom;
height:13px;
width:55px;
overflow:hidden;

margin: 107px 0px 0px 72px;
position: absolute;
}

div.img_box_in ul.rating{margin: 0px 0px 0px 0px;}

ul.rating li{
display:inline
}

.rating a {
display:block;
width:11px;
height:13px;
float:left;
text-indent:-9999px;
position:relative;
}

.rating a:hover, .rating a.active {
background:url(../images/layout/star.png) top;
width:55px;
margin-left:-44px;
position:static;
}

.rating a:active {
background-position:top;
}

ul#categorieen {font-size: 10pt;}
ul#categorieen li a {float: left; width: 125px; padding: 5px 5px 5px 20px; background-color: #000000; margin: 0px 0px 10px 10px; }


/* share */
/*div#at20mc, div#at16lb, div#at16pcc, div#at15s {background-color: #000000; padding: 20px;}*/

/* form */
input.radiobutton {border: none; width: 14px!important;}



form#contactForm {margin-top: 5px;}

form#contactForm label {float: left; width: 120px; color:#989898; margin: 5px 0px 0px 0px;}
form#contactForm label.error {float: left; width: auto; color: #FF00A9; position: relative; margin: -37px 0px 0px 66px;}
form#contactForm input {float: left; width: 200px; color: #ffffff; background-color: #121212; background-image: url(../images/layout/input-bg.jpg); border: none; font-size: 8pt; padding: 5px;}
textarea {float: left; width: 200px; height: 60px; color: #ffffff; background-color: #121212; background-image: url(../images/layout/input-bg.jpg); border: none; font-size: 8pt; padding: 3px;}
form#contactForm input.submitButton {margin: 5px 0px 0px 0px; width: 100px; color:#ffffff; font-size: 8pt; cursor: pointer; border: 1px #646464 solid;}
form#contactForm input.checkbox {width: 14px; margin: 6px 6px 0px 0px;}

a.sizeMenu {
float: right;
width: 42px;
height: 40px;
margin: 0px;
padding: 0px;
text-indent: -1000px;
overflow: hidden;
background-repeat: no-repeat;
	}

a.sizeMenu:hover, .sizeMenuActive {
	background-position: 0px -40px;
	background-repeat: no-repeat;
	}

	a.sizeMenuS {background-image: url(../images/layout/viewSmall.png);}
	a.sizeMenuM {background-image: url(../images/layout/viewNormal.png);}
	a.sizeMenuXL {background-image: url(../images/layout/viewLarge.png); width: 55px;}
	
	div.block form {float: right; margin-left: 5px;}
	
	div.blockDisplayTitle a.infoBlock {margin-top: 3px;}
	
	
	/* menu */
	
	
	
#nav {height: 46px; padding: 4px 20px 0px 12px;}

#nav, #nav ul {
	float: left;
	list-style: none;
}

#nav a {
	display: block;
	color: #8e8e8e; /*padding: 12px 50px 15px 0px;*/ font-weight: bold; font-size: 11pt; float: left;
}

#nav a:hover {color: #cacaca; text-decoration: none;}

#nav a.daddy {
	font-size: 13pt;
	background-repeat: no-repeat; text-indent: -1000px; overflow: hidden;
	height: 36px;
}

#nav a.daddy:hover, #nav li.active {
	background-position: 0px -40px;
	}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}

#nav li ul { /* dropdown */
	position: absolute;
	z-index: 100;
	left: -999em;
	width: 160px;
	/*width: 14.4em;
	w\idth: 13.9em;*/
	margin: 35px 0px 0px 3px;
	background-color: #131313;
	}

#nav li li {
	/*padding-right: 1em;
	width: 13em*/
}

#nav li ul a {
	width: 140px;
	padding: 5px 20px 5px 20px;
	/*width: 13em;
	w\idth: 9em;*/
}

#nav li ul ul {
	margin: 0px 0px 0px 160px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/*background-color: black;*/
	background-position: 0px -40px;
}

#nav li.navStart {width: 70px; background-image: url(../images/layout/nav-start.png);}
#nav li a.navStart {width: 70px;}
#nav li.navWallpapers {width: 134px; background-image: url(../images/layout/nav-wallpapers.png);}
#nav li a.navWallpapers {width: 134px;}
#nav li.navLinks {width: 64px; background-image: url(../images/layout/nav-links.png);}
#nav li a.navLinks {width: 64px;}
#nav li.navContact {width: 94px; background-image: url(../images/layout/nav-contact.png);}
#nav li a.navContact {width: 94px;}
#nav li.navHelp {width: 68px; background-image: url(../images/layout/nav-help.png);}
#nav li a.navHelp {width: 68px;}
#nav li.navAvatars {width: 86px; background-image: url(../images/layout/nav-avatars.png);}
#nav li a.navAvatars {width: 86px;}
#nav li.navEcards {width: 85px; background-image: url(../images/layout/nav-ecards.png);}
#nav li a.navEcards {width: 86px;}
#nav li.navShop {width: 67px; background-image: url(../images/layout/nav-shop.png);}
#nav li a.navShop {width: 67px;}

a.withSub {background-image: url(../images/layout/navArrow.gif); background-position: 140px 10px; background-repeat: no-repeat;}

img.avatar {float: left; margin: 10px 0px 0px 10px; border-width:10px 25px 10px 25px; border-color: #000000; border-style: solid;}

a.ecard {width: 22px; height: 18px; overflow: hidden; text-indent: -1000px; background-image: url(../images/layout/e-card.png);}
div.image a.ecard {position: absolute; margin: 104px 0px 0px 128px;}
div.blockDisplay a.ecard {float: right; margin: 0px 0px 0px 5px;}
div.ecardBlock {float: left; width: 620px; height: 530px; background-color: #000000;}

#voorwaardenBlok {}