/*
CSS document: markup.css
Project: Hans Warnars Reportagefotografie
Design by: hbwConsultants - Bennebroek - The Netherlands www.hbwconsultants.nl
Media: screen, projection;
Last mod.: 03-08-2006
*/

/* ========== global elements ========== */
p, h1, h2, h3, h4, blockquote {margin: 0; padding: 0; font-weight: normal;}

.center {text-align: center;}
.right {text-align: right;}
#backbutton{ margin:10px 0; text-align:center; }

/* ========== paragraphs ========== */
p {
font-size: 100%;
margin: 0 0 10px 0;
}
#left_coll p {
font-size: 100%;
margin: 0 0 10px 0;
text-align: justify;
}

#mid_coll p {
margin: 5px 0 5px 0;
line-height: 1.4em;
}

#right_coll p {
line-height: 1.3em;
}

#content p {
font-size: 100%;
margin: 0 0 10px 0;
text-align: justify;
line-height: 1.4em;
}

.aanvraagbox p {
color: #000;
}
/* ========== headers ========== */
#header h1 {text-indent: -99999px;}
#middle_img h2 {font-size: 1px; text-indent: -99999px;}

#left_coll h3 {
margin: 0 0 10px 0;
font-size: 125%;
color: #fff;
font-weight: bold;
}
#left_coll h4 {
margin: 0 0 10px 0;
font-size: 120%;
color: #fff;
}

#mid_coll h3 {
margin: 0 0 10px 0;
font-size: 150%;
color: #fff;
}
#mid_coll h4 {
margin: 20px 0 5px 0;
font-size: 110%;
font-weight: bold;
color: #fff;
}

#right_coll h3 {
background: #66c0c0;
font-size: 100%;
color: #fff;
margin: 30px 0 10px 0;
padding: 3px 0 3px 5px;
}

.newsitem h3 {
background: url(../img/bg_newsheader.gif) top left no-repeat;
width: 440px;
height: 32px;
margin: 0 0 15px 0;
padding: 0 0 0 40px;
font-size: 120%;
font-weight: bold;
color: #fff;

}

#right_content h4 {
background: #000;
margin: 10px 0;
font-size: 130%;
color: #fff;
font-weight: bold;
}
#content h3 { /*1 collumn pages */
font-size: 130%;
margin: 20px 0 10px 0;
color: #fff;
}
#content h4 {
font-size: 120%;
font-weight: bold;
margin: 20px 0 0 0;
}

.aanvraagbox h4 {
font-size: 120%;
font-weight: bold;
color: #000;
margin: 0 0 10px 0;
}
/* ========== lists ========== */
#left_coll ul {
margin:0 0 10px 10px;
padding:0;
list-style:none;
}
#left_coll li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(../img/bullet1.gif) no-repeat;
background-position: 0 .3em;
}
#left_coll li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(../img/bullet2.gif) no-repeat;
background-position: 0 .3em;
}

/* ========== blockquotes & boxes ========== */
#left_coll blockquote {
background: #cccccc url(../img/bg_blockquote.gif) top left no-repeat;
margin: 0 0 20px 0;
padding: 50px 20px 10px 20px;
color: #5c5c5c;
}

.aanvraagbox {
width: 180px;
height: 155px;
background: url(../img/bg_aanvraag.gif) top left no-repeat;
margin: 20px 0 20px 60px;
padding: 45px 10px 10px 25px;
}

