/* -----------------------------------------------------------------------------------

Style Sheet for http://www.andera.nl 

Version:		1.0
Website ontwerp: 	
Scripting and CMS:	Rian Rietveld - www.rrwd.nl
XHTML/CSS:		Luc Koymans - www.koymans.be

----------------------------------------------------------------------------------- */




/* -------- GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */
* {
	margin:0;
	padding:0;
	font-family: "Times New Roman", Times, serif;
	color:#fff;
	font-size:13px;
	line-height:16px;
}

body {
	background-color:#6b6b6b;
	background-image:url(../layout/bg.jpg);
	background-repeat:repeat-x;
}

/* The class clear is used as floated elements are taken out of the flow of the contents of the wrapper div */
.clear {
	clear:both;
}

.hide{ /* hides text from broswer */
        position:absolute;
        left:-9999px;
        width:0px;
        overflow:hidden;
}

/* In IE6 gaat de floating vaak mis. Een aparte div voor de float is net iets anders dan de float left zelf
aan een element meegeven. Dit gaat meestal wel goed in IE6 */

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

img {
	border:0;
}

h1 {
	font-size:20px;
	margin-bottom: 10px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:12px;
}

/* Always use the following order to avoid cascade problems */
/*a:link, a:visited {text-decoration:none; font-weight:bold; color:#ffb423;}
a:hover, a:active {text-decoration:underline; color:#8a4c13;}*/

/* -------- END OF GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */
#voorpagina {
	position:relative;
	margin:0 0;
	min-height:757px;
	height:auto !important;
	height:757px;
	background-image:url(../layout/bg-voorkant.jpg);
	background-repeat:no-repeat;
	background-position:-10px -5px;
	overflow:auto;
}

#wrapper {
	position:relative;
	margin:0 0;
	width:1110px;
	min-height:757px;
	height:auto !important;
	height:757px;
	background-image:url(../layout/bg-container2.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:auto;
}

#logo {
	position:absolute;
	top:10px;
	left:95px;
	width:259px; 
	height:145px;
}

#topmenu {
	width:450px;
	height:40px;
	position:absolute;
	left:363px;
	top:170px;
	float:left;
	list-style:none;
	list-style-type:none;
}

#topmenu li {
	float:left;
	width:140px;
}

#topmenu a {
	float:left;
	display:block;
	width:140px;
	height:40px;
	text-decoration:none;
	background-image:url(../layout/button.png);
	vertical-align:middle;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight: bold;
}

#topmenu a:hover {
	background-position:0 -40px;
}

#topmenu2 {
	width:800px;
	height:40px;
	position:absolute;
	left:215px;
	top:175px;
	float:left;
	list-style:none;
	list-style-type:none;
}

#topmenu2 li {
	float:left;
	margin-left:10px;
	width:120px;
}

#topmenu2 a {
	float:left;
	display:block;
	width:120px;
	height:24px;
	text-decoration:none;
	background-image:url(../layout/toets.png);
	vertical-align:middle;
	line-height:24px;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight: bold;
}

#topmenu2 a:hover {
	background-position:0 -24px;
}


#topmenu2 a.active {
	background-position:0 -24px;
}


#leftmenu {
	position:absolute;
	left:110px;
	top:245px;
	list-style:none;
	list-style-type:none;
}

#leftmenu li {
	width:135px;
	height:32px;
	display:block;
}

#leftmenu a {
	display:block;
	width:140px;
	height:24px;
	text-decoration:none;
	vertical-align:middle;
	line-height:24px;
	color:#fff;
	font-size:12px;
	padding-left: 5px;
	font-weight: bold;
	background-color: #2c81a0;
	border-right: 5px solid #2c81a0;
}

#leftmenu a:hover {
	background-color: #44b7e4;
	border-right: 5px solid #faa151;
}

#leftmenu a.active {
	background-color: #44b7e4;
	border-right: 5px solid #faa151;
}

#ppage1 {
	position:absolute;
	left:273px;
	top:244px;
	font-family: "Times New Roman", "Trebuchet MS", Serif;
	width:414px;
	height: 340px;
	overflow: auto;
	color:#ffffff;
	font-size:12px;
	line-height:16px;
}


#ppage1 a {
	color:#ffffff;
}

p {
	margin-bottom: 10px;
}

#lt {
	position:relative;
	top:3px;
	left:0px;
	font-size:24px;
	color:#ed7a17;
}

span.lt1234 {
	position:relative;
	top:3px;
	left:0px;
	font-size:24px;
}

#page1234 {
	font-family: "Times New Roman", "Trebuchet MS", Serif;
	font-size:14px;
}

#page1234 a {
	text-decoration:none;
	color:#ffffff;
}

#page1234 a.active {
	color:#ed7a17;
}


#foto {
	position:absolute;
	left:716px;
	top:223px;
 width: 282px; 
 height: 367px;
}

#footertext {
	position:absolute;
	top:605px;
	left:100px;
	width:1023px;
	height:33px;
	font-size:10px;
	color:#f0f0f0;
}

#bovengallerij {
	width:800px;
}

#benedengallerij {
	position:absolute;
	left:256px;
	top:415px;
	width:800px;
	float:left;
}

.galimg {
	float:left;
	margin-left:10px;
	margin-bottom: 10px;
	border:1px solid #000000;
	width:  88px;
 height: 121px;
}

.galimg:hover {
	border:1px solid #3ebbe9;
}

/* -------------------------------------------------------------------- fieldset */

form {
  width:400px;
  color:#ffffff;
}

fieldset  {
	width: 400px;
	border: 1px solid #fff;
}

legend {
	color: #fff;
}

label {
	display: block;
	width: 120px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
 color: #fff; 
}

input.tekst {
	width: 250px;
	margin: 2px;
	border: 1px solid #93877D;
	height: 19px;
	font-size: 11px;
	color: black;
}

fieldset br {
	clear: left;
}

textarea.invulgroot {
	width: 250px;
	margin: 2px;
	border: 1px solid #93877D;
	font-size: 11px;
	height: 35px;
	color: black;
}

input.submitknop {
  margin-left: 136px;
  	color: black;
}