body {
	position:relative;
	margin:0;
	-webkit-text-size-adjust:none;
	min-height:416px;
	font-family:Helvetica, sans-serif;
	-webkit-touch-callout:none;
}

/* ROLAND */

.zwart {
	color: #000;
}

#logo {
	text-align: center;
	margin-top: 8px;
}

#content #kop {
	padding-left:108px;
	text-align:left;
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#008bd5;
	font-size:16pt;
}

#content_rol #kop {
	text-align:center;
	width:320px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#008bd5;
	font-size:16pt;
}

body.list #kop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
}

.portfolio {
	padding: 10px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e1e1e1;
}

#textbox .kopje {
	font-weight:bold;
	color:#008bd5;
}

#textbox .datum {
	color:#bfbfbf;
	font-size: 8pt;
	font-style: italic;
}

#textbox {
	position:relative;
	top:-30px;
	left:-30px;
	width:340px;
	padding:0 9px 0 9px;
	overflow:hidden;
	font-size:10pt;
}

#textbox ul {
/*	margin:3px 0 3px 0;*/
	list-style:circle!important;
	margin:0;
}

#textbox li {
	margin:0!important;
}

body div#content_rol li {
	padding:10px 0 0 0;
	list-style:none;
	color: #333;
}

body div#content .inleiding, body div#content_rol .inleiding {
	padding:10px 9px 10px 9px;
	color: #333;
	font-size:10pt;
	line-height:12pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
}

body div#content a {
	color:#008bd5;
	text-decoration:none;
}

body div#content a:hover {
	color:#f60;
	text-decoration:underline;
}

#topbar_rol {
	position:relative;
	left:0;
	top:0;
	height:44px;
	width:auto;
	background:url("../images/header.png") repeat;
	margin-bottom:0px;
}

#up {
	text-align:center;
	font-size:9pt;
	color:#1e1e1e;
}

#up b {
	color:#008bd5;
}

li.menu span.text {
	width:auto;
	color:#333;
	font-weight:normal;
	font-size:10pt;
	line-height:12pt;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:75%;
	white-space:nowrap;
	float:left;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
}

#textbox a {
	color:#008bd5;
	text-decoration:none;
}

#textbox a:hover {
	color:#f60;
	text-decoration:underline;
}

/* END ROLAND */


.center {
	margin:auto;
	display:block;
}

img {
	border:0;
}

.slideleft {
	-webkit-transform:translate(-150%,0);
	-webkit-transition-duration:1.5s;
}

.slideright {
	-webkit-transform:translate(150%,0);
	-webkit-transition-duration:1.5s;
}

a:hover span.arrow {
	background-image:url("../images/whitearrow.png")!important;
}

#topbar {
	position:relative;
	left:0;
	top:0;
	height:44px;
	width:auto;
	background:url("../images/header.png") repeat;
	margin-bottom:13px;
}

#title {
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:0 10px;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height:44px;
	line-height:44px;
	font-weight:bold;
	color:#FFF;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
	font-size:16pt
}

#content, #content_rol {
	width:100%;
	position:relative;
	min-height:250px;
	height:auto;
	-webkit-transition-property:-webkit-transform;
	-webkit-transform-style:preserve-3d;
	z-index:0;
	overflow:hidden;
}

#content {
	margin-top:10px;
}

#content_rol {
	margin-top:0px;
}

#footer {
	text-align:center;
	position:relative;
	margin:10px 10px 0;
	font-size:9pt;
	color:#bfbfbf;
	height:auto;
	width:auto;
	bottom:10px;
}

#footer a {
	color:#bfbfbf;
	text-decoration:none;
	text-shadow:#FFF 0 1px 0;
}

.pageitem,.form {
	-webkit-border-bottom-left-radius:10px 10px;
	-webkit-border-bottom-right-radius:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	background-color:#fff;
	/*	border:#878787 solid 1px;
*/
	border:#008bd5 solid 1px;
	font-size:10pt;
	overflow:hidden;
	padding:0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	margin:3px 9px 17px;
	list-style:none;
	line-height: 12pt;
}

body.list .textbox {
	font-size:10pt
}

.textbox {
	padding:5px 9px;
	overflow:hidden;
	border-top:1px solid #878787;
}

