/*versie 21 december 2009*/
/* CSS - stylesheet www.grOtefoto.nl - foto op aluminium - Copyright 2009 >> webdesign: Ans Dekkers Fotogravin - www.fotogravin.nl  ans@fotogravin.nl */

body {
	text-align: center;
	margin-top: 0px;
	font: 11px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	background-attachment: fixed;
	background-image:   url(images/behang.gif);
	background-repeat: repeat;
	background-position: 50%;
}
#behanggroen {
	background-image: url(images/behanggroen.gif);
	background-repeat: repeat;
	background-attachment: fixed;
}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
/*-----fontdeclaratie algemeen---------*/	
font {
	font-family: "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
}
/* voor weergave formuliergegevens - resultaatpagina - */
.text {
 color: #516084;
 font-size: 13px;
 text-align: left;
 width: 500px;
 float: left;
 line-height: 16px;
 font-family: "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
 height: 300px;
 padding: 20px 10px 10px 20px;
 margin-top: 20px;
 background-color: #f2f0ef;
}

a:link {
	color: #330000;
	text-decoration: underline;
	font-weight: bold;

}
a:visited{
	text-decoration: underline;
	color: #330000;
}
a:hover{
	text-decoration: none;
	color: #3366CC;
	font-weight: bold;



}

a:active {
	text-decoration: underline;
	color: #330000;


}


/*  koppen -------------------------------------*/
.kop1	{
	color: #60729D;
	text-align: left;
	padding: 5px 0px 5px 20px;
	background:   url(images/arrow.gif) no-repeat 0px;
	font: bold 16px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
}
/* opmaak koppen in grijze prijslijstblokjes, want hier moet een ander pijltje gebruikt worden */
.kop1r	{
	color: #633d53;
	text-align: left;
	padding: 5px 0px 5px 20px;
	background:   url(images/arrowr.gif) no-repeat 0px;
	font: bold 16px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
}
.kop2	{
	color: #66114C;
	text-align: left;
	padding: 5px 0px 5px 20px;
	background:   url(images/fav.gif) no-repeat 0px;
	font: bold 16px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;

}
.kopmail	{
	color: #66114C;
	text-align: center;
	padding: 5px 0px 15px 20px;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
}


/*	WRAPPER/CONTAINER op het middenvlak - roomwitte vlak 742 px breed -waarin alle elementen geplaatst worden */
#container {
	width: 650px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* WRAPPER voor "wie is dat?"-link moet in nested div om te kunnen positioneren.*/
#wrapper{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
/* bedrijven a = linkpositie van de tekst "wiezijndat"*/
#wiebox a {
	position: relative;
	height: 146px;
	width: 175px;
	background-image:    url(images/wiezijndat.gif);
	background-repeat: no-repeat;
	float: right;
  }
/* bedrijven a = linkpositie van de tekst "bedrijven"*/
#bedrijven a {
	position: relative;
	margin-left: -26%;
	height: 146px;
	width: 269px;
	background-image:    url(images/bedrijven.gif);
	background-repeat: no-repeat;
	float:left;
	}

/*	achtergrond opmaak middenvlak, met zijranden+behang) */
#contentbox {
	background-image:     url(images/bg_box.png);
	background-position: 50%;
	background-repeat: repeat-y;
	height: auto;
	width: auto;
	padding-bottom: 20px;
	padding-top: 0px;

}
.wrapperborder	{
	border: medium solid #FFFFFF;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	}
	
/*----------------TEKSTBLOKKEN------------------*/
#textblokleft{
	color: #633d53;
	text-align: justify;
	width: 320px;
	float: left;
	height: auto;
	overflow: visible;
	padding: 0 15px 0px 15px;
	margin-top: 0px;
	background: #f2f0ef;
	font: 11px/16px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.1em;

}
#textwie{
	color: #633d53;
	text-align: justify;
	width: 400px;
	float: left;
	height: auto;
	overflow: visible;
	padding: 0 15px 0px 15px;
	margin-top: 0px;
	background: #f2f0ef;
	font: 12px/16px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.1em;

}

