/* main style Post Rotterdam */

/* RESET */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }


a {
	text-decoration: none;
	color: #000000;	
}

a:hover {
	text-decoration: none;
	color: #8B0870;	
}

body { 
	font: 12px Arial, sans-serif;
	color: #000000;
	line-height: 150%;	
}

h1 { 
	font-weight: bold;
	font-size: 115%;
	text-transform: uppercase;
	color: #8B0870;	
}

h2, h3, h4 { 
	font-weight: bold;	
	color: #8B0870;
	line-height: 100%;
}

h2 { 
	font-size: 110%;	
}

h3 { 
	font-size: 100%;
	padding-top: 15px;	
}

h4 { 
	font-size: 100%;	
}

.clear {
	clear: both;
}
/*introanimation */
#introanimationwrapper { 
	width: 970px;
	height: 565px;
	position: absolute;	
	top: 0;
	left: 0;
	background-color:#000;
	z-index: 98
}
#introanimation { 
	width: 970px;
	height: 565px;
	position: relative;
	background-color:#000;	
	z-index: 99;
	cursor: pointer;
}
#introanimation_click { 
	width: 970px;
	height: 565px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;	
	z-index: 100;
	cursor: pointer!important;
}
#animationtext { 
	width: 447px;
	height: 168px;
	position: absolute;	
	top: 340px;
	left: 86px;
}
#crownwrapper { 
	width: 366px;
	height: 166px;
	position: absolute;
	top: 218px;
	left: 399px;
}
#crosswrapper { 
	width: 40px;
	height: 40px;
	position: absolute;	
	top: 19px;
	left: 126px;
}
#cross { 
	width: 40px;
	height: 40px;
	position: relative;	
}
#cross_up { 
	width: 11px;
	height: 15px;
	position: absolute;	
	top: 0px;
	left: 15px;
	background-color: #ADB5BB;	
}
#cross_down { 
	width: 11px;
	height: 15px;
	position: absolute;	
	top: 25px;
	left: 15px;
	background-color: #ADB5BB;	
}
#cross_left { 
	width: 15px;
	height: 11px;
	position: absolute;	
	top: 15px;
	left: 0;
	background-color: #ADB5BB;	
}
#cross_right { 
	width: 15px;
	height: 11px;
	position: absolute;	
	top: 15px;
	left: 25px;
	background-color: #ADB5BB;	
}


/* Page layout */

body#page {
	background-color: #ADB5BB;
}

div#page-body {
	padding: 0;
	min-height: 590px;
}

div.wrapper { 
	width: 970px;
	height: 565px;
	border: 0;
	background-color: #fff;
	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
	margin:auto;
}


#header { 
	width: 970px;
	height: 130px;
	position: relative;	
}

#logo { 
	width: 139px;
	height: 50px;
	position: absolute;	
	top: 14px;
	left: 816px;
	background-image:url(img/postr_logo.png);
}

#logo_slogan { 
	width: 130px;
	height: 15px;
	text-align: right;
	position: absolute;	
	top: 102px;
	right: 25px;
	font-size: 85%;
}

#mainmenu_vert { 
	width: 500px;
	height: 105px;
	position: absolute;	
	top: 23px;
	left: 45px;
}

ul.mainmenu { 
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 50px;
	font-size: 109%;
}

ul.mainmenu li { 
	font-weight: bold;
}

ul.submenu { 
	list-style: none;
	padding: 0;
	margin: 2px 0 0 0;
	float: left;
}

ul.submenu li { 
	font-weight: normal;
	font-size: 92%;
	line-height: 130%;
}
ul.mainmenu li.active, ul.mainmenu li.active a, ul.submenu li.active, ul.submenu li.active a { 
	color: #8B0870;
}

#main { 
	width: 940px;
	height: 350px;
	margin: 0 15px;
	position: relative;	

}
#footer { 
	width: 970px;
	height: 85px;
	position: relative;	
	background: url(img/post_urban.png) 864px 15px no-repeat;
}

