/* - - - - - - - - - - - - - - - - - - - - -
Title: Le sommet
Author: Brightworks, http://www.brightworks.nl
URL: /css/screen.css
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:0px 0px 0px 0px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:url(../images/bg.gif) repeat-x top left #253c73;}
a {color:#213565; text-decoration:underline; outline-style: none;}
a:hover {color:#e0000b; text-decoration:underline;}
img {border:none;}
img a {outline-style: none;}
.clear {clear:both;}
h1 {}

/* ******************  navigation  *************** */
ul#nav {margin:0; font-size:13px; /*background:url(../images/nav_bg.gif) no-repeat bottom left;*/ float: right; }
ul#nav li {list-style-type: none; float:left; margin: 20px 0px 0px 19px; font-style: italic;}
ul#nav li a {padding:0; color:#5c667f; text-decoration: none; font-weight: bold; text-transform: uppercase;}
ul#nav li a:hover {padding:0; color:#e0000b; text-decoration: none; border-bottom: 1px dotted;}
ul#nav li a.active {padding:0; color:#e0000b; text-decoration: none; border-bottom: 1px dotted;}

/* ******************  containers  *************** */
div#headcontainer {width:860px; padding:0px 20px 20px 0px; margin:0 auto; background-color: #fff;}
div#headcontainer div#logo {width:230px; height:104px; margin:0px 0px 0px 0px; position: absolute; z-index: 10;}
div#headcontainer div#facebook {float:right; width:28px; height:28px; margin:14px 0px 0px 20px;}
div#headcontainer div#header {width:840px; height:212px; margin:25px 0px 0px 20px; float: left; background: url(../images/header_bgbottom.gif) no-repeat bottom center;}
div#headcontainer div#header img {width:840px; height:204px; position:absolute;}

div#headcontainer div#content {width:555px; float:left; margin: 10px 9px 0px 20px;}
div#headcontainer div#content h1 {font-family: Arial, Helvetica, sans-serif; background: url(../images/h1_bg.gif) no-repeat bottom left #fff; text-transform: uppercase; line-height:23px; font-size: 18px; color:#e0000d; font-weight: bold; font-style: italic; padding: 0px 0px 12px 8px; margin:0px 0px 10px 0px;}
div#headcontainer div#content h2 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height:23px; font-size: 16px; color:#253c73; font-weight: bold; font-style: italic; padding: 0px 0px 0px 8px; margin:0px 0px 0px 0px;}
div#headcontainer div#content h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#a62840; font-weight: normal; font-style: italic; padding: 0px 0px 0px 8px; margin:0px 0px 0px 0px;}

div#headcontainer div#content ul {margin:0px 0px 15px 0px; padding: 0px 0px 0px 8px; color:#808080;}
div#headcontainer div#content ul li {list-style-position: outside; color:#808080; margin:0px 0px 0px 13px; padding: 0px 0px 5px 0px;}

div#headcontainer div#content p {float:left; width:547px; line-height:20px; color:#808080; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 8px;}
div#headcontainer div#content p.sub {color:#2b2b2b;}
div#headcontainer div#content p em {color:#808080; font-style:italic;}

div#headcontainer div#content p img {float:left; margin:6px 10px 0 0;}

/* news */
div#headcontainer div#highlight {clear: both; margin: 0px 0px 0px 25px; padding: 15px 0px 0px 0px;  background: url(../images/newstracker_bg.gif) no-repeat top left;}
div#headcontainer div#highlight div.newstracker-item {border:1px solid #ccc; width:251px; float: left; padding: 10px; margin: 0px 5px 0px 0px;}
div#headcontainer div#highlight div.newstracker-item h3 {font-weight: bold; color:#f6a600; font-size:14px; font-family: arial, helvetica, sans-serif; font-style: italic; margin: 0px 0px 10px 0px;}
div#headcontainer div#highlight div.newstracker-item img {float:left; width:254px; height: 60px;}
div#headcontainer div#highlight div.newstracker-item p {float:left; width:254px; margin: 10px 0px 10px 0px; line-height: 20px; color:#808080;}
div#headcontainer div#highlight div.newstracker-item p.readmore {border-top:1px solid #ccc; height: auto; margin: 0; padding: 5px 0px 0px 0px;}


div#headcontainer div#contentfull {width:860px; float:left; margin: 10px 0px 0px 20px;}
div#headcontainer div#contentfull h1 {font-family: Arial, Helvetica, sans-serif; background: url(../images/h1_bgfull.gif) no-repeat bottom left #fff; text-transform: uppercase; height:35px; font-size: 16px; color:#e0000d; font-weight: bold; font-style: italic; padding: 0px 0px 0px 8px; margin:0px 0px 10px 0px;}
div#headcontainer div#contentfull p {width:810px;line-height:20px; color:#808080; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 8px;}
div#headcontainer div#contentfull p.sub {color:#2b2b2b;}

