/*

screen.css

kleuren: #B3D349 - Signaal kleur
		 #660066 - Links, koppen
		 #000000 - Tekst
		 #666666 - Minder belangrijke tekst
		 #A9A9A9 - Hoofdmenu, kruimelpad
		 #DADADA - Kader, formuliervelden rand
		 #E0E0E0 - Website achtergrond
		 #EAEAEA - Kader
		 #F0F0F0 - Achtergrond lijst

*/

a {
	color: #660066;
}

p {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	display: none;
}

body {
	padding: 0;
	margin: 0;
	background-color: #E0E0E0;
	font-family: verdana;
	font-size: 11px;
}

#header {
	width: 980px;
	height: 78px;
	margin: 0;
	padding: 0;
}

#page_container {
	width: 980px;
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 276px 0 0 0;
	position: relative;
}

#page_container.homepage {
	padding: 393px 0 0 0;
}

#logo {
	position: absolute;
	top: 11px;
	left: 31px;
	display: block;
	width: 129px;
	height: 50px;
	background-image: url(../images/logo.gif);
}

#logo span {
	display: none;
}

#center_content {
	padding: 0 10px 0 10px;
}

#kolom_links {
	float: left;
	width: 321px;
	margin: 0 0 10px 0;
}

#kolom_rechts {
	width: 639px;
	float: right;
}

#content_container {
	width: 639px;
}

.content_container_fixed_height {
	height: 509px;
    float: right;
    width: 1px;
}

#banners {
	float: right;
	width: 221px;
	background-image: url(../images/banners_background.gif);
	background-repeat: no-repeat;
	background-color: #B3D349;
	padding: 29px 0 0 0;
	margin: 0 0 17px 0;
	line-height: 20px;
}

.banner {
	margin: 0 19px 20px 19px;
	padding: 0 0 20px 0;
	width: 183px;
	color: #FFF;
	border-bottom: 1px dashed #FFF;
}

.banner.last {
	border: 0;
	margin: 0 19px 0 19px;
}

.banner h3 {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.banner a {
	color: #FFF;
	padding: 0 0 0 20px;
	background-image: url(../images/banner_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.banner ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#pagina_content {
	float: left;
	width: 593px;
	padding: 0 23px 0 23px;
	line-height: 20px;
	margin: 0;
}

#extra_pagina_titel {
	padding: 0 23px 0 23px;
	clear: both;
}

.homepage #pagina_content {
	width: 371px;
}

#breadcrumbs {
	color: #a9a9a9;
	line-height: 25px;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 0;
}

#breadcrumbs span {
	font-weight: bold;
}

#breadcrumbs a {
	color: #a9a9a9;
	text-decoration: none;
	margin: 0 3px 0 3px;
}

#breadcrumbs a:hover {
	color: #000;
}

#projecten_banner {
	position: relative;
	display: inline;
	color: #FFFFFF;
	float: right;
	width: 181px;
	
	margin: 0 -20px 20px 20px;
	padding: 25px 20px 20px 20px;
	background-image: url(../images/banners_background.gif);
	background-repeat: no-repeat;
	background-color: #B3D349;
}

#projecten_banner h3 {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#projecten_banner #testimonial_inleiding {
	border-top: 1px dotted #d9e9a4;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

#projecten_banner a.testimonial {
	color: #FFF;
	background-image: url(../images/banner_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0 0 0 20px;
}

#projecten_banner ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#projecten_banner li {
	padding: 0 0 0 20px;
	background-image: url(../images/banner_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

#projecten_banner li a {
	color: #FFFFFF;
}

#projecten_banner img {
	padding: 0;
}

#titel_pagina {
	margin: 0 0 15px 0;
}

#titel_relevante_vacatures {
	margin: 20px 0 20px 0;
}

#zoekresultaat {
	position: relative;
	margin: 0 0 0 15px;
	width: 625px;
	clear: both;
}

#zoekresultaat table {	
	width: 100%;
}

#zoekresultaat th {
	background-color: #B3D349;
}

#zoekresultaat_relevant th {
	background-color: #666666;
}

#zoekresultaat th,
#zoekresultaat_relevant th {
	color: #FFF;
	text-align: left;
	line-height: 25px;
	padding: 0 0 0 12px;
}

#zoekresultaat th.standplaats,
#zoekresultaat th.opleiding,
#zoekresultaat_relevant th.standplaats,
#zoekresultaat_relevant th.opleiding {
	width: 100px;
}