.footerelement_img_left { 
	width: 261px;
	height: 55px;
	position: absolute;	
	top: 15px;
	left: 15px;
	background: url(img/footer_img.jpg) no-repeat;
}
.footerelement_txt_left { 
	width: 210px;
	height: 15px;
	position: absolute;	
	bottom: 15px;
	left: 290px;
	font-size: 85%;
}
#bottom { 
	width: 970px;
	height: 25px;
	position: relative;	
}

#bottom ul.lang_menu,  #bottom ul.contact_menu { 
	margin: 7px 10px 0 10px;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	list-style: none;
	float: left;	
}
#bottom ul.lang_menu li, #bottom ul.contact_menu li { 
	float: left;
	padding: 0;
	margin: 0;
}
#bottom ul.lang_menu li a, #bottom ul.contact_menu li a { 
	color: #fff;
	padding-right: 5px;
}
#bottom ul.lang_menu li a:hover, #bottom ul.contact_menu li a:hover, #bottom ul.lang_menu li.active, #bottom ul.contact_menu li.active { 
	color: #8B0870;
}

#bottom ul.corp_menu { 
	margin: 7px 10px 0 10px;
	font-size: 90%;
	list-style: none;
	float: right;	
}
#bottom ul.corp_menu li { 
	float: left;
	padding: 0;
	margin: 0;
}
#bottom ul.corp_menu li a { 
	color: #fff;
	padding-right: 5px;
}
#bottom ul.corp_menu li a:hover, #bottom ul.corp_menu li.active { 
	color: #8B0870;
}

.menu_sep { 
	color: #fff;
	padding-right: 5px;
	font-weight: normal;
}

.home_movielink {position: absolute; top: 96px; left: 150px; width: 80px; height: 20px; font-size: 92%; z-index: 3}

/* pages */

/* project */

.project { 
	width: 940px;
	height: 350px;
	background-color:#000;
}
.project a { 
	color: #fff;
	text-decoration: underline;
}
.project a:hover { 
	color: #8B0870;
}
.project_image { 
	float: right;
	margin-left: 30px;
	padding: 0;
	border: 0;
	position: relative;
}
.news_image { 
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
}
.content { 
	padding: 30px 30px 15px 30px;
	color: #fff;	
}
.content_team { 
	padding: 15px 10px 15px 30px;
	color: #fff;	
}
.content_team h1 { 
	padding: 15px 0 10px 0;	
}
.content_team h3 { 
	padding: 0 0 2px 0;	
}
.content_latestnews { 
	padding: 30px 30px 20px 30px;
	color: #fff;
	width: 460px;		
}
ul.newsmenu { 
	font-size: 85%;
	list-style:none;
	padding-top: 10px;	
}
ul.newsmenu li { 
	float: left;
	padding-right: 15px;
}
ul.newsmenu li a { 
	color: #ADB5BB; 
}
.content_agenda { 
	padding: 30px 30px 15px 30px;
	color: #fff;
	width: 460px;
	height: 305px;	
}

.content_left { 
	width: 290px;
	float: left;
	margin-right: 15px;	
}
.content_middle { 
	width: 260px;
	float: left;
	margin-right: 15px;	
}
.content_right { 
	width: 315px;
	float: left;
		
}
.content_contact { 
	width: 220px;
	float: left;
	margin-right: 15px;	
}
.content_left img, .content_right img, .content_middle img { 
	float: left;
	margin-right: 10px;
	margin-top: 0;
}
/* movie */
.movie { 
	width: 940px;
	height: 350px;
	background-color:#000;
	text-align: center;
}

/* media gallery */

