/*		------	layout	------		*/
html {
padding:0px;
margin:0px;
}

body{
margin:0px;
padding:0;
background: #1b0606 url(../i/bg.jpg) top repeat-y;
font-family:  Arial;
text-align: center;
}

#container{
margin:0 auto;
width:1200px;
text-align: left;
height:800px;
}

#header{
margin:0 auto;
width:900px;
height: 83px;
text-align:left;
}

.schermschool{
background: url(../i/header.jpg) left no-repeat;
}

.maitre{
background: url(../i/header2.jpg) left no-repeat;
}

.vereniging{
background: url(../i/header3.jpg) left no-repeat;
}

#animatie{
width:270px;
height:83px;
float:right;
margin-right:9px;
color:#fff;
font-size:11px;
text-align:center;
}

#content{
width:900px;
margin:0 auto;
text-align:left;
}

#tekst{
width:900px;
background:#fff;
margin:0 0 30px 0;
}

#menu{
width:900px;
height:30px;
margin:15px auto;
background:#000;
}

#menu a{
display:block;
text-align:center;
float:left;
width:127px;
font-family:arial;
font-size:12px;
color:#fff;
line-height:30px;
text-decoration:none;
border-right:1px solid #fff;
}

/* for Internet Explorer */
/*\*/
* html #menu a {
width:125px;
}
/**/

#menu a:hover{
color:#7c7a7a;
background: url(../i/menu_select.jpg) left repeat-x;
line-height:28px;
border-top:1px solid #7c7a7a;
border-bottom:1px solid #7c7a7a;
border-right:1px solid #7c7a7a;
}

#menu a.selected{
color:#7c7a7a;
background: url(../i/menu_select.jpg) left repeat-x;
line-height:28px;
border-top:1px solid #7c7a7a;
border-bottom:1px solid #7c7a7a;
border-right:1px solid #7c7a7a;
}

h1{
font-size:20px;
color:#000;
margin:10px 0 5px 17px;
padding:10px 0;
font-family: georgia;
font-weight:normal;
}

h2{
font-size:16px;
color:#000;
margin:0px 0 5px 17px;
padding:0px 0;
font-family: georgia;
font-weight:normal;
font-style:italic;
}

.link{
font-weight:bold;
color:#000;
}

p{
margin:5px 0 5px 17px;
padding:0 20px 15px 0;
font-size:12px;
}

h3 {
margin: 0;	
padding: 29px 0 0 85px;
font-size: 18px;
font-family: georgia;
font-weight:normal;
color:#7c7a7a;
}

.space{
clear:both;
}

#hoofdmenu {
width: 900px;
height: 260px;
overflow: hidden;
position: relative;
background:#fff;
}

#hoofdmenu ul {
position: absolute;
top: 9px;
left: 569px;
list-style: none;	
padding: 0;
margin: 0;
}

ul#tabs {
right: 0;
z-index: 2;
width: 321px;

}

ul#tabs li {
font-size: 12px;
font-family: Arial;
background: url(../i/tab.png);
}
		
ul#tabs li a {
color: #7c7a7a;
text-decoration: none;	
display: block;
height: 81px;
outline: none;
}

ul#tabs li a:hover {
text-decoration: underline;
}

ul#tabs li a.current {
background:  url(../i/tab_selected.png);
color: #FFF;
}

ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}

ul#output {
left: 9px;
width: 600px;
height: 242px;
position: relative;
float:left;
}

ul#output li {
position: absolute;
width: 600px;
height: 242px;
}

ul#output li img{
border:0;
}

ul#output li a {
text-decoration: none;
font-size: 11px;
color: #fff;
background: #000;
}
	
#tekst ul{
margin:20px 10px 0 0;
float:left;
}
	
#tekst li{
font-size:12px;
margin: 0 0 3px 0px;
}

table{
border-collapse: collapse;
margin:-15px 0 10px 15px;
font-size:12px;
padding:0;
}

table tr.kop{
border-bottom: solid 1px #000;
font-weight:bold;
}


#myform{
width:400px;
float:left;
margin:0 10px 15px 15px;
}


fieldset{width:400px;border:1px solid #000;margin:0 0 0 0px;padding:0;}

ul.form2{list-style:none;padding:0;margin:0px;width:400px;border:0;}
ul.form2 li{list-style:none;padding:2px 0;height:35px;}
.form_head2{height:20px;width:400px;color:#c32e3e;text-align:left;font-size:14px;font-weight:bold;border-bottom:0 !important;}


ul.form2 li label{display:block;float:left;width:110px;padding:2px 0;margin-left:10px;}

.required{display:block;font-size:10px;color:#5b6170;width:60px;float:left;clear:left;margin-left:10px;}

ul.form2 li input, ul.form2 li select, ul.form2 li textarea{width:250px;background-color:#fff;border:1px solid #000;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form2 li.submit{text-align:right;border:0;}


ul.form2 li.submit2 input{
background:#460c0c;
color:#fff;
border:1px solid #898989;
cursor:pointer;
display:block;
height:22px;
width:120px;
float:right;
margin-right:35px;}

ul.form2 li textarea{height:90px;width:250px;}
ul.form2 li.comment .required, ul.form2 li.comment label{width:120px;}

#comment{width:250px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:60px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid red !important;}



#ytvideo {
    float: left;
	margin-right:10px;
}


ul#youtube {
    padding: 0;
    margin: 0 0 0 15px;
}

ul#youtube li {
    width: 280px;
    height: 200px;
    padding: 0px;
    float: left;
    margin: 0px 10px 10px 0px;
    overflow: hidden;
    background: #000;
}


ul#youtube li a {
    font-family: georgia;
    text-decoration: none;
    display: block;
    color: #000;
    border: none;
}

ul#youtube li img {
    border: none;
    margin:0;
}

.currentvideo {
	background: #bbb;
}