#zoekresultaat td,
#zoekresultaat_relevant td {
	line-height: 25px;
	padding: 0 0 0 12px;
	vertical-align: top;
	cursor: pointer;
}

#zoekresultaat .even,
#zoekresultaat_relevant .even,
#nieuwsoverzicht .even {
	background-color: #f0f0f0;
}

#zoekresultaat .hover {
	background-color: #DADADA;
}

#zoekresultaat a,
#zoekresultaat_relevant a,
#nieuwsoverzicht a {
	color: #000;
	text-decoration: none;
}

#zoekresultaat a:hover,
#zoekresultaat_relevant a:hover,
#nieuwsoverzicht a:hover {
	color: #660066;
}

#zoekresultaat_relevant {
	width: 625px;
	margin: 0 0 0 15px;
	clear: both;
}

#zoekresultaat_relevant table {
	width: 100%;
}

#zoekresultaat_map {
	width: 625px;
	height: 400px;
}

#overzicht_rss {
	position: absolute;
	top: -35px;
	right: 20px;
	font-size: 11px;
	line-height: 18px;
}

#overzicht_rss a {
	background-image: url(../images/buttons/rss.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 0 0 0 15px;
	color: #660066;
	text-decoration: underline;
	line-height: 18px;
}

#overzicht_rss span {
	color: #660066;
	text-decoration: underline;
	line-height: 18px;
}

#overzicht_rss_uitleg_btn {
	cursor: pointer;
}

#vacatures_pager {
	margin: 15px 0 20px 0;
	color: #FFF;
}

#vacatures_pager table {
	width: 100%;
}

#vacatures_pager .vorige,
#vacatures_pager .volgende {
	width: 50%;
}

#vacatures_pager .vorige a {
	background-image: url(../images/buttons/pager_vorige.gif);
	background-repeat: no-repeat;
	background-position: 13px 3px;
	padding: 0 0 0 23px;
}

#vacatures_pager .volgende a {
	background-image: url(../images/buttons/pager_volgende.gif);
	background-repeat: no-repeat;
	background-position: 57px 3px;
	padding: 0 15px 0 0;
}

#vacatures_pager .volgende {
	text-align: right;
}

#vacatures_pager .number {

	background-image: url(../images/pager_number_background.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 3px 0 4px;

}

#vacatures_pager .number.first {
	background: none;
}

#vacatures_pager .current {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#zoekresultaat_open_sollicitatie {
	position: relative;
	background-color: #f1f1f1;
	color: #000000;
	padding: 15px;
	margin: 10px 0 10px -10px;
	width: 595px;
	float: right;
}

#btn_open_sollicitatie {
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 105px;
	height: 23px;
	background-image: url(../images/buttons/open_sollicitatie.gif);
	background-repeat: no-repeat;
}

#btn_open_sollicitatie span {
	display: none;
}

#pagina_content.sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pagina_content.sitemap ul a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#pagina_content.sitemap ul ul {
	list-style: disc;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
}

#pagina_content.sitemap ul ul a {
	font-weight: normal;
}

#nieuwsoverzicht {
	position: relative;
	width: 625px;
	margin: 0 0 0 -10px;
}

#nieuwsoverzicht table {
	width: 100%;
}

#nieuwsoverzicht th {
	background-color: #B3D349;
	color: #FFFFFF;
	text-align: left;
	line-height: 25px;
	padding: 0 0 0 12px;

}

#nieuwsoverzicht td {
	line-height: 25px;
	padding: 0 0 0 12px;
}

#standplaatsen_container {
	width: 625px;
	margin: 0 0 0 15px;
	clear: both;
}

#standplaatsen_container div {
	height: 29px;
	border-top: #FFF 1px solid;
	overflow: hidden;
	padding: 0 0 0 10px !important;
}

#standplaatsen_container img {
	border: 0;
}

#standplaatsen_container a {
	color: #000;
	text-decoration: none;
}

#standplaatsen_container a:hover {
	color: #660066;
	text-decoration: none;
}

#standplaatsen_container span {
	height: 29px;
	line-height: 26px;
	padding: 0 0 0 10px;
}

#standplaatsen_container h4 {
	color: #000000;
	font-size: 11px;
	height: 29px;
	line-height: 26px;
	padding: 0;
	margin: 0;
}

#standplaatsen_container strong {
	color: #660066;
}

