﻿/* Main */

/*<style type="text/css">
    img, div { behavior: url(/template/webcom4aa/iepngfix.htc) }
</style>
*/

body{
	background		: #3D3D3D url(steiger.jpg) repeat-x top center;
	margin			: -1px 0 0 0;
	padding			: 0;
	text-align		: center;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 62.5%;
}


div#header{
	background		: transparent;
	margin			: 0;
	width			: auto;
	height 			: 50px;
}


div#headerleft{
	float			: left;
	display			: inline;
	width			: auto;
}


div#headerright{
	zfloat			: right;
	display			: inline;
	width			: auto;
}


div#maincontainer{
    background		: transparent url(bgrood2.jpg) repeat-y top center;
	/*margin			: 0 auto 0 auto;*/
	width			: 900px;
	text-align		: left;
}


div#banner{
	background		: transparent;
	margin			: 0;
	padding			: 0;
	width			: 900px;
	height			: 174px;
}


div#content{
	background		: transparent url(bgrood2a.jpg) repeat-y top center;
	width			: 100%;
	float			: left;
	display			: inline;

}


div#leftbar{
	background		: transparent;
	width			: 200px;
	float			: left;
	display			: inline;
	Margin			: 15px 0 0 0;
}


div#maincolumn{
	background		: transparent;
	width			: 700px;
	float			: left;
	display			: inline;
	Margin			: 15px 0 15px 0;
}


div#maincolumnleft{
	width			: 485px;
	float			: left;
	display			: inline;
}


div#maincolumnright{

    width			: 215px;
    float			: left;
    /*padding         : 50px 15px;*/
    /*margin-left     : 20px;*/     /*deze heb ik uncommented a3 groetn G*/
    /*position        : relative;*/
    /*left            : 500px      */
    /*padding: 15px*/
    display			: inline;   /* dit was de truc met de ruimte links a3*/
/*    Margin			: 15px 0 15px 0; */
}


div#subfooter{
	background		: transparent url(subfooter.jpg) repeat-x top center;
	width			: auto;
	height			: 160px;
	clear			: both;
	text-align		: center;
}


div#footer{
	background		: #3D3D3D;
	width			: auto;
	height			: 100px;
	clear			: both;
	padding			: 15px 0 5px 0;
	text-align		: center;
	color			: #FFF;
	font-size		: 1.1em;
	border-top		: 1px solid #FFF;
}


/* Headers */


h1{
	background		: #FFF url(logo.jpg) no-repeat;
	display			: block;
	width			: 298px;
	height			: 48px;
	margin			: 20px 0 0 20px;
	padding			: 0;
	text-indent		: -9999px;
	float			: left;
}


h2{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 2em;
	color			: #000000;
	margin			: 10px 25px 0 20px;
	padding			: 0 0 0 0;
	letter-spacing	: 1px;
}


h3{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 2em;
	color			: #000000;
	margin			: 15px 28px 15px 20px;
	padding			: 0;
	letter-spacing	: 1.5px;
}


div#leftbar h3{
	margin			: 15px 0 0 10px;
}


h4{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 1.3em;
	font-style		: italic;
	color			: #000000;
	margin			: 15px 27px 5px 20px;
	padding			: 0;
	letter-spacing	: 1.1px;
	border-bottom	: 1px solid #999;
}


h5{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 1.3em;
	font-style		: italic;
	color			: #000000;
	margin			: 15px 27px 5px 20px;
	padding			: 0 0 0 0;
	letter-spacing	: 1.1px;
}

h6{
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #A5152F;
    font-size		: 15px;
	margin			: 15px 28px 15px 20px;
	padding			: 0 0 0 0;
    font-size		: 100%;
}

/* Content */

div#content p{
	font-size		: 1.3em; 
	color			: #000000;
	margin			: 0 25px 10px 20px;
	padding			: 0;
}


div#content p.image{
	float			: left;
	padding			: 1px 1px 1px 1px;
	margin			: 5px 10px 2px 20px;
	background		: #000000;
	border			: 1px solid #FFF;
}

div#content p.fotos{
	margin			: 10px 0 0 20px;
}


div#leftbar p{
	font-size		: 1.3em;
	margin			: 20px 0 10px 10px;
	padding			: 0;
}


div#leftbar p.adres{
	padding         : 20px 0 0 0;
}


div#maincolumnright p{
	color			: #000000;
}


div#subfooter p{
	font-size		: 1.1em;
	margin			: 25px 0 0 0;
	padding			: 0;
	color			: #6E6E6E;
	line-height		: 12px;
}

div#subfooter p.image{
	float			: left;
	padding			: 1px 1px 1px 1px;
	margin			: 10px 0 0 50px;
}

p.uitlijnen{
	text-align		: justify;
}

/* li {
  list-style: url(redbullet.jpg)
}
*/

/* Navigatie */

ul#topnav{
	list-style		: none;
	padding			: 10px 10px 0 0;
	float			: right;
}


ul#topnav li{
	display			: inline;
	padding			: 0 5px 0 5px;
	/* border-left 	: 1px solid #6E6E6E; */
}


ul#topnav li.last{
	border			: none;
}


ul#topnav a{
	font-size		: 1.3em;
	text-decoration	: none;
	padding			: 6px 5px 0 5px;
}


ul#topnav a:link, ul#topnav a:visited{
	color			: #6E6E6E;
}


ul#topnav a:hover, ul#topnav a:active{
	color			: #000000;
/*    	color			: #9b2a1a;     */
}


ul#sidenav{
	list-style		: none;
	font-size		: 1.3em;
	margin			: 10px 0 10px 10px;
	padding			: 0;
}


ul#sidenav a:link, ul#sidenav a:visited{
	display			: block;
	border-bottom	: 1px solid #666;
	color			: #FFF;
	font-family		: Verdana;
	font-size		: 11px;
	line-height		: 25px;
	padding			: 2px 0 2px 0;
	width			: 150px;
	text-decoration	: none;
	letter-spacing	: 1px;
}


ul#sidenav a:hover, ul#sidenav a:active{
	color			: #FFFFFF;
/*    color           : #9b2a1a */
	text-decoration	: none;
	background      : #666;
}


a{
	text-decoration	: none;
}


a:link, a:visited{
	color			: #af1e2d;
}


a:hover, a:active{
	color			: #901510;
}

a, img {
 border				: 0;
 text-decoration	: none;
}



/* IE6 only, gebruik gewoon Firefox */



/* IE7 only, gebruik gewoon Firefox */

*+html ul#topnav{
	margin			: 10px 0 0 0;
}