@charset "UTF-8";
/* CSS Document */		/*		== CSS voor Productoverzicht ==		*/

html {
	height: 100%;
}
body {
	text-align: center;
	height: 100%;
	background: #007DAA url(../img/background_po.jpg) repeat-x top;
	font-family: Helvetica;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100%;
}
* html #wrapper {
	height: 100%;
}
p {
	font-size: 11.2px;
}

/*		== HEADER ==		*/

#header {
	background: url(../img/header_po.gif) repeat-x;
	height: 32px;
	padding: 5px 5% 5px 5%;
}
#header h1 {
	font-size: 30px;
	float: left;
}	
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header a:active {
	color: #FFF;
	text-decoration: none;
}

/*		== MENU ==		*/

#menu {
	float: right;
	padding-top: 5px;
}
#menu li {
	display: inline;
	padding-right: 5px;
}
#menu a {
	font-size: 13px;
	display: inline-block;
	padding: 5px 5px 11px 5px;
}
#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
}
#menu a:hover, #menu a:active {
	border-bottom: solid 1px #FFF;
	padding-bottom: 10px;
}

/*		== CONTENT ==		*/

#content {
	padding-top: 20px;
	padding-bottom: 130px;
}

/*		== TOPCONTENT ==		*/

#topcontent {
	text-align: right;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	padding-top: 2%;
	padding-bottom: 4%;
}
#topcontent h2 {
	font-size: 24px;
	padding-bottom: 15px;
}
#topcontent a:link, #topcontent a:visited {
	color: #FFF;
	text-decoration: none;
}
#topcontent a:hover, #topcontent a:active {
	color: #7fBED4;
}
#topcontent p a:link, #topcontent p a:visited {
	text-decoration: underline;
}

/*		== MAINCONTENT ==		*/

#maincontent {
	font-size: 11.5px;
	width: 88%;
	margin-right: 6%;
	margin-left: 6%;
	border: 1px solid #1B627A;
	background-color: #007DAA;
	background-repeat: repeat;
}
#maincontent li {
	list-style-type: square;
	list-style-position: inside;
	padding: 2px;
}
#maincontent p, #maincontent dl {
	padding-left: 5px;
	line-height: 14px;
}
#maincontent h1 {
	font-size: 16px;
	margin-bottom: 15px;
}
#maincontent h2, .subtitle, strong {
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: bold;
}
#maincontent h3 {
	font-size: 16px;
	padding-bottom: 15px;
}
#maincontent a:link, #maincontent a:visited {
	color: #FFF;
	text-decoration: underline;
}
#maincontent a:hover, #maincontent a:active {
	color: #7fBED4;
}
#maincontentborder {
	border: solid 1px #0099D1;
	padding: 15px 15px 25px 15px;
}
#maincontentleft {
	float: left;
	width: 175px;
}
#maincontentright {
	border-left: solid 1px #0099D1;
	margin-left: 185px;
	padding-left: 25px;
}
td {
	padding: 5px;
}

/* (tarieven) */

.tarieven .inner {
	width: 100%;
	border: solid 1px #FFF;		
}
.tarieven th, .tarieven .inner tr {
	border: solid 1px #FFF;
	padding: 5px;
}
.tarieven .inner td, .tarieven .inner th {
	background-color: #1B627A;
}

/* (formulier) */

#Table20 {
	width: 100%;
}
#Table20 td {
	width: 15px;
	background-color: #7fBED4;
	border: solid 1px #007DAA;
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: solid 15px #007DAA;
}
#Table20 .td_small {
	width: 150px;
	background-color: #0099D1;
	border: solid 1px #007DAA;
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: solid 15px #007DAA;
}

#offerte_formulier_Panel12, #offerte_formulier_Panel18, #offerte_formulier_Panel21, #offerte_formulier_Panel23, #offerte_formulier_Panel24, #offerte_formulier_Panel26, #offerte_formulier_Panel3112, #offerte_formulier_Panel321, #offerte_formulier_Panel33  {
	border-bottom: solid 1px #7fBED4;
	margin-bottom: 5px;
}

#offerte_formulier_BackToPanel2, #offerte_formulier_ForwardSendForm {
	margin-top: 20px;
}

/*		== PRODUCTEN ==		*/

#producten {
	width: 95%;
	padding: 2.5%;
	background-color: #1B627A;
	border-top: solid 1px #0099D1;
	border-bottom: solid 1px #0099D1;
}
#producten span {
	display: inline-block;
	width: 230px;
	height: 150px;
	padding: 5px;
	padding-right: 10px;
	overflow: hidden;
}
#producten span:hover {
	background: #175368 url(../img/backgroundfade.gif) repeat;
}
#producten span:hover h1 {
	text-decoration: underline;
}
#producten span p a {
	display: block;
	height: 125px;
	width: 225px;
	padding: 10px;
}
#producten span h1 a {
	display: block;
	height: 25px;
	width: 225px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
#producten h2 {
	font-size: 12px;
	color: #0099D1;
	padding-bottom: 5px;
}
#producten a:link, #producten a:visited {
	color: #FFF;
	text-decoration: none;
}

/*		== FOOTER ==		*/

#footer {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	background-color: #1B627A;
	width: 90%;
	height: 125px;
	position: relative;
	border-top: solid 1px #0099D1;
	margin-top: -132px;
	padding-top: 10px;
	padding-right: 5%;
	padding-left: 5%;
}
#footer ul {
	border-left: solid 1px #007DAA;
	padding-left: 1%;
	width: 32%;
	height: 125px;
	float: left;
	display: inline-block;
}
#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #7fBED4;
}

/*		== PRODUCTOVERZICHTLINK ==		*/

#productoverzichtlink a:link, #productoverzichtlink a:visited, #productoverzichtlink2 a:link, #productoverzichtlink2 a:visited {
	color: #0099D1;
}
#productoverzichtlink a:hover, #productoverzichtlink a:active, #productoverzichtlink2 a:hover, #productoverzichtlink2 a:active {
	color: #FFF;
	border-bottom: none;
}



#offerte_formulier_Finished_lbl
{ 
  display: none;
}