#textblokmail{
	color: #66114C;
	text-align: left;
	width: 550px;
	float: left;
	height: auto;
	overflow: visible;
	padding: 0 40px 0px 40px;
	margin-top: 25px;
	background: #f2f0ef;
	font: 12px/14px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.05em;

}

/*-------------*/
#textblokright{
	text-align: left;
	width:auto;
	height: auto;
	position: relative;
	float: right;
	background: #d2d6e0;
	margin-left: 0px;
	margin-top: 40px;
	padding-left: 15px;
	padding-right: 12px;
	font: 11px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	color: #633d53;
	border: 1px dotted #dbdada;
	letter-spacing: 0.1em;
}
#news{
	text-align: left;
	width: 240px;
	height: auto;
	float: right;
	position: relative;
	background: #EEEEFF;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 10px;
	padding-left: 18px;
	padding-right: 12px;
	font: 12px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	color: #66114C;
	border: 2px dotted #C3C2C2;

}

#proflab{
	float: right;
	height: 69px;
	width: 150px;
	margin-top: 0px;
	padding-top: 0px;
}
#tips{
	color: #60729D;
	text-align: left;
	width: 260px;
	float: right;
	height: auto;
	overflow: visible;
	padding: 0 15px 0px 15px;
	margin-top: 0px;
	background: #f2f0ef;
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif;
}
.tipssmall{
	font:  11px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;


}
#tips a:link {
	color: #60729D;
	text-decoration: underline;
	font-weight: bold;

}
#tips a:visited{
	text-decoration: underline;
	color: #60729D;
	font-weight: bold;
}
#tips a:hover{
	text-decoration: underline;
	background-color: #e3e6ef;
	font-weight: bold;

}

#tips a:active {
	text-decoration: underline;
	color: #60729D;
	font-weight: bold;


}
.bericht{
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	color: #60729D;
	text-indent: 20px;
}
.newstext{
	font: 12px/normal "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	color: #66114C;
	word-spacing: normal;

}
.textquote{
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	color: #60729D;
}
. textquote a:link	{
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #9D6071;
	background: #E3E6EF; 
}
.textquote a:visited	{
	text-decoration: none;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	color: #8D8D8D;

}
.textquote a:hover	{
	text-decoration: none;
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	color: Teal; 
}
.textquote a:active	{
	text-decoration: none;
	color: #CC0066;
}


/*	foto Lies -----------index.htm----*/
#imgblokright3{
	width: 275px;
	position: relative;
	float: right;
	margin-top: 20px;
	margin-left: 0px;
	background:   ;
}
#imgblokright1{
	width: 275px;
	position: relative;
	float: right;
	height: 175px;
	margin-top: 20px;
	margin-left: 0px;
	background:   url(images/lies.jpg);
}
/*	opmaak fotoblok IJsB---------op indexpagina*/
#imgblokright2{
	width: 275px;
	position: relative;
	float: right;
	height: 235px;
	margin-top: 5px;
	background-image:   url(images/baby275.jpg);
	background-repeat: no-repeat;
}
/*---kleine fotootjes vaklab-------------*/
.imgrightsmall{
	width: 140px;
	position: relative;
	float: left;
	height: auto;
	margin: 0px 5px 0px 0px;

}
/*---fotootjes tipspagina - ouwe doos ---*/
.imgouwedoos{
	width: 70px;
	position: relative;
	float: left;
	height: auto;
	margin: 15px 5px 0px 0px;

}
/*---fotootjes tipspagina---*/
.tipthumbsl{
	width: 150px;
	position: relative;
	float: none;
	height: auto;
	margin: 0px 5px 0px 0px;

}

/*
.imgsright{
	width: 200px;
	position: relative;
	float: left;
	height: auto;
	margin: 20px 0px 0px 0px;

}
*/
.kodaklogo{
	width: 150px;
	height: 46px;
	position: relative;
	float: right;
	background-image:   url(images/kodak.gif);
	margin-top: 40px;
	margin-bottom: 40px;

}
.socialmedia{
	width: 250px;
	position: relative;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	text-align: right;
	vertical-align: top;
	display: inline;
	padding: 5 px;
}

.kodaklogoleft{
	width: 150px;
	height: 46px;
	position: relative;
	float: left;
	background-image:   url(images/kodak.gif);
	margin-top: 40px;

}
.extlinks{
	clear: left;
	float: left;
	margin-top: 40px;
	text-align: left;
	width: 200px;
	position: relative;



}

