/**
 * POSITION
 * --------
 */
html, body {
    height: 100%;
    max-height:100%;
}
	
body {
    margin: 0;
    font-family: Georgia, Verdana, Arial, Helvetica;
  	text-align: left;
    background-image: url(../images/achtergrond3.gif);
    background-position: top center;
    background-repeat:no-repeat;
  
}

#workdiv {
    position:static;
    margin:0 auto; 
    width: 960px;
    font-family: Georgia, Verdana, Arial, Helvetica;    
	color: #FFFFFF;
   
}
#kop {
    position:absolute;
    width: 840px;
    height: 200px;
    background-image: url(../images/fotobanen_portfolio.jpg);
    background-position:0px 56px;
    background-repeat:no-repeat;
    xz-index:5;
}
#logo {
    position:absolute;
    width: 960px;
    height: 200px;
    background-image: url(../images/logobassa.gif);
    background-position:840px 56px;
    background-repeat:no-repeat;
    xz-index:6;
}
#top {
    position:relative;
    top:0px;
    left:0px;
    width:960px;
    height: 200px;
    
}
#menu {
    position:relative;
    width:800px;
    height: auto;
    z-index:999;
}

.ddmx18 #menu18-4-section {

}
.ddmx18 #menu18-3-1-section {
z-index:1 !important;
}

#content {
    position:absolute;
    width: 840px;
    top: 173px;
    font-family: Georgia, Verdana, Arial, Helvetica;
    line-height:18px;
    letter-spacing:0.2pt;   
	font-size: 12px;
    color: #FFF;
    text-align: left;
    padding-top:30px;
    padding-left:20px;
    margin:0px;
    
     
}
xx#nieuws {
    position:static;
    bottom:20px;
    left:840px;
    width: 120px;
    
    background:#ff6600;
        
}

/**
 * STYLING CONTENT
 * --------
 */

#content {
	scrollbar-face-color:#1A171B;
	scrollbar-shadow-color: #3F3F3F;
	scrollbar-highlight-color: #1A171B;
	scrollbar-3dlight-color: #1A171B;
	scrollbar-darkshadow-color: #1A171B;
	scrollbar-track-color: #FF7D00;
	scrollbar-arrow-color: #FF7D00;
}
.contentpaneopen {
	margin:0;
	padding:0;
	font-size: 12px;
	color: #fff;
        line-height: 18px;
        letter-spacing: 0.4pt;
}
.contentheading  {
	font-family: lucida sans unicode,lucida grande,sans-serif;
    font-size:13px;
    font-weight:bold;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}

.componentheading {
	font-family: Georgia, Verdana, Arial, Helvetica;	
	font-size: 12px;
    line-height:18px;
    letter-spacing:0.2pt;
	text-align: left;
	color: #fff;
	font-weight:bold;
        padding-left:3px;
}
.back_button {
	font-family: arial;
	font-size: 12px;
}
.back_button a:link, .back_button a:visited {
	font-family: Georgia, Verdana, Arial, Helvetica;	
	font-size: 12px;
	line-height:18px;
    letter-spacing:0.2pt;
	color: #FF7D00;
	text-decoration: none;
}
.back_button a:hover {
	color: #FFFFFF;
}




.input {
	border: 1px solid #666666;
	font-family: Georgia, Verdana, Arial, Helvetica;	
	font-size: 12px;
	line-height:18px;
    letter-spacing:0.2pt;
	text-align: left;
	color:#000000;
	background-color:#b2b2b2;
}
.readon {
   text-decoration:underline;
}
.readon a:link, .readon a:visited{
	text-decoration:underline;
}
#content a:link,.contentpaneopen a:link {
        color: #FFF;
	text-decoration: none; 
	font-weight: normal;
        border-bottom: 1px dotted #FFF; 
	text-decoration: none;
}

#content a:visited, .contentpaneopen a:visited {
	color: #FFF; 
	text-decoration: none; 
	font-weight: normal;
        border-bottom: 1px dotted #FFF; 
	text-decoration: none;
}

#content a:hover, .contentpaneopen a:hover {
	color: #FFDD00; 
	border-bottom: 1px dotted #FFDD00; 
	text-decoration: none;
}
.home {
      vertical-align: top;
      
}
.col1 {
}
table {
	border-collapse: separate;
	border-spacing: 0;
        vertical-align: top;
        padding:0px;
        margin:0px;
}

tr, td {
	text-align: left;
        vertical-align: top;
	
}
.foto {
       background-color:#000;
       color:#FFDD00;
}
.foto1 {
      padding-top:20px;
      padding-left:13px;
            
}
.foto2 {
      padding-top:13px;
      padding-left:13px;
      color:#FFF;
}
.foto3 {
      padding-left:13px;
      font-size:40px;
      font-weight:bold;
      margin:0px;
}
.foto4 {
      padding-left:13px;
      margin:0px;
}




td.rubriek {
      height:100px;
      text-align:right;
      color:#cecece; 
vertical-align:top; 
}
td.text {
      height:100px;
      text-align:left;
      vertical-align:top;
}
h1 {
      font-family: lucida sans unicode,lucida grande,sans-serif;
      font-size:13px;
      font-weight:bold;
      vertical-align:top;
      margin:0px;
}
h2 {
      font-family: lucida sans unicode,lucida grande,sans-serif;
      font-size:12px;
	  font-weight:normal;
      vertical-align:top;
      margin:0px;
      color:#FFDD00;
      display: block;
      float: left;
      padding-bottom:0px;
      padding-right:10px;
      

}
.flash {
    padding-top:6px;
}

#pagebassa {
       position: absolute;
       top:380px;
       left:480px;
       font-family: lucida sans unicode,lucida grande,sans-serif !important; 
       font-size:12px;
       color:#cecece;
}
#pagebassa a:link, #pagebassa a:visited, #pagebassa a:hover  {
       text-decoration:none;
       border-bottom:0px;
}



.pagination {
       margin-left: 0;
       padding-left: 0;
       white-space: nowrap;
}

ul.pagination li {
       display: inline;
       list-style-type: none;
       text-decoration: none;
       padding: 3px 6px;
}
ul.pagination li a:link, ul.pagination li a:visited {
       display: inline;
       list-style-type: none;
       text-decoration: none;
       border-bottom:0px;
       padding: 3px 6px;
}

ul.pagination li a:hover {
       display: inline;
       list-style-type: none;
       text-decoration: none;
       border-bottom:0px;
       padding: 3px 6px;
       color:#FF6600;
}



#content li.active {
      font-weight:bold;
      color:#FFDD00;

}
#content li.active a{
      color:#FFDD00;
      font-size:20px;

}