body, p, td {
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size : 12px;
}

div#voorbeeld {
	margin-top : 10px;
	margin-left : auto;
	margin-right : auto;
	width : 540px;
	overflow : none;
}

div#voorbeeld a.preview {
	padding : 10px;
}


div#maakvoorbeeld table {
	width :570px;
}
div#maakvoorbeeld td,div#maakvoorbeeld th {
	width : 115px;
	text-align : center;
}

div.wrap {
	width : 715px;
}

div.keuzeinfo {
	float : right;
}
.keuzeinfo {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}

div.formulier   {
	border-style : solid;
	border-color : #999;
	border-width : 1px 1px 1px 1px;
}

div.present {
	background-color : #e6e6e6;
	border-style : solid;
	border-color : #c0c0c0;
	border-width : 1px 1px 1px 1px;
	padding-top : 20px;
	padding-bottom : 20px;
	text-align : center;
}

div.present img {
	border-style : solid;
	border-color : black;
	border-width : 1px;
	z-index : 0;
	position:relative; 
}

div.present div.vergroot {
position: absolute; 
top: 0; 
right: 0; 
z-index : 10;
}


input.error {
	border-color : #c00;
	background-color : #fdc;
}

div.red, span.error, div.error {
	color : #c00;
}

.grijs {
	color : #666666;
	font-weight: normal;
}

div.regel {
	display : block;
	width : 100%;
	border-color : #999;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	margin-bottom : 15px;
}
tr.regel td {
	border-color : #999;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
}

table.illustration {
	/*width : 700px; */
}
td.left {
	width : 220px;
	border-color : #999;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
}
td.right {
	width : 430px;
	border-color : #999;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
}

div.regel h2 {
	font-size : 14px;
	font-weight : normal;
}
.regel p {
	font-weight: 600;
	font-size: 16px;
	color: navy;
	}

table#illustration {
	float: left;
	margin-right : 0px;
	width: 320px;
}
td.top {
	vertical-align : top;
}
td.mid {
	vertical-align : middle;
}
td.floor {
	vertical-align : bottom;
}
td.gebouw {
	background-position : 0px 0px;
	background-image : url('../images/gebouw.png');
	background-repeat : no-repeat;
	text-align : center;
	vertical-align : top;
	padding-top : 20px;
	width : 400px; 
	height :160px;
}
td.pijlen {
	background-position : 0px 0px;
	background-image : url('../images/distance2.png');
	background-repeat : no-repeat;
	width : 320px; 
	height : 190px;
}
td#showmessage {
	color : red;
	font-size : 20px;
}
div#readable {
	position : relative;
	z-index : 10;
	width: 100;
	top : 77;
	left : 120;
	color : red;
}
div#signheight {
	position : relative;
	width : 80;
	z-index : 11;
	left : 260;
	top : 37;
	color : red;
}
div#sizekeuze{
width: 330px;
overflow: hidden;

}
div.keuze {
	width : 106px;
	float : left;
	padding : 5px;
	cursor : pointer;
}
div#damwandspecs table td input { width : 50px; }

div#typekeuze {
	width : 355px;
	float: left;
}

.keuze img {
	border-style : solid;
	border-color : #cccccc;
	border-width : 2px;
	cursor : pointer;
}

.keuze img.active, div.keuze a:hover img {
	border-style : solid;
	border-color : #c00;
	border-width : 2px;
}

.ui-tabs-nav li {
	min-width : 95px ! important;
}

.clearer {
	clear : both;
}

div.regel a {
	/* Description */
	text-decoration: none;
	cursor: help;
}
div.regel a dfn {
	/* Description */
	display: none;
}
div.regel a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: relative;
	width: 680px;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #000;
	color: black;
	text-decoration: none;
	font-style: normal;
	font-size: 0.7em;
	margin: 10px 0 0 0px;
	}

div#quoteform {
	margin-top : 50px;
	margin-bottom : 50px;
	display : block;
}

div#quoteform input.text, div#quoteform textarea {
	width : 300px;
	border-style : solid;
	border-width : 1px;
	border-color : #666666;
	background-color : #dddddd;
	font-style : Courier, fixed;
	font-size : 12px;
}
div#quoteform textarea {
	height : 100px;
}
div#quoteform input.button {
	background: #ff9c00;
	color: #632c00;
}

div#quoteform input.novalue {
	border-color : red !important;
	color:#f00;
}

div#quoteform td {
	text-align: left;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: 500;
    line-height: 15px;
  	cursor: help;
    }

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    padding: 6px;
    top:0.5em; left:2em; width:22em;
    border:1px solid #bbb;
    background-color:#ddd;
    color:#000;
    text-align: left;
    }