.clear{
	clear: both;
	}
/*----------voettekst in achtergrondbehangetje-------------*/
#footer {
	height: 63px;
	width: auto;
	margin-top: 0px;
	float: none;
	background-image: url(images/shabottom.png);
	background-repeat: no-repeat;
	background-position: 50%;
}




/*---formulierblok pagina BESTELLEN ------------*/
#formblokleft{
	background-color: #E3e6ef;
	color: #633D53;
	text-align: justify;
	width: 600px;
	position: relative;
	float: left;
	margin: 20px 0px 0px 10px;
	padding: 20px 10px 10px;
	border: 2px solid #FFFFFF;
	background-color: #f2f0ef;
	background-repeat: repeat-y;
	height: auto;
	font: 12px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;

}
/*  klein fotootje in tekstblok links met tekst eromheen indexpagina*/
#imgsmall{
	background-color: #f2f0ef;
	width: 97px;
	position: relative;
	float: left;
	border: thin solid #FFFFFF;
	background-image:   url(images/baby.gif);
	background-repeat: no-repeat;
	height: 63px;
	margin-right: 10px;
	color: White;
}
/*------niet in gebruik--------------*/
#imgrightbig{
	background-color: #FFFFFF;
	color: White;
	width: auto;
	padding: 2px;
	position: relative;
	float: right;
	margin: 20px 20px 0 0;
}
/*----------het logo------------------------------------*/
#top-logo {
	background-attachment: scroll;
	background-image:    url(images/toplogo2links_2010.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	clear: both;
	height: 146px;
	width: auto;
	top: 0px;
}
/* -----logo in de emptypage voor de mail, hoeft die "wie is dat?"tekst niet in ---*/
#top-logonowie {
	clear: both;
	height: 113px;
	width: auto;
	top: 0px;
	background:   url(images/toplogo.gif) no-repeat scroll 50%;
}
/*-----------menu---------------------------------*/
#navbox {
	height: 25px;
	margin: 0 0 0 0px;
	background: transparent;
	text-align: center;
	}
	
#nav {
	width: 650px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(images/navbrick8.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	}
	
#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; 	}

#nav a {display: block; text-decoration: none; text-indent: -9999px;}

#navhome {
	left: 0px;
	top: 0px;
	width: 48px;
	height: 29px;
}
#navfoto {left: 48px; top: 0; width: 93px; height: 29px;}
#navalu {left: 141px; top: 0; width: 148px; height: 29px;}
#navcanvas {left: 289px; top: 0; width: 63px; height: 29px;}
#navtips {left: 352px; top: 0; width: 43px; height: 29px;}
#navbestellen {left: 395px; top: 0; width: 61px; height: 29px;}
#navverzend {left: 456px; top: 0; width: 124px; height: 29px;}
#navcontact {left: 580px; top: 0; width: 70px; height: 29px;}


#navhome a {height: 29px;}
#navfoto a {height: 29px;}
#navalu a {height: 29px;}
#navcanvas a {height: 29px;}
#navtips a {height: 29px;}
#navbestellen a {height: 29px;}
#navverzend a {height: 29px;}
#navcontact a {height: 29px;}

#navhome a:hover {background:  url(images/navbrick8.gif) no-repeat 0 -29px; }
#navfoto a:hover {background:    url(images/navbrick8.gif) no-repeat -48px -29px; }
#navalu a:hover {background: url(images/navbrick8.gif) no-repeat -141px -29px; }
#navcanvas a:hover {background:    url(images/navbrick8.gif) no-repeat -289px -29px; }
#navtips a:hover {background:    url(images/navbrick8.gif) no-repeat -352px -29px; }
#navbestellen a:hover {background:    url(images/navbrick8.gif) no-repeat -395px -29px; }
#navverzend a:hover {background:    url(images/navbrick8.gif) no-repeat -456px -29px; }
#navcontact a:hover {background:    url(images/navbrick8.gif) no-repeat -580px -29px; }

/*---------lettertype enzo van de formulierinvoer-----------------------*/
input {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #336699;
	font: 11px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-left: 3px;
}