/* ========== navigation & links ========== */
a:link, a:active, a:visited {text-decoration: none; color: #66c0c0}
a:hover {text-decoration: underline; color: #d2d2d2;}

#nav li {margin: 0; padding: 9px 0 0 0;}
#nav li a {padding: 4px 5px 5px 0; color: #66c0c0; text-decoration: none;}
#nav li a:hover {color: #fff;}

.readon {margin: 10px 0 0 0; text-align: right; color: #66c0c0;}

.home #nav ul, .nieuws #nav ul, .contact #nav ul, .disclaimer #nav ul, .privacy #nav ul {
list-style: none;
margin: 16px 0 0 55px;
padding: 0;
border: none;
}

.bruidsfotografie #right_coll #nav ul, .bedrijfsfotografie #right_coll #nav ul {
list-style: none;
margin: 27px 0 0 140px;
padding: 0;
border: none;
}

#footer a:link, #footer a:active, #footer a:visited {text-decoration: none; color: #a8a8a8;}
#footer a:hover {text-decoration: underline; color: #d2d2d2;}

#footer_r a:link, #footer_r a:active, #footer_r a:visited {text-decoration: underline;}
#footer_r a:hover {text-decoration: none;}

.aanvraagbox a {text-decoration: underline; color: #000;}
.aanvraagbox a:hover {text-decoration: none;}
/* ========== rolovers ========== */
.up {
width: 70px;
height: 20px;
float: right;
background: url(../img/bt_up.gif) no-repeat 0 0px;
}
a.up:link, a.up:visited, a.up:active {
background: url(../img/bt_up.gif) no-repeat 0 0px;
margin: 0;
padding: 0;
}
a.up:hover {
background: url(../img/bt_up.gif) no-repeat -70px 0;
margin: 0;
padding: 0;
}

.brf {
width: 145px;
height: 97px;
float: left;
background: url(../img/ro_brf.jpg) no-repeat 0 0px;
border: 0px solid;
}
a.brf:link, a.brf:visited, a.brf:active {
background: url(../img/ro_brf.jpg) no-repeat 0 0px;
margin: 30px 0 0 0;
padding: 0;
}
a.brf:hover {
background: url(../img/ro_brf.jpg) no-repeat -145px 0px;
margin: 30px 0 0 0;
padding: 0;
}

.brf2 {
width: 140px;
height: 150px;
float: left;
background: url(../img/ro_brf2.jpg) no-repeat 0 0px;
border: 0px solid;
}
a.brf2:link, a.brf2:visited, a.brf2:active {
background: url(../img/ro_brf2.jpg) no-repeat 0 0px;
margin: 0 10px 10px 0;
padding: 0;
}
a.brf2:hover {
background: url(../img/ro_brf2.jpg) no-repeat -140px 0px;
margin: 0 10px 10px 0;
padding: 0;
}

.bef {
width: 145px;
height: 97px;
float: left;
background: url(../img/ro_bef.jpg) no-repeat 0 0px;
border: 0px solid;
}
a.bef:link, a.bef:visited, a.bef:active {
background: url(../img/ro_bef.jpg) no-repeat 0 0px;
margin: 30px 0 0 0;
padding: 0;
}
a.bef:hover {
background: url(../img/ro_bef.jpg) no-repeat -145px 0px;
margin: 30px 0 0 0;
padding: 0;
}
.bef2 {
width: 140px;
height: 150px;
float: left;
background: url(../img/ro_bef2.jpg) no-repeat 0 0px;
border: 0px solid;
}
a.bef2:link, a.bef2:visited, a.bef2:active {
background: url(../img/ro_bef2.jpg) no-repeat 0 0px;
margin: 5px 10px 5px 0;
padding: 0;
}
a.bef2:hover {
background: url(../img/ro_bef2.jpg) no-repeat -140px 0px;
margin: 5px 10px 5px 0;
padding: 0;
}
.vrw {
width: 145px;
height: 97px;
float: left;
background: url(../img/ro_vrw.jpg) no-repeat 0 0px;
border: 0px solid;
}
a.vrw:link, a.vrw:visited, a.vrw:active {
background: url(../img/ro_vrw.jpg) no-repeat 0 0px;
margin: 30px 0 0 0;
padding: 0;
}
a.vrw:hover {
background: url(../img/ro_vrw.jpg) no-repeat -145px 0px;
margin: 30px 0 0 0;
padding: 0;
}

.printgeg {
width: 174px;
height: 20px;
float: left;
background: url(../img/bt_printen.gif) no-repeat 0 0px;
border: 0;
}
a.printgeg:link, a.printgeg:visited, a.printgeg:active {
background: url(../img/bt_printen.gif) no-repeat 0 0px;
margin: 0 0 10px 0;
padding: 0;
}
a.printgeg:hover {
background: url(../img/bt_printen.gif) no-repeat 0px -20px;
margin: 0 0 10px 0;
padding: 0;
}
/* ========== images ========== */
img {border: 0;}
.img_left {float: left; margin: 8px 10px 5px 0;}
.img_right {float: right; margin: 8px 0 10px 10px;}

.home #left_coll img {
margin: 30px 0 5px 0;
}
.home .img_left {float: left; margin: 0 10px 5px 0;}

.bruidsfotografie #left_coll .img_left, .bedrijfsfotografie #left_coll .img_left {
float: left;
margin: 0 10px 10px 0;
}

#postit {margin: 0 10px 20px 60px;}

#printbutton {
width: 275px;
margin: 15px 0 0 0;
padding: 0;
}

/* ========== photo popup newspage ========== */
.photo {
margin: 0;
}
.photo_popup3  {
background:#fff;
border:2px solid #ccc; 
position:absolute; 
top:280px; 
left:25%; 
width:600px; 
padding:25px; 
z-index:99;  
visibility:hidden;
}
.photo_popup1  {
background:#fff;
border:2px solid #ccc; 
position:absolute; 
top:680px; 
left:25%; 
width:600px; 
padding:25px; 
z-index:99;  
visibility:hidden;
}
.photo_popup2  {
background:#fff;
border:2px solid #ccc; 
position:absolute; 
top:1000px; 
left:25%; 
width:600px; 
padding:25px; 
z-index:99;  
visibility:hidden;
}

.closebutton {
position: absolute;
top: 2px;
right: 2px;
}

/* ========== table contact page ========== */
table#contactgeg  {
width: 300px;
text-align: left;
}

table#contactgeg th {
height: 3.5em;
}

table#contactgeg td.l_cell {
width: 45%;
height: 1.8em;

}

table#contactgeg td.r_cell {
width: 55%;
height: 1.8em;
text-align: right;
}

table#contactgeg img {
margin: 0;
padding: 0;
border: 0;
}

.contactgeg  {
width:330px;
position:absolute;
top:200px;
left:29%; 
padding:10px; 
background: #fff;
border: 3px solid #b6b6b6;
color: #808080; 
z-index:99;  
visibility:hidden;
}