#standplaatsen_container td {
	padding: 0 10px 0 0;
}

#standplaats_container {
	position: relative;
	height: 280px;
	width: 595px;
	background-color: #f0f0f0;
	margin: 0 0 10px 15px;
	padding: 15px;
	font-size: 11px;
	clear: both;
	line-height: 15px;
}

#standplaats_container h3 {
	font-size: 11px;
	margin: 0 !important;
	padding: 0;
}

#standplaats_container form {
	margin: 0;
}

#standplaats_adres {
	float: right;
	width: 300px;
}

#standplaats_route_formulier {
	float: left;
}

#standplaats_route_formulier td {
	height: 25px;
}

#standplaats_route_formulier input {
	border: 1px solid #d8d8d8;
}

#standplaats_container #google_maps_vestiging {
	position: absolute;
	top: 150px;
	left: 0px;
}

.standplaats_dark {
	background-color: #ffffff;
}

.standplaats_light {
	background-color: #f0f0f0;
}

.standplaats_single_dark {
	background-color: #d5b9d5;
}

.standplaats_single_light {
	background-color: #e8d9e8;
}

.standplaats_single_light td, .standplaats_single_dark td {
	padding: 3px 6px;
}

.standplaats_single_light td td, .standplaats_single_dark td td {
	line-height: 20px;
	padding: 1px 1px;
}

.standplaats_nopadding {
	padding: 0 !important;
}

#google_maps_vestiging {
	width: 625px;
	height: 160px;
}

#google_maps_directions {
	margin: 0 0 20px 10px;
	width: 625px;
}

#plan_route_button {
	text-align:right;
	padding: 5px 0 0 0;
}

#homepage_nieuws {
	width: 629px;
}

#zoekfunctie {
	margin: 0 0 10px 0;
}

#zoekfunctie_tabs {
	list-style: none;
	margin: 12px 0 0 0;
	padding: 0;
}

#zoekfunctie_tabs li {
	background-image: url(../images/zoekfunctie_tab.gif);
	background-repeat: no-repeat;
	float: left;
	width: 99px;
	height: 29px;
	padding: 0 0 0 5px;
	margin: 0 1px 0 0;	
}

#zoekfunctie_tabs li.selected {
	background-image: url(../images/zoekfunctie_tab_selected.gif);
}

#zoekfunctie_tabs li a {
	text-decoration: none;
	font-size: 10px;
	font-family: arial;
	color: #000000;
	line-height: 29px;
	padding: 0 0 0 5px;
	width: 99px;
}

#form_vacature_zoeken {
	margin: 0 !important;
	padding: 0 !important;
}

#zoekformulier {
	width: 295px;
	background-color: #DADADA;
	padding: 22px 13px 18px 13px;
	
}

#zoekformulier h3 { /* bladeren formulier */
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

#zoekformulier ul { /* bladeren formulier */
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 18px;
	color: #666666;
}

#zoekformulier a { /* bladeren formulier */
	text-decoration: none;
	color: #666666;
}

#zoekformulier a:hover { /* bladeren formulier */
	color: #000000;
}

#zoekformulier img { /* bladeren formulier */
	border: 0;
}

#zoekformulier table {
	width: 100%;
}

#zoekformulier select {
	width: 170px;
	height: 18px;
	font-size: 10px;
	border: 1px solid #DADADA;
}

#zoekformulier #straal_id {
	width: 65px;
}

#zoekformulier label {
	display: block;
	font-family: arial;
	font-size: 10px;
	line-height: 23px;
	width: 118px;
}

#zoekformulier #presentatie_radio {
	width: 230px;
}

#zoekformulier #presentatie_radio label {
	display: inline;
	line-height: 10px;
	padding: 0 0 15px 0;
}

#zoekformulier #postcode_plaats {
	width: 170px;
	height: 16px;
	padding: 2px 0 0 0;
	font-size: 10px;
	font-family: arial;
	border: 0;
}

#zoekformulier #trefwoorden {
	width: 170px;
	height: 16px;
	padding: 2px 0 0 0;
	font-size: 10px;
	font-family: arial;
	border: 0;
}

#zoekformulier #btn_toon_vacatures {
	margin: 10px 0;
}

#tellers_container {
	border-top: 1px dotted #666;
	padding: 20px 0 0 0;
}

#tellers {
	width: 100%;
}

#tellers td {
	padding: 0;
	line-height: 15px;
}

