/*
 * Version: $Revision: 41327 $
 * Author: BeSite <info@besite.nl>
 * Copyright 2010 BeSite
 */

html,body {
    margin:0px;
    padding:0px;
}

body {
    background: url('/img/background.png') #AEBFBE repeat-x top left;
}

DIV#MainContainer {
    width: 990px;
    margin: 33px auto 0 auto;
    background: url('/img/header-top.png') no-repeat top left;
    padding-top: 6px;
}

DIV#container {
    width: 980px;
    margin: 0px auto 0 auto;
    background-color: #fff;
}

a.koopavond {
    display: block;
    position: absolute;
    z-index: 10;    
    bottom: -30px;
    right: 30px;
}

DIV#header {
    position: relative;
    width:980px;
    height:154px;
    background: url('/img/header.png') #fff no-repeat top left;
}

DIV#optionBar {
    width:980px;
    height:15px;
    background: url('/img/header-line.png') no-repeat bottom left;
}

DIV#languageIcons {
    width:100px;
    height:18px; 
    display:inline;
    margin:10px 0 0 10px;
    float:left;
}

DIV#optionBar .zoeken{
    float:left;
    display:inline;
    font-size:12px;
    color:#028D55;
    margin:7px 7px 0 0;
}

DIV#optionBar #siteNav{
    width:600px;
    height:30px;
    float:left;
    display:inline;
}

#searchForm {
    float:left;
    margin-right:20px;
    position:relative;
    width:200px;
    display:inline;
}

DIV#searchForm .magnifier{
    position:absolute;
    top:8px;
    left:3px;
}

#searchForm form input{
    width:178px;
    margin-top:4px;
    padding-left:20px;
    background: url('/img/input-shadow.png') top left no-repeat;
}

#searchForm .Submit{
   width:30px;
   height:18px;
   background: url('/img/submit_search.png')  no-repeat;
   position:absolute;
   right:0px;
   border:0px;
   top:2px;
   cursor:pointer;
}

/* 
#####################
    Column left 
#####################
*/

DIV#column_left {
    width:205px;
    float:left;
    padding:0px;
    margin:20px 0 0 9px;
    display:inline;
}

/* 
    Menu 
*/

DIV#Menu {
    width:205px;
    padding: 0px;
    margin: 0px;
}

DIV#Menu UL {
    list-style: none;
    padding: 0px;
    margin: 0px;
    background-color:#fff; /* Set default Bgcolor */
}

DIV#Menu UL LI {
    padding: 0px;
    margin: 0px;
    background: url('/img/bullet.png') #fff 10px 5px no-repeat; /* Default bullet image */
    font-weight:normal; /* Set default fontweight */
}

DIV#Menu UL LI.Selected {
    background: url('/img/bullet_active.png') #DDE3E3 10px 5px no-repeat !important; /* bullet in active state */
    font-weight:bold;
    margin: 0px;
    padding:0px;
}

/* List stylings goes in A */

DIV#Menu UL LI A {
    display: block;
    padding: 10px 10px 10px 30px;
    margin:0px;
    border-bottom: 1px dashed #e7e7e7;
    color:#2F6877;
    font-size:12px;
}

/* Second floor items */

DIV#Menu UL LI UL {
    padding: 0;
    margin: 0;
    list-style: none;    
}

DIV#Menu UL LI UL LI {
    padding: 0;
    margin: 0;
    background: url('/img/bullet.png') 30px 5px no-repeat;
}

DIV#Menu UL LI.Selected UL LI.Selected {
    background: url('/img/bullet_sub_active.png') #E7ECEC 30px 5px no-repeat !important; 
    font-weight:bold;
    margin:0px;
    padding:0px;
}

/* List stylings goes in A */

DIV#Menu UL LI UL LI A {
    display: block;
    margin:0px;
    padding: 10px 10px 10px 50px;
    border-bottom: 1px dashed #e7e7e7;
}

.item {
    width:205px;
    margin-top:40px;
}

/* Newsletter form */
DIV.item #form {
    width:205px;
    height:100px;
}

DIV.item #signin_newsletter input {
    width:205px;
    height:24px;
    background: url('/img/nieuwsbrief-input.png') #028D55 top right no-repeat;
    border:0px;
    color:#fff;
    margin-top:6px;
}

DIV.item #signin_newsletter .Submit {
    width:100px;
    height:24px;
    background: url('/img/submit.png') #D1753D top right no-repeat;
    border:0px;
    color:#fff;
    margin-top:6px;
    cursor:pointer;
    font-weight:bold;
}

/* 
#####################
    Column center 
#####################
*/

DIV#column_center {
    width: 382px;
    float:left;
    display:inline;
    margin:20px 0 0 20px;
    line-height:20px;
}

DIV#column_center p {
    margin-top:5pt;
}

.NewsItemIntro {
    border-bottom:1px dotted #3E899D;
    padding:10px;
    background-color:#EBF3F5;
    width:362px;
}

.NewsItemIntro .title {
    font-weight:bold;
    font-size:14px;
}

.NewsItemIntro span.intro {
    color:#000;
    width:320px !important;
    margin-right:10px;
   
}

a.GoBackLink {
    background-color:#028D55;
    padding:6px;
    color:#fff;
    display:block;
    width:380px;
    margin-top:10px;
}

a.GoBackLinkText {
    
    display:block;
    
    width:160px;
    margin:-10px 0px 20px 0px;
}