.currency {
	text-align: center;
	color: #336699;
}
select {
	color: #336699;
	background-color: #f2f0ef;
	font: 11px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	padding-bottom: 0px;
	margin-bottom: 0px;

}
textarea {
	font: 11px "Trebuchet MS", Verdana, "Lucida Sans Unicode", sans-serif;
	color: #336699;
	text-align: left;
	background: #FFFFFF;
	border: thin solid #CCCCCC;
	padding-left: 3px;
}
form	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#submitform {
	margin-left: auto;
	margin-right: auto;
	width: 270px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background: #333333;
}
/*-------------------------------------------------------------------------------------*/
/* opmaakregels voor de formulieren - zonder tabellen - de onderdelen eindigend op een X zijn de formuliervelden en labels die net omgekeerd zitten, zoals de radiobuttons, die staan links en de labels rechts. teriwjl standaard de labels links staan */
/*	vervangt tabelregel /tr */
div.row {
  clear: both;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  }
/* label en formulierveld normaal, links, tekst rechts uitgelijnd, meeste labels van formulier */
div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }
  
div.row span.foutlabel {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	color: #E80000;
	font-size: 14px;
  }

div.row span.formw {
  float: right;
  width: 380px;
  text-align: left;
  padding-top: 2px;
  } 

  
/* opmaak label maar dan net omgekeerd, d.w.z. labels rechts, formveld links, dit is het geval met de vragen waar een keuzerondje/radiobutton bij staat = mooier op deze manier*/  
div.row span.labelx {
	float: right;
	width: 380px;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/* opmaak formulierveld maar dan net omgekeerd, d.w.z. labels rechts, formveld links, dit is het geval met de vragen waar een keuzerondje/radiobutton bij staat = mooier op deze manier*/  
div.row span.formwx {
	float: left;
	width: 200px;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;

}
div.row span.formwxl {
  float: left;
  width: 145px;
  text-align: left;
  padding-top: 2px;
  padding-left: 10px;
  }

/* upload formulierveld, moet breed zijn*/  
div.row span.formwupload {
  float: left;
  width: auto;
  text-align: left;
  padding-top: 2px;
  } 

  
/* opmaakregels voor de CONTACT pagina */
div.row span.labeleml {
  float: left;
  width: 65px;
  text-align: right;
}
div.row span.formweml {
  float: right;
  width: 375px;
  text-align: left;
  padding-top: 2px;
  } 
#formbox{
 	width: 450px;
	height: auto;
	padding: 5px;
	margin: 0 0 0 0;
 }
/* opmaak voor achtergrond radiobutton in IE achtergrond is in IE anders zonder behangetje */ 
 .radiobutton{
	background:   url(images/behangform.gif) no-repeat;
	text-decoration: none;
	color: #efedec;
}

 /* ------------------------------------
 opmaakregels voor prijslijsten op "fotoprints" en "canvasprints"*/
 div.row span.formaat{
	width: 50px;
	float: left;
 }
 div.row span.formaattitle{
	width: 50px;
	float: left;
	letter-spacing: 0em;

 }
 div.row span.prijs1{
 	width: 80px;
	float: left;
	text-align: right;

 }
  div.row span.prijs1title{
 	width: 80px;
	float: left;
	text-align: right;
	letter-spacing: 0em;

 }
 div.row span.prijs2{
 	width: 80px;
	float: left;
	text-align: right;

 }
  div.row span.prijs2title{
 	width: 80px;
	float: left;
	text-align: right;
	letter-spacing: 0em;

 }
  div.row span.prijs3{
 	width: 80px;
	float: left;
	text-align: right;

 }
  div.row span.prijs3title{
 	width: 80px;
	float: left;
	text-align: right;
	letter-spacing: 0em;

 }

/* ornamentje onder navigatieblok bovenaan de pagina's */
#ornamenthor	{
	background:   url(images/orn_stripe.gif) no-repeat;
	height: 6px;
	width: 650px;
	margin: 5px auto 20px;
}
.table{
	width: 60%;
}
#top-logo-leeg {
	background-attachment: scroll;
	background-image:    url(images/toplogogreen_2010.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	clear: both;
	height: 144px;
	width: auto;
	top: 0px;
}