* {
padding: 0;
margin: 0;	
}

body {
text-align: center;
background: none #E4E7EE;
}

#container {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 780px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: #FFF none;
color: #666;
}

#kop {
background: #F0F2F6 none;
width: 780px;
border-top: 10px solid #E4E7EE;
}

#kop-links {
width: 160px;
height: 154px;
float: left;
display: inline;
background: #E41F1F none;
border-bottom: 10px solid #BB1919;
}

#logo {
width: 130px;
height: 90px;
float: left;
display: inline;
margin: 35px 12px;
}

#kop-midden {
margin: 0 0 0 10px;
background: background: #F0F2F6; none;
width: 610px;
height: 160px;
float: left;
display: inline;
color: #000;
}

#kop-midden-nav ul {
float: left;
display: inline;
width:100%;
list-style: none;
background: #A2AFCC none;
}
#nav {
float: left;
display: inline;
width: 610px;
margin-top: 0px;
}
#nav li {
width: auto;
float: left;
display: inline;
text-align: center;
color: white;
font-weight: bold;
font-size: 12px;
line-height: 14px;
}

#nav li#home {
width: 82px;
}
#nav li#contact {
width: 82px;
}
#nav li#actueel {
width: 84px;
}
#nav li#info, #nav li#links {
width: 64px;
}
#nav li#bedrijfsparels, #nav li#overige {
width: 117px;
}

#nav li a {
display: block;
color: #fff;
padding: 20px 0;
text-decoration: none;
background: #E41F1F none;
border-right: 2px solid #A2AFCC;
border-left: 2px solid #A2AFCC;
}
#nav li a:hover {
display: block;
color: #fff;
text-decoration: none;
background: #455984 none;
}
li#contact a {
padding: 20px 0;
border-right: 2px solid #E41F1F;
}
li#contact a:hover  {
padding: 20px 0;
border-right: 2px solid #455984;
}

li#home a  {
padding: 20px 0;
border-left: 2px solid #E41F1F;
}
li#home a:hover  {
padding: 20px 0;
border-left: 2px solid #455984;
}


#kop-midden-titel {
width: 516px;
height: 42px;
background: #546DA1 none;
float: left;
display: inline;
padding-top: 20px;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 20px;
height: 40px;
text-align: left;
padding-left: 94px;
}

#kop-midden-blader {
border-top: 10px solid #A2AFCC; 
float: left;
display: inline;
width: 590px;
background: #546DA1 none; 
font-size: 10px; 
font-weight: bold;
line-height: 20px; 
color: #fff;
padding: 5px 10px;
border-bottom: 10px solid #455984; 
text-align: right;
}

#kop-midden-blader a {
color: white;
text-decoration: none;
}
#kop-midden-blader #taal {
float:left;
width: 240px;
display:inline;
text-align:left;
}

#kop-midden-blader #taalwissel {
color:#A2AFCC;
}

#kop-midden-blader #vorige {
float:left; 
width: 120px;
display:inline;
text-align: left;
}

#kop-midden-blader #volgende {
float:right; 
width: 130px;
display:inline;
text-align: right;
}

#kop-midden-blader #alle {
float:left; 
width: 100px;
display:inline;
text-align: center;
}


#artikel-bedrijfsparel #kop-midden-blader #taal {
float:left;
width: 280px;
display:inline;
text-align:left;
}

#artikel-bedrijfsparel #kop-midden-blader #taalwissel {
color:#A2AFCC;
}

#artikel-bedrijfsparel #kop-midden-blader #vorige {
float:left; 
width: 150px;
display:inline;
text-align: left;
}

#artikel-bedrijfsparel #kop-midden-blader #volgende {
float:right; 
width: 160px;
display:inline;
text-align: right;
}
#artikel-bedrijfsparel #kop-midden-blader #alle {
float:left; 
width: 140px;
display:inline;
text-align: center;
}

#content {
border-top: 10px solid #F0F2F6;
background: #F0F2F6 none;
color: #999;
padding: 0;
width: 780px;
float: left;
}

#kolom-links {
width: 160px;
float: left;
display: inline;
background: #546DA1 none;
color: white;
padding: 0;
font-size: 11px;
font-weight: bold;

}

#kolom-links p {
padding: 5px 10px 5px 10px;
line-height: 100%;
}

#kolom-links a {
color: white;
}

#kolom-links h2 {
padding: 10px ;
font-size: 14px;
color: #A2AFCC;
clear: both;
}

#kolom-midden {
width: 610px;
float: left;
display: inline;
background: url('http://www.parelsinzaanstad.com/assets/parel.gif') repeat-y;
padding: 0 0 0 10px;
}

#artikel-bedrijfsparel #kolom-midden, #statisch #kolom-midden {
background: none;
}

