@charset "utf-8";
/* CSS Document */

/* 
#########################
######  Algemeen   ######
#########################
*/

body, html {width: 100%; height: 100%; margin: 0px; background: url(../images/layout/bg_site.gif) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: black;}

img {border: none;}


/* 
#########################
######  Teksten   #######
#########################
*/

.left-middle p {margin: 0px; padding: 0px 30px 0px 30px;}
.left-middle p strong { text-transform: uppercase; font-weight: bold; font-size: 18px; margin: 0px;}
.left-middle p b { text-transform: uppercase; font-weight: normal; font-size: 18px;}
.left-middle p.normalText strong {font-size: 11px; font-weight: bold; text-transform: capitalize;}

.right-back-next a {margin: 0px; padding: 0px 0px 0px 5px; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: black; text-decoration: none;}
.right-back-next a:hover {color: #3A3A3A;}
.right-middle p {margin: 0px; padding: 0px 10px 0px 10px; }
.right-middle h2 {margin: 0px; padding: 0px 10px 0px 10px; font-size: 18px; text-transform: uppercase;}

.right-middle ul {list-style: none;}
.right-middle ul li {font-size: 11px;}
.right-middle ul li a{font-size: 11px; color: black; text-decoration: none;}
.right-middle ul li a:hover {font-size: 12px; color: black; font-weight: bold; text-decoration: none;}

.right-middle ul.print_overview { list-style: url(../images/layout/vinkje.gif) outside;}
.right-middle ul.print_overview li {font-size: 12px; height: 19px; font-weight: bold;}




/* 
#########################
##  Opmaak site - ABC  ##
#########################
*/

.cableImage {position: absolute; right: 300px; top: 75px;}

.clear {clear: both;}

.holder-left {height: 100%; width: 100%; margin: 0px; padding: 29px 0px 30px 0px;}
.holder-right {height: 100%; width: 100%; margin: 0px; padding: 8px 0px 29px 0px;}

#index-content-left {background: url(../images/layout/bg_index_left.gif) repeat-x;}
#index-content-middle {background-image: url(../images/layout/bg_index_middle.png); width: 910px; height: 390px;}
#index-content-middle a{width: 100%; height: 100%; display: block;}
#index-content-right {background: url(../images/layout/bg_index_right.gif) repeat-x;}

#index-middle{
	width: 100%;
	height: 390px;
	position: absolute;
	top: 50%;
	margin-top: -195px;
}

#left { float: left; width: 549px; height: 353px; margin-left: 56px; margin-top: 19px; background: url(../images/layout/left_middle.gif) repeat-y; }
#left form {margin: 0px;}
#left form input {height: 15px; border: none; background: white; font-size: 10px; padding: 2px 4px 0px 4px;}

.left-top {
	position: absolute;
	z-index: 101;
	height: 52px;
	width: 549px;
	background: url(../images/layout/left_top.gif) no-repeat top;
	left: 56px;
}
.left-bottom {position: absolute; z-index: 102; height: 30px; width: 549px; margin-top: -30px; background: url(../images/layout/left_bottom.gif) no-repeat bottom;}


#middle {
	width: 100%;
	height: 390px;
	position: absolute;
	top: 50%;
	margin-top: -195px;
	
	background: url(../images/layout/bg_middle.gif) repeat-x;
}

#bottom-payoff {
	width: 207px;
	height: 50px;
	background-image: url(../images/layout/payoff.png);
	
	position: absolute;
	bottom: 20px;
	right: 0px;
}
#bottom-logo-capable {
	width: 77px;
	height: 68px;
	background-image: url(../images/layout/logo_capable.png);
	
	position: absolute;
	bottom: 20px;
	right: 207px;
}
#bottom-logo-capable a {width: 100%; height: 100%; display: block;}


.print_example { position:absolute; left: 51px; top: 52px; }

#right { float: left; width: 260px; height: 279px; background: white; margin-top: 40px;}
#right form {margin: 0px;}
#right form input{height: 15px; border: none; font-size: 10px; padding: 2px 4px 0px 4px; margin-bottom: 2px;}
input.color{height: 15px; border: none; font-size: 10px; padding: 2px 4px 0px 4px; background: #dbdbdb; margin-bottom: 2px;}
.right-top {
	position: absolute;
	height: 15px;
	width: 260px;
	background: url(../images/layout/right_corner_top.gif) no-repeat top right;
}
.right-bottom {position: absolute; z-index: 101;height: 15px; width: 260px; margin-top: -15px; background: url(../images/layout/right_corner_bottom.gif) no-repeat bottom right; }
.right-back-next {position: absolute; z-index: 101; height: 14px; background: white; margin-top: -29px;}

#siteContainer {
	width: 885px;
	height: 390px;
	background: url(../images/layout/bg_sitecontainer.gif);
	position: absolute;
	left: 50%;
	margin-left: -442px;
}

form
{
	margin: 0px;
	padding: 0px;
}

h2
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

a:link,
a:visited,
a:hover,
a:active
{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
}

a:hover,
a:active
{
	color: #3A3A3A;
}

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

label
{
	
}

ul.answers
{
	list-style:none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.answers li
{
	margin: 0px;
	padding: 0px;
	display: block;
}

.awgTable
{
	/*width: 100%;*/
}

.awgTable td
{
	font-size: 10px;
}

.awgTopCell
{
	border-bottom: 2px solid #000000;
	font-size: 1%;
	height: 1px;
	overflow: hidden;
	text-indent: -100px;
}
.awgDarkCell,
.awgLightCell
{
	padding: 1px;
}
.awgDarkCell
{
	background-color: #9e9e9e;
}
.awgLightCell
{
	/*background-color: #c2c2c2;*/
}


/* ////////////////////////////////// */

.answerDependancy
{
	color: #FF00FF;
	border: 1px solid #FF00FF;
	padding: 1px;
}
.imageInfluence
{
	color: #00CC00;
	font-weight: bold;
	border: 1px solid #00CC00;
	padding: 1px;
}