.textbox p {
	margin-top:2px;
	color:#333;
	margin-bottom:2px;
	text-align:justify;
}

.textbox img {
	max-width:100%;
}

.textbox ul {
	margin:3px 0 3px 0;
	list-style:circle!important;
}

.textbox li {
	margin:0!important;
}

.pageitem li:first-child {
	border-top:0;
}

li.menu,ul.form li {
	position:relative;
	list-style-type:none;
	display:block;
	height:43px;
	overflow:hidden;
	width:auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #008bd5;
}

ul.pageitem li:first-child:hover {
	-webkit-border-top-left-radius:9px 9px;
	-webkit-border-top-right-radius:9px 9px;
}

ul.pageitem li:last-child:hover {
	-webkit-border-bottom-left-radius:9px 9px;
	-webkit-border-bottom-right-radius:9px 9px;
}

li.menu:hover {
/*	background:url("../images/menutouched.png") repeat-x #f60;
*/
	background-color:#f60;
}

li.menu a:hover span.name,
li.menu a:hover span.comment,
li.menu a:hover span.text,
li.store:hover .starcomment,
li.store:hover .name,
li.store:hover .comment,
body.list li.withimage a:hover .comment {
	color:#fff;
}

li.menu a:hover span.comment {
	color:#fff;
}

li.menu a {
	display:block;
	height:43px;
	width:auto;
	text-decoration:none;
	color: #333;
}

li.menu a img {
	width:auto;
	height:32px;
	margin:5px 0 0 5px;
	float:left;
}

li.menu span.name {
	width:auto;
	color:#008bd5;
	font-weight:bold;
	font-size:14px;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:75%;
	white-space:nowrap;
	float:left;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
}

li.menu span.comment {
	width:auto;
	color:#bfbfbf;
	font-size:10pt;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:75%;
	white-space:nowrap;
	float:right;
	margin-top: 14px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}

li.menu span.arrow,li.store span.arrow,body.musiclist span.arrow,body.list span.arrow {
	position:absolute;
	width:8px!important;
	height:13px!important;
	right:10px;
	top:15px;
	margin:0!important;
	background-image: url(../images/arrow_blue.png);
	background-repeat: no-repeat;
}

li.store {
	height:90px;
	border-top:#878787 solid 1px;
	overflow:hidden;
	position:relative;
}

li.store a {
	width:100%;
	height:90px;
	display:block;
	background:url("../images/storebg.png") left top no-repeat;
	text-decoration:none;
	position:absolute;
}

li.store:hover {
	background:url("../images/storetouched.png") repeat-x;
}

li.store .image {
	position:absolute;
	left:0;
	top:0;
	height:90px;
	width:90px;
	display:block;
}

li:first-child.store .image,li.store:first-child a {
	-webkit-border-top-left-radius:8px 8px;
}

li:last-child.store .image,li.store:last-child a {
	-webkit-border-bottom-left-radius:8px 8px;
}

li.store .name {
	font-size:15px;
	white-space:nowrap;
	margin:5px 0 0 95px;
	display:block;
	overflow:hidden;
	color:#000;
	max-width:60%;
	text-overflow:ellipsis;
	font-weight:bold;
	white-space:nowrap;
	text-overflow:ellipsis;
}

li.store .comment,body.list li.withimage .comment {
	font-size:9pt;
	font-weight:normal;
	color:#333;
	margin:16px 0 0 95px;
	display:block;
	width:60%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

li.store .arrow,body.list li.withimage .arrow {
	top:39px!important;
}

li.store .stars {
	margin:6px 0 0 95px;
}

li.store .starcomment {
	position:absolute;
	left:165px;
	top:56px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:lighter;
}

.graytitle {
	position:relative;
	font-weight:bold;
	font-size:14px;
	right:20px;
	left:9px;
	color:#333;
	text-shadow:#FFF 0 1px 0;
	padding:1px 0 3px 8px;
}

.header {
	display:block;
	font-weight:bold;
	color:rgb(0,139,213);
	font-size:12pt;
	margin-bottom:6px;
	line-height:14pt;
}

body.musiclist div#content {
	width:auto;
	margin:-29px auto auto -40px;
}

body.musiclist div#content ul {
	background:url("../images/musiclistbg.png") repeat;
}

