/* Globals */
html {}
body { font-family: Avantgarde, verdana, arial; text-align:center; font-size:12px;margin:0; padding:0;}
form {display:inline;}
img {border:0; display:block;}
td {vertical-align:top;}
a {text-decoration:none; outline:0;}
a:hover {color:#ad2524;}
p {line-height:18px; margin: 0 0 15px 0; color:#636669;}
p a, li a {text-decoration:underline; color:#636669}
ul, ol {margin:10px 0; padding:0 0 0 15px; list-style-position:outside;}
ul li, ol li { line-height:18px;}

/* Tijdelijk eerste blokje weg */
#index #first {display:none;}

/* Site specific */
#bg, #bgwrap, #bgwrap img { display:block; min-height:100%; min-width:100%; left:0; top:0; position:fixed !important; }
#bgwrap img#bg {display:none;}

#wrapper { text-align:left; position:relative; z-index:100}
#header {position:fixed; height:87px; top:0; left:0; width:100%; background:url('/images/layout/wrapper.png') repeat-x; z-index:2;}
#header .inner {margin:0 auto; width:912px;position:relative; height:87px;}
#header h2 a {display:block;text-indent:-9999px; width:290px; height:52px; position:absolute; right:10px; bottom:0; background:url('/images/layout/logo.png') no-repeat;}
#menu {position:absolute;bottom:0 }
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {float:left;}
#menu ul li a {display:block; line-height:40px; margin-right:12px; padding-right:3px; color:#616568; text-decoration:none;  text-transform:lowercase;}
#menu ul li a:hover {color:#ad2524;}
#menu ul li a.current {background:url('/images/layout/menu_hover.png') bottom left repeat-x; color:#ad2524}

#content {clear:both; width:912px; margin:91px auto 4px;}
#main {width:360px; position:relative;}
#fadetop {height:68px; width:360px; position:fixed; background:url('/images/layout/fade_top.png') repeat-x}
.box {background:#fff; overflow:auto}
.box .inner {padding:20px 25px;}
.box#logos {margin-top:4px;}
.box#submenu {margin-top:4px; margin-bottom:53px;}
.box#nieuws {margin-top:4px;}
.box#nieuws p {margin:0;}
.box#more {margin-top:4px;}
.box#more p {margin:0;}
/* .box a {display:block; background:url('/images/layout/arrow.png') bottom right no-repeat; padding:0 20px 0 0;} */
.box h2 {overflow:auto;}
.box a {clear:both;font-size:12px; font-weight:normal; text-decoration:underline;}
.box a span { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;width:18px; height:14px; background:url('/images/layout/arrow.png') no-repeat 6px 4px;}
.box h2 a {color:#ad2524; }
.box p { overflow:auto}
.box h1 a {color:#636669; font-size:14px; font-weight:normal; text-decoration:none;}
.box h1 a.active {color:#ad2524;}
.box h1 span {color:#636669; padding:0 3px;}

#logos ul, #submenu ul {list-style:none; margin:0; padding:0; overflow:auto}
#logos li {float:left;}
#logos a {display:block; background:url('/images/layout/logos.png') no-repeat; height:58px; text-indent:-9999px;}
#logos a.alliance {width:62px;}
#logos a.nb { width:47px; background-position: -65px 0}
#logos a.lelijke_eendje {width:55px; background-position:-115px 0;}
#logos a.youtube {width:55px; background-position:-171px 0;}
#logos a.twitter {width:40px; background-position:-228px 0;}
#logos a.facebook {width:40px; background-position:-268px 0;}
#logos a.linkedin {width:40px; background-position:-308px 0;}


.clear {clear:both;}
#index #first a {color:#ad2524; font-size:14px; }
#nieuws a { text-decoration:none;}
#more a {display:block; float:left; text-decoration:none;}
#submenu a {text-transform:lowercase; text-decoration:none;}

/*.box #inner p a {text-decoration:underline; color:#ad2524;}*/


/*#footer {float:right; position:relative;left:-50%;text-align:left;}*/
#footer {position:fixed;bottom:0; width: 100%; left: 0; height:50px;text-align:left; z-index: 9999; background-color: #fff;}
#footer a.logo_small {display:block; text-indent:-9999px;  background:url('/images/layout/logo_small.png') no-repeat; width:135px; line-height:44px;}
#footer ul{list-style:none;position:relative;left:0;top:0; padding:0; width: 912px; margin: 0 auto;} 
#footer li{ float:left;position:relative;}/* ie needs position:relative here*/
#footer span {padding:0 6px;;float:left;white-space:nowrap; line-height:40px; color:#636669;}
#footer a:hover {color:#ad2524;}

h1 {margin:0 0 15px; color:#ad2524; font-size:14px; font-weight:normal; background:url('/images/layout/arrow_down.png') right 2px no-repeat; text-transform:lowercase;}
h2 {margin:0;color:#ad2524; font-size:14px; font-weight:normal;}
span.redtext {color:#ad2524;}

/* Forms */
span.label {float:left;width:136px;}
span.input {display:block; margin-left: 140px; padding:0 0 3px;}
input, textarea {border:1px solid #777777; padding:2px; margin:0; width:175px;}
select {width:180px;}
.radiofield input {width:auto;}
input.submit {background:#AD2524; border:none; color:#fff; text-transform:lowercase; font-size:13px; margin:20px 0 0 140px;}
.error {color:#AD2524;}
.error input {border-color:#AD2524;}
.error .errormessage {display:none;}
p.formerror {color:#AD2524;}