/* het verspringen in firefox tegengaan door de scrollbar reeds toe te voegen */ 
html {height:100%}
body {min-height:101%}
/* einde scrollbar - - - - - - - - - - - */

body {margin: 0; padding: 0; background: #fff text-align: center;}

* { font-family: Verdana, Arial, sans-serif; text-align: left; }

#container {margin: 0 auto 0 auto; padding: 0; width: 770px; background: #fff  url(i/bg3.gif) bottom left no-repeat; overflow: hidden;}
#topleft { float: left; margin-bottom: 15px; padding: 0; width: 430px; height: 205px; background: #fff url(i/top4.jpg) left no-repeat;}
#topright { float: left; margin-bottom: 15px; padding: 0; width: 340px; height: 205px; background: #fff;}
#leftcol { float: left; margin: 0; padding: 0; width: 225px; min-height: 535px; height: 535px; _height: 535px;}
#maincontent { float: left; margin: 0; padding: 0; width: 543px; background: #fff;}
#footer { margin: 0 auto 0 auto; padding: 0; width: 770px; height: 20px; background: #E5D2C1;}
#design { margin: 0 auto 0 auto; padding: 0; width: 770px; height: 20px; background: #fff;}
#navone {float: right; margin-left: 85px; padding: 0; width: 255px; height: 85px; background: transparent;}

.topsquare {float: right; margin-left: 10px; padding: 0; width: 75px; height: 35px; background: #F8F0F0;}
.topsquare2 {float: right; margin: 10px 0 10px 10px; padding: 0; width: 75px; height: 75px; background: #F1E3E3;}
.leftitem{margin: 10px 10px 10px 0px; padding: 0; background: #f8f0f0; border: 1px solid #ccc;}
.leftitem2{margin: 0 10px 10px 0px; padding: 0; background: #F2F8F0; border: 1px solid #ccc;}
.leftitem  p, .leftitem2 p{color: #000;}

p {margin: 5px; padding: 4px; font-size: 0.8em; line-height: 1.2em; color: #666;}
#footer p {margin: 1px 5px 1px 5px; padding: 5px; font-size: 0.6em; line-height: 0.6em; color: #666;}
#design p { margin: 1px 5px 1px 5px; padding: 5px; font-size: 0.6em; line-height: 0.5em; text-align: center; color: #999;}
h1 {margin-left: 7px; padding: 0; font-size: 1.0em; font-weight: bold; font-style: normal; color: #cc0000;}
h2 {margin: 5px; padding: 5px; font-size: 0.7em; font-weight: bold; line-height: 1.2em; color: #cc0000;}
ul li {margin: 0; padding: 0; font-size: 0.8em; line-height: 1.6em; color: #666; list-style-type: square;}
.small {font-size: 0.75em;}
#nav1 {width: 255px; height: 85px; margin: 0; padding: 0;}
#nav1 li {float: right; list-style: none; margin: 0; padding: 0;} 
#nav1 a {margin: 10px 0 0 10px; padding: 0; display: block; width: 75px; height: 75px; text-align: right; font-weight: bold; font-size: 10px;}
#nav1 a:link, #nav1 a:visited {color: #000; text-decoration: none; background: #F1E3E3;} 
#nav1 a:hover, #nav1 a:active {color: #000; text-decoration: none; background: #CDE1C5;}


a:link, a:visited {color:#4f789f;}
a:hover, a:active {text-decoration: none; color: #c90404;}

.volgende {float: right; text-transform: uppercase; font-size: 9pt; font-weight: bold;}
.vorige {float: left; text-transform: uppercase; font-size: 9pt; font-weight: bold;}

/* highslide code - - - - - - - - - - - - - - */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid #ccc;
}
.highslide:hover img {
	border: 2px solid #000;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.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;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}
/* einde highslidecode - - - - - - - - */
.imgleft {
	float: left;
	margin-right: 7px;
	border: 3px double #ccc;
}