/* CSS Document 75 jaar Cocks
   (c) 2009 Oskar D
   <web@oskard.be>
*/

body {margin: 0;padding: 0;}
div.wrap {border:1px solid #C0B5A2;width:922px;background-color:#FFFFFF;padding:10px;}

/* slider */
#slider {width: 922px;height: 360px;margin:0 0 10px 0;position: relative;float:left;clear:left;}
.scroll {height: 360px;width: 922px;overflow: auto;overflow-x: hidden;position: relative;clear: left;}
.scrollContainer div.panel {height: 360px;width: 922px;}
.scrollContainer div.panel div.tabcontent {width: 922px;}
div.tabcontent img {float:left;margin: 10px 0 4px 0;}
img.headerimage {float:left;}

/*SCROLLBUTTONS*/
.scrollButtons {cursor:pointer;position:absolute;top:-40px;right:0px;z-index:1;}
.scrollButtons.left {right:38px;}
.scrollButtons.right {right:8px;}

/*BUTTON FESTIVITEITENKALENDER*/
a img.festiviteitenkalender {float:right;}
a.festiviteitenkalender {font-family: Arial,sans-serif;font-size:10px;font-weight:bold;float:right;clear:right;text-align:center;text-decoration: none;color:#75101E;text-transform: uppercase;line-height: 1.2em;}

/*CONTENT*/
.info-timeline {background-color: #F3F1EB;width:380px;padding:15px;float:left;margin:0px 10px 20px 10px;height:330px;color:#000000;}
.info-timeline p {line-height: 1.5em;}
.info-timeline {font-family: Verdana,sans-serif;font-size:11px;color:#000000;}
h2.h2-timeline {color:#75101E;font-family: Verdana,sans-serif;font-size:14px;margin:0 0 10px 0;}
.subtitle {float:left;color:#9C8957;font-style: italic;font-size:10px;clear:left;margin:-60px 0 0 575px;font-family: Georgia,serif;}

.red-line-left {height:45px;width:145px;color:#FFFFFF;text-align:center;float:left;font-family: Arial,sans-serif;font-weight:bold;font-size:18px;clear:left;background-image:url(../img/bg-line.gif);background-repeat:no-repeat;padding:0 0 0 0;}
.red-line-right {background-color:#75101E;height:30px;width:347px;float:left;}

/*TIMELINE NAVIGATION*/
ul.navigation {background-color:#9C8957;list-style-type: none;font-family: Arial,sans-serif;font-size:18px;text-align:center;color:#FFFFFF;clear:both;padding:5px 0;}
ul.navigation li {display:inline;/*padding:8px 0 0 0;*/}
ul.navigation li a {color:#FFFFFF;text-decoration:none;font-weight:bold;height:35px;padding:12px 15px;position:relative;}
ul.navigation li a:hover {background-color: #75101E;}
ul.navigation li a span {position:absolute;top:-9000px;left:-9000px;display:block;width:160px;height:201px;color:#FFFFFF;font-family: Verdana,sans-serif;font-size:10px;padding:3px;background-image:url(../img/arrow.png);background-repeat:no-repeat;text-align:left;}
ul.navigation li a span img {margin:1px 0 0 2px;border:none;}
ul.navigation li a span p {width:153px;margin:0;text-align:center;}
ul.navigation li a:hover span, ul.timeline li a:focus span, ul.timeline li a:active span {top:-210px;left:-45px;}

ul.navigation a.selected {background-color: #75101E;}

/*PAGINA FESTIVITEITENKALENDER*/
img#festiviteitenkalender {margin: 0 20px 10px 0;}
#aboutcontent_body h1.festiviteitenkalender {color:#76101E;font-size:14px;margin:10px 0 15px 0;/*width:921px;*/}

/*HOMEPAGINA*/
#Home_left {float:left;width:621; background-color:#F4F9FC }
#home_bl_img {float:left;width:370;}
#home_bl_txt {float:left;}
#home_bl_txt h1 { color: #76101E;  font-size: 14px;   padding: 10px 10px 0;}
#home_bl_txt p {padding: 10px 10px 0;}

#Home_middle {width:325px;height:428px;float:left;}
#home_middle_txt {height:212px;}
#home_middle_txt h1 { color: #76101E;  font-size: 14px;   padding: 10px 10px 0;}
#home_middle_txt p {padding: 10px 10px 0;}
#home_middle_img {height:214px;}
#Home_right {float:left;width:320px;}

#home-75-jaar {height:212px;}
#ham {background-color: #ECEBE7;}

#home-75-jaar h1 {font-size: 14px;color:#76101E; padding:10px;}
#home-75-jaar a.homelink {color:#76101E;font-weight:bold;padding:0 0 0 10px;}
#home-75-jaar a.homelink:hover {text-decoration: underline;}