@charset "utf-8";
/* CSS Document */

/* SETTINGS */

*{
padding:0;
margin:0;
}

body{
background-color:#dedede;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

body, html{
width:100%;
height:100%;
}

html,body #container {
height: auto;
}

.clear{
clear:both;
}

/* TEXT */

a{
text-decoration:none;
color:#587d30;
}

a:hover{
text-decoration:underline;
}

input, textarea{
border: #999999 1px solid;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding:2px;
}

h3{
font-size:14px;
}

.header{
font-size:24px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
color:#6f9c3f;
margin:12px 0px;
}

.header2{
font-size:18px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
color:#6f9c3f;
margin:3px 0px;
}

/* OPMAAK */

#top1{
float:left;
height:20px;
margin-top:48px;
}
#top1 a{
color:#333333;
}
#top1 a:hover{
color:#6f9c3f;
}
#top1:hover{
background:url(http://www.ecolage.nl/images/menu/arrow.jpg) #ffffff no-repeat bottom center;
}

#top2{
float:left;
height:20px;
margin-top:48px;
background:url(http://www.ecolage.nl/images/menu/arrow.jpg) #ffffff no-repeat bottom center;
}

#top3{
float:left;
height:20px;
margin:48px 7px 0px 7px;
}

.textvak{
width:555px;
padding: 10px 10px 20px 20px;
background:url(http://www.ecolage.nl/images/text_under.gif) #f1f1f1 no-repeat bottom left;
}

.tvheight{
height:110px;
}

.aanmelden{
padding-top:15px;
padding-right:0px;
margin:5px;
}

.bedrijf-img{
height:140px; 
width:166px; 
border: 1px solid #587d30; 
background-color:#999999; 
float:left;
margin:10px 0px 10px 0px;
}

.bedrijf-img2{
height:140px; 
width:260px; 
border: 1px solid #587d30; 
background-color:#999999; 
float:left;
margin:10px 0px 10px 0px;
}

.bedrijf-margin{
margin-left:20px;
}

.bedrijf-adres{
float:left; 
width:155px;
}

.bedrijf-beschrijving{
float:left; 
width:375px; 
margin-left:20px;
}

#banner{
margin: 55px 0px 0px 25px;
}

p.padding {
padding: 0 0 10px 0;
}

.select{
width:130px;
}

.aanmelden-tabel td{
padding: 0px 6px 6px 0px;
}

.padding-b{
padding-bottom:6px;
}

.mijn-menu{
  width:135px;
  border-bottom:1px solid #333333;
}

.mijn-link{
color:#333333;
}

.mijn-link:hover{
color:#587d30;
text-decoration:none;
}

.mijn-link2{
color:#587d30;
}

.mijn-link2:hover{
color:#587d30;
text-decoration:none;
}

.mijn-tabel a{
color:#333333;
text-decoration:underline;
}

.mijn-tabel a:hover{
color:#587d30;
text-decoration:none;
}

.foto-2{
width:120px;
float:left;
}

.map a{
color:#333333;
text-decoration:none;
}

.map a:hover{
text-decoration:underline;
}

/* LAYOUT */

#container{
margin: 0 auto;
width:880px;
background:url(http://www.ecolage.nl/images/bg.gif) repeat-y top left;
}

#logo_login{
width:880px;
height:68px;
background-image:url(http://www.ecolage.nl/images/logo_login.gif);
}

#logo_container{
width:184px;
height:68px;
float:left;
}

#logo{
width:184px;
margin-left:50px;
height:68px;
}

#login_container{
float:right;
width:646px;
height:68px;
}

#login{
margin: 45px 0px 0px 55px;
width:385px;
height:23px;
float:right;
}

#login2{
margin: 50px 0px 0px 55px;
width:385px;
height:23px;
float:right;
}

#login2 span{
color:#587d30;
}

#login2 a{
color:#333333;
}

#login2 a:hover{
color:#587d30;
text-decoration:none;
}

#header{
width:880px;
height:183px;
}

#menu_container{
width:880px;
height:56px;
background-image:url(http://www.ecolage.nl/images/menu_container.gif);
}

#menu{
width:820px;
height:56px;
margin-left:60px;
}

#content{
width:880px;
float:left;
background:url(http://www.ecolage.nl/images/bg.gif) repeat-y top left;
}

#left_container{
float:left;
width:645px;
}

#left{
width:585px;
margin-left:60px;
line-height:140%;
}

#right_container{
float:right;
width:235px;
background:url(http://www.ecolage.nl/images/zoekveld.gif) no-repeat top left;
}

#right{
width:130px;
margin: 0px 72px 0px 33px;
}

#footer{
float:left;
clear:both;
width:760px;
height:51px;
padding: 20px 60px 0px 60px;
background-image:url(http://www.ecolage.nl/images/footer.gif);
}

#footer a{
color:#333333;
}

#footer a:hover{
color:#587d30;
text-decoration:none;
}