body.musiclist div#content ul li {
	list-style:none;
	height:44px;
	width:auto;
	border-bottom:1px solid #e6e6e6;
	position:relative;
}

body.musiclist div#content ul li a {
	text-decoration:none;
	color:#000;
	width:100%!important;
	height:100%;
	display:block;
}

body.musiclist ul li .number,body.musiclist .name,body.musiclist .time {
	display:inline-block;
	height:44px;
	font-weight:bold;
	font-size:large;
	width:44px;
	text-align:center;
	line-height:46px;
}

body.musiclist ul li .name {
	margin-left:0;
	width:auto!important;
	font-size:medium;
	padding-left:5px;
	border-left:solid 1px #e6e6e6;
}

body.musiclist ul li .time {
	color:#848484;
	font-size:medium;
	margin-left:4px;
	width:auto!important;
	font-weight:normal;
}

body.musiclist {
	background-image:none!important;
	background-color:#cbcccf;
}

body.musiclist ul li span.name {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	max-width:62%;
}

body.list ul li.title {
	background:url("../images/listheader.gif") repeat-x;
	height:22px!important;
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-shadow:gray 0 1px 0;
	line-height:22px;
	padding-left:20px;
	border-bottom:none!important;
}

body.list ul {
	background-color:#fff;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;
}

body.list div#content li {
	height:40px;
	border-bottom:1px solid #e1e1e1;
	list-style:none;
}

body.list {
	background-color:#fff;
	background-image:none!important;
}

body.list div#footer {
	margin-top:27px!important;
}

body.list div#footer a:hover {
	text-decoration:underline;
}

body.list div#content li a {
	padding:9px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display:block;
	color:#008bd5;
	text-decoration:none;
	height:32px;
}

body.list div#content li a span.name {
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:93%;
	white-space:nowrap;
	display:block;
}

body.list div#content li a:hover {
	color:#fff;
}

body.list div#content li a:hover {
/*	background:url("../images/menutouched.png") repeat-x;
*/
	background-color:#f60;
}

body.list div#content {
	margin-top:-13px!important;
}

body.list ul img {
	width:90px;
	height:90px;
	position:absolute;
	left:0;
	top:0;
}

body.list li.withimage {
	height:90px!important;
}

body.list li.withimage span.name {
	margin:13px 0 0 90px;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:63%!important;
	white-space:nowrap;
}

body.list li.withimage .comment {
	margin:10px auto auto 90px !important;
	max-width:63%!important;
}

body.list li.withimage a,body.list li.withimage:hover a {
	height:81px!important;
	background:url("../images/storebg.png") left top no-repeat!important;
}

body.list li.withimage:hover {
/*	background-image:url("../images/storetouched.png");
*/
	background-color:#f60;

}

.confirm_screen {
	position:absolute;
	bottom:0;
	-webkit-transform:translate(0,100%);
	-webkit-transition-property:-webkit-transform;
	background-image:url("../images/popup-bg.png");
	opacity:0;
}

.confirm_screenopen {
	position:absolute;
	opacity:0.8;
	overflow:hidden;
	bottom:-100%;
	width:100%;
	background:url("../images/popup-bg.png") repeat-x #4e545f;
	-webkit-transition-duration:0.8s;
	-webkit-transition-property:-webkit-transform;
	-webkit-transform-style:preserve-3d;
	-webkit-transform:translate(0,0);
	text-align:center;
	z-index:99999;
}

.confirm_screenclose {
	-webkit-transition-duration:1.2s;
	-webkit-transition-property:-webkit-transform;
	-webkit-transform-style:preserve-3d;
	position:absolute;
	opacity:0.8;
	overflow:hidden;
	bottom:-100%;
	width:100%;
	background:url("../images/popup-bg.png") repeat-x #545A67;
	text-align:center;
	-webkit-transform:translate(0,150%);
}

.confirm_screenopen span,.confirm_screenclose span {
	margin:10px 0 20px;
	font-size:17px;
	color:#fff;
	width:100%;
	height:10px;
	text-shadow:rgba(0,0,0,1) 0 -1px 0;
	display:block;
}

.popup {
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	z-index:9999;
}

