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

#contactlenzen {
	width: 942px;
}

#contactlenzen h3 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #009182;
}

#contactlenzen a, #contactlenzen a:hover, #contactlenzen a:active {
	outline:none;
}

#contactlenzentop {
	width: 942px;
	height: 307px;
	background-image: url(../images/lenzen_background.jpg);
	background-repeat: no-repeat;
	border: 0;
	border-bottom: solid 1px #e3e3e3;
	margin: 0 0 15px 0;
}

#contactlenzentop .left_block {
	float: left;
	width: 559px;
	padding: 29px 0 0 26px;
	overflow: hidden;
}

#contactlenzentop h1 {
	margin: 0 0 7px 10px;
	padding: 0;
}

#contactlenzentop p {
	margin: 0 0 13px 10px;
	padding: 0;
}

#contactlenzentop .right_block {
	width: 357px;
	padding: 29px 0 0 0px;
	float: left;
	clear: right;
}

#contactlenzen .placeholder {
	width: 357px;
	height: 46px;
	display: block;
}

#contactlenzen .dropdown, .button {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .01em;
	margin: 0 0 2px 5px;
	cursor: pointer;
	position: static;
}

#contactlenzen .dropdown .dropdown_top {
	background-image: url(../images/dropdown_top.gif);
	width: 333px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	font-size: 0px;
}


#contactlenzen .dropdown .dropdown_middle {
	background-image: url(../images/dropdown_middle.png);
	width: 333px;
	height: 20px;
	display: block;
	padding: 4px 0 0 0;
	background-repeat: repeat-y;
}

#contactlenzen .dropdown .selections {
	display: none;
}

#contactlenzen .dropdown .extended {
	background-image: url(../images/dropdown_middle_exte.png);
	padding: 4px 0 0 0;
	background-repeat: repeat-y;
	height: auto;
}

#contactlenzen .dropdown .extended .selections {
	display: block;
	width: 302px;
	margin: 7px auto 0 auto;
	padding: 11px 0 11px 15px;
	background-image: url(../images/dropdown_middle_sele.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #cde9e6;
}

#contactlenzen .extended .selections a {
	position: relative;
	z-index: 5;
	font-weight: bold;
	display: block;
	clear: both;
	margin: 0 0 3px 0;
	color: #009182;
}

#contactlenzen .extended .selections a:hover {
	color: #395b56;
}

#contactlenzen .dropdown .dropdown_bottom {
	background-image: url(../images/dropdown_bottom.png);
	width: 333px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	font-size: 0px;
}

#contactlenzen .button {
	background-image: url(../images/dropdown_button.gif);
	width: 309px;
	height: 31px;
	display: block;
	padding: 14px 0 0 24px;
	background-repeat: no-repeat;
	color: fff;
}

#contactlenzen .dropdown a {
	color: #000;
	margin-left: 24px;
}

#contactlenzen .button a {
	color: #fff;
}

#contactlenzen .dropdown .up {
	background: url(../images/arrow_up.gif) no-repeat;
	float: right;
	margin: 2px 20px 0 0 !important;
	margin: 2px 12px 0 0;
	width: 14px;
	height: 13px;
}

#contactlenzen .dropdown .down {
	background: url(../images/arrow_down.gif) no-repeat;
	float: right;
	margin: 2px 20px 0 0 !important;
	margin: 2px 12px 0 0;
	width: 14px;
	height: 13px;
}

#contactlenzenbottom {
	margin: 25px 0 0 0;
	width: 942px;
}

#contactlenzenbottom .left_block {
	float: left;
	width: 531px;
	padding: 5px 52px 5px 12px;
}

#contactlenzenbottom .right_block {
	width: 347px;
	float: left;
	clear: right;
	padding: 5px 0;
	margin: 0 0 15px 0;
}

#contactlenzen_result .top {
	padding: 30px; 22px;
	border-bottom: 1px solid #e1e1e1;
}

#contactlenzen .top .title {
	margin: 0 10px 0 0;
}

#contactlenzen .top .voorkeuren {
	float: right;
	position: relative;
	top: -8px;
}

#contactlenzen #results {
	height: 261px;
	background-image: url(../images/lenzen_result_background2.jpg);
	background-repeat: no-repeat;	
}

