﻿/* Cascading Style Sheet - www.emmymeijer.nl -  */
* {
margin: 0;
border: 0;
outline: 0;
}

:focus {
outline: 0;
}

.pageselected {
color:#47566A;
}

html, body {	
width:100%;
height: 100%;
font-family: Arial, Sans serif, Times New Roman;
font-weight: normal;
letter-spacing: 0pt;
color:#626A91;
}


h1 {
font-family:Arial,Sans-Serif;color:#626A91;font-size:18pt;line-height:110%;font-weight:bold;margin-bottom:2px;padding:0;
}

h2, h3, h4 {
font-family:Arial,Sans-Serif;color:#626A91;font-size:14pt;line-height:110%;font-weight:bold;padding:0;margin-bottom:2px;
}


a {
color:#77B728;
text-decoration: none;
}

a:Hover {
color:##67B335;
text-decoration: none;
}

.leesmeer {
color:#91A4CD;
font-style:italic;
font-size:12pt;
text-decoration: underline;
}

.leesmeer:Hover {
color:##67B335;
text-decoration: none;
}

#contentwrapper {
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -269px;
border:0;
background:#E5F1D3;
}

#footer, #push {
margin-left:auto;
margin-right:auto;
width:971px;
height:269px;
font-family:Arial,Sans-Serif;
font-weight: normal;
font-size:14px;
line-height: 14pt;
letter-spacing: 1pt;
color:#77B728;
background:#ffffff url(./files/gifs/rozenrand.png) no-repeat center bottom;
}


#sublinks {
width:910px;
height:40px;
text-align:center;
padding-top:20px;
margin-left:auto;
margin-right:auto;
font-family:Arial,Sans-Serif;
font-weight: bold;
font-size:12px;
line-height: 14pt;
letter-spacing: 0pt;
color:#626A91;
background:url(./files/gifs/lijnencontact.png) no-repeat center;
}

#contactregel {
padding-top:2px;
}

#contactregel a {
color:#626A91;
text-decoration: none;
}

#contactregel a:hover {
color:#67B335;
text-decoration: none;
}



#basis {
margin-left:auto;
margin-right:auto;
width:971px;
background:#FFFFFF;
}


#logo {
width:280px;
padding-top:30px;
margin-left:auto;
margin-right:auto;
}


/* hoofd- en subnavigatie */


#navigatie {
text-align:center;
width:910px;
min-height:60px;
padding-top:27px;
padding-bottom:17px;
margin-left:auto;
margin-right:auto;
background:url(./files/gifs/lijnennavigatie.png) no-repeat center;
}

#navtabel {
display: table;
margin-top:15px;
border-collapse: collapse;
border-spacing: 0;
}

#navtabel td {
width:140px;
text-transform: uppercase;
padding-right:10px;
padding-left:10px;
}




#subnavtabel {
display: table;
margin-top:10px;
margin-right:15px;
border-collapse: collapse;
border-spacing: 0;
color:#ffffff;
background:#683B1D;
border-spacing:6px 0px;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

#subnavtabel td {
padding-left:2px;
padding-right:2px;
}





.nav {
font-family: Arial;
font-weight: bold;
font-size:18px;
color:#626A91;
text-decoration: none;
}

.nav:Hover {
color:#67B335;
text-decoration: none;
}

#active {
font-family: Arial;
font-weight: bold;
font-size:18px;
color:#67B335;
text-decoration: none;
}

#active:hover {
font-family: Arial;
font-weight: bold;
font-size:18px;
color:#67B335;
text-decoration: none;
}




.subnav {
font-family: Arial;
font-weight: normal;
font-size:11px;
letter-spacing: 0pt;
color:#9ECDEC;
text-decoration: none;
}

.subnav:Hover {
color:#ffffff;
text-decoration: none;
}

#activesubnav {
font-family: Arial;
font-weight: normal;
font-size:11px;
letter-spacing: 0pt;
color:#ffffff;
text-decoration: none;
}

#activesubnav:hover {
color:#E7F1F7;
text-decoration: none;
}



/* index referenties */

#indexcontentbody {
text-align:left;
width:910px;
min-height: 100%; 
}

#indexbodyfoto {
float:right;
width:260px;
height:417px;
padding:0px;
}

#indexbodytekst {
float:left;
width:450px;
padding-left:193px;
font-size:16pt;
line-height:24pt;
min-height:417px;
background: url(./files/gifs/lijnenvert.png) repeat-y top left;
}


#bodyfoto {
width:290px;
}

/* referenties overige pagina's */

#contentbody {
text-align:left;
width:910px;
min-height: 100%; 
}

#bodytekst {
float:left;
width:450px;
padding-left:193px;
font-size:12pt;
line-height:20pt;
min-height:417px;
background: url(./files/gifs/lijnenvert.png) repeat-y top left;
}



ul ol {
list-style: square outside; 
padding-left:10px;
}
/* ------------------- FOTO BEHEER ------------------- */





input[type=button], input[type=submit]
{
    background-color: #535E79;
    color: #979797;
    height: 20px;
    width: 95px;
    color: #bbbbbb;
    text-transform:uppercase;
    box-shadow:-1px 2px #6E6B6A inset;
	cursor:pointer;
}

input[type=button], input[type=text], input[type=password], input[type=submit]
{
    border: 0;
    border-radius:5px;
    font-family: Arial, sans-serif;
}

input[type="text"]:focus {
background: #DBE5EF;
}


input[type=button]:hover, input[type=submit]:hover
{
    background-color: #77B728;
	box-shadow:0 -1px 2px #6E6B6A inset;
	color: #ffffff;
}

select.fotoselect {
    background-color: #DBE5EF;
    color: #979797;
    height: 20px;
    color: #535E79;
    box-shadow:-1px 2px #6E6B6A inset;
	cursor:pointer;
}


#upbutton{
  position: relative;
  border: 0;
  border-radius:5px;
  font-family: Arial, sans-serif;
  background-color: #535E79;
  color: #979797;
  height: 20px;
  width: 120px;
  color: #bbbbbb;
  text-transform:uppercase;
  box-shadow:-1px 2px #535E79 inset;
  }
  
 #upbutton:hover 
  {
    background-color: #77B728;
	box-shadow:0 -1px 2px #6E6B6A inset;
	color: #ffffff;
}

/* Laatste wijziging 2013 */