/*******************************/
/*         Algemeen            */
/*******************************/

*{
padding: 0px;
margin: 0px;
}

body {
background-color: #E9B78E;
font-family: "Trebuchet MS",verdana,helvetica,sans-serif;
margin:10px;
font-size: 82%;
line-height: 1.4em;
}

#wrapper {
background-color: #FFF;
padding: 20px;
width:850px;
margin: 0 auto;
}

#header {
background-image:url("../images/GutermannGarenBordeauxRood221.jpg");
display:block;
height:146px;
}

#footer {
font-size: 80%;
width:850px;
margin:0 auto;
text-align: center;
}

#invisible{
display: none;
}

/*********************************/
/* opmaak van de XHTML elementen */
/*********************************/


h1{
padding-top: 35px;
padding-right: 215px;
text-align: right;
color: #A40603;
}

h2{
padding-top: 25px;
color: #D40D12;
} 

ul{
padding-top: 15px;
padding-left: 50px;
}

a:link, a:visited, a:active {
color:#D40D12;
text-decoration:none;
}

a:hover{
color:#D40D12;
text-decoration:underline;
}

/*******************************/
/*    Primaire Navigatie       */
/*******************************/

#primnav {
padding: 10px;
text-align:center;
background-color: #A40603;
}

ul#primnavlist {
top: 0;
padding: 5px 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
}

ul#primnavlist li{
display: inline;
}

ul#primnavlist a{
padding: 5px 10px 5px 10px;
color: white;
border-right: 1px solid #fff;
border-left: 1px solid #fff;;
}

ul#primnavlist a:hover {
background-color: #FFDAB9;
color: #A40603;
text-decoration: none;
}

/*******************************/
/*    Secundaire Navigatie     */
/*******************************/


.secnav{
margin-top: 15px;
}

ul#secnavlist {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-top: 5px;
padding-bottom: 24px;
padding-right: 215px;
border-bottom: 1px solid #6c6;
}

ul#secnavlist li {
float: right;
height: 21px;
background-color: #FFF;
color: #000;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}

ul#secnavlist li#activesec {
height: 13px;
background-color: #D40D12;
color: #FFF;
padding: 4px;
}

ul#secnavlist a {
display: block;
color: #000;
text-decoration: none;
padding: 4px;
}

ul#secnavlist a:hover { color: #D40D12; }


/*********************/
/*      Banner       */
/*********************/


img#bannerfoto{
float: left;
margin-top: 5px;
margin-left: 150px;
}

img#bannertekst{
float: left;
margin-top: 10px;
margin-left: 10px;
}

/**************************/
/* Opmaak pagina-indeling */
/**************************/


.hoofding{
margin-top: 15px;
}

.tekst{
margin-top: 25px;
}

.tekst p{
padding-top: 15px;
color: #1E1D1C;
}


.footertext{
padding-left: 5px;
padding-right: 5px;
}

.illustratie{
margin-top: 5px;
margin-right: 50px;
float:right;
}

p.paginabeeld{
padding-top: 20px;
text-align: center;
}