/***************************************
 * TITLE: Prosimii Screen Stylesheet   * 
 * URI  : prosimii/prosimii-screen.css *
 * MODIF: 2004-Apr-28 21:43 +0800      *
 ***************************************/


/* ##### Common Styles ##### */

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 75%;  /* Enables font size scaling in MSIE */
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  background:#E6F5F7 url(../images/visual-bg.jpg) repeat-y top center;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(61,92,122);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

a {
  color: #004C4C;
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: #001b66;
  text-decoration: none;
}

ol {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

ul {
  list-style: none;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dl {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

ul li { 
  list-style-image:url(images/bullet_1.gif);
  margin: 0 0 .25em 1.75em;
  padding: 0;
}

ol li {
  margin: 1.25ex 0 0 2em;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  line-height: 1.75em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}
/* ##### Wrapper ##### */
#wrapper {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  width:960px;
}

/* ##### Header ##### */
.superHeader {
  color: rgb(130,128,154);
  background-color: rgb(33,50,66);
  text-align: right;
  padding: 0.5ex 10px 1ex 10px;
  margin: 0;
}

.superHeader span {
  color: rgb(195,196,210);
  background-color: transparent;
  font-weight: bold;
  text-transform: uppercase;
}

.superHeader a {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: none;
}

.superHeader a:hover {
  color: rgb(193,102,90);
  background-color: transparent;
  text-decoration: none;
}

.midHeader {
  width:960px;
  color: white;
  background-color: #3E5B79;
  height: 80px;
  text-align:right;
  margin: 0;
  padding: 0;    
  position: relative;  
  overflow:hidden;
}
.headerImg {	
  float:left;
  margin: 0;
  padding: 0;
  width:670px;
  display:inline;
  overflow:hidden;
}
.headerTitle {	
  float:right;
  font-size: 186%;
  margin: 10px 15px 2px 0;
  padding: 0;  
  width:250px;
  display:inline;
  line-height: 1.2em;
}

.headerSubTitle {
  clear:right;
  font-size: 146%;
  font-weight: normal;
  font-style: italic;
  margin: 9px 20px 0 0;
  padding: 0;
}
.headerSubTitle a {
  color: white;
  text-decoration: none;
}
.headerSubTitle a:hover{
  color: #FFDDEE;
  text-decoration: underline;
}

.headerLinks {
  text-align: right;
  margin: 0;
  padding: 0 0 2ex 0;
  position: absolute;
  right: 1.5em;
  top: 3.5em;
}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
  display: block;
}

.headerLinks a:hover {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: underline;
}

.subHeader {
  clear:both;
  color: white;
  background-color: rgb(99, 138, 177);
  margin: 0;
  padding: 0.5ex 10px;
}

.subHeader a, .subHeader .highlight {
  color: white;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.subHeader a:hover, .subHeader .highlight {
  color: rgb(255,204,0);
  background-color: transparent;
  text-decoration: none;
}


/* ##### Main Copy ##### */
#main-copy {
  margin: 0;
  padding: 0.3em 0;
  clear: left;
}

#main-copy h1 {
  color: rgb(117,144,174);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 175%;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}

#main-copy h2 {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 0 0;
}

#main-copy h3 {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 126%;
  margin: 0;
  padding: 1ex 0 3px 0;
}

/* h3 style voor Windows7 boeken*/
#main-copy h3.boekserie {
	width: 100%;
	color:#ff3300;
	margin:30px auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}

#main-copy h3.r_text { color: #F70000;}

#main-copy p {
  margin: 1em 0;
  padding: 0;
}

#outertable {
  border:0;
  margin: 0 0 20px 0;
  padding: 0;  
}
#outertable td {
  background: #001B66;
  text-align:center;
  vertical-align:top;
  padding: 10px 0px;
}
#innertable {
  margin: 0; 
  padding:0;
  border:0;  
  width:100%;
}
#innertable td {
  padding: 3px 5px;
}

#innertable td.binnen {
  background: #008080;
  padding: 0 5px;
  font-weight: bold;
  color:#fff;
}
#innertable h4 {
	margin: 3px auto;
	font-size: 126%;
	color: white;
}

#innertable td.bb {  
  background-color: #f5ffeb;
  font-weight: bold;
  vertical-align:top;  
  padding: 2px 5px;
}
.nobold {  
  font-weight: normal;
}
#innertable td {  
  background-color: #ffffff;
  text-align: center;
}
#innertable td.dot {
  font-weight:normal;
}
#innertable td.tekst {
	font-weight:bold;
 	text-align:left;
}
.rowOfBoxes {
  clear: both;
}

.clear {
  clear: both;
}
.clearLeft {
  clear: left;
}
.clearRight {
  clear: right;
}
.quarter, .oneThird, .half, .twoThirds, .threeFourths, .fullWidth, .fullWidthNoTopMargin {
  margin: 1.2em 0 0 0;
  float: left;
  border-left: 1px solid rgb(204,204,204);
  text-align:left;
}

.quarter {
  width: 22%;
  padding: 0 1.4% 0 1.4%;
}

.oneThird {
  width: 29%;
  padding: 0 1.8% 0 1.8%;
}

.half {
  width: 46%;
  padding: 0 1.8%;
}

.twoThirds {
  width: 63%;
  padding: 0 1.8%;
}

.threeFourths {
  width: 71%;
  padding: 0 1.8%;
}

.fullWidth {
  width: 96%;
  padding: 0 1.8%;
  border-left: none;
}
.fullWidthNoTopMargin {
  width: 96%;
  padding: 0 1.8%;
  border-left: none;
}