.media { 
	width: 940px;
	height: 350px;
	background-color:#fff;
}
.media_image { 
	float: right;
	padding: 0;
	border: 0;
	width: 545px;
	height: 310px;
	border-bottom: #ADB5BA solid 40px;
	position: relative;
}
.media_image_info { 
	position: absolute;
	top: 315px;
	left: 10px; 
	width: 535px;
	line-height: 120%
}
.media_image_title { 
	font-weight: bold;
	font-size: 85%;
}
.media_image_date { 
	font-weight: normal;
	font-size: 85%;
}
.media_content { 
	padding: 0 0 7px 0;
	width: 390px;
}
.media_category { 
	font-size: 80%;
	padding: 0;
	margin-bottom: 10px;
	border-bottom: #000 solid 1px;
	width: 360px;
}
.thumbwrapper { 
	margin-bottom: 10px;
}
.media_thumb { 
	width: 80px;
	height: 60px;
	margin: 0 10px 10px 0;
	border: #000 solid 1px;
	float: left;
	background-color: #ADB5BA;
}

.pdf { 
	width: 80px;
	height: 60px;
	background: url(img/pdf_icon.png) no-repeat;
	position: relative;
}
.pdf div { 
	width: 74px;
	height: 20px;
	position: absolute;
	left: 3px;
	bottom: 3px; 
	font-size: 75%;
	line-height: 100%; 
}

.media_download { 
	float: right;
	color: #fff;
	font-size: 80%;
	padding-top: 15px;
}
.media_download_item { 
	height: 16px;
	background: url(img/download.png) 0 2px no-repeat;
	float: left;
	padding: 0 12px;
}


/* plattegrond */

/* plattegrond rotator */
.platt_rotator {position: relative; width: 940px; height: 350px; background-color:#000;}
#platt_images {background-color:#000; position:relative; height:350px; width:772px;float: right}
.platt_image { height:350px; position:absolute; width:772px; overflow:hidden; }
.platt_image img { border:none; }
.platt_tabs { position: absolute; top: 25px; left: 30px; width: 138px;}
.platt_tabs ul {margin: 0; padding: 15px 0 ; background: url(../img/plattegrond/platt_thumbs.gif) no-repeat;}
.platt_tabs li {list-style:none;height:40px;width:138px; display: block; margin: 0;}
.platt_tabs li a {text-decoration:none;height:40px;width:138px;display: block; padding:0;}
.platt_tabs li.active, .platt_tabs li.active a, .platt_tabs li a:hover {background: url(img/platt_pointer.png) 88px 8px no-repeat;}

.legend { 
	width: 85px;
	height: 72px;
	position: absolute;
	top: 257px;
	left: 790px;
	z-index: 80;
	background: url(img/legend.gif) no-repeat;
	padding-left: 47px;
	font-size: 80%;
	color: #fff;
}
.legend ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}
.legend li { 
	padding: 0;
	margin: 0;
	line-height: 152%;
}

/* pages navigation */

#pulse_nav_wrapper { 
	width: 64px;
	height: 64px;
	position: absolute;
	top: 145px;
	left: 863px;
	background: url(img/pulsenav_bg.png) no-repeat;
	z-index: 80	
}

#pulse_nav { 
	width: 54px;
	height: 54px;
	position: relative;
	margin: 5px;
}
#up, #down, #left, #right {
	background-color: #FFFFFF;
	
}
#up { 
	width: 12px;
	height: 17px;
	position: absolute;
	top: 5px;
	left: 21px;	
}
#down { 
	width: 12px;
	height: 17px;
	position: absolute;
	top: 32px;
	left: 21px;	
}
#left { 
	width: 17px;
	height: 12px;
	position: absolute;
	top: 21px;
	left: 5px;	
}
#right { 
	width: 17px;
	height: 12px;
	position: absolute;
	top: 21px;
	left: 31px;	
}

.epost #left, .epost #right, .lifestyle #left, .lifestyle #right, .inhuis #left, .inhuis #right { 
	cursor: pointer;	
}


/* inhuis */

.inhuis { 
	width: 940px;
	height: 350px;
	position: relative;
		
}
.inhuis_left { 
	width: 470px;
	height: 350px;
	float: left;
		
}

.inhuis_right { 
	width: 470px;
	height: 350px;
	float: right;	
}

