/* CSS Document */

/* ***************general layout*************** */

body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#6666333;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
background: #666633;
height: 125px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
background-color:#666633;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #666633;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube_topsection{
margin: 10px; 
margin-top: 0;
}

.innertube_menu{
margin-top: 0px;
} 

.innertube_contentsection{
margin: 10px; 
margin-top: 20px;
}

.container_picslider{
padding-left:50px;
}

#textfield {
padding-left: 7px;
}



#crumb {
width:100%;
text-align:center;
}

/*tekst rond pics in body */
img.extra_floatLeft { 
    float: left; 
    margin: 5px;
	padding-right:5px; 
}
img.extra_floatRight { 
    float: right; 
    margin: 5px;
	padding-left:5px; 
	
}


/* **************font styles**************** */
.bodynormal{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
padding-left:10px;
}

.contact {
	
	font-size:13px;
	font-weight:bold;	
	color:#333333;
}

.bodynormal_inside_bigfield{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
padding-left:10px;
margin-left:17px;
margin-right:45px;
}


.bodynormal_toppage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
}

.bodynormal_toppage_upper{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#333333;
}

.bodynormal_italic{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
padding-left:10px;
font-style:italic;
}

.bodynormal_small{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#CCCCCC;
}

.bodynormal_small_black{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
}

.bodynormal_smallest_black{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:bold;
color:#000000;
line-height:10px;
}

.mededelingen{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
padding-left:40px;
padding-right:40px;
}


.bodynormal_smallest_black{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bolder;
line-height:12px;
color:#000000;
}

.body_firstline{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#333333;
}

.body_firstline_new{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
color:#088b08;
}


.bodynormal_highlight{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff9900;
}

.bodynormal_highlight_new{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#088b08;
}

.bodybig_highlight{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#ff9900;
}

.bodybig_highlight_new{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#088b08;
}


.textlink{
text-decoration:none;
color:#FFFFFF;
}

.textlink_new{
text-decoration:none;
color:#993300;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* ***** highslide image vergroter ***** */
.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border-color: silver;
}

.highslide-wrapper, .drop-shadow {
	background: white;
}
.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/close.png', sizingMethod='scale');
}



/* *************pro_left_right_menu css************* */
.pro_linedrop {
height:35px;
width:820px;
background:url(lrimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(lrimages/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(lrimages/black_0.gif); 
padding:0 0 0 5px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fc0;
}


.pro_linedrop .select li.lrt a {color:#0ff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 5px; 
background:url(lrimages/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(lrimages/black_0a.gif) right top;
}


.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(lrimages/black_1.gif); 
padding:0 0 0 5px;
cursor:pointer; 
color:#fff;
}


.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}


.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 0 5px; 
background:url(lrimages/black_1.gif) right top; 
cursor:pointer;
}


.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}


.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top; 
}


.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top; 
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:820px;
top:35px; 
left:0; 
text-align:center;
background:#fff url(lrimages/fade.png);
border:1px solid #aaa;
}

.pro_linedrop .select :hover .rt li {float:right;}


.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.png) left bottom;}


/* *************menu css************* */
div.sdmenu {
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 0px;
	
	padding-bottom: 20px;
	padding-top: 10px;
	background: url(sdmenu/sdmenu/bottom.gif) no-repeat  right bottom;
	color: #000000;
}
div.sdmenu div {
	background: url(sdmenu/sdmenu/title.gif) repeat-x;
	overflow: hidden;
	margin-top: 0px;
}
div.sdmenu div:first-child {
	background: url(sdmenu/sdmenu/toptitle.gif) no-repeat ;
	height: 10px;
		
}
div.sdmenu div.collapsed {
	height: 25px;
	margin-top: 0px;
}


div.sdmenu div span {
	display: block;
	padding: 3px 25px;
	text-transform:uppercase;
	font-weight: bold;
	color: #000000;
	background: url(sdmenu/sdmenu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #f0ed0a;
}
div.sdmenu div.collapsed span {
	background-image: url(sdmenu/sdmenu/collapsed.gif);
}

div.sdmenu div a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: inherit;
	
	padding: 5px 10px;
	background: #f7c706; /* backgr subitem */
	display: block;
	border-bottom: 1px solid #f0ed0a;
	color: #000000;
	text-decoration:none;
}
div.sdmenu div a.current {
	background : #f0ed0a url(sdmenu/sdmenu/linkarrow.gif) no-repeat right center;
}
div.sdmenu div a:hover {
	background : #fe9d00 url(sdmenu/sdmenu/linkarrow_h.gif) no-repeat right center;
	color: #000000;
	text-decoration: none;
}

/*THUMB ENLARGER*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px;
border-color:#686868;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;

}

.thumbnail:hover img{
border: 1px;
border-color:#686868;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border:none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 5px;
left: 50px; /*position where enlarged image should offset horizontally */
z-index: 50;

}