#parel-overig #kolom-midden-achtergrond, #statisch-overige_parels #kolom-midden-achtergrond, #statisch-actueel #kolom-midden-achtergrond, #parel-actueel #kolom-midden-achtergrond {
background: url('http://www.parelsinzaanstad.com/assets/ZaanstadCity-parel-overig.jpg') no-repeat; 
font-weight: bold;
height: 1000px;
}

#zoek-pagina #kolom-midden-achtergrond {
background: #B7B6BB url('http://www.parelsinzaanstad.com/assets/ZaanstadCity-parel-overig.jpg') no-repeat; 
font-weight: bold;
height: 1000px;
}

#statisch #kolom-midden-achtergrond {
background: url('http://www.parelsinzaanstad.com/assets/ZaanstadCity-statisch.jpg') no-repeat; 
font-weight: bold;
color: #fff;
height: 1000px;
}

#home  #kolom-midden-achtergrond {
background: url('http://www.parelsinzaanstad.com/assets/ZaanstadCity-home.jpg') no-repeat; 
font-weight: bold;
color: #fff;
height: 1000px;
}

#artikel-bedrijfsparel  #kolom-midden-achtergrond {
background: url('http://www.parelsinzaanstad.com/assets/ZaanstadCity-bedrijfsparel-meer.jpg') no-repeat; 
font-weight: bold;
height: 400px;
}

#artikel-bedrijfsparel #meer {
background: url('http://www.parelsinzaanstad.com/assets/ZaanstadCity-bedrijfsparel-meer.jpg') no-repeat; 
margin-top: -10px;
height:500px;
margin-bottom: -20px;
}

#kolom-midden h1 {
line-height: 140%;
color: #455984;
font-size: 18px;
font-weight: bold;
padding: 35px 130px 15px 130px;
letter-spacing: 1px;
}

#kolom-midden p {
line-height: 160%;
color: #455984;
font-size: 12px;
font-weight: bold;
padding: 10px 130px;
letter-spacing: 0.4px;
}

#artikel-bedrijfsparel #kolom-midden p {
line-height: 160%;
color: #455984;
font-size: 12px;
font-weight: bold;
padding: 10px 0;
letter-spacing: 0.4px;
}

#parel {
width: auto;
float: left;
display:inline;
margin: 75px 95px 0 95px;
color:#455984; 
padding: 20px 0;
}

#artikel-bedrijfsparel #parel {
width: 610px;
float: left;
display:inline;
margin: 0px 0px 0 0px;
color: #455984; 
padding: 0 0 20px 0;
}

#home #parel {
width: auto;
float: left;
display:inline;
margin: 75px 120px 0 120px;
color:#455984; 
}

#parel .foto {
margin-top: 10px;
font-size: 10px;
text-align: center;
font-weight: bold; 
}

#parel p {
font-size: 12px; 
line-height: 180%; 
font-weight: bold; 
padding: 10px;
}

#artikel-bedrijfsparel #parel p {
font-size: 12px; 
line-height: 200%; 
font-weight: bold; 
padding: 10px 50px 10px 50px;
}

#lijst-overige_parels p {
font-size: 12px; 
line-height: 120%; 
font-weight: bold; 
padding: 4px 10px;
}

#parel a {
color: #E41F1F;
}

#zoekveld {
width: 75px;
height: 16px;
margin-bottom: 1px;
}

#zoekknop {
background: #A2AFCC;
font-weight: bold; 
font-size: 12px; 
color: #FFF;
border: solid 1px #546DA1;
height: 21px;
margin-left: 2px;
}

#zoek {
width: 160px;
float: left;
display: inline;
margin: 20px 0;
}

#zoek label {
padding: 10px ;
font-size: 12px;
line-height: 20px;
color: #A2AFCC;
}

#zoekveld {
width: 75px;
height: 16px;
margin-bottom: 1px;
margin-left: 10px;
}
#zoekknop {
background: #A2AFCC;
font-weight: bold; 
font-size: 12px;
padding: 0 2px; 
color: #FFF;
border: solid 1px #546DA1;
height: 21px;
margin-right: 5px;
}

.rightbox {
float: right;
padding-left: 20px;
}
.leftbox {
float: right;
padding-right: 20px;
}

a.meer  {
text-decoration: none;
font-size: 14px;
}

.parellijst ul {
list-type: none;
}

.parellijst li {
list-type: none;
border-top: 1px solid #A2AFCC;
border-bottom: 1px solid #A2AFCC;
display: block;
float: left;
width: 160px;
}

.parellijst li a {
color: #fff;
text-decoration: none;
line-height: 200%;
display: block;
padding-left: 10px;
width: 150px;
font-size:  11px;
}

.parellijst li a:hover {
color: #FFF;
background: #455984 none;
}


#kolom-midden p.credits {
font-size: 10px;
text-align: left;
width: 160px;
float:right;
}
div.leesverder {
font-size: 10px;
text-align: right;
float:right;
}
.leftbox {
display: inline;
float: left;
width: auto;
margin: 10px;
}

.rightbox {
display: inline;
float: right;
width: auto;
margin: 10px;
}