.floor { 
	width: 92px;
	height: 110px;
	position: absolute;
	top: 26px;
	left: 848px;
	color: #fff;
	z-index: 80
}
.floor_title { 
	font-size: 570%;
	line-height: 90%;
}
.floor_subtitle_1 { 
	font-size: 120%;
	color: #FFFFFF;
}
.floor_subtitle_2 { 
	font-size: 120%;
	color: #8B0870;
}
.platt_image .floorwrapper { 
	position: relative; width:772px; height:350px;;	
}
.platt_image .floor { 
	top: 24px; left: 700px;
	color: #8B0870;	
}
.platt_image .floor_title { 
	font-size: 370%;
}
.platt_image .floor_subtitle_1 { 
	font-size: 90%;
}

/* slide rotator */
.slidemask{
	position:relative;
	width:470px;
	height:350px;
	overflow:hidden;
}
.slide_rotator {position:absolute;top: 0;left: 0;}
.slide { width:470px;
	float: left; }

/* image accordion slider */
#byslidemenu {
	width: 940px;
	height: 350px;
}
#byslidemenu div img {
	width: 470px;
	height: 350px;
}

/* latest news */
.news_date {
	font-size: 90%;
	margin-bottom: 20px;
}

/* scrollbar */
#scrollable{
	margin:auto;
	width: 460px;
	height:250px;
	padding: 0 10px 30px 0;
	overflow:auto;
}
.media #scrollable{
	margin:auto;
	width: 375px;
	height:330px;
	padding: 0 10px 20px 0;
	overflow:auto;
}


.scrollBar .bar{
	width:5px;
	height:5px;
}

.scrollBar .button{
	width:5px;
	height:5px;
	border:0;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar .button.topButton{
	/*background-image:url('arrow-up.gif');*/
}

.scrollBar .button.bottomButton{
	/*background-image:url('arrow-down.gif');*/
}

.scrollBar .button.leftButton{
	/*background-image:url('arrow-left.gif');*/
}

.scrollBar .button.rightButton{
	/*background-image:url('arrow-right.gif');*/
}

.scrollBar .button.active{
	background-position:bottom center ;
}

.scrollBar .scrollable{
	cursor:pointer;
	background-image:url(img/stripe.png);
	background-repeat:repeat-y;
}

.media .scrollBar .scrollable{
	background-image:url(img/stripe_grey.png);
}

.scrollBar .knob{
	height:5px;
	width: 5px;
	background-color:#FFFFFF;
	outline:none;
	border:0;
	background-position:center center;
	background-repeat:no-repeat;	
}
.media .scrollBar .knob{
	background-color: #CCCCCC;
}

.scrollBar .knob.verticalKnob{
	cursor:pointer;
	/*background-image:url('vertical-knob.gif');*/
}

.scrollBar .knob.horizontalKnob{
	cursor:pointer;
	/*background-image:url('horizontal-knob.gif');*/
}

.scrollBar .active{
	
}

.scrollBar .corner{
	
}


/* events */
.event_toggle {
	cursor: pointer;
	border-bottom: 1px solid #ffffff;
	padding: 10px 0;
	font-size: 110%;
}

.event_show {
	margin: 5px 0;
}
.event_date {
	font-size: 90%;
}

/* epost slider */

.epost, .lifestyle {
	background-color: #000000;
}
.mask{
	position:relative;
	width:940px;
	height:350px;
	overflow:hidden;
}
#box{
	position:absolute;
	top: 0;
	left: 0;
}
#box div.postslide{
	width:940px;
	float: left;
}
#box .buttons{
	text-align:left
}
#box .next{
	float:right
}

div.postslide {
	width:940px;
	float: left;
}
.lifestyle_movielink {
	position: absolute; width: 194px; height: 73px; top: 252px; left: 486px;
}
.lifestyle_movielink img {
	border: 0;
}

/* planning */

.planning {position: relative; width: 940px; height: 350px;}
.yearone {position: absolute; top: 229px; left: 165px; width: 300px; height: 25px; color: #8B0870; font-size: 18px; font-weight: bold;}
.yeartwo {position: absolute; top: 229px; left: 550px; width: 300px; height: 25px; color: #8B0870; font-size: 18px; font-weight: bold;}