.cover {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	z-index:9998;
	opacity:0.4;
	left:0;
	background-color:#000;
}

.nocover {
	opacity:0;
	background-image:url('../images/bluebutton.png'),url('../images/darkredbutton.png');
}

#frame a {
	text-decoration:none;
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-15px;
	margin-top:0;
}

#frame span.black,#frame span.red,#frame span.gray {
	display:block;
	height:46px;
	border-width:0 14px;
	width:auto;
	background-repeat:no-repeat;
	line-height:46px;
	font-size:large;
	opacity:1;
	font-weight:bolder;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-family:Arial,Helvetica,sans-serif;
}

#frame span.black {
	-webkit-border-image:url("../images/graybutton.png") 0 14 0 14;
	color:#fff;
}

#frame span.red {
	-webkit-border-image:url("../images/redbutton.png") 0 14 0 14;
	color:#fff;
}

#frame span.gray {
	-webkit-border-image:url("../images/whitebutton.png") 0 14 0 14;
	color:#000;
	text-shadow:white 0 1px 0;
}

#frame a:last-child {
	margin-bottom:20px!important;
}

#frame a:hover span.black,#frame a:hover span.gray {
	-webkit-border-image:url("../images/bluebutton.png") 0 14 0 14;
	color:#fff;
	text-shadow:rgba(0,0,0,1) 0 -1px 0;
}

#frame a:hover span.red {
	-webkit-border-image:url("../images/darkredbutton.png") 0 14 0 14;
}

#fullscreenfix {
	display:block;
	height:44px;
	width:100%;
	bottom:0;
	-webkit-transition-property:-webkit-transform;
	-webkit-transform-style:preserve-3d;
	position:absolute;
}

.fullscreenfixclosed {
	-webkit-transform:translate(0,88px);
	background:#545A67;
	opacity:0.8;
	-webkit-transition-duration:0.36s;
}

.fullscreenfixopen {
	-webkit-transform:translate(0,44px);
	background:#565a65;
	;
	-webkit-transition-duration:0.3s;
}

#leftnav,#leftbutton {
	position:absolute;
	font-size:12px;
	left:9px;
	top:7px;
	font-weight:bold;
}

#leftnav,#leftbutton,#rightnav,#rightbutton {
	z-index:5000;
}

#leftnav a,#rightnav a,#leftbutton a,#rightbutton a {
	display:block;
	color:#fff;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
	line-height:30px;
	height:30px;
	text-decoration:none;
}

#leftnav img,#rightnav img {
	margin-top:4px;
}

#leftnav a:first-child {
	z-index:2;
	-webkit-border-image:url("../images/navleft.png") 0 6 0 13;
	border-width:0 6px 0 13px;
}

#leftnav a {
	-webkit-border-image:url("../images/navlinkleft.png") 0 5 0 13;
	z-index:3;
	margin-left:-4px;
	border-width:0 5px 0 13px;
	padding-right:4px;
	float:left;
}

#rightnav,#rightbutton {
	position:absolute;
	font-size:12px;
	right:9px;
	top:7px;
	font-weight:bold;
}

#rightnav a {
	-webkit-border-image:url("../images/navlinkright.png") 0 13 0 5;
	z-index:3;
	margin-right:-4px;
	border-width:0 13px 0 5px;
	padding-left:4px;
	float:right;
}

#rightnav a:first-child {
	z-index:2;
	-webkit-border-image:url("../images/navright.png") 0 13 0 6;
	border-width:0 13px 0 6px;
}

#leftbutton a,#rightbutton a {
	-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;
	border-width:0 5px;
}

.rssxpresschannel {
	font-family:helvetica,sans-serif;
	border:none;
}

.rssxpresschtitle {
	text-align:center;
}

.rssxpresschdesc {
	color:#000;
	text-align:center;
	border-bottom:1px solid #000;
	padding-bottom:5px;
}

.rssxpressittitle {
	display:block;
	font-size:12pt;
	background:#fff;
	margin:5px 0 2px;
}

.rssxpressittitle a {
	text-decoration:none!important;
	font-weight:bold;
	color:rgb(73,102,145);
	line-height:10pt;
}

.rssxpressitdesc {
	background:#fff;
	font-size:12pt;
}

.rssxpressdivider {
	display:none;
}