/**
 * @naam		basic.css 
 * @version		1.0b3 (2009-09-15)
 * @auteur		Andrea, YvK
 *
 * BESCHRIJVING *
 * ---------------------------------------------------------------------------
 * Stylesheet voor de website van Double Up
 * ---------------------------------------------------------------------------
 *
 * KLEUREN *
 * ---------------------------------------------------------------------------
 * grijs:				#434345
 * lichtgrijs:			#cbcccd
 * blauw:				#467097
 * Rood (errors):		#cc071e
 *
 * LINKS
 * Grijs:				#cbcccd
 * Blauw:				#467097
 * ---------------------------------------------------------------------------
 *
 * LETTERTYPES *
 * ---------------------------------------------------------------------------
 * Platte tekst:		Arial, Helvectica
 * Corps/regelafstand:	12px / 20px
 * ---------------------------------------------------------------------------
 */
/* --------------------------------------------------------------------------*/
/* FONT & KLEUREN */
/* --------------------------------------------------------------------------*/		
body {
	margin:0 auto;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
}
a:link, a:active, a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #467097;
}
.donkergrijs {
	color: #434345;
}
.wit {
	color: #ffffff;
}
.blauw {
	color: #467097;
	font-weight: bold;
}
a.knop:link, a.knop:visited {
	border: 1px solid #999;
	color: #FFFFFF;
	background: #467097;
	padding: 3px;
	text-decoration: none;
}
a.knop:hover, a.knop:active {
	border: 1px solid #999;
	color: #FFFFFF;
	background: #2f4b66;
	padding: 3px;
	text-decoration: underline;
}
.unpublished {
	font-size: 8pt;
	color: #cc071e;
}
/* --------------------------------------------------------------------------*/
/* PRODUCT */
/* --------------------------------------------------------------------------*/
/* productset */
.productset {
	width: 170px;
	height: 150px;
	margin-right: 15px;
	float: left;
}
/* productset beeld */
.productset .beeld {
	width: 170px;
	height: 80px;
	border: 1px solid #FFFFFF;
}
/* productset tekst */
.productset .productsetomschrijving {
	width: 170px;
	height: 50px;
}
/* product */
.product {
	width: 235px;
	height: 150px;
	margin-right: 15px;
	float: left;
}
/* product beeld */
.product .beeld {
	border: 1px solid #FFFFFF;
}
.product .beeld,
.product .beeld img {
	width: 235px;
	height: 144px;
}
/* product tekst */
.product .productomschrijving {
	width: 235px;
	height: 70px;
}

/* Tool tip beeld */
img#ttimg {
	width: 470px;
	height: 288px;
}

/* --------------------------------------------------------------------------*/
/* ARTIKEL */
/* --------------------------------------------------------------------------*/
/* tekst */
.artikel .artikeltekst {
	height: 280px;
	margin-left: 12px;
	width: 330px;
	float: left;
	overflow: auto;
}
.artikeltekst p {
	margin-top: 0px;
}
/* beeld */
.artikel .beeld {
	float: left;
	border: 1px solid #FFFFFF;
}
.artikel .beeld.img21,
.artikel .beeld.img21 img {
	width: 298px;
	height: 278px;
}
.artikel .beeld.img22,
.artikel .beeld.img22 img {
	width: 453px;
	height: 278px;
}
/* bijschrift */
.artikel #bijschrift {
	display: none;
	position: relative;
	width: 405px;
	height: 0px;
	z-index: 200;
	
	text-align: center;
	color: #000000;
	font-size: 12px;
	font-style: italic;
}
/* Winkel */
.artikel .beeld.winkel {
	margin-right: 11px;
}
.artikel .beeld.winkel#last {
	margin-right: 0px;
}
.artikel .beeld.winkel,
.artikel .beeld.winkel img {
	height: 278px;
	width: 220px;
}
.artikeltekst#tekstwinkel {
	height: 181px;
}
#winkelbeeld {
	float: left;
	margin-left: 12px;
}
#winkelbeeld,
#winkelbeeld img {
	width: 330px;
	height: 99px;
}
.winkelknop {
	margin-top: 15px;
	margin-left: 560px;
	width: 200px;
	float: left;
	display: inline;
	
	font-weight: bold;
	text-decoration: underline;
	background-color: red;
}
/* --------------------------------------------------------------------------*/
/* DIVERSEN */
/* --------------------------------------------------------------------------*/
img {
	/* IE fix: a bug causes to leave 3px after an image */
	display: block;
	border: 0px;
}
table {
	font-size: 12px;
	line-height: 20px;
	padding:0px;
}
table#agenda {
	font-size: 12px;
	line-height: 20px;
	padding:0px;
}
ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}
.errors {
	color: #cc071e;
}
.faden img {
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity:0;
	filter: alpha(opacity=0);
}
/* --------------------------------------------------------------------------*/
/* MENU */
/* --------------------------------------------------------------------------*/
#navigatie{
	margin-left: 50px;
	width: 800px;
	height: 30px;
	float: left;
	display: inline;
}
.blok{
	width: 145px;
	height: 30px;
	margin-right: 10px;
	text-align: center;
	float: left;
	
	font-size: 11px;
}
.blokbalk {
	background-color: #434345;
	text-align: center;
	float: left;
}
.actief .blokbalk {
	background-color: #467097;
}
.blokbalk, .blokbalk img {
	width: 145px;
	height: 11px;
}
/* Links */
.blok a:link, .blok a:visited, .blok a:hover, .blok a:active {
	text-decoration: none;
	color: #434345;
	font-weight:bold;
	text-transform: uppercase;
}
/**
* ---------------------------------------------------------------------------
* PAGINATION *
* ---------------------------------------------------------------------------
*/		
a.paginanummeractief {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a:link.paginanummer, a:visited.paginanummer {
	color: #cbcccd;
	text-decoration: none;
}
a:hover.paginanummer, a:active.paginanummer {
	color: #467097;
	text-decoration: none;
}
/* --------------------------------------------------------------------------*/
/* FORMULIEREN */
/* --------------------------------------------------------------------------*/
td.label {
	width: 145px;
	padding-right: 7px;
	text-transform: uppercase;
}
td.field {
	padding: 2px 5px 2px 5px;
	border: 2px solid #434345;
	color: #434345;
	background-color: #ffffff;
}

/* --------------------------------------------------------------------------*/
/* POSITIONERING */
/* --------------------------------------------------------------------------*/
#total {
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
/* invisible to IE 5 \*/
#total {
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -259px;
	text-align: center;
	min-width: 1050px;
}
/* end IE 5 hack */

