/* netdoktor hjertekundskab CSS Document */

/* general */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font: 12px Verdana,Arial,sans-serif; color: #000;}
H1 {font: bold 14px Arial,Arial; margin: 0px 0px 0px 10px; word-spacing: 0em; letter-spacing: -0.1em;}
H2 {font: 15px Arial Black,Arial; color: #dc0909; margin: 0px 35px 16px 10px; word-spacing: 0em; letter-spacing: -0.1em; text-transform: uppercase;}
H3 {font: bold 15px Arial,Arial; color: #666; margin: 0px 35px 0px 10px;}
H4 {font: bold 14px Arial,Arial; margin: 0px; word-spacing: 0em; letter-spacing: -0.1em;}
a:link, a:visited {color: #4D1608; text-decoration: none}
a:hover {color: #3B76BD; text-decoration: none}
img{border-width: 0px;}
.brown {color: #4D1608;}

/* base elements */
.topdivider {height: 23px;}
.contentbackholder {height: 470px; background: url(img/bacgroundstripzigzag.gif) 0px 0px no-repeat; vertical-align: top;}
.contentbackholderrequest {height: 800px; background: url(img/bacgroundstripzigzag.gif) 0px 0px no-repeat; vertical-align: top;}
.bottomdivider {height: 17px;}
.footerholder {height: 37px;}


/* contentfield */
div#contentfield {width: 305px; position: relative; top: 12px; left: 13px; background: #fff url(img/zigzagbacktransparent.gif) 0px 0px no-repeat; margin: 0px 5px 0px 5px; padding: 0px 0px 3px 0px;}
div#contentfield p {margin: 10px 35px 15px 10px; font: 12px Verdana,Arial,sans-serif #000;}

/* diagram */
.diagramtableleftholder {width: 9px;}
.diagramtable		{background: #FFFBF5; border: 1px solid #FCCA87; font: 10px Arial,Arial;}
.diagramlefttd		{width:1px;}
.bplabel			{width: 17px; vertical-align:top; padding: 0px 10px 0px 5px;}
.bpfigures			{width: 25px; color: #4D1608; text-align: left; vertical-align: top; line-height: 15px;}
.mgcllfigures		{width: 16px; height: 15px; color:#4D1608; text-align: center;}
.mgclllabels		{font: 10px Arial,Arial; color:#4D1608; text-align: center; padding-bottom: 6px;}
.generallabel		{height: 5px; font: bold 10px Arial,Arial; color:#4D1608; text-align: center; background: #FCCA87; vertical-align:top; padding-bottom:3px;}
.diagram1			{width:80px; padding: 0px; vertical-align: top;}
.diagramboxspacer	{width:10px;}
.diagram2			{width:80px; padding: 0px; vertical-align: top;}
.colorspec			{width:50px; letter-spacing: -0.1em; text-align: center; vertical-align: top; padding: 0px 3px 0px 0px;}
.colorspec table	{height: 139px; vertical-align: top; padding: 1px 0px 1px 0px; border: 2px solid #FCCA87;}

/* diagrambox */
.dfg td			{width: 16px; height: 15px; text-align: center;}
.lessthan1		{background: #00A650; color:#fff; font: 10px Arial,Arial;}
.percent1		{background: #7BC142; color:#000; font: 10px Arial,Arial;}
.percent2		{background: #FEF200; color:#000; font: 10px Arial,Arial;}
.percent3to4	{background: #F7931D; color:#000; font: 10px Arial,Arial;}
.percent5to9	{background: #ED1C24; color:#fff; font: 10px Arial,Arial;}
.percent10to14	{background: #C4151C; color:#fff; font: 10px Arial,Arial;}
.morethan15		{background: #9E0A0F; color:#fff; font: 10px Arial,Arial;}


/* footer */
div#footer {font-family: Verdana,Arial,sans-serif; font-size: 10px; color: #4D1608; word-spacing: 0.1em; margin: 10px 10px 5px 28px; vertical-align: top; text-decoration: none; line-height: 20px;}
div#footer img {position: relative; top: 12px; left: 0px;}

/* formfield/rightfield */
div#formfield {width: 337px; position: absolute; top: 107px; left: 340px;  margin: 0px; border: 0px; padding: 0px; background: #fff url(img/formback.gif) 0px 0px no-repeat;}
table.formtable {height: 100%; width: 100%; border: 0px; padding: 3px 0px 0px 0px; margin: 0px;}
td.formtop {width: 337px; height: 29px; border: 0px 0px 0px 0px;}
td.formcontent {border-left: 0px solid #4D1608; width: 337px; border-top: 0px; border-right: 2px solid #4D1608; border-bottom: 0px; vertical-align: top; margin: 0px;}
td.formbottom {width: 337px; height: 8px; background: url(img/formbackbottom.gif) 0px 0px no-repeat;}
.formleft {width: 96px; height: 10px; text-align: right; font: bold 11px Arial ,Arial; color: #DC0909; line-height: 12px; padding: 4px 0px 5px 10px; vertical-align: top; border-top: 0px; border-bottom: 0px; }
.formleft2 {width: 210px; height: 10px; text-align: left; font: bold 11px Arial ,Arial; color: #DC0909; line-height: 12px; padding: 4px 0px 5px 10px; vertical-align: top; border-top: 0px; border-bottom: 0px; }
.formlefttoptextonly {width: 337px; height: 60px; text-align: left; font: 12px Arial,Arial; color: #000; padding: 4px 15px 15px 30px; vertical-align: top; border-top: 0px; border-bottom: 0px;}
.formlefttoptextonlyrequest {width: 337px; height: 60px; text-align: left; font: 12px Arial,Arial; color: #000; padding: 4px 15px 0px 30px; vertical-align: top; border-top: 0px; border-bottom: 0px;}
.formcenterspace {width: 12px; border: 0px;}
td.formcenterspace {border-left: 1px solid #4D1608; border-top: 0px; border-bottom: 0px; vertical-align: top; margin: 0px;}
.formright {width: 229px; height: 25px; padding: 0px 0px 5px 0px; text-align: left; font:  11px Arial,Arial; border: 0px;}
.formfarright {width:219px; height:20px; padding:5px 5px 5px 5px; text-align:left; font:11px Arial,Arial; vertical-align:top; border: 0px;}

.formrightcheckbox {width: 20px; height: 20px; padding: 2px 0px 5px 0px; text-align: left; font:  11px Arial,Arial; vertical-align: top; border: 0px;}
.dropdownbox {border: 1px solid #7F9DB9; background-color:#fff;	font: 10px Verdana,Arial,sans-serif #000; margin: 0px 0px 0px 4px;}
.textbox1line {border: 1px solid #7F9DB9; background-color:#fff; font: 10px Verdana,Arial,sans-serif #000; margin: -1px 0px 0px 4px; vertical-align: top;}
.radiobutton {vertical-align: middle; margin: 0px 2px 0px 0px;}
.radiobuttontext {vertical-align: 2px; margin: 0px 6px 0px 0px;}

ul#answer { margin-left:18px;}
.currentStyle {
	font-size:1.5em;
	font-weight:bold;
}