#tellers .label {
	width: 105px;
	padding: 0;
}

#tellers label {
	font-size: 11px;
	line-height: 17px;
}

#tellers span {
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
}

#solliciteren {
	width: 321px;
	height: 102px;
	margin: 0 0 0 0;
}

#solliciteren img {
	border: 0;
}

#nieuws {
	margin: 0 0 0 10px;
	text-align: right;
	line-height: 20px;
}

#nieuws h3 {
	margin: 0 0 10px 0;
}

.nieuws_item_container.left {
	float: left;
}

.nieuws_item_container.right {
	float: right;
}

.nieuws_item_container {
	width: 305px;
	text-align: left;
}

.nieuws_item {
	padding: 0 12px 0 12px;
	text-align: left;
}

.nieuws_item h4 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.nieuws_item h4 a {
	color: #000000;
	text-decoration: none;
}

.nieuws_item h4 a:hover {
	text-decoration: underline;
}

.nieuws_item span {
	color: #666;
	font-size: 10px;
	line-height: 15px;
}

.nieuws_item .inleiding {
	height: 90px;
}

.nieuws_item .inleiding a {
	color: #660066;
}

#nieuws img {
	border: 0;
	width: 305px;
}

#titel_permalinks {
	margin: 0 0 10px 0;
}

#permalinks_container {
	margin: 10px 0 5px 0;
}

#permalinks ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 20px;
}

#permalinks h4 {
	margin: 0 0 5px 10px;
}

#permalinks a {
	color: #666;
	text-decoration: none;
}

#permalinks a:hover {
	color: #000;
}

.permalink_tabel {
	width: 310px;
}

.permalink_tabel h4 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.permalink_tabel li {
	float: left;
	width: 150px;
}

.permalink_table_functies {
	padding: 10px 0 0 0;
}

ul.divisies {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.divisies li {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

ul.projecten {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

ul.projecten li {
	margin: 0;
	font-weight: normal;
}

ul.projecten a {
	color: #000;
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px; 
	padding: 0 0 0 15px;
	
}

#footer {
	width: 960px;
	margin: 10px auto 10px auto;
	padding: 0 0 0 20px;
	color: #9a9a9a;
}

#footer a {
	color: #9a9a9a;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

#menu {
	position: absolute;
	top: 50px; 
	right: 47px;
}

#form_contact {
	background-color: #f0f0f0;
	padding: 10px 13px 10px 15px;
	margin: 0 0 0 15px;
	width: 599px;
	clear: both;
}

#form_contact input,
#form_contact textarea {
	border: 1px solid #d8d8d8;
}

#form_contact .error {
	color: #ff0000;
}

#form_contact td {
	line-height: 25px;
	vertical-align: top;
}

#form_contact input {
	width: 170px;
}

#form_contact textarea {
	width: 270px;
	height: 82px;
	margin: 0 0 10px 0;
}

#form_contact label {
	margin: 0 10px 0 0;
}

#form_contact .error input,
#form_contact .error textarea {
	border: 1px solid #ff0000;
}

#form_contact #button_versturen input {
	float: right;
	width: 87px;
}

#vacature_details_specs {
	float: left;
	width: 258px;
}

#vacature_kaart {
	float: right;
	width: 328px;
	height: 174px;
}

#vacature_details td {
	vertical-align: top;
}

#vacature_details h3 {
	font-size: 11px;
	font-weight: bold;
}

#vacature_details .label {
	font-weight: bold;
	padding: 0 7px 0 0;
}

#vacature_details strong {
	font-weight: normal;
}

#vacature_buttons {
	list-style: none;
	margin: 20px 0 30px 0;
	padding: 0;
	overflow: auto;
}

#vacature_buttons li {
	background-repeat: no-repeat;
	height: 23px;
}

#vacature_buttons li {
	cursor: pointer;
}

#vacature_buttons a,
#vacature_buttons span {
	display: none;
}

#vacature_buttons #btn_solliciteer {
	background-image: url(../images/buttons/solliciteer.gif);
	width: 87px;
	float: left;
}

#vacature_buttons #btn_print {
	background-image: url(../images/buttons/print.gif);
	width: 43px;
	float: right;	
	padding: 0 5px 0 0;
}

#vacature_buttons #btn_mail_a_friend {
	background-image: url(../images/buttons/mail_a_friend.gif);
	width: 103px;
	float: right;	
	padding: 0 5px 0 0;	
}