div#headcontainer div#contentfull .project-item {width:173px; height:235px; border: 1px solid #dadadc; padding: 10px; float: left; margin: 0px 20px 20px 0px;}
div#headcontainer div#contentfull .project-item h2 {font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:12px; color:#2b2b2b; font-weight: normal; margin: 10px 0px 0px 0px; padding: 0;}
div#headcontainer div#contentfull .project-item p.intro {height: 80px;}
div#headcontainer div#contentfull .project-item p {width:173px; color:#808080; margin: 0; padding: 0;}
div#headcontainer div#contentfull .project-item p.readmore {background: url(../images/project_leesmeer.gif) no-repeat top left; margin: 10px 0px 0px 0px; padding: 5px 0px 0px 20px;}
div#headcontainer div#contentfull .project-item a {color:#a62840;}


div#headcontainer div#sidebar {width:276px; padding:14px 0px 14px 0px; float:left; background: url(../images/sidebar_bg.gif) no-repeat bottom right #fff;}
div#headcontainer div#sidebar div.sponsors {float:left; width:264px; border: 1px solid #ccc; /*height: 315px;*/ padding: 10px 0px 10px 10px;}
div#headcontainer div#sidebar div.sponsors h2 {float:left; width:246px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#253c73; font-weight: normal; font-style: italic; padding: 0px 0px 10px 8px; margin:0px 0px 10px 0px; background:url(../images/sidebar_h3.gif) no-repeat bottom center;}
div#headcontainer div#sidebar div.sponsors img {float: left; width:110px; /*height:40px; */border: 1px solid #ccc; padding: 5px; margin: 0px 10px 10px 0px;}
div#headcontainer div#sidebar div.sponsors p {float:left; width:254px; border-top: 1px solid #ccc; padding: 10px 0px 0px 0px;}
div#headcontainer div#sidebar div.sponsors-items {float:left; width:132px;}

div#headcontainer div#sidebar div#contact-item {width:271px; border: 1px solid #d6d6d8; padding: 0px 0px 57px 0px;}
div#headcontainer div#sidebar div#contact-item h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#253c73; font-weight: bold; text-transform: uppercase; font-style: italic; padding: 0px 0px 0px 8px; margin:8px 0px 28px 7px;}
div#headcontainer div#sidebar div#contact-item p {margin:0px 0px 10px 15px; color:#5f5f5f; line-height: 18px; font-style: italic;  text-shadow: 0.05em 0.05em #fff;}
div#headcontainer div#sidebar div#contact-item p a {color:#a62840; text-decoration: underline;}

/* form elements */
div#headcontainer div#content form {margin: 0px 0px 0px 5px;}
div#headcontainer div#content form#contactForm {width:555px;}
div#headcontainer div#content .form_text {float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:222px; border:1px solid #d8d8da; color:#282828; padding:4px 8px 4px 8px;}
div#headcontainer div#content .form_text_error {float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:222px; /*height:21px;*/ border:1px solid #e0000d; color:#e0000d; padding:4px 8px 4px 8px;}
div#headcontainer div#content .form_textarea {float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; width:489px; height:78px; padding: 8px 8px 0px 8px; border:1px solid #d8d8da; color:#282828;}
div#headcontainer div#content .form_textarea_error {float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; width:489px; height:78px; padding: 8px 8px 0px 8px; border:1px solid #e0000d; color:#e0000d;}
div#headcontainer div#content .contactinfo {width:248px; float:left; margin: 0px 20px 15px 0px;}
div#headcontainer div#content dt {margin:0px 0px 3px 0px;}
div#headcontainer div#content dd {margin:0px 0px 3px 0px;}
div#headcontainer div#content dd.submit {padding:0px 0px 0px 384px;}
div#headcontainer div#content .submit {padding:8px 16px 8px 16px; display:block; color:#fff; background:url(../images/nav_active.gif) no-repeat top left #a62840;}

div#headcontainer div#content div.news-item {float:left; width:530px; padding: 12px;  margin: 0px 0px 10px 0px; border: 1px solid #d6d6d8;}
div#headcontainer div#content div.news-item div.img {float:left; width:100px; height:100px; margin:0px 15px 0px 0px; border:1px solid #f6a800; padding: 2px;}
div#headcontainer div#content div.news-item div.img img {margin:0px;}

