body { margin: 0; font-family: Arial, sans-serif; font-size: 13px; height: 100%; background-color: #a3aab0;}
#alles { margin: 0; background-image: url(images/bg.jpg); background-repeat: repeat-x; width: 100%; height: 100%; }
img { border: none; border: 0; }
h1 { font-size: 25px; }
h2, h3 { font-size: 18px; }
a:active { outline: none; }
a:focus, :focus { -moz-outline-style: none; outline: none; }

#wrapper { margin: 0 auto; width: 960px; height: 100%;}


/* ----------- HEADER --------- */
#header { height: 120px; }
#logo { position: relative; float: left; left: 63px; top: 20px; }
#menu ul { position: relative; float: right; list-style: none; top:18px; margin-top: 0px; right: 40px;}
#menu li { position: relative; float: left; cursor: pointer; }
#menu a { position: relative; float: left; font-size: 18px; text-decoration: none; text-transform: uppercase; font-weight: 100; color: #4b575f; padding: 10px; top: 20px; }

.divider {  width: 1px; height: 79px; position: relative; float: left; }
.magazines { height: 79px; background-image: url(images/divider.jpg); background-repeat: no-repeat; background-position: right; padding-right: 15px; }
.brochures { height: 79px; background-image: url(images/divider.jpg); background-repeat: no-repeat; background-position: right; padding-left: 5px; padding-right: 5px; }
.apps { height: 79px; background-image: url(images/divider.jpg); background-repeat: no-repeat; background-position: right; padding-left: 30px; padding-right: 30px; }
.presentaties { padding-left: 5px;  }
#menu a:hover, #menu a.active { color: #f39912; }


/* ----------- UPPERDECK --------- */
#upperdeck { height: 300px; position: relative; }
#intro { position: relative; top: 28px; left: 29px; width: 431px; }
#upperdeck ul { position: relative; top: 30px; left: 60px; width: 350px;}
#upperdeck li { color: #788187; margin-bottom: 7px; font-weight: 100; text-indent: -5px; }
#socialmedia { position: relative; float: left; top: 45px; left: 30px; }
.twtr{ position: relative; float: left;}
.fcbk {position: relative; float: left;}
.lnkdin { position: relative; float: left; }
.plsone { position: relative; float: left; margin-top: -2px; margin-left: 8px; }
#LikePluginPagelet { position: relative; top: -50px;}
#eyecatcher { position: absolute; right: 30px; top: 0px;  }




/* ----------- LOWERDECK --------- */
#lowerdeck { height: 310px; color: #4b575f; position: relative; margin-left: 35px; }
#lowerdeck h1 { text-transform: uppercase; }
#lowerdeck h2 { font-weight: 100; }
#lowerdeck p a { color: #f89829; text-decoration: none; }
#lowerdeck p a:hover { color: #455560; }

#scrollerimage { background-image: url(images/fotobg.jpg); width: 294px; height: 290px; position: relative; float: left; top: 11px;}
#scrollerimage img { position: relative; left: 16px; top: 12px; }

#content { position: relative; float: right; width: 575px; margin-left: 35px; }
#content p, #content h2, #content h1, #scrollercontent { width: 511px; overflow: hidden;}
#content h1 { margin-top: 22px;}
#content h2 { margin-top: 6px;}

a.left, a.right {cursor:pointer;}
.left { position: absolute; top: 11px; left: -50px; background-image: url(images/btn_left.jpg); width:40px; height:290px;  }
.right { position: absolute; top: 11px; right: 15px; background-image: url(images/btn_right.jpg); width:40px; height:290px;}
.left.disabled {background-image: url(images/btn_leftn.jpg);}
.right.disabled {background-image: url(images/btn_rightn.jpg);}

.stripe { background-image: url(images/stripes.png); width: 511px; height: 1px; position: absolute; }


/*----- SCROLLER --- */
.scrollable { float:left; position: relative; overflow: hidden; width: 511px; height: 200px;}
.scrollable .items { width:20000em;	position:absolute; clear:both; }
.items div { float: left; width: 511px; }
.navi { position: relative; float: left; margin-left: 230px; width: 200px; height: 20px; }
.navi a { width:14px; height:14px; float:left; margin-left:1px;	margin-top: 2px; background:url(images/navigator.jpg) -15px 0 no-repeat; display:block;	font-size:1px; }
.navi a.active { background-position: 0 0; }



/* ----------- SUBDECK --------- */
#subdeck { height: 275px; color: #4b575f; }
#subdeck h3 { text-transform: uppercase; /*border-bottom: 1px dashed #bbb;*/ margin-bottom: -3px; margin-top: 25px; }
#subdeck p { font-size: 13px; font-weight: 100; }
#subdeck a { color: #f89829; font-size: 14px; text-decoration: none; }
#subdeck a:hover { color: #455560; }
a.nounderline { text-decoration: none; }
.quarter { position: relative; float: left; width: 195px; height: 275px; margin-left: 30px; margin-right: 10px; }
.bottomlink { position: absolute; bottom: 30px; }

.babystripe { background-image: url(images/stripes.png); width: 195px; height: 1px; position: absolute; top: 46px; }

#quarterthree ul { list-style: none; width: 164px; margin-left: -25px; margin-top: 13px; }
#quarterthree li { position: relative; float: left; margin-top: -3px; height: 86px; }

#quarterfour ul { margin-left: -35px; width: 250px; }
#quarterfour li { margin-bottom: 20px; text-indent: -5px; }


#contact_form input { width: 190px; border: 1px solid #ccc; width: 188px; height: 23px; margin-bottom: 5px; font-size: 13px; color: #d9d9da; }
input[type="text"] { padding-left: 5px;}
input[type="button"],input[type="submit"] { border: 1px solid #ccc; background-color: #f89829; /*#95a3ad;*/ color: #fff!important; width: 196px!important; height: 25px!important; font-weight: 100; cursor: pointer; }
input[type="button"]:hover, input[type="submit"]:hover { background-color: #455560; }

input[type="text"]:focus { color: black!important; }
#contact_form input.error { border: 1px solid red!important; }

/* ----------- FOOTER --------- */
#footer { height: 75px; color: #fff; font-size: 11px; }
#footer ul { list-style: none; position: relative; float: right; margin-right: 20px; }
#footer li { position: relative; float: left; margin-right: 10px; }
#footer a { text-decoration: none; color: #fff; }
.darkdivider { color: #6d7a83; }

#label { position: relative; float: left; left: 16px; }