* {
	margin : 0;
	padding : 0;
	border : none;
}

img {
	display : block;
}

html, body {
	background-color : #FAFAF8;
	height : 100%;
}

body {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 75%;
	line-height : 1.25;
	color : #706C69;
}

a {
	color : #8CA115;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

cite {
	font-style: normal;
}

.container {
	position : relative;
	width : 760px;
	margin : 0 auto 0 auto;
	text-align : left;
}

#main {
	float : left;
	width : 100%;
	min-height : 90%;
	margin-top : 113px;
	padding : 24px 0 48px 0;
	background-color : #EEEDE8;
	text-align : center;
}



/* title elements */
#main #title {
	position : relative;
	height : 56px;
	margin-bottom : 16px;
	color : #162043;
	line-height : 1.0;
}

#main #title h1 {
	font-size : 2.5em;
	font-weight : normal;
	padding-left : 72px;
}

#main #title p {
	padding-left : 72px;
	color : #AFACA8;
}

#main #title img {
	position : absolute;
	left : 0;
	top : 0;
	background-color : #fff;
}



/* columns */
#main .col2 {
	position : relative;
	margin-left : 290px;
	width : 293px;
	line-height : 1.67;
}

#main .col1 {
	position : absolute;
	bottom : 1em;
	width : 258px;
	font-size : 0.92em;
	color : #AFACA8;
}

#main .col3 {
	position : absolute;
	right : 0;
	top : 75px;
	width : 145px;
	font-size : 0.92em;
	color : #AFACA8;
}

.producten #main .col2 {
	margin-left : 145px;
	width : 438px;
}

.producten #main .col1 {
	top : 75px;
	width : 113px;
	color : #706C69;
}

.producten #main .col3 {
	color : #706C69;
}



/* content elements */
#main ul, #main ol, #main p {
	padding-bottom : 1.67em;
}

#main table, #main fieldset {
	margin-bottom : 1.67em;
}

.producten #main .col1 p, .producten #main .col3 p {
	padding-bottom : 0.5em;
}

.producten #main p.fat {
	padding-bottom : 1.67em;
	font-weight : bold;
}

#main h2, #main h3 {
	font-size : 1.1em;
	font-weight : bold;
	color : #162043;
	margin-bottom : 0.25em;
	line-height : 1.25;
}

#main h2 a, #main h3 a {
	color : #162043;
}

#main h3 {
	clear: both;
}

#main h2.heading {
	color : #AFACA8;
	font-size : 1.67em;
	font-weight : normal;
	margin-bottom : 0.75em;
}

#main h4, #main h5, #main h6 {
	font-size : 1em;
	font-weight : normal;
	font-style : italic;
}

#main hr {
	clear : both;
	height : 0px;
	margin-bottom : 1.8em;
	border-top : 1px solid #DDDCD1;
	border-bottom : none;
}

#main .col2 hr {
	margin-bottom : 1.67em;
}

#main ul {
	padding-left : 1em;
	list-style-type : square;
}

#main ul ul {
	padding-bottom : 0;
}

#main .col2 ul {
	padding-left : 1.5em;
	list-style-type : square;
}

#main .col2 ul.no-bullets,
#main .col2 ul.no-bullets ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 1.5em;
}
	#main .col2 ul.no-bullets li {
		padding-bottom: 0.33em;
	}
	#main .col2 ul.no-bullets ul ul {
		padding-left : 1.5em;
		list-style-type : square;
		margin-bottom: 0;
	}
		#main .col2 ul.no-bullets ul ul li {
			padding-bottom: 0;
		}

#main .quote {
	margin-top : 5px;
}

#main .quote img {
	float : right;
	margin : 0 0 0 10px;
}

#main .quote p {
	margin : 0;
	padding-bottom : 0;
}

#main .quote blockquote {
	display : inline;
}

#main .quote cite {
	font-style : normal;
}

#main .quote h2 {
	margin : 0;
}

html > body #main .quote .big-quote {
	position : relative;
	top : 0.42em;
	color : #162043;
	font-size : 2.5em;
	line-height : 0.15;
	padding : 0 0.05em 0 0.05em;
}

#main .preview {
	padding-bottom : 1.33em !important;
}

#main .preview img {
	margin : 0 0 3px 0;
}

#main .preview a {
	color : #AFACA8;
}

#main .preview a:hover {
	color : #706C69;
}

#main ul.gallery {
	padding-left : 0;
	list-style-type : none;
	font-size : 0.92em;
	line-height : 1.25em;
	}

