@CHARSET "ISO-8859-1";

* {
	padding: 0;
	margin: 0;
}

img{
	border:0px;
}

html,body,td,th,p,input,li,dd,dl,div,h1,h2,h3,h4,h5,h6,form,pre,blockquote,fieldset,font, {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:16px;
}

h1 {
	font-size: 26px;
	color: #333;
	margin: 15px 0;
}
h2 {
	font-size: 160%;
	margin: 12px 0;
}
h3 {
	font-size: 140%;
	margin: 10px 0;
}
h4 {
	font-size: 120%;
	margin: 10px 0;
}

p {
	margin: 10px 0;
}
body{
	background-image: url('../images/back1.jpg');
	background-position: top left;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-attachment: fixed;
		
}

.wrap{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	}
	
.menu{
	background-image: url('../images/luctor_02.jpg');
	background-repeat:no-repeat;
	height: 71px;
	width:980px;
	margin-left:26px;
	

	
}
.back{
	background-image: url('../images/luctor_10.png');
	background-repeat:repeat-y;
	width:1024px;
	float:left;
	min-height:1000px;
	
}

.pupil{
	background-color: #ffea7d;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; 
	float:left;
	text-align:center;
	width: 200px;
	margin: 0px 0px 0px 20px;

	
	
	
}
.pupil_tekst{
	text-align:center;
	padding-left:10px;
	height:175px;
	position:relative;
	top:-20px;
	
}
.content{
	float:left;
	width:680px;
	padding-left: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}


/* #nav, #nav ul {
padding: 3px 0 0 0;
list-style: none;
}

#nav li {
float: left ;
width: 120px;
}


#nav ul {
position: absolute;
margin-left:-7px;
width: 100px;
left: -1000px;
}


#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 0px 3px 5px;
text-decoration: none;
text-align:center;
font-family: verdana, arial;
font-size: 1em;
cursor: pointer;
padding-right:5px;
} 

ul a{
font-weight: bold;
color: #FFDF32;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: bold;
color: #2954E3;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFFFFF;
cursor: pointer;
}
.menu ul li{
background-color: #FFDF32;


}
 ul ul li{
background-color: #666;
border-top: 3px solid #FFF;

}*/

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFDF32;
}

* html ul ul li{
border-top: 3;
}
/* Einde IE only hack */

a:link , a:visited , a:active{
	text-decoration:none;
	color:#2756E4;
}
a:hover{
	text-decoration:underline;
	color:#2756E4;
}

#boven{
	position:relative;
	overflow: hidden;
	height: 246px;
   	z-index: 1;
}
#boven img{ 
	position:absolute;
	z-index: 2;
}


.footer{
	background-image: url('../images/luctor_10.png');
	background-repeat:repeat-y;
	width:1024px;
	float:left;
	min-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	text-align:center;

}

.inputfield{
background-color:#FF3;
border:none;
height:20px;
font-size:14px;
font-family:"Courier New", Courier, monospace;
width:400px;

}
.trform{
background-color:#FF3;

}
.tdform{
margin-left:5px;
padding-left:5px;
height:30px;
border-bottom:#FFF 5px solid;
}
.tdform, textarea{
height:39px;
}

.calibris{
	position:relative;
	top:-5px;
	left:-120px;	
}


/* TEASERS */

#teaser-wrapper {
    width: 170px;
    height: 100px;
    overflow: hidden;
	margin-left:10px;

	
}
#teaser-content {
    width: 3936px;
}
#teaser-content .teaser-artikel {
    float: left;
    width: 170px;
    height: 200px;
}

#teaser {
	width: 170px;
	height: 200px;
	position: relative;
}
.teaser-artikel {
	padding-top:10px;
	
	width: 170px;
	height: 100px;
}


/* 2e */
#teaser-wrapper2 {
    width: 180px;
    height: 100px;
    overflow: hidden;
	margin-left:10px;

	
}
#teaser-content2 {
    width: 3936px;
}
#teaser-content2 .teaser-artikel2 {
    float: left;
    width: 170px;
    height: 200px;
}

#teaser2 {
	width: 170px;
	height: 200px;
	position: relative;
}
.teaser-artikel2 {
	padding-top:10px;
	width: 170px;
	height: 100px;
}

.kadertop{
	background-image:url(../images/kader_03.png);
	width:190px;
	margin-left:5px;
	height:30px;
	padding-top:5px;
}
.kadermidden{
	background-image:url(../images/kader_05.png);
	
	width:190px;
	margin-left:5px;
}
.kaderonder{
	background-image:url(../images/kader_07.png);
	height:12px;
	width:190px;
	margin-left:5px;
}