#wrapper {
	position: relative;
	margin: 0px auto;
	width: 1050px;
	height: 520px;
	text-align: left;
	
	border: 1px solid #434345;
	background-color: #434345;
	background-image: url(../images/algemeen/vrouw_onder.jpg);
	background-repeat: no-repeat;
	background-position: 812px 154px;
}
#bovenbalk {
	height: 154px;
	width: 1050px;
	float: left;
	display: inline;
	
	color: #434345;
	background-color: #cbcccd;
	background-image: url(../images/algemeen/vrouw_boven.jpg);
	background-repeat: no-repeat;
	background-position: 792px 0;	
}
#naw {
	margin-top: 20px;
	margin-left: 50px;
	height: 96px;
	width: 220px;
	float: left;
	display: inline;
	
	font-size: 11px;
}
#logo {
	margin-top: 20px;
	margin-left: 60px;
	height: 96px;
	width: 344px;
	float: left;
	display: inline;
	
	background-image: url(../images/algemeen/logo.jpg);
}
#pagina {
	margin: 30px 10px 0px 50px;
	height: 293px;
	width: 800px;
	float: left;
	display: inline;
	
	font-size: 12px;
}
.tekst {
	height: 280px;
	padding-left: 15px;
	width: 330px;
	float: left;
	display: inline;
	
	overflow: auto;
}
#tekstgroot {
	height: 280px;
	padding-left: 15px;
	width: 485px;
	float: left;
	overflow: auto;
}
#paginanummers {
	margin-top: 20px;
	height: 30px;
	width: 100px;
	float: left;
}
#hoeveelpaginas {
	height: 20px;
	float: right;
}
/* --------------------------------------------------------------------------*/
/* KLEINE LETTERS */
/* --------------------------------------------------------------------------*/
#kleine_letters {
	margin-left: 50px;
	width: 950px;
	float: left;
	display: inline;
	font-size: 11px;
}
#kleine_letters_wrapper {
	position: absolute;
	width: 950px;
	bottom: 0px;
	height: 25px;
}
#kleine_letters .kleine_letters_item {
	float: left;
	display: inline;
	margin-top: 3px;
	margin-right: 3px;
}
#kleine_letters .kleine_letters_item#leveringsvoorwaarden {
	width: 150px;
}
#kleine_letters .kleine_letters_item#sitemap {
	width: 70px;
}
.backknop {
	float: right;
	display: inline;
	margin-top: 3px;
	margin-right: 214px;
	font-size: 12px;
}
/* links */
#kleine_letters .kleine_letters_item a {
	text-decoration: none;
}
/* --------------------------------------------------------------------------*/
/* JEWELRY TEKST */
/* --------------------------------------------------------------------------*/

div.jewelry div {
	margin-top: 20px;
	text-align: right;
	height: 30px;
	float: left;
	display: inline;
	font-size: 10px;
}
#jewelry1 {
	width: 145px;
}
#jewelry2 {
	width: 150px;
}
#jewelry3 {
	width: 145px;
}
#jewelry4 {
	width: 130px;
}
/* --------------------------------------------------------------------------*/
/* LIGHTBOX */
/* --------------------------------------------------------------------------*/
div#pagina div.lightboxdiv {
	overflow: auto;
	height: 293px;
}
div.lightboxdiv .beelden {
	width: 150px;
	padding: 15px;
	float: left;
}
div.lightboxdiv .beelden img {
	width: 150px;
	height: 92px;
}
div.lightboxdiv .lightboxtekst {
	width: 420px;
	margin: 15px 15px 15px 0;
	float: left;
}
div.lightboxdiv .lightboxtekst p {
	margin-top: 0px;
	margin-bottom: 20px;
}
div.lightboxdiv .lightboxtekst ul {
	margin-bottom: 20px;
}