﻿body
{
    font-family:Arial;
    font-size:12px;
    color:#221C22;
    background-color:white;
}
/* Default tags -------- IMPORTANT ------------------*/    
h1 
{
    font-size : 13pt;
    
    padding-left: 24px;
    background-image : url(../images/blokjezwart.gif) ;
    background-repeat : no-repeat ;
    font-variant:normal  ; 
    background-position:0px -4px;
    
} 
h1.red
{
    background-image : url(../images/blokjerood.gif) ;
    } 
h1.blue 
    {
        background-image : url(../images/blokjeblauw.gif) ;
        }   
h1.green
{
    background-image : url(../images/blokjegroen.gif) ;
    }        
    
h2
{
    font-size: 12pt;
}    
h3
{
    font-size: 11pt;
}    
/* -----------------------------------------------------*/

a
{
	font-weight:bold;
}


a.menlink
{
    font-weight:bold;
    color:Black ;
    text-decoration : none;
    
    }
    
a.menlink:hover 
{
    text-decoration:underline;
    }     
.inputtext
{
	border:1px solid gray;
	height:16px;
	font-size:10px;
	color:Gray;
}
   
div#Lleft
{
	width:180px;
	display:block;
	clear:left;
	float:left;
}


div#left
{
	width:560px;
	display:block;
	float:left;
}

div#right
{
	width:240px;
	display:block;
	float:left;
	clear:right;
}

div#cont_right
{
	margin:20px 30px 20px 10px;
}

div#cont_Lleft
{
	margin:20px 30px 20px 10px;
}

div#cont_left
{
	margin:20px 30px 20px 30px;
	padding-top:0px;
	padding-bottom:20px;
	padding-left:40px;
	padding-right:20px;
	text-align:justify;
}

div#startbox
{
	width:100%;
}

.sbtext
{
	font-size:11px;
	margin-left:0px;	
}

.sbtitel
{
	font-weight:bold;
}

.sblinks
{
	margin:3px 3px 3px 0px;
}

div#submenu
{
	width:140px;
	margin-left:20px;
	background-color:#FFD801;
}

div.submenu_item
{
	width:105px;
	margin-left:8px;
	padding-left:10px;
	height:30px;
	padding-top:15px;
	cursor:pointer;
	border-bottom:1px dotted black;
}

div#subnav
{
	width:160px;
	margin-left:20px;
}

div.subnav
{
	width:155px;
	margin-left:0px;
	padding-left:5px;
	padding-top:5px;
	cursor:pointer;
	margin-top:10px;
	color:White;
	font-weight:bold;
}

div.subsubnav
{
	color:#221C22;
	font-weight:normal;
	margin-top:0px;
	
}

div.subsubnav:hover
{
	color:white;
}
div.subgnav
{
    height: 40px;
	border-bottom: dashed 1px #dddddd;
	width:80%;
	margin : 5px auto;
	vertical-align :middle ;
    
    } 
a.subnavlink
{
    color: #221C22; 
    text-decoration:none;
    
    }
a.subnavlink:hover
{
    color: #ffffff;
    }     

.titelrechts
{
	margin-top:20px;
	margin-bottom:5px;
	border-top:1px dotted gray;
	height:30px;
	font-weight:bold;
}

.blokje
{
	margin-top:3px; margin-right:11px; float:left; clear:left; width:11px; height:11px;
}

.blokje_wit
{
	margin-top:3px; margin-right:11px; float:left; clear:left; width:11px; height:11px; background-color:White;
}
.blokje_zwart
{
	margin-top:3px; margin-right:11px; float:left; clear:left; width:11px; height:11px; background-color:Black;
}

.button_link
{
	float:right;
	text-decoration:none;
	color: white;
	font-weight:bold;
	line-height: 17px;
	font-size:10px;
	border:0px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	display:block;
	width:155px;
}

.sblinks a
{
	float:left;
	text-decoration:none;
	color: white;
	font-weight:bold;
	line-height: 17px;
	font-size:10px;
	border:0px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	display:block;
	width:155px;
}

div#container
{
    width:980px;
    display:block;
    background-color:#CCCDCF;
    margin:auto auto auto auto;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

div#top
{
	background-color:White;
	background-image:url('../images/bg_top.jpg');
	height:162px;
	width:980px;
	clear:left;
}

div#footer
{
	width:980px;
	height:25px;
	color:#5B5B5B;
	font-size:10px;
	border-top:1px solid #5B5B5B;
}
div#search
{
	width:980px;
	height:30px;
	font-size:11px;
	color:white;
	clear:left;
}

div#search a
{
	width:980px;
	height:30px;
	font-size:11px;
	color:white;
}

div#cnt
{
	clear:left;
}
td
{
	vertical-align:top;
}
    
    .GuestBookMessage
    {
		display:block;
		border:1px solid black;
		padding:3px;
		margin: 3px;
    }
    
    .GuestBookMessage .Header
    {
		display:block;
		font-weight: bold;
		margin-bottom: 10px;
    }
    



.langPicker
{
	float:right;
	top: 0px;
	margin-right: 50px;
}
.langPicker .active
{
	
}
.langPicker .inactive
{
	filter:alpha(opacity=40);opacity:.4;
}
.langPicker .inactive:hover
{
	filter:alpha(opacity=100);opacity:1;
}


.AlbumOverzicht
{
	overflow:auto;
	height:140px;
	width: 800px;
	
}
.imgfloatleft
{
	
	margin:5px;
}
.highlight
{
    /*background-color:#00FF00;*/
    background-color:#FFD801;
    }
.fotodiv
    {
        padding: 10px;
       
        }
        
.fotocont
{
    
    margin-top: 30px;
    
    }
    
    
/* Downloadpage */
h1.subgroep
{
    font-size : 12pt;
    padding-left: 10px;
    }
h3.prod
{
    font-size: 10pt;
    padding-left: 20px;
    }    
a.prodl 
{
    font-size: 9pt;
    padding-left:25px;
    text-decoration:underline;
    color:#000000;
    
    }    
    
a.prodl:hover 
{
    text-decoration:none;
    color:#000000;
    }    
    
    a.ftrlink
{
    color:#333333;
    text-decoration :none;
        
    }    
a.ftrlink:hover 
{
    color:Black;
    text-decoration: underline;
    } 
    
/* ---------- Hamers -----------------*/   

 .hamer
    {
        width:150px;
        margin:10px 10px;
        float:left;
    }
    .hamerplaatje
    {
        width:130px;
        height:130px;
        margin:10px 10px;
        border:1px solid black;
        background-position:center center;
        background-repeat:no-repeat;
        background-color:white;
        cursor:pointer;
    }
    
    .hamertitel
    {
        width:130px;
        margin:0px 10px 0px 10px;
        text-align:center;
        cursor:pointer;
    }