#vacature_buttons #btn_terug {
	background-image: url(../images/buttons/terug.gif);
	width: 48px;
	float: right;
}

#vacature_buttons #btn_vacaturebutton {
	width: 196px;
	float: right;
	padding: 0 5px 0 0;
}


#vacature_buttons #btn_vacaturebutton a {
	display: block;
}

#form_mail_a_friend {
	background-color: #f0f0f0;
	padding: 10px;
	margin: 10px 0 20px 15px;
	width: 599px;
	clear: both;
}

#form_mail_a_friend table {
	width: 100%;
}

#form_mail_a_friend img {
	border: 0;
}

#form_mail_a_friend .error {
	color: #FF0000;
}

#form_mail_a_friend td {
	vertical-align: top;
	line-height: 25px;
}

#form_mail_a_friend input {
	height: 18px;
	width: 170px;
	border: 1px solid #d8d8d8;
}

#form_mail_a_friend .checkbox {
	border: 0;
}

#form_mail_a_friend textarea {
	border: 1px solid #d8d8d8;
	width: 270px;
	height: 84px;
}

#form_mail_a_friend label {
	font-weight: bold;
	font-size: 11px;
}

#form_mail_a_friend #stuur_kopie {
	width: 20px;
}

#form_mail_a_friend #btn_versturen {
	width: 87px;
	height: 23px;
	float: right;
}

#form_mail_a_friend #btn_terug {
	float: left;
}

#testimonial_banner {
	position: relative;
	display: block;
	width: 321px;
	height: 102px;
	cursor: pointer;
	border: 0;
}

#testimonial_banner img {
	border: 0;
}

#testimonial_banner .naam_kreet {
	position: absolute;
	top: 10px;
	left: 100px;
	width: 210px;
	height: 70px;
}

#testimonial_banner .medewerker_naam {
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	color: #000000;
}

#testimonial_banner .kreet {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#testimonial_banner img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#testimonial_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/testimonial_overlay.gif);
	background-repeat: no-repeat;
	width: 321px;
	height: 102px;
}

#sollicitatie_iframe {
	width: 616px;
	height: 600px;
	background-color: #F0F0F0;
	margin: 0 0 10px -10px;
	padding: 10px 0 0 10px;
}

#andere_testimonials {
	margin: 0 !important;
}

#projecten_banner strong {	
	font-size: 10px;
	line-height: 15px;
}

#testimonial_naam_kreet {
	font-size: 9px;
	color: #FFFFFF;
	line-height: 10px;
	overflow: auto;
	margin: 0 0 10px 0;
}

#testimonial_naam_kreet img {
	float: left;
}

#vacature_relevante_links {
	margin: 15px 0 0 0;
}

#vacature_relevante_links a {
	white-space: nowrap;
}

ul#testimonials {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#testimonials li {
	background-image: url(../images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 15px;
}

ul#testimonials a {
	color: #000000;
}

#rss_uitleg {
	position: absolute;
	font-family: verdana;
	font-size: 11px;
	line-height: 20px;
	padding: 10px 15px 15px 15px;
	width: 420px;
	background-color: #FFFFFF;
	border: 1px solid #D8D8D8;
	cursor: pointer;
	background-image: url(../images/buttons/remove.gif);
	background-repeat: no-repeat;
	background-position: 430px 10px;
}

#rss_uitleg h4 {
	font-size: 13px;
	color: #660066;
	margin: 0 0 10px 0;
}

#rss_uitleg h5 {
	font-size: 11px;
	color: #000000;
	margin: 10px 0 10px 0;
}

#rss_uitleg ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rss_uitleg li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

#rss_uitleg a {
	color: #000;
}


.google_job_row,
.google_job_row_over {
	cursor: pointer;
}

.google_job_row_over {
	background-color: #F0F0F0;
}

.button_terug {
	display: block;
	background-image: url(../images/buttons/terug.gif);
	background-repeat: no-repeat;
	width: 48px;
	height: 23px;
}

.button_terug span {
	display: none;
}

.right {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

#vacature_bedrijfsinfo_titel {
	cursor: pointer;
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/vacaturetekst_right.gif);
}

#vacature_bedrijfsinfo_titel.selected {
	background-image: url(../images/vacaturetekst_down.gif);
}

#vacature_bedrijfsinfo_tekst {
	display: none;
}

/*** CLEARFIX ***/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }