/*	css by artform media
	comments by	k. vd broek @ artform media */

div#container {display:block; position:relative; margin:0 auto; width:880px; padding:20px; border:0px solid #99CC00; }

div#padding {display:block; position:relative; width:840px; background:#fff; border:20px solid #fff; text-align:left; }

div#header {display:block; width:840px; height:138px; position:relative; }
div#title {display:block; position:relative; width:163px; height:138px; background:#c6070f; float:left; }
div#randomPhoto {display:block; position:relative; width:677px; height:138px; background:#ececec; float:left; }

div#body {display:block; position:relative; width:840px; background:url('/domains/studiovdb/rollin.nl/images/bg-body.jpg') top center repeat-y; padding:0; margin:0; }

div#layout {display:block; position:relative; width:840px; padding:0; margin:0; }

/* supercool min height hack, thanks to GreyWyvern (http://www.greywyvern.com/)*/
.prop { float:right; width:0px; }
.clear { clear:both; height:1%;	overflow:hidden; }
.min300 { height:300px; }

div#left {display:block; position:relative; float:left; width:163px; background:#e10915 url('/domains/studiovdb/rollin.nl/images/bg-left.jpg') top center no-repeat; }

/* menu */
div#leftMenu { width:163px; height:350px; padding:50px 0 0 0; }
div#leftMenu li { display:inline; }
div#leftMenu ul { padding:0; margin:0; }
div#leftMenu a { display:block; margin:0; padding:0 0 5px 20px; }
div#leftMenu a { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14pt; border-bottom:1px solid #e10915; } /* #a7050d   font-weight:bold;*/
div#leftMenu a.selected { color:#fff; }
div#leftMenu a:hover { text-decoration:none; color:#e3e2e0; }
/* submenu */
div#leftMenu ul li > ul li > ul { display:none; position:absolute; top:0px; left:150px; z-index:1; border-bottom:1px solid #fff; }
div#leftMenu ul li a { padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:10px; }
div#leftMenu ul li li a { display:block; width:143px; padding:5px 5px 5px 15px; border-bottom:1px solid #e10915; font-size:9pt; font-weight:normal; text-align:left; }
div#leftMenu ul li li a:hover, div#leftMenu ul li ul li a.CSStoHighLink { background-color:#bd0c0e; color:#fff; }
div#leftMenu ul li li:hover > a { background-color:#bd0c0e; color:#fff; }

div#leftDown { position:relative; float:left; width:163px; height:350px; background:#e10915 url('/domains/studiovdb/rollin.nl/images/bg-leftDown.jpg') bottom center no-repeat; }

div#contact { position:relative; top:150px; left:20px; padding:0; }
div#contact div.loginform {margin-top:15px;}

div#right { position:relative; float:right; left:0; top:0; width:657px; }

div.content { position:relative; padding:20px 20px 10px 20px; border-top:20px solid #fff; }
div.content p { padding-bottom:15px; }
div.content img { padding:15px; }
div.content a { text-decoration:underline; }
div.content table td { padding:0 5px 10px 0; }
a.readmore { font-size:8pt; }

div#footer { position:relative; width:840px; height:25px; background:url('/domains/studiovdb/rollin.nl/images/bg-body.jpg') top center repeat-y; }

div#quicklinks { position:relative; padding:0; float:left; left:205px; width:350px; }
div#quicklinks ul { padding:0; margin:0; }
div#quicklinks ul li { display:inline; list-style-type:none; }
div#quicklinks a { margin:0; padding:0 10px 0 0; font-size:8pt; }

div#designers { position:relative; float:right; padding:0 20px 0 0; }
div#designers p { font-size:8pt; color:#959595; }
div#designers a { font-size:8pt; color:#959595; text-decoration:underline; }

div.container { position:relative; height:136px; border-top:20px solid #fff; }
div.nieuws { position:relative; height:136px; }

div.headlines { position:relative; width:337px; height:136px; float:left; top:20px; padding:0 20px 0 20px; }
div.headlines p { display:inline; }

div.foto { position:relative; z-index:90; width:250px; height:136px; float:left; }

div.Clothing { position:relative; z-index:99; top:0; width:31px; height:136px; left:100px; background:url('/domains/studiovdb/rollin.nl/images/hd-clothing-Edit.jpg') center center no-repeat; }
div.Skateboard { position:relative; z-index:99; top:0; width:31px; height:136px; left:100px; background:url('/domains/studiovdb/rollin.nl/images/hd-skateboard-Edit.jpg') center center no-repeat; }
div.Snowboard { position:relative; z-index:99; top:0; width:31px; height:136px; left:100px; background:url('/domains/studiovdb/rollin.nl/images/hd-snowboard-Edit.jpg') center center no-repeat; }
div.Shoes { position:relative; z-index:99; top:0; width:31px; height:136px; left:100px; background:url('/domains/studiovdb/rollin.nl/images/hd-shoes-Edit.jpg') center center no-repeat; }

div.empty { position:relative; height:10px; border-top:20px solid #fff; }

div.module_contents img { padding:0; }
div.module_contents table.hyarchMenu td img { margin:0; padding:0; }
div.module_contents table.hyarchMenu tbody tr td { padding:0; margin:0; }

.reaction_stats table { border-bottom:0px solid #ffffff; }
.reaction_stats td { border-bottom:0px solid #ffffff; }
.reaction_stats tbody tr td em { font-style:oblique; }

div.news_module div.content h1 a.title { font-weight:bold; }

div.loginform {width:150px;display:block;height:150px;}
div.loginform label {padding-top:4px;}
div.loginform label span {display:none;}

div.photoalbum_thumbs {
	display:block;
	margin-left:-5px;
	width:622px;
}
.photoalbum_thumb {
	display:block;
	float:left;
	margin-left:3px;
	margin-bottom:3px;
}

#projectPhotoAlbumPopup {
	display:none;
}
#projectPhotoAlbumPopup div.photo{
	display:block;
	background-repeat:no-repeat;
	background-position:center;
}
#projectPhotoAlbumPopup div.left {
	display:block;
	float:left;
	width:50px;
	background-image:url(../images/left_nav_but.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
#projectPhotoAlbumPopup div.right {
	display:block;
	float:right;
	width:50px;
	background-image:url(../images/right_nav_but.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
#projectPhotoAlbumPopup div.nav {
	display:none;
}
#projectPhotoAlbumPopup div.description {
	display:block;
	margin-top:6px;
	padding:2px;
	border:1px solid #fff;
	text-align:center;
	color:#000;
	background-image:url(../images/transparant.png);
}


/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:50%; margin-left:-300px; background-color:#fff; border:3px solid #fff;}
#modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}