/* CSS Document stadswerkplaats groningen 2008
hoogte foto heading: 120 px
bruine achtergrondkleur: #362f2d;
kopachtergrond: #282842;
koptekstkleur: #fc3; (geel)
wittige kleur: #fef4dc;
*/

*{margin: 0; padding: 0;}

body{
background-color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;}

#container{
margin-left:auto;
margin-right:auto;
width:1023px;
border-left:#fef4dc solid 1px;
border-right:#fef4dc solid 1px;
border-bottom:#fef4dc solid 3px;
} 

/*<!-------------hier de header code--------------------->*/

#header{
background-color:#282842;
height:120px;
background-image:url(stadswerkplaats-plaatjes/stadswerkplaats-groningen-kop.jpg);
background-repeat:no-repeat;
background-position:right;
color:#fc3;
}
#header #logo{
width:250px;
float:left;
padding-top:20px;
text-align:center;}
#header h1{
font-size:45px;
padding-top:54px;}
/*--------------Hier de navBar code-------------------*/
#navbar{
background-color:#fc3;
height:29px;
padding-top:7px; /*samen 36 px*/
text-align:center;
color: #fef4dc;
font-size:105%;
font-weight:bold;
background-image:url(logo/gele_rand.jpg);
background-repeat:repeat-x;}
#navbar a{
text-decoration:none;
color:#333333;}

#navbar ul{
list-style:none;
}
#navbar ul li{
display:inline;
padding-left:7px;
}

/*-------------Hier de achter code-------------------*/
#achter{
background-color:#372f2d;
height:530px;
}
/*-------------Hier de links code-------------------*/
#links{
width:205px;
/*de dubbele padding moet van de width (250px) worden afgetrokken, zo ook van de height (530)*/
float:left;
height:505px;
background-repeat:no-repeat;
background-position:left bottom;
color: #fef4dc;
text-align:right;
font-size:120%;
padding-top:25px;
padding-right:45px;
/*background-color:#0000FF;*/}

#links ul{
list-style:none;}

#links ul li{
padding-top:0.8em;}

#links a{
color:#fef4dc;
text-decoration:none;}
#links a:hover{
border-bottom:#fc3 solid 1px;
color:#fc3;}
#links ul li.actief{
color: #Fc3;}
/*geel*/
/*-------------Hier de rechts code-------------------*/
#rechts{
float:right;
width:173px;
height:530px;
background-repeat:no-repeat;
background-position:right bottom;
/*background-color:#0000FF;*/}
/*-------------Hier de tekst code-------------------*/
#tekst{
width:510px; /*600 - (2 x 45px)*/
padding-left:45px;
padding-right: 45px;
padding-top:40px;
padding-bottom: 30px;
float:left;
height:460px;/*530 - (40+30 px)*/
background-color:#fef4dc;
margin-left:auto;
margin-right:auto;
color:#333333;
font-size:90%;
line-height:150%;
overflow:auto;
background-repeat:no-repeat;
background-position:bottom;
}
#tekst a{
color:#000000;
text-decoration:none;}
#tekst a:hover{
color:#FF0000;
text-decoration:underline;}
#tekst hr{
margin-top:1em;
margin-bottom:1em;}
#tekst h1{
padding-bottom:0;
font-size:200%;}
#tekst h2{
padding-bottom:0;
font-size:200%;}
#tekst h3{
padding-top:0.7em;
margin-top:0;
font-size:110%;}
#tekst h4{
padding:0.5em 0;
font-size:105%;
font-weight:bold;}
#tekst p{
padding:0.5em 0;
}
#tekst h6{
margin-top:0;
padding-top:0;
}
#tekst #cursus H2{
margin-top:0.2em;
padding-top:0;
font-size:0.85em;
}
.bedrijvenlinks{
font-size:140%;
}
a.bedrijvenlinks{
color:#000000;
text-decoration:none;}

a:hover.bedrijvenlinks {
text-decoration:underline;
}
#tekst a:hover{
color:#CC0000;}
.strong{
font-size:105%;
font-weight:bold;}
#footer{
background-color:#362f2d;
background-image:url(logo/schaduwtje.jpg);
background-repeat:repeat-x;
color:#fef4dc;
text-align:center;
background-color:#e6dcc4;
/*border-top-style:groove;*/
/*border-top:#666666 2px solid;*/
color:#333333;
text-align:center;
padding-top:1.2em;
padding-bottom:1em;
font-size: 82%;
font-weight:bold;
}
.witachter{
background-color:#FFFFFF;
border:#000000 solid 1px;
padding:1em;
}