div#headcontainer div#content div.news-item div.text {float: left; width:340px;}
div#headcontainer div#content div.news-item div.text p.date {float:left; width:auto; margin: 0; padding: 0;}
div#headcontainer div#content div.news-item div.text h2 {float:left; font-size:12px; margin: 2px 0px 0px 5px; padding: 0;}
div#headcontainer div#content div.news-item div.text p {clear: both; width:420px; margin: 0px 0px 10px 0px; padding: 0;}
div#headcontainer div#content div.news-item div.text p.leesartikel {border-top:1px solid #d6d6d8; padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 14px;}

div#headcontainer div#content div.news-readmore-img {float:right; margin:0 20px 30px 30px; border:1px solid #f6a800; background-color:#f6a800;}
div#headcontainer div#content div.news-readmore-img img {float:right; padding:2px; background-color:#ffffff;}
div#headcontainer div#content p.news-readmore-img-description {float:left; width:auto; height:27px; margin:0 auto; padding:5px 0 0 8px; background-color:#f6a800; color:#ffffff; font-style:italic; text-align:center;}

div#headcontainer div#content div.reactie {width:535px; border: 1px solid #f1dbae; background-color: #fff9ed; padding: 10px; margin: 0px 0px 10px 0px;}
div#headcontainer div#content div.gbook-odd {float:left; width:530px; padding:10px 0px 15px 0px;  margin: 0px 12px 12px 12px; border-bottom: 1px solid #d6d6d8;}
div#headcontainer div#content div.gbook-even {float:left; width:530px; padding:10px 0px 15px 0px;  margin: 0px 12px 12px 12px; border-bottom: 1px solid #d6d6d8;}
div#headcontainer div#content div.gbook-even p {padding: 5px 0px 0px 0px; margin: 0;}
div#headcontainer div#content div.gbook-odd p {padding: 5px 0px 0px 0px; margin: 0;}
div#headcontainer div#content div.gbook-odd strong {color:#e00007;}
div#headcontainer div#content div.gbook-even strong {color:#e00007;}

/* Guestbook pagenav */
ul#pagenavigation {margin:0; padding:0; float:left;}
ul#pagenavigation li {list-style-type:none; height:21px;float:left; margin:0px 2px 0px 0px; color:#d3489a; font-weight:bold;}
ul#pagenavigation li a {color:#fff; font-weight:bold; border: 1px solid #fff; display:block; text-decoration:none; height: 18px; padding:4px 8px 0px 8px; color:#213565; background-color: #d4dcef;}


ul#pagenavigation li a:hover {background-color:#213565; border: 1px solid #0d1a3a; color:#fff; font-weight:bold; display:block; text-decoration:none; height: 18px; padding:4px 8px 0px 8px;}

div#lastpage {float:left; font-weight:normal; color:#213565; margin:5px 0px 0px 6px;}

div#selecteer {float:right; margin:0px 3px 0px 0px; padding:0; color:#d3489a;}
ul#pagenavigation li .active {background-color:#213565; color:#fff;}

/* reference */
div#headcontainer div#contentfull div.reference {width:815px; margin: 0px 0px 0px 20px; padding:12px; border: 1px solid #d6d6d8; margin: 10px 0px 0px 0px;}
div#headcontainer div#contentfull div.reference h3 {margin:0px 0px 6px 0px;}
div#headcontainer div#contentfull div.reference p {line-height:21px; margin: 0px 0px 10px 0px; padding: 0; width:650px;  letter-spacing: 0.2px;}
div#headcontainer div#contentfull div.reference img.logo {padding:10px; float: left; margin: 0px 16px 0px 0px; border: 1px solid #ccc;}
div#headcontainer div#contentfull div.reference div.text {float:left;}



div#footer {width:880px; margin:0 auto; background: url(../images/footer_bg.gif) no-repeat top left #253c73; color:#647397; padding: 20px 0px 0px 0px; height: 80px; font-size:11px;}
div#footer p {margin:0px 0px 0px 28px; float: left; line-height: 18px; display: inline; width:250px;}


div#footer div#newsletter {float:right; width:480px; margin: 0px 10px 0px 0px;}
div#footer div#newsletter p {margin:6px 10px 0px 28px; float: left; line-height: 18px; display: inline; width:auto;}
div#footer div#newsletter input.emailfield {float:left; background: url(../images/newsletter_bgfield.gif) repeat-x top left #2b4072; border: 1px solid #647397; color: #647397; padding: 6px 6px 7px 6px; margin: 0px 3px 0px 0px; font-size:11px;}
div#footer div#newsletter input.emailgo {float:left;}