* { font-family: Arial, Helvetica, Serif; font-size: 11px; }
body { padding: 0; margin: 0; background-color: #C9C9C9; color: #000; line-height: 20px; }
table, img { border: 0; }
td { vertical-align: top; }
label { cursor: pointer; }

a { color: #D70000; text-decoration: none; font-size: 11px; }
a:hover { text-decoration: underline; }
a.more { background: url(/media/icon_more.gif) no-repeat; padding-left: 17px; }
a.download { background: url(/media/icon_download.gif) no-repeat; padding-left: 19px; }
a.order { background: url(/media/icon_order.gif) no-repeat; padding-left: 19px; }

h1 { background-color: #D70000; color: #fff; margin: 0; padding-left: 12px; font-size: 23px; font-weight: normal; line-height: 40px; border-bottom: 1px solid #fff; }
h2 { background-color: #D70000; color: #fff; margin: 0; padding: 9px 5px 9px 8px; font-size: 16px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; margin: 0 0 4px 0; color: #D70000; }
h4 {  }
h5 {  }

p { margin-top: 0; margin-bottom: 16px; }

#container { position: absolute; background-color: #fff; width: 780px; left: 50%; margin-left: -390px; }
#header { height: 162px; background-color: #000; }

#headerBackground { position: absolute; z-index: 1; }
#logoContainer { position: absolute; top: 4px; left: 8px; z-index: 2; }
#photoContainer { position: absolute; left: 540px; z-index: 3; }

form { display: inline; }
div.form p { margin: 6px 6px 20px 6px; }
table.form { width: 386px; margin: 6px 6px 26px 6px; }
.spacer { height: 22px; }
input, select, textarea { border: #b2b2b2 1px solid; xbackground-color: #fffbf1; }
input.radio, input.checkbox { border: 0; background-color: transparent; }
form .name { width: 126px; }
form .required { background: url(/media/required.gif) right top no-repeat; padding-right: 20px; }
form .x-large { width: 360px; }
form .large { width: 260px; }
form .medium { width: 140px; }
form .small { width: 80px; }
form .x-small { width: 50px; }
form .xx-small { width: 30px; }
form .actions { text-align: right; padding-top: 12px; }
input.button { width: 120px; font-weight: normal; border: transparent 2px outset; background-color: #d9d9d9; }

#nav1 { position: absolute; top: 137px; left: px; height: 23px; z-index: 1; border: solid #fff; border-width: 1px 0; width: 780px; }
#nav1 ul { margin: 0; padding: 0; list-style-type: none; }
#nav1 a:hover { text-decoration: none; }
#nav1 ul.level1 {  }
#nav1 li.level1 { display: block; float: left; }
#nav1 a.level1 { display: block; float: left; _font-size: 12px; line-height: 23px; color: #fff; padding: 0 12px; border-right: 1px solid #fff; background-color: #000; text-transform: uppercase; }
#nav1 li.level1 a.active { background-color: #D70101; }
#nav1 a.level1:hover { background-color: #D70101; }
#nav1 ul.level2 { clear: both; position: absolute; top: 23px; display: block; border-top: 1px solid #fff; margin-left: -1px; display: none; }
#nav1 li.level2 a { _font-size: 12px; }
#nav1 li.level2 { display: block; border: solid #fff; border-width: 0 1px 1px 1px; }
#nav1 a.level2 { display: block; line-height: 23px; width: 178px; padding-left: 12px; color: #fff; background-color: #D70101; }
#nav1 li.level2 a.active { background-color: #970000; }
#nav1 a.level2:hover { background-color: #970000; }
#nav1 ul.level3 { position: absolute; z-index: 2; left: 191px; margin-top: -24px; border-bottom: 1px solid #fff; display: none; }
#nav1 li.level3 { display: block; border: solid #fff; border-width: 1px 1px 0 1px; }
#nav1 a.level3 { display: block; line-height: 23px; width: 178px; padding-left: 12px; color: #fff; background-color: #D70101; }
#nav1 a.level3:hover { background-color: #970000; }

#nav2 ul { margin: 0; padding: 0; list-style-type: none; }
#nav2 li { margin: 0; padding: 0; display: inline; }
#nav2 a.level2, #nav2 a.level2Active { display: block; font-size: 12px; line-height: 18px; color: #fff; padding: 10px 12px; border-bottom: 1px solid #fff; background-color: #D70000; }
#nav2 a.level2Active { background-color: #970000; }
#nav2 a.level2:hover, #nav2 a.level2Active:hover { background-color: #970000; text-decoration: none; }
#nav2 a.level3, #nav2 a.level3Active { display: block; font-size: 11px; line-height: 23px; color: #970000; padding: 0 12px; border-bottom: 1px solid #FAE5DF; background-color: #fff; }
#nav2 a.level3Active { background-color: #fff; color: #000; font-weight: bold; }

#main { _height: 400px; min-height: 400px; background-color: #fff; }

#col1 { float: left; width: 190px; } 
#col2 { float: left; width: 398px; margin-left: 1px; }
#col2 p.intro { font-size: 12px; }
#col3 { float: right; width: 190px; }

#footer { clear: both; height: 17px; background-color: #000; border-top: 2px solid #fff; color: #fff; }
#footer * { color: #C9C9C9; line-height: normal; font-size: 12px; }
#footer div { position: absolute; margin-top: 1px; }
#footer #copyright { left: 6px; }
#footer #footerNav { left: 187px; }
#footer #created { left: 400px; width: 370px; text-align: right; font-size: 10px; }
#footer #created * { font-size: 10px; }
	
.intro { background-color: #FAE5DF; border-bottom: 1px solid #000; padding: 10px; }
.quote { background-color: #DD7301; color: #fff; text-align: center; border-bottom: 1px solid #fff; }
.quote .content { padding: 15px; font-weight: bold; font-size: 12px; }
.quote .author { padding: 0 10px 7px 10px; font-size: 11px; }
.book { border-bottom: 1px solid #000; padding: 5px; }
.book .header {  }
.book .title { font-weight: bold; color: #D70000; }
.book .author { font-style: italic; }
.book .cover { display: block; text-align: center; }
.book .orderInfo {  }
div.download { background-color: #F7E5CF; border-bottom: 1px solid #fff; padding: 8px; }
.review { background-color: #FBF2E6; padding: 8px; margin: 20px 0 20px 0; }
.review .date { font-style: italic; }
.vplayer { text-align: center; padding: 8px; }

#content { padding: 12px; }
	
#col1 .item { padding: 8px 8px 15px 8px; }	
#col2 .item { clear: both; border-bottom: 1px solid #000; padding: 5px 10px 10px 10px; }
#col2 .align1 { clear: both; }
#col2 .align2 { clear: both; }
#col2 .align1 .image { float: left; padding-right: 15px; }
#col2 .align2 .image { float: right; padding-left: 15px; }

#col2 .product .intro { width: 100% }
#col2 .product .title { font-size: 15px; font-weight: bold; }
#col2 .product .image { width: 210px; text-align: center; }
#col2 .product .link { width: 60px; text-align: center; vertical-align: bottom; }
#col2 .product .content { clear: both; border-bottom: 1px solid #000; padding: 5px 10px 10px 10px; }

#col3 .product { border-bottom: 1px solid #000; padding: 5px; }
#col3 .product .title { display: block; font-weight: bold; }
#col3 .product .content { display: block; }
#col3 .product .image { width: 80px; }
#col3 .product .links { vertical-align: bottom; }
#col3 .product .links a { display: block; margin-top: 6px; }

.bgforcer { clear: both; height: 1px; overflow: hidden; }

/* skin1: green */
.skin1 h1, .skin1 h2, .skin1 #nav1 li.level1 a.active, .skin1 #nav1 a.level1:hover, .skin1 #nav1 li.level2 a, .skin1 #nav2 a.level2 { background-color: #90BF00; }
.skin1 #nav1 li.level2 a:hover, .skin1 #nav1 li.level2 a.active, .skin1 #nav2 a.level2Active, .skin1 #nav2 a.level2Active:hover, .skin1 #nav2 a.level2:hover { background-color: #769A09; }
.skin1 a, .skin1 h3, .skin1 .book .title { color: #769A09; }
.skin1 #nav2 a.level3 { color: #4B6303; border-color: #F3F6E9; }
.skin1 #nav2 a.level3Active { border-color: #F3F6E9; } 
.skin1 .intro, .skin1 .download, .skin1 .review { background-color: #F3F6E9; }
.skin1 .quote { background-color: #769A09; }
.skin1 .review * { color: #769A09; }

/* skin2: blue */
.skin2 h1, .skin2 h2, .skin2 #nav1 li.level1 a.active, .skin2 #nav1 a.level1:hover, .skin2 #nav1 li.level2 a, .skin2 #nav2 a.level2 { background-color: #53A3DE; }
.skin2 #nav1 li.level2 a:hover, .skin2 #nav1 li.level2 a.active, .skin2 #nav2 a.level2Active, .skin2 #nav2 a.level2Active:hover, .skin2 #nav2 a.level2:hover { background-color: #317FB8; }
.skin2 a, .skin2 h3, .skin2 .book .title { color: #317FB8; }
.skin2 #nav2 a.level3 { color: #003963; border-color: #F4F9FD; }
.skin2 #nav2 a.level3Active { border-color: #F4F9FD; } 
.skin2 .intro, .skin2 .review { background-color: #F4F9FD; }
.skin2 .quote { background-color: #003963; }
.skin2 .review * { color: #003963; }

/* skin3: purple */
.skin3 h1, .skin3 h2, .skin3 #nav1 li.level1 a.active, .skin3 #nav1 a.level1:hover, .skin3 #nav1 li.level2 a, .skin3 #nav2 a.level2 { background-color: #993399; }
.skin3 #nav1 li.level2 a:hover, .skin3 #nav1 li.level2 a.active, .skin3 #nav2 a.level2Active, .skin3 #nav2 a.level2Active:hover, .skin3 #nav2 a.level2:hover { background-color: #711171; }
.skin3 a, .skin3 h3, .skin3 .book .title { color: #711171; }
.skin3 #nav2 a.level3 { color: #490B49; border-color: #FAF4FA; }
.skin3 #nav2 a.level3Active { border-color: #FAF4FA; } 
.skin3 .intro, .skin3 .review { background-color: #FAF4FA; }
.skin3 .quote { background-color: #490B49; }
.skin3 .review * { color: #490B49; }

/* skin4: turquoise */
.skin4 h1, .skin4 h2, .skin4 #nav1 li.level1 a.active, .skin4 #nav1 a.level1:hover, .skin4 #nav1 li.level2 a, .skin4 #nav2 a.level2 { background-color: #0382a2; }
.skin4 #nav1 li.level2 a:hover, .skin4 #nav1 li.level2 a.active, .skin4 #nav2 a.level2Active, .skin4 #nav2 a.level2Active:hover, .skin4 #nav2 a.level2:hover { background-color: #105566; }
.skin4 a, .skin4 h3, .skin4 .book .title { color: #105566; }
.skin4 #nav2 a.level3 { color: #105566; border-color: #edf4f6; }
.skin4 #nav2 a.level3Active { border-color: #edf4f6; } 
.skin4 .intro, .skin4 .review { background-color: #edf4f6; }
.skin4 .quote { background-color: #105566; }
.skin4 .review * { color: #105566; }

/* skin5: roze */
.skin5 h1, .skin5 h2, .skin5 #nav1 li.level1 a.active, .skin5 #nav1 a.level1:hover, .skin5 #nav1 li.level2 a, .skin5 #nav2 a.level2 { background-color: #e2337d; }
.skin5 #nav1 li.level2 a:hover, .skin5 #nav1 li.level2 a.active, .skin5 #nav2 a.level2Active, .skin5 #nav2 a.level2Active:hover, .skin5 #nav2 a.level2:hover { background-color: #972b59; }
.skin5 a, .skin5 h3, .skin5 .book .title { color: #972b59; }
.skin5 #nav2 a.level3 { color: #972b59; border-color: #f7f3fc; }
.skin5 #nav2 a.level3Active { border-color: #f7f3fc; } 
.skin5 .intro, .skin5 .review { background-color: #f7f3fc; }
.skin5 .quote { background-color: #972b59; }
.skin5 .review * { color: #972b59; }

/* skin6: geel */
.skin6 h1, .skin6 h2, .skin6 #nav1 li.level1 a.active, .skin6 #nav1 a.level1:hover, .skin6 #nav1 li.level2 a, .skin6 #nav2 a.level2 { background-color: #ffb400; }
.skin6 #nav1 li.level2 a:hover, .skin6 #nav1 li.level2 a.active, .skin6 #nav2 a.level2Active, .skin6 #nav2 a.level2Active:hover, .skin6 #nav2 a.level2:hover { background-color: #c8830a; }
.skin6 a, .skin6 h3, .skin6 .book .title { color: #c8830a; }
.skin6 #nav2 a.level3 { color: #c8830a; border-color: #fafeeb; }
.skin6 #nav2 a.level3Active { border-color: #fafeeb; } 
.skin6 .intro, .skin6 .review { background-color: #fafeeb; }
.skin6 .quote { background-color: #c8830a; }
.skin6 .review * { color: #c8830a; }

/* skin7: donkerblauw */
.skin7 h1, .skin7 h2, .skin7 #nav1 li.level1 a.active, .skin7 #nav1 a.level1:hover, .skin7 #nav1 li.level2 a, .skin7 #nav2 a.level2 { background-color: #191390; }
.skin7 #nav1 li.level2 a:hover, .skin7 #nav1 li.level2 a.active, .skin7 #nav2 a.level2Active, .skin7 #nav2 a.level2Active:hover, .skin7 #nav2 a.level2:hover { background-color: #07044b; }
.skin7 a, .skin7 h3, .skin7 .book .title { color: #07044b; }
.skin7 #nav2 a.level3 { color: #07044b; border-color: #f3f7fc; }
.skin7 #nav2 a.level3Active { border-color: #f3f7fc; } 
.skin7 .intro, .skin7 .review { background-color: #f3f7fc; }
.skin7 .quote { background-color: #07044b; }
.skin7 .review * { color: #07044b; }

/* skin8: grijs */
.skin8 h1, .skin8 h2, .skin8 #nav1 li.level1 a.active, .skin8 #nav1 a.level1:hover, .skin8 #nav1 li.level2 a, .skin8 #nav2 a.level2 { background-color: #8b8b8b; }
.skin8 #nav1 li.level2 a:hover, .skin8 #nav1 li.level2 a.active, .skin8 #nav2 a.level2Active, .skin8 #nav2 a.level2Active:hover, .skin8 #nav2 a.level2:hover { background-color: #595959; }
.skin8 a, .skin8 h3, .skin8 .book .title { color: #595959; }
.skin8 #nav2 a.level3 { color: #595959; border-color: #f7f7f7; }
.skin8 #nav2 a.level3Active { border-color: #f7f7f7; } 
.skin8 .intro, .skin8 .review { background-color: #f7f7f7; }
.skin8 .quote { background-color: #595959; }
.skin8 .review * { color: #595959; }