.filler {  /* use with an empty <p> element to add padding to the end of a text box */
  border: 1px solid white;
}
 
.noBorderOnLeft {
  border-left: none;
}

.dividingBorderAbove {
  border-top: 1px solid rgb(204,204,204);
}
.dividingBorderRight {
  border-right: 1px solid rgb(204,204,204);
}
.CenterAligned {
	text-align:center;
}

.ProductText {
  font-size: 88%;
  line-height: 1.25em;
}
.ProductText .titel {
	font-weight:bold;
	padding-bottom: 5px;
}

/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
 * that don't require the creation of new classes - but which are not
 * supported by MSIE - are the following:
 *
 * .rowOfBoxes > div:first-child {
 *   border-left: none;
 * }
 *
 * .rowOfBoxes + .rowOfBoxes {
 *   border-top: 1px solid rgb(204,204,204);
 * }
 */

/*  overzicht.php table styles
---------------------------------*/
#pixels {
  margin: 5px;
}
#pixels p {
  line-height: 1.75em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

#pixels .outertable {
  margin: 3px;
}
#pixels .outertable tr {  
  font-size: 95%;
  padding: 3px 0 0 0;
  text-align: left;
}
#pixels .outertable tr.buiten {
  background-color: #7590AE;
}
#pixels .outertable tr.bb {  
  background-color: #f5ffeb;
  font-weight: bold;
  vertical-align:top;
}
.nobold {  
  font-weight: normal;
}
#pixels .outertable tr.white {  
  background-color: #ffffff;
}
#pixels .outertable .dot {
	font-size: 126%;
	text-align: center;
}
#pixels tr.binnen {
  padding: 2px 0px 2px 3px;
  background-color: #7590AE;
  font-weight: bold;
  text-align: left;
} 
 
 
 /* Images
 ---------------------------*/
.imgContainer {
	margin:5px 0 10px 0;
	padding:0;
	text-align:center;
	background: #F2F2F2;
	border:1px solid #D3DDF5;
	height:auto;
}
.imgContainer p {
	margin: 0;
	padding:0;
	font-size:90%;
}
.imgContainer img {
	border:0;
	padding: 5px 5px 0;
	margin:0;
}
.imgContainer .onderschrift {
	font-size:90%;
	padding: 0;
	margin:0;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.imgContainer:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.imgContainer {	/* IE7 float clear: */
	min-height: 0;
}

.FloatRight {
	float:right;
	margin-left:15px;
}
.FloatLeft {
	float:left;
	margin-right:15px;
}

.floatleft {margin-right:10px;}

.myimageLeftAlign {
	float:left;
	border-right:3px solid #D3DDF5;
	border-bottom:3px solid #D3DDF5;
	padding: 3px;
	margin-right: 10px;
}
.imgIcon {
	margin-top:5px; margin-right:5px; margin-left:0px; margin-bottom:0;
	vertical-align:bottom;
}
.pro_imgLeft {
	margin-top:0; margin-right:9px; margin-left:0px; margin-bottom:0px;
	float:left;
	border: 0;
}
.pro_imgRight {
	margin-top:0; margin-right:0px; margin-left:10px; margin-bottom:5px;
	float:right;
}
.logo_img {
	margin-top:0; margin-right:5px; margin-left:10px; margin-bottom:2px;
	float:right;
}

.imgNoFloat {
	margin-top:0; margin-right:10px; margin-left:0px; margin-bottom:5px;
	border:0;
}
.imgNoBorder {
	border:0;
}

/* small icons/buttons */
.picto {
	vertical-align:middle;
	margin:0 2px;
	border:0;
}
/* bestelknop op categorie page*/
.purchase {
	margin-top:3px;
	vertical-align:middle;
}

/* FAQs */
#faqsCont {
	width: 500px;
	text-align:center;
	margin: 0 auto 15px auto;;
	padding:0;
	}

#faqs { text-align:left; margin:0; padding:0;}
#faqs ul { margin:0; padding:0;}
#faqs li {
	font-size:100%;
	line-height:1.4em;
}

/* ---screenshotes --*/
.screenshots { 
  vertical-align:top;  
  padding-right: 10px;
}

/* ------------------------------ */
/* Products - large thumbnails floats 
/* ------------------------------ */
.Lgthumbnail {
	float: left;
	width: 173px;
	margin: 0 10px 15px 0;
	padding: 5px;
	font-size:96%;
	overflow:hidden;
}
.Lgthumbnail .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	border:0;
}

.Lgthumbnail .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-style: italic;
}
.Lgthumbnail .MeerInfo, .Lgthumbnail .MeerInfo a {
	color:#CC6600;
}
.Lgthumbnail .MeerInfo a:hover {
	color:#003399;
}

/* slideshow homepage
---------------------*/ 
.pics { height: 150px; width: 107px; padding:0; margin:5px 0; overflow: hidden;
	background-color:#ffffff; }
.pics img { height: 141px; width: 100px; top:0; left:0; border:0; }

/* misc 
----------------------*/
.naarboven {
float:right; display:block; text-align:right;padding:0 5px; font-size:0.76em;
}
.NoMarginBot {margin:10px 0 0 0;}
.NoMargin {margin:0;}

/* Footer
-------------------------- */
#footer {
  color: rgb(51,51,102);
  border-top: 1px solid rgb(239,239,239);
  font-size: 87%;
  text-align: center;
  line-height: 1.25em;
  margin: 20px auto 20px auto;
  padding: 7px 0;
  clear: left;
  width:960px;
}

#footer a {
  color: rgb(0,68,204);
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}


 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */