/*
HEADINGS USE ARIAL, ALL OTHER TEXTS ARE VERDANA
*/

* {
	padding:0;
	border:0;
	margin:0;
	background-color:Transparent;
	color:#444;
	font-family:verdana;
	font-size:12px;
	line-height:17px;
	text-decoration:none;
	text-align:left;
}

body
{
	background:url(../images/general/bg.gif);
	background-repeat:repeat-x;
	background-color:#777; 
}


form{ display:inline; }
a { text-decoration:underline; }
a#printversion{ display:inline; }
a#normalversion{ display:none; }

p
{
	background-color:Transparent;
	padding-bottom:10px;
}

.nopadding
{
	padding:0;
}

i
{
	background-color:transparent;
	font-style:italic;
}

b
{
	background-color:transparent;
	font-weight:bold;
}

input, textarea, select
{
	color:#000; 
	background-color:#fff;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:2px 8px 2px 0;
	height:20px;
	vertical-align:middle;
}

.transparent
{
	background-color:Transparent;
	border:0;
}

table{ padding-bottom:10px; }
td { vertical-align:top; padding-right:10px;}

/* LISTS */
ul
{
 	 background-color:transparent;
	 padding-bottom:10px;
}
ul.links li, ul.normal li
{
	list-style-type:none;
	background-image:url(../images/general/bullet.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	padding-left:10px; 
}

ul.normal li
{
	background-image:url(../images/general/bullet2.gif);
	background-repeat:no-repeat;
}

/* WHOLE PAGE */
div.allOS, div.allBT, div.allBPB, div.allBA, div.allBO, div.allAB{
	width:950px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background-color:#fff;
}
div.allOS{
	background-image:url(../images/outerspace/outerspace.jpg);
	background-repeat:no-repeat;
}
div.allBT{
	background-image:url(../images/blufftitler.jpg);
	background-repeat:no-repeat;
}
div.allBPB{
	background-image:url(../images/bixphotobook/bpb.jpg);
	background-repeat:no-repeat;
}
div.allBA{
	background-image:url(../images/bixorama/bixorama.jpg);
	background-repeat:no-repeat;
}
div.allBO{
	background-image:url(../images/bixelangelo/bixelangelo.jpg);
	background-repeat:no-repeat;
}
div.allAB{
	background-image:url(../images/alphabix/alphabix.jpg);
	background-repeat:no-repeat;
}

/* TEKST RECHTSBOVEN */
div#first
{
	float:right;
	margin:0 24px 0 0;
}
div#first a
{
	font-size:12px;
	color:#858295;
}
div#first a:hover{ color:#444; }


/* A PAGE HAS 1 OR 2 COLUMNS */
div.lkolom{
	float:left;
	margin:10px 0 0 24px;
	display:inline; /*double margin bug fix voor IE*/
}
div.rkolom{
	float:right;
	margin:10px 24px 0 0;
	display:inline;
}

/* MAIN MENU */
div#osmenu{ background-color:Transparent; margin:190px 0 16px 180px;}
div#btmenu{	background-color:Transparent; margin:180px 0 16px 36px;}
div#bpbmenu{background-color:Transparent; margin:200px 0 16px 153px;}
div#bamenu{ background-color:Transparent; margin:290px 0 16px 160px;}
div#bomenu{ background-color:Transparent; margin:190px 0 16px 170px;}
div#abmenu{ background-color:Transparent; margin:170px 0 16px 36px;}

div#btmenu a,	div#btmenu span,
div#osmenu a,	div#osmenu span,
div#bpbmenu a,	div#bpbmenu span, 
div#bamenu a,	div#bamenu span,
div#bomenu a,	div#bomenu span,
div#abmenu a,	div#abmenu span{ background-color:Transparent; color:#888; font-size:16px; font-family:Arial; font-weight:bold; font-style:normal; margin-right:20px; }

div#btmenu a:hover,div#btmenu span,
div#osmenu a:hover,div#osmenu span,
div#bpbmenu a:hover,div#bpbmenu span,
div#bamenu a:hover,div#bamenu span,
div#bomenu a:hover,div#bomenu span,
div#abmenu a:hover,div#abmenu span{ color:#222; }

/* THE EXAMPLES - DOWNLOAD TRIAL - BUY NOW! */
div#threemenu
{
	width:224px;
	height:105px;
	background:url(../images/menu.png);	/* div has same background to fix flicker bug */
	background-repeat:no-repeat;
	float:right;
}
a#threemenu1,a#threemenu2,a#threemenu3
{
	width:224px;
	height:35px;
	display:block;
	background:url(../images/menu.png);
	background-repeat:no-repeat;
	text-decoration:none;
}
a#threemenu1{background-position:0 0;}
a#threemenu2{background-position:0 -35px;}
a#threemenu3{background-position:0 -70px;}
a#threemenu1:hover {background-position:0 -105px;}
a#threemenu2:hover {background-position:0 -140px;}
a#threemenu3:hover {background-position:0 -175px;}

/* TEXT BELOW MAIN MENU */
h1, h2 { text-align:left; color:#444; font-weight:normal; margin:24px 20px 0 24px;}
h1 { font-weight:bold; font-size:18px; line-height:22px; font-family:Arial;}
h2, h2 a { margin-top:0px; margin-bottom:16px; font-size:16px; line-height:20px;}

h2 a:link, h2 a:hover, h2 a:visited, h2 a:active{color:#222;font-weight:bold;}
h2 a:hover{ color:#888; }

h1.bt, h2.bt { margin-left:36px; }
h1.bpb, h2.bpb { margin-left:153px; }
h1.ba, h2.ba { margin-left:160px; }
h1.bo, h2.bo { margin-left:170px; }
h1.ab, h2.ab { margin-left:36px; }


/* KOPJES IN BLOKKEN */
h3
{
	font-family:Arial;
	font-size:16px;	
	font-weight:bold;
	line-height:18px;
	color:#444;
}

/* ILLUSTRATIONS */
div.blokpic
{
	width:414px;
	height:414px;
}
div.blokpic img
{
	border:0;
}

div.triggerpic
{
	width:276px;
	margin-bottom:20px;
}
div.triggerpic img
{
	border:0;
}

/* BLOKKEN */
/* H=header, R=round, S=straight, E=end */

/* H: DONKERE BOVENKANT MET TITEL */
div.blok3H,div.blok4H,div.blok5H,div.blok6H
{
	height:28px;heigh\t:24px;
	padding:4px 24px 0 12px;
	background-color:#aaa;
	background:url(../images/general/gradient.png);
	background-repeat:repeat-x;
}
div.blok3H,div.blok3E,div.blok3R,div.blok3S{width:439px;wid\th:403px;}
div.blok4H,div.blok4E,div.blok4R,div.blok4S{width:602px;wid\th:566px;}
div.blok5H,div.blok5E,div.blok5R,div.blok5S{width:730px;wid\th:694px;}
div.blok6H,div.blok6E,div.blok6R,div.blok6S{width:902px;wid\th:866px;}

/* gallery/viewarticle */
div.blok5H a.prevnext, div.blok6H a.prevnext{
	color:#eee;
	float:right;
	margin-left:10px;
}
div.blok5H a.prevnext:hover, div.blok6H a.prevnext:hover{
	color:#000;
}

div.blok3H h1, div.blok4H h1, div.blok5H h1, div.blok6H h1
{
	font-family:Arial;
	font-size:16px;
	margin:0;
	background-color:Transparent;
	color:#fff;
}

/* E: RONDE ONDERKANT */
div.blok3E, div.blok4E, div.blok5E, div.blok6E
{
	height:12px;
	font-size:5px;
	background-color:#eee;
	margin-bottom:20px;
	padding:0 24px 0 12px;	
}

/* DE BLOKKEN */
div.blok3R, div.blok3S, div.blok4R, div.blok4S, div.blok5R, div.blok5S, div.blok6R, div.blok6S
{
	background-color:#eee;
}

div.blok3R,div.blok3S,
div.blok4R,div.blok4S,
div.blok5R,div.blok5S,
div.blok6R,div.blok6S{
	padding:8px 24px 0 12px;
}

div.blok3R img, div.blok3S img,
div.blok4R img, div.blok4S img,
div.blok5R img, div.blok5S img,
div.blok6R img, div.blok6S img
{
	float:left;
	margin:0 12px 16px 0;
	padding:0;
	border:0;
}

div.blok3R a, div.blok3S a,
div.blok4R a, div.blok4S a,
div.blok5R a, div.blok5S a,
div.blok6R a, div.blok6S a, div.triggerM a
{
	color:#555;
	font-family:verdana;
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}
div.blok3R a:hover, div.blok3S a:hover,
div.blok4R a:hover, div.blok4S a:hover,
div.blok5R a:hover, div.blok5S a:hover,
div.blok6R a:hover, div.blok6S a:hover, div.triggerM a:hover
{
	color:#222;
}

/* TRIGGERS TOP, MIDDLE EN BOTTOM */
div.triggerT, div.triggerM, div.triggerB
{	
	width:276px;wid\th:244px;
	padding:0 16px 0 16px;
	border:0px;
	margin:0px;
	background-color:Transparent;
}
div.triggerT
{	
	background-image:url(../images/general/TriggerTop.png);
	height:18px;
}
div.triggerM
{	
	background-image:url(../images/general/TriggerMid.png);
	background-repeat:repeat-y;
}
div.triggerB
{	
	background-image:url(../images/general/TriggerBot.png);
	height:18px;
	margin:0 0 20px 0px;
}
div.triggerM img{
	border:0;
}	

/* FOOTER */
div#footer 
{
	width:950px;wid\th:902px;
	height:350px;heigh\t:70px;
	padding:280px 24px 0px 24px;
	color:#222;
	text-align:right;
	background-image:url(../images/general/footer.jpg);
	background-repeat:repeat-y;
	background-color:Transparent;
}
div#footer a{ color:#000; margin:0 5px 0 5px;}
div#footer a:hover{color:#fff; }





/* BUTTONS IN INSTALLER VERSIE VAN BUY EN SUPPORT PAGINA'S */
input.button{
	color:#fff;
	background-color:#576b9b;
	border-left:1px solid #ddddee;
	border-top:1px solid #ddddee;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	font-weight:bold;
	height:24px;
	padding-left:10px;
	padding-right:10px;
}

pre
{
	background-color:#111;
	color:#fff;
	font-family:"Courier New";
	font-size:15px;
	padding:4px 4px 4px 4px;
	margin-bottom:10px;
}

/* FOR ERROR MESSAGES AND MODERATOR MENU */
div.striking { margin-top:8px; }
div.striking p {        color:#f00; }
div.striking p a {      color:#f00; }
div.striking p a:hover{ color:#888; }

div.awards
{
	width:516px;
	height:1100px;
}

div.awards img
{
	margin:0 8px 8px 0;
	border:0px;
	float:left;
}

/* ORDER NOW! AND START DOWNLOADING BUTTONS */
div.blok3S a.doitnow,
div.blok4S a.doitnow,
div.blok5S a.doitnow,
div.blok6S a.doitnow,
div.triggerM a.doitnow
{
	color:#f00;
}
div.blok3S a.doitnow:hover,
div.blok4S a.doitnow:hover,
div.blok5S a.doitnow:hover,
div.blok6S a.doitnow:hover,
div.triggerM a.doitnow:hover
{
	color:#000;
}

div.blok4R img.screenshot
{
	margin-top:4px;
}

div.blok3S p img.partnerlogo
{
	border:0;
	margin:0;
	float:none;
	display:block;
}

div.yes, div.no
{
	width:20px;
	height:18px;
	background:url(../images/general/yes.png);
	margin:0 30px 0 0;
}
div.no
{
	background:url(../images/general/no.png);
}


table.layerhierarchy td
{
	font-size:10px;
	padding:2px 6px 2px 6px;
	border-left:1px solid #000;
	border-top:1px solid #000;
}

table.layerhierarchy td b
{
	font-size:10px;
	font-weight:bold;
}
