/* -----------------------------------------------------------------------


 Accessko Media
 http://www.accessko-media.nl

   * Copyright (c) 2010-Present. 
   * CSS File created for AVL Concept by Martin Kowalski

----------------------------------------------------------------------- */

/* Standard CSS Markup */

body {background: #fff url(../images/bg-index.png) repeat-x; width: 100%;font:13px arial,helvetica,clean,sans-serif;}

.logo {margin: 30px 0 0 15px; float: left;}
img.twitter {float: right; margin-top: 120px}
h1 {font-size:18px;display: block}
h2 {font-size:16px;display: block}
h3 {font-size:14px;display: block}
h1,h2,h3 {margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
h3.col {color: #999999}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
img.img-1-article {float: left; padding-right: 10px; padding-bottom: 5px; padding-top: 5px}
.divider {text-align: center}



.l-verder {font-weight: bold; text-decoration: underline} {width: 400px}
/* Contact forms */
#contact-page p {margin: 0 0 20px 0;line-height: 20px;  padding: 0px; font-size: 12px}
#contact-page a {color: #000; text-decoration: underline}
.contact-form {width: 600px; }
input  {width: 150px; height: 10px; padding: 5px;}
input.submit {height: 25px; padding: 2px}
label {color:#353F41;display:block;float:left;font-size:12px;width:125px;}
#id_submit {height: 20px}
textarea {width: 550px; height: 250px; padding: 5px}

/* Nieuwsbrief Form */
.nieuwsbrief-bevestiging {color: green}
.nieuwsbrief-error { color: red}
hr.news-line {color: #efefef;}

/* Layout CSS Markup */
.header {height: 170px}
#menu {color: #fff; height: 85px}
#main-content {margin-bottom: 3px}
#main-content p {font-size: 100%;  line-height: 20px; }

#collums-main {background: url("../images/footer-bg.jpg") repeat-x scroll 0 0 transparent;
background-color: #000;text-align: left;height:430px;width:100%;margin-top: 15px;left: 0;position:absolute}

.collums {width: 950px; margin: 0 auto; margin-top: 10px}

/* MAIN CONTENT */
#content-block p {margin: 0 0 20px 0;line-height: 20px;  padding: 0px; font-size: 12px}
#content-block p.klein {font-size: 0.7em;margin: 0 0 20px 0; line-height: 20px; display: block}
#content-block h1 img,#content-block h2 img,#content-block h3 img {border: 2px solid #ccc; margin: 0 5px 5px 0}
#content-block p img {border: 2px solid #ccc; margin: 0 5px 5px 0}
#content-block p.klein {font-size: 0.8em; margin-top: -30px}
#content-block a {color: #000; font-weight: bold}


/* ARTICLES */
#article-r p, #article-l p {margin: 0 0 20px 0;line-height: 20px;  padding: 0px; font-size: 12px}
#article-r p.klein {font-size: 0.7em;margin: 0 0 20px 0; line-height: 20px; display: block}
#article-l {width: 280px; margin-right: 10px}
#article-l li {margin-left: -25px}
#article-l li a{margin-left: 2px;font-size: 90%; color: #000; text-decoration: none; font-weight: bold}
#article-r h1 h2 h3 h4 {color: #000; font-weight: bold}
#article-r a {color: #000; text-decoration: none}

/* BOTTOM COLS */
#col-1 {height: 345px}
#col-2 {height: 345px}
#col-3 {height: 345px}
#col-4 {height: 345px}
#col-1, #col-2, #col-3, #col-4 {color: #ccc; }
#col-1 li, #col-2 li, #col-3 li, #col-4 li {border-bottom: 1px solid #626262;color: #626262; padding: 3px 0; margin-left: -20px;font-size: 11px}
#col-1 a, #col-2 a, #col-3 a, #col-4 a {color: #626262; text-decoration: none}
#col-1 a:hover, #col-2 a:hover, #col-3 a:hover, #col-4 a:hover {color: #ccc; text-decoration: none}
#col-1 h3, #col-2 h3, #col-3 h3, #col-4 h3 {margin-left: 5px}

/* MENU */
/* top menu */
#navigation {text-align:left;position:relative;height: 50px;width:100%;}
#navigation ul {margin:0;padding:0;list-style:none;height:44px; margin-top: 4px; }
#navigation ul li {height:1.3em;float:left;margin:0;padding-left: 0px;padding-right: 50px;text-align:center; }
#navigation ul li a{height:1.3em;padding-top: 15px;padding-bottom: 10px;display:block;text-decoration:none;color:#cccccc; text-align: center;}
#navigation ul li a:hover {color:#fff}

/* sub menu */
#navigation ul li li {float:left;margin-top:15px;padding-right: 30px;;text-align:center;}
#navigation ul ul li a{font-size:11px;color:#000;display:inline;text-align: left;}
#navigation ul ul li a:hover{color:red; text-decoration: underline}/*subnav list text change on hover*/
#navigation ul ul {position:absolute;margin:0;padding:0;list-style:none;overflow:visible;left:-999em;height:40px;line-height:1.1em;z-index:2;}
#navigation ul ul li{position:relative;display:inline;width:auto;text-align:left;height: 50px;}

/* hover */
* html #navigation ul ul li, #navigation ul ul li a {width:1%}/* for ie5*/
#navigation ul ul li a.final{border-right:0px solid #000;}/*remove border from last sublist */
#navigation ul li.selected ul,#navigation ul li.active ul{ left:0; width: 930px; } /* The magic */
#navigation ul li:hover ul { left:0; width: 930px; background: #fff url(../images/bg-index.png) repeat-x scroll 0 -216px;z-index: 10; }
/* END TOP MENU */

/* IE6 Warning Message */
#ie-message {background:#C00;text-align:center;border-bottom:1px solid #900;color: #fff;position:fixed;top:0;padding:5px;width:100%;}
#ie-message a {color: #fff;}

/* INDEX CONTENT SLIDER */
#featured {width:692px;padding-right:250px;position:relative;height:400px;background:#fff;border:5px solid #ccc;}  

#featured ul.ui-tabs-nav{position:absolute;top:0;left:600px;list-style:none;padding:0; margin:0;width:341px;text-decoration:none}  
#featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px;font-size:12px;color:#666;}  
#featured ul.ui-tabs-nav li p{font-size:18px; font-family:Verdana;margin-left:130px;padding-top: 35px;}  
#featured .ui-tabs-panel{width:600px; height:400px;background:#999; position:relative;overflow:hidden;}  
#featured .ui-tabs-hide{display:none;} 

#featured li.ui-tabs-nav-item a{/*On Hover Style*/  
 display:block;height:97px;color:#333;  background:#fff;border: none;outline:none;text-decoration: none;border-bottom: 1px solid #ccc}  
#featured li.ui-tabs-nav-item a:hover{background:#f2f2f2;}  

#featured li.ui-tabs-selected{ /*Selected tab style*/  
 background:url('images/selected-item.gif') top left no-repeat;}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc;}  
#featured ul.ui-tabs-nav li img{float:left; margin:7px 5px;background:#fff;padding:2px;border:1px solid #eee;} 
#featured .ui-tabs-panel .info{position:absolute;top:320px; left:0;height:70px; width: 600px;background: url('images/transparent-bg.png');}  
#featured .info h2{font-size:15px; font-family:Georgia, serif;color:#fff; padding:5px; margin:0;overflow:hidden;  }  
#featured .info p{ margin:0 5px;font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;}  
#featured .info a{text-decoration:none; color:#fff;}  
#featured .info a:hover{text-decoration:underline;  } 
#featured .slider-title a {font-size: 20px}

#s3slider {width: 610px; /* important to be same as image width */
   height: 411px; /* important to be same as image height */
   position: relative;overflow: hidden;margin-top: -12px;}
#s3sliderContent {
   width: 200px; /* important to be same as image width or wider */
   position: absolute; top: 0;margin-left: 0;}
.s3sliderImage {float: left;position:relative;display:none;}

.s3sliderImage span {position: absolute; left: 0;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 374px;background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
 opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;display: none;top: 0;
	/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.clear {clear: both;} 
/* END INDEX CONTENT SLIDER */
 
/* TWITTER */
div#twitter {width: 258px;height: 118px;margin-top: 30px;font-size: 0.8em;background: url('../images/twitter-cloud.jpg') no-repeat;color: #ccc;float: right;}
div#twitter h2 {margin: 0;padding: 0.4em 1em;font-size: 1.1em;color: #fff;background-color: #000;}
p#preloader {margin: 0;padding: 1em 1em 1em 3em;background: transparent url("loader.gif") 1em center no-repeat;}
ul#twitter_update_list {margin: 0;padding: 0 5px 5px 70px;list-style-type: none;}
ul#twitter_update_list li {margin: 0;padding: 0.8em 0 1em 0;border-bottom: 1px solid #ccc;}
ul#twitter_update_list li a {/* timestamp link */color: #fff;}
ul#twitter_update_list li span {display: block;}
ul#twitter_update_list li span a {/* links in tweet */color: #fff;}
ul#twitter_update_list li.firstTweet {}
ul#twitter_update_list li.lastTweet {border-bottom: none;}
a#profileLink {display: block;padding: 0.3em 1em;color: #fff;background-color: #888;}
/* END TWITTER */

/* FOOTER */
.footer {margin-top: 20px; height: 25px}
.footer p {text-align: right; color: #666666;font-size: 0.8em}
.footer a {font-weight: bold; color: #666666; text-decoration: none; }

?*