#contactlenzen #graph {
	width: 443px;
	height: 197px;
	padding: 31px 0 37px 30px;
	color: #122e29;
	font-size: 13px;
}

#graph .vervangingstermijn {
	float: left;
	width: 210px;
	height: 22px;
}

#graph .draagduur {
	clear: right;
	height: 22px;
}

#graph .small3 {
	background: url(../images/lenzen_graph_3digits_small.gif) no-repeat;
	display: inline;
	font-weight: bold;
	padding: 1px 4px 3px 4px;
	letter-spacing: 7px;
	font-size: 12px;
	vertical-align: text-bottom;
}

#graph .small {
	background: url(../images/lenzen_graph_small.gif) no-repeat;
	display: inline;
	font-weight: bold;
	padding: 1px 4px 3px 4px;
	letter-spacing: 7px;
	font-size: 12px;
	vertical-align: text-bottom;
}

#graph .middle {
	height: 157px;
	padding: 19px 0 0 0;
}

#graph .graphlabel {
	width: 140px;
	height: 20px;
	float: left;
}

#graph .graph {
	background: url(../images/lenzen_graph.gif) no-repeat;
	width: 237px;
	height: 20px;
	float: left;
	clear: right;
}

.graph .segment {
	height: 14px;
	font-size: 0px;
}

.graph .start {
	width: 0px;
}

.graph .size1 {
	width: 58px;
}

.graph .size2 {
	width: 117px;
}

.graph .size3 {
	width: 176px;
}

.graph .size4 {
	width: 235px;
}

.graph .red {
	border: 1px solid #c30e1f;
	background: url(../images/lenzen_graph_red.gif) repeat-x;
}

.graph .yellow {
	border: 1px solid #eb6401;
	background: url(../images/lenzen_graph_yellow.gif) repeat-x;
}

.graph .green {
	border: 1px solid #009081;
	background: url(../images/lenzen_graph_green.gif) repeat-x;
}

#contactlenzen .container {
	border-bottom: 1px solid #e1e1e1;
}

#contactlenzen .container .left_block {
	float: left;
	width: 469px;
}

#contactlenzen .container .right_block {
	width: 473px;
	float: left;
	clear: right;
}

#contactlenzen #tabcontainer {
	background-image: url(../images/lenzen_result_tabbackground.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0px;
	height: 96px;
	width: 942px;
}

#contactlenzen #tabcontainer table, #tabcontainer tr, #tabcontainer td {
	margin: 0;
	padding: 0;
}

#contactlenzen #tabcontainer .tabs {
	height: 96px;
	margin: 0 auto;
	width: auto;
}

#contactlenzen .tabs .tabs_right {
	width: 1px;
	height: 96px;
	background: url(../images/lenzen_tabs_right.gif) no-repeat right;
	font-size: 0px;
}

#contactlenzen .tabs .maintab_top {
	width: 178px;
	height: 62px;
	text-align: center;
	background: url(../images/lenzen_maintab_top.gif) no-repeat;
}

#contactlenzen .tabs .holder {
	position: relative;
	top: 0px;
}

#pointer {
	position: absolute;
	top: 20px;
	left: 0px;
}

#contactlenzen .tabs .tabs_top {
	width: 179px;
	height: 62px;
	text-align: center;
	background: url(../images/lenzen_tabs_top.gif) repeat-x;
}

#contactlenzen .maintab_top .title, .tabs_top .title {
	margin-top: 45px;
}

#contactlenzen .tabs .tab {
	width: 179px;
	height: 34px;
	text-align: center;
	background: url(../images/lenzen_tab.gif) no-repeat;
}

#contactlenzen .tabs .maintab {
	width: 178px;
	height: 34px;
	text-align: center;
	background: url(../images/lenzen_maintab.gif) no-repeat;
}

#contactlenzenbottom.results .left_block {
	float: left;
	width: 405px;
	padding: 5px 52px 5px 12px;
}

#contactlenzenbottom.results .right_block {
	width: 434px;
	float: left;
	clear: right;
	margin: 0 0 0 10px;
	padding: 10px 10px;
	background: #fef5eb;
	border: 1px solid #ffa878;
}

#contactlenzenbottom.results .right_block h3 {
	color: #f88615;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}