html{ background-color:#000;}
body{ background:url('/2009/media/images/mobiel/bg.jpg') top center no-repeat; padding-bottom:30px; color:#fff; font-family:'Helvetica Neue', Helvetica, Arial; margin:0; }
body#plattegrond{ background-image:none;}

/* General & Reset */
h1 a{ display:block;}
h2{ padding:10px 10px 10px 10px; background-color:#0084ff; text-transform:uppercase; font-weight:normal; margin:0;}
h3, p, ul.address{ padding:0 10px 0 10px; }

.no-padding{ padding:0; }
a{ color:#fff; text-decoration:none; text-transform:uppercase; }
a:focus{ outline:none; }

img{ margin:20px 10px 10px 10px; float:right; }
img#map{ margin:0; }

ul{	padding:0; }
ul.musea, ul.programma, ul.evenementen{ margin:0; }
ul.bigNav li a, ul.programma li a{ display:block; height:25px; padding:15px 10px 10px 10px; background:url('/2009/media/images/mobiel/arrow-big-nav.png') right center no-repeat; }
ul.categories li:hover, ul.evenementen a:hover{ background-color:#003186; }
ul.evenementen{	border-top:1px solid #666; }
ul.evenementen span, ul.museum-programma span{ color:#0084ff; position:absolute; top:5px; left:10px; }
ul.evenementen li, ul.museum-programma li{ border-bottom:1px solid #666; position:relative; }
ul.evenementen a{ display:block; text-transform:none; padding:5px 25px 5px 120px; background:url('/2009/media/images/mobiel/arrow-small-nav.png') center right no-repeat; }
ul.musea li{ border-bottom:1px solid #666; }
ul.musea li a{ display:block; color:#fff; padding:4px 20px 4px 10px; text-decoration:none; background:url('/2009/media/images/mobiel/arrow-small-nav.png') center right no-repeat; }
li{ list-style-type:none; }

/* Splashpage */
p#splashText{ font-size:1em; display:block; width:160px; height:360px; margin:0 auto; background:url('/2009/media/images/mobiel/splash.png') top center no-repeat; text-indent:-9999px;}
p#splashText a{display:block; height:140px;}

/* Header */
div#header{	display:block; overflow:auto; margin-bottom:20px; }
div#header span{ width:170px; height:40px; float:right; background:url('/2009/media/images/mobiel/description.png') top left no-repeat; margin:15px 0 0 0; text-indent:-9999px; }
div#header ul li{ float:left; margin-left:10px; }
div#header a{ text-transform:lowercase; padding-left:14px; }
div#header a.small{ color:#ccc; background:url('/2009/media/images/mobiel/arrow-top-nav-small.gif') center left no-repeat; margin-right:10px; }
div#header a.small:hover{ color:#fff;}

h1{ width:60px; height:50px; float:right; background:url('/2009/media/images/mobiel/logo.png') center center no-repeat #d90080; margin:0 10px 0 20px; text-indent:-9999px; }
h1.small{ width:45px; height:40px; margin:0 10px 0 20px; background-image:url('/2009/media/images/mobiel/logo-small.png'); }

/* Big Nav & Programma */
ul.bigNav, ul.programma{ border-top:1px solid #666; font-size:1.5em; }
ul.bigNav li, ul.programma li{ padding-bottom:5px; }
ul.bigNav li{ border-bottom:1px solid #666; }
ul.bigNav li:hover{ background-color:#ac0059; }
ul.programma li:hover{ background-color:#003186; }
ul.museum-programma li:first-child{ padding-left:5px;}
ul.museum-programma li{ display:block; text-transform:none; padding:5px 25px 5px 120px; background:url('/2009/media/images/mobiel/arrow-small-nav.png') center right no-repeat; }

/* Small Nav */
ul.smallNav li{background:url('/2009/media/images/mobiel/arrow-top-nav-small.gif') center left no-repeat; margin-left:13px; }
ul.smallNav li a{ text-transform: lowercase; color:#ccc; padding-left: 20px;}
ul.smallNav li a:hover{ color:#fff; }


/* Musea */
ul.musea{ font-size:1.25em;}
ul.musea{ border-top:1px solid #666; }
ul.musea li a{ background:url('/2009/media/images/mobiel/arrow-small-nav.png') center right no-repeat; }
ul.musea li a span{ color:#0084ff; margin-right:3px;}
ul.musea li:hover{ background-color:#003186; }

/* Museum Detail */
span.number{ font-weight:bold; margin-right:5px; color:#003186; }
ul#nav{ margin:-20px 0 20px 0;}
ul#nav li{ float:left; }
ul#nav li a{ display:block; padding:10px; background:#1a1a1a; text-align:center; text-transform:lowercase; }
ul#nav li a:hover{ background:#333;}
ul#nav li#tentoonstellingen{ width:40%;}
ul#nav li#programma{ width:32%;}
ul#nav li#rel-musea{ width:28%;}
a.accSelector{ font-size:1.25em; display:block; background:url('/2009/media/images/mobiel/arrow-big-nav.png') right center no-repeat; text-decoration:none; color:#fff; padding:15px 10px 10px 10px; border-bottom:1px solid #666; border-top:1px solid #666; }
a.accSelector:hover{ background-color:#ac0059; }
ul.categories{ padding:0 10px 20px 10px;}
ul.categories li{ list-style:disc inside url('/2009/media/images/mobiel/label.png'); float:left; margin:0 10px 2px 0; padding:4px; }
ul.categories li a{ color:#fff; text-decoration:none; }

/* Kaart Verkoop */
#verkoop{ border-top:1px solid #666;}
#verkoop li{ padding:10px; border-bottom:1px solid #666; }

/* Programma */
ul.programma li{ background:url('/2009/media/images/mobiel/label.png') 10px 23px no-repeat; padding-left:20px; border-bottom:1px solid #666; }

/* Plattegrond */
body#plattegrond ul{ float:left; margin:10px 10px 0 10px; }
body#plattegrond span{ color:#ec008c; }
body#plattegrond ul#afters{ text-transform:uppercase;}
body#plattegrond ul#afters span{ color:#0084ff;}

/* Mijn n8 */
form{ padding:0; width:240px; margin:0 auto; }
form#garp_login_form{ padding-bottom:20px; border-bottom:1px solid #ccc; }

fieldset{ border:none; padding:0; }

input{ font-size:1em; font-weight:normal; }
input.submit{ color:#fff; background-color:#0084ff; border:none; padding:5px; margin-top:10px; }