DIV#alphabetical h1{
    background: url('/img/submit.png') #D1753D top right no-repeat;
    color:#fff;
    height:24px;
    line-height:24px;
    padding:0 5px;
}

DIV#alphabetical a {
    background: url('/img/bullet.png') #fff 10px 0 no-repeat;
    display:block;   
    padding:4px 0px 4px 30px;
}

DIV#alphabetical a:hover {
    background: url('/img/bullet_active_bedrijven.png') #fff 10px 0 no-repeat;
    display:block;   
    
    padding:4px 0px 4px 30px;
    background-color:#EAEEEE;
}

#laatsteNieuwsHeader {
   margin-top:20px;
   font-size:16px;
   font-weight:bold;
   padding-bottom:10px;
   padding-top:10px;
   text-indent:40px;
   color:#fff;
   background: url('/img/laatstenieuws.png') no-repeat;
}

/* 
#####################
    Column right 
#####################
*/

DIV#buildingsHolder {
    position:relative;
}

DIV#column_right {
    width: 330px;
    display:inline;
    float:left;
    margin:20px 0 0 15px;
}

/* Logo's of stores in Aalten */
DIV#column_right #buildings {
    width:328px;
    height:182px;
    z-index:2;
    border-left:1px solid #D1753D;
    border-right:1px solid #D1753D;
    border-top:1px solid #D1753D; 
}

DIV#column_right #buildings img {
    display:none;
   
}

.no-new {
    text-indent: 20px;
    line-height: 40px;
}

DIV#column_right #buildingsHolder a.linkNaarLeden {
    width: 328px;
    height: 240px;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 115;
    display: block;
    background: url( '/img/transparent.gif' ) no-repeat top left;
    
    
}

DIV#column_right #klikhier {
    background-color:#000;
    width: 328px;
    height: 59px;
    display: block;
    z-index: 19;
    border-left: 1px solid #D1753D;
    border-right: 1px solid #D1753D;
    border-bottom: 1px solid #D1753D;
}

/* Activity container */
DIV#activity {
    width:330px;
    margin-top:2px;
    display:inline
} 

/* Activity container */
DIV#column_right #activity_header {
    background: url('/img/activiteiten.png') no-repeat;
    height:40px;
} 

/* Activity contains heading text (Activiteiten) */
DIV#column_right #activity_header p{
   font-size:16px;
   color:#fff;
   font-weight:bold;
   padding:10px 0 0 40px;
}  

DIV#activity_content {
    width:330px;
    /*height:200px;*/
    background-color:#EBF3F5;
    margin-bottom: 15px;
}

DIV#activity_content DIV.month
{
    background: url( '/img/event-tab.png' ) no-repeat bottom left ;
    border-bottom: 1px solid #3E899D;
    padding-top: 15px;
    color: #fff;
    padding-left: 15px;
    padding-bottom: 3px;
}

DIV#activity_content DIV.newsItemContainer
{
    height: 40px;
    padding-top: 10px;
    border-bottom: 1px dotted #3E899D;
}

DIV#activity_content DIV.newsItemContainer DIV.newsDateBox
{
    float: left;
    width: 30px;
    height: 23px;
    padding-top: 7px;
    background: #D1753D;
    color: #fff;
    text-align: center;
    margin-left: 5px;
}

DIV#activity_content DIV.newsItemContainer H3
{
    float: left;
    margin-top: 7px;
    padding-left: 10px;
    font-weight: normal;
    font-size: 90%;
}

DIV#activity_content DIV#MoreNews
{
    height: 30px;
    padding-left: 5px;
    padding-top: 10px;
}

DIV#activity_content DIV#MoreNews A
{
    color: #2F6877;    
}
    
DIV#column_right #parking {
    width:330px;
    margin-top:5px;
}

/* Clear the container */
DIV.clearFix {
    clear:both;
}

/* 
#####################
    Footer 
#####################
*/

#footer {
    width:980px;
    height:104px;
    background: url('/img/footer.png') no-repeat bottom left;
    color:#fff;
}

/* Linklist container */
#footer .linkList {
    float:right;
    margin:40px 40px 0 0;
    color:#fff;
    display:inline;
}

/* Actual links in the footer */
#footer .linkList a {
    color:#fff;
    text-decoration:underline;
    font-size:12px;
}

INPUT.Submit
{
    background: #D1753D;
    color: #fff;  
    width: 255px;  
}

TABLE.Contact TD.Submit,
TABLE.NL_Subscriber TD.Submit
{
    text-align: right;    
}

A.NewsItemBalk
{
    position: relative; 
    display: block;
    width: 380px;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
}

A.NewsItemBalk SPAN.NewsItemDatum
{
    width: 40px;
    height: 40px;
    background-color: #D1753D;
    float: left;
}

A.NewsItemBalk SPAN.NewsItemDatum span.date_1, 
A.NewsItemBalk SPAN.NewsItemDatum span.date_2
{
    display: block;
    width: 40px;
    height: 20px; 
    text-align: center;
    color: #fff;
    background-color: #D1753D;
}

A.NewsItemBalk SPAN.title
{
    display: block;
    float: right;
    width: 330px;
    padding-left: 10px;
    font-weight: bold;
}

A.NewsItemBalk SPAN.intro
{
    display: block;
    float: right;
    width: 330px;
    padding-left: 10px;
}

SPAN.clearFix {
    clear:both;
    display: block;
}