#main ul.gallery li {
	position: relative;
	float : left;
	width : 78px;
	margin : 0 0 1em 0;
}
body.producten #main ul.gallery li {
	width : 203px;
}

#main ul.gallery li.odd {
	margin-right : 50px;
}
body.producten #main ul.gallery li.odd {
	margin-right : 32px;
}

#main ul.gallery img,
.splash #main ul.gallery li.even img {
	float : left;
	margin : 0 5px 5px 0;
}
#main ul.gallery li.even img {
	float : right;
	margin : 0 0 5px 5px;
}

#main ul.gallery h2 {
	margin : 0;
	font-size : 1em;
}

#main ul.gallery p {
	margin : 0;
	padding : 0;
}

#main ul.paging {
	clear : left;
	list-style-type : none;
	padding : 0;
	text-align : center;
}

#main ul.paging li {
	display : inline;
	padding : 0 0.25em 0 0.25em;
}

.download {
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: left top;
}
.pdf { background-image: url("/img/icon-pdf.png"); }

#main form {
}

#main form .formrow {
	clear : both;
	margin-bottom : 0.5em;
}

#main form legend {
	display : none;
}

#main form label {
	display : block;
}

#main form input, #main form textarea {
	width : 100%;
	font-family : Helvetica, Arial, sans-serif;
	font-size : 1em;
	padding : 3px 0 2px 0;
}

#main form .error input, #main form .error div, #main form .error textarea {
	border-right : 3px solid #c00;
}

#main form .option {
}

#main form .option label {
	display : inline;
}

#main form .option input {
	width : auto;
	margin-right : 3px;
}

#main form .submit {
	text-align : right;
}

#main form .submit input {
	width : auto;
	background-color : #8CA115;
	color : #fff;
	font-size : 0.92em;
	font-weight : bold;
}

#main p.error {
	color : #c00;
}

#main .vcard, #main .org, #main .adr, #main .street-address, #main .tel, #main .location {
	display : block;
}

#main .floating-image,
#main .floating-box {
	position : absolute;
}

#main .floating-box a {
	display : block;
}

#main .floating-image.left,
#main .floating-box.left {
	right : 325px;
}

#main .floating-image.right,
#main .floating-box.right {
	left : 325px;
}

#main .floating-box {
	width: 258px;
}
#main .floating-box ul.gallery {
	margin-top: 1.5em;
}

#main .smallFloat.left {
	float: left;
	margin: 0 10px 3px 0;
}
#main .smallFloat.right {
	float: right;
	margin: 0 0 3px 10px;
}



/* menu */

#menu {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	text-align : center;
}

#menu hr {
	display : none;
}

#menu .container {
	height : 110px;
	border-top : 3px solid #162043;
}

#menu h2 {
	position : absolute;
	right : -10px;
	top : 10px;
	width : 272px;
	background-image : url("/img/logo-tunnelma.gif");
}

#menu h2 a {
	display : block;
	height : 56px;
	text-indent : -1234em;
}

#menu ul {
	list-style-type : none;
}

#menu ul li.current {
	font-weight : bold;
}

#menu ul.primary {
	margin-top : 12px;
}

#menu ul.primary li {
	float : left;
	margin-right : 1.33em;
}

#menu ul.secundary {
	position : absolute;
	right : 0;
	bottom : 6px;
	font-size : 0.92em;
}

#menu ul.secundary a {
	color : #B5B3B0;
}

#menu ul.secundary li {
	float : left;
	margin-left : 1.33em;
}



/* footer */

#footer {
	clear : both;
	background-color : #DDDCD1;
	text-align : center;
	font-size : 0.92em;
}

#footer a {
	color : #706C69;
}

#footer .container {
	height : 67px;
	border-bottom : 3px solid #162043;
}

#footer p.copyright {
	float : left;
	margin-top : 50px;
}

#footer p.rss {
	float : right;
	margin-top : 46px;
	padding : 4px 0 0 19px;
	background : url("/img/icon-rss.gif") left top no-repeat;
}

/* Banner */
.banner {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #dddcd1;
	text-align: center;
	}
	#main .banner p {
		padding-bottom: 0; /*Override default paragraph padding*/
		}
	.banner p {
		color: #706c69;
		}
	.banner strong,
    .banner strong a {
		color: #162043;
		}
		.banner strong a {
			text-decoration: underline;
			}
	.banner a.button {
		display: inline-block;
		margin: .3em .5em .5em .5em;
		padding: 5px;
		background-color: #8ca115;
		color: #fff;
		}
		.banner a.button:hover {
			background-color: #162043;
			}