#footerleft {
float:left; text-align:left; 
width:550px;
}

#footerleft li {
display: inline;
border-right: 1px solid #6f9c3f;
padding: 0 10px 0 10px;
}
#footerleft li.niks {
padding: 0 10px 0 0;
}
#footerleft li.niksr {
border: none;
}

/* NAVIGATIE */ 

#nav{
list-style:none;
margin:0px;
padding:0px;
text-align:center;
}

#nav li{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
}

#nav li a{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
}

#nav li a:hover{
color:#6f9c3f;
}

#home a{width:94px; background:url(http://www.ecolage.nl/images/menu/home.gif) 0 0 no-repeat; color:#333333;}
#home a:hover{background-position: -94px 0; color:#6f9c3f;}
#home2 a{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
color:#6f9c3f;
text-align:center;
width:94px; 
background:url(http://www.ecolage.nl/images/menu/home.gif) 0 0 no-repeat; 
background-position: -94px 0;
}

#wat a{width:114px; background:url(http://www.ecolage.nl/images/menu/zak.gif) 0 0 no-repeat; color:#333333}
#wat a:hover{background-position: -114px 0;}
#wat2 a{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
color:#6f9c3f;
text-align:center;
width:114px; 
background:url(http://www.ecolage.nl/images/menu/zak.gif) 0 0 no-repeat; 
background-position: -114px 0;
}

#over a{width:158px; background:url(http://www.ecolage.nl/images/menu/over.gif) 0 0 no-repeat; color:#333333}
#over a:hover{background-position: -158px 0;}
#over2 a{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
color:#6f9c3f;
text-align:center;
width:158px; 
background:url(http://www.ecolage.nl/images/menu/over.gif) 0 0 no-repeat; 
background-position: -158px 0;
}

#contact a{width:109px; background:url(http://www.ecolage.nl/images/menu/contact.gif) 0 0 no-repeat; color:#333333}
#contact a:hover{background-position: -109px 0;}
#contact2 a{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
color:#6f9c3f;
text-align:center;
width:109px; 
background:url(http://www.ecolage.nl/images/menu/contact.gif) 0 0 no-repeat; 
background-position: -109px 0;
}

#aanmelden a{width:135px; background:url(http://www.ecolage.nl/images/menu/aanmelden.gif) 0 0 no-repeat; color:#333333}
#aanmelden a:hover{background-position: -135px 0;}
#aanmelden2 a{
float:left;
line-height:5;
height:56px;
display:block;
text-decoration:none;
color:#6f9c3f;
text-align:center;
width:135px; 
background:url(http://www.ecolage.nl/images/menu/aanmelden.gif) 0 0 no-repeat; 
background-position: -135px 0;
}
/* GROEPEN */

.groep{
list-style:none;
margin:0px;
padding:0px;
text-indent:20px;
}

.groep_titel{
font-size:14px;
font-weight:bold;
display:block;
height:23px;
width:178px;
padding-top:7px;
color:#FFFFFF;
background-color:#72b84c; 
}

.groep li a{
display:block;
color:#393939;
text-decoration:none;
font-weight:normal;
height:22px;
width:178px;
padding-top:5px;
}

.groep li a:hover{
color:#6f9c3f;
}

.groepen1 a{background: url(http://www.ecolage.nl/images/groeprollover2.gif) 0 0 no-repeat;}
.groepen1 a:hover{background-position: -178px 0;}

.groepen2 a{background: url(http://www.ecolage.nl/images/groeprollover1.gif) 0 0 no-repeat;}
.groepen2 a:hover{background-position: -178px 0;}

.groepen{
float:left;
}

.groepen-margin{
margin-left:25px;
}

/* CATAGORIEEN */

.tabel_lijst{
font-size:14px;
font-weight:bold;
height:25px;
padding:2px 0px 0px 5px;
color:#FFFFFF;
background-color:#72b84c; 
}

.tabel_lijst2{
height:35px;
padding:3px 0px 0px 5px;
border-bottom: 1px solid #999;
}

.bedrijf{
width:20%;
}

.plaats{
width:20%;
}

.tel{
width:15%;
}

.website{
width:20%;
}

.specialisatie{
width:25%;
}

.option1 {
  font-weight: bold;
}

.option2 {
  text-indent: 2em;
}

.check {
  display: none;
}

/* WAT LOGOVAK */

#logovakcontainer {
overflow:hidden;
}

#logovakbg{
background-image:url(http://www.ecolage.nl/images/logovak/logovak1.jpg);
height:147px;
width:132px;
}

#logovaklogo{
position:relative;
top:10px;
left:10px;
height:70px;
width:70px;
}

#logovaktext{
position:relative;
top:20px;
left:10px;
width:135px;
height:107px;
}

#logovak2 {
padding:7px;
float:left;
}

#groengras {
color:#FFFFFF;
text-decoration:underline;
}