* {	
margin: 0;
padding: 0;
font-family: "Segoe UI", "trebuchet MS" ,Arial, Helvetica, sans-serif;
}
body{
	font-size: 1em;
	margin:0 auto;
	text-align:center;
	color: black;
	background-color: #E02005;}
	/*background-image: url(images/bg_color.png); background-repeat: repeat-x; background-position: top left;}*/
.bg {
	background-image: url(images/bg_color.png); background-repeat: repeat-x; background-position: top left;
}
	
#start {
	position: absolute; top: 50%; left: 50%;
	width: 900px; height: 500px;
	margin: -250px 0 0 -450px;}

#container {
	margin: 1em auto;
	width: 980px; /*height: 100%;*/
	text-align: left;
	background-color: #E02005; border-right: 1px solid #C11E07; border-bottom: 1px solid #961705;
	 }
#header	{
	height: 130px;
	width: 980px;
	background-image: url(images/pic-varkens-buiten.jpg);
	background-repeat: no-repeat;
	background-position:  100px top;
	background-color: #E02005; /*border-right: 200px solid #E02005;*/
}

#mainnav	{	width: 180px; height: 100%; float: right; font-size: 0.90em;	
	 font-weight: bold; padding : 0 20px 0 0 ;/**/}
	
#mainnav ul {margin : 0; padding : 24px 0 0 24px ;  letter-spacing: 0.01em; }
#mainnav li {margin: 0; padding : 3px 0 1px 6px; background-color: #C11E07;  list-style: none; }
#mainnav a, a:link, a:visited, a:active  {
	font-weight:normal;
	text-decoration: none;
	line-height: 150%;
	display: block;
	background-color: transparent;
	color: #FFFFFF;
	width: 140px;
	padding : 0 0 0 2px;
	 }

#mainnav a:hover{text-decoration:none; background-color: #EEEEEE; color:#A80000;}

#content {
	margin: 0 auto;
	padding: 20px 0 2em 0;
	background-color: #F3F3F3;
	border-top: 4px solid #E02005;
	border-left: 0px solid #E02005;
	border-right: 200px solid #E02005;/**/
}
#content p {
	font-size: 0.85em; margin: 10px 0 0 100px; width: 530px;}
	
#content a, a:link, a:visited, a:active  {
		font-weight:normal; text-decoration: underline; display: inline;
		background-color: transparent; color: #B7221F}
#content a:hover{
	text-decoration:none;
	background-color: #E02005;
	color:#FFFFFF;
}
#content table {
	font-size: 0.85em; margin: 10px 0 0 100px; width: 530px;}
	
#content ul {margin : 0px 30px 10px 110px; padding : 0 0 0 25px ; /*letter-spacing: 0.108em;*/ font-size: 0.85em; width: 500px;}
#content li {/*display: list-item;*/ margin-left: 10px; padding: 0; list-style-type: disc;}


.top {width: 550px; height:16px;  text-align: right;  /*color: #0B2644;*/ font-size: 0.85em; 
	background: transparent  url(images/up.gif) no-repeat center right; color: black; margin: 0 30px 0 0; padding: 0 20px 0 0;}

	
#footer	{
		clear: both; 
		height: 22px; font-size: 0.75em; padding: 3px 0 0 100px; letter-spacing: 0.10em; margin-top: 0px;
		background-color: #C11E07; /*background-color: #E02005;*/ color: #FFF9DD;}
#footer a, a:link, a:visited, a:active{text-decoration:none; color: white;}		
		
#footer a:hover{
	background-color: #FFF5CE; color:#000; text-decoration:none;}
	
#content .fotorechts {float: right; margin-top: 4px; margin-bottom: 10px; margin-left: 10px;  
	margin-right: 0px; /*border: 1px solid #756D6D;*/ }
#content .fotolinks {float: left; margin-top: 0px; margin-bottom: 10px; margin-right: 10px;  
	margin-left: 0px; /*border: 1px solid #756D6D;*/ }
.smaller p {
	font-size: 0.85em; margin: 0 0 0.5em 40px; width: 480px;}
.bijschrift{font-size: 0.7em; font-style:italic;}
#filler { margin: 0 auto; height: 100px; padding: 0 0 400px 0;
	background: transparent url(images/trans.gif) repeat 0 top;}
img {
	border: 1px solid #E84313;
}
/*div#news          { width: 90%; margin: 0 0 4px 100px;}
div.rounded-corners { background: url(images/rounded.png) right bottom no-repeat; }
div.rounded-header  { background: url(images/rounded.png) right top no-repeat; }
div.rounded-content { overflow: hidden; width: 90%; background: url(images/rounded.png) left bottom no-repeat; 
								padding: 10px 0 20px 10px; }
div.rounded-header h2 { color: #fff; margin: 0 20px 0 0; padding: 10px 0 10px 10px; background: url(images/rounded.png) left top no-repeat; }
img.floated { float: left; margin-right: 10px; }*/

div#news          { width: 75%; margin: 15px 0 0 100px;}
div.rounded-corners { background: url(images/rounded.gif) right bottom no-repeat; }
div.rounded-header  { background: #F3F3F3 url(images/rounded.gif) right top no-repeat; }
div.rounded-content { /*overflow: hidden;*/ width: 95%; background: #F3F3F3 url(images/rounded.gif) left bottom no-repeat; 
								padding: 10px 0 20px 10px; height: 100%}
#news div.rounded-header h2 { color: #fff; margin: 0 20px 0 0; width: 95%;
padding: 10px 0 10px 10px; background: white url(images/rounded.gif) left top no-repeat; }
img.floated { float: left; margin-right: 10px; }

#news p {
	font-size: 0.85em; margin: 5px 0 0 0px; width: 550px;/**/}

#content H1 {font: bold .94em Arial, Helvetica, sans-serif; color: black; letter-spacing: 0.05em;
	margin: 16px 0 10px 100px; /*width: 500px;*/ padding: 0;}
#content H2 {font: bold 0.9em Arial, Helvetica, sans-serif; color: black; letter-spacing: 0.04em;
	margin: 1.4em 0 6px 100px; width: 600px; /*font-size: 11px;*/}
H3 {font: italic 0.80em Arial,"trebuchet MS", verdana,  helvetica, sans-serif; letter-spacing: 0.04em;
	color: #0B2644; margin: 0 0 4px 100px; padding: 0; }
H4 {font: bold 0.9em  Arial, Verdana, sans-serif; letter-spacing: 0.2em; width: 510px; text-align: center;
	color: Black; margin: 1.4em 0 14px 52px; /*padding-left: 10px; padding-right: 6px;*/ background-color : #FBAD8C; border : 1px #CC6633 solid ; }
H5 {font: bold 14px Verdana, arial, helvetica, sans-serif; 
	color: White; margin-bottom: 0; margin-top: 20px; }
H6 {font: bold 10px Verdana, geneva, helvetica, sans-serif; 
	color: #756D6D; margin-bottom: 0; }

#content ul li.products {
		list-style: none; height: 110px;font-size: 0.95em;
		list-style-image: none; width: 300px; margin-bottom: 6px; margin-left: -35px;
}	
#content ul li.details {
		font-size: 0.9em; 
}

/*lytebox*/

#containerLB {
	margin: 0 auto;
	width: 99%; /*height: 100%;*/
	text-align: left;
	background-color: #E02005; /*border-right: 1px solid #C11E07; border-bottom: 1px solid #961705;*/
	}
#contentLB {
	margin: 0 auto;
	padding: 10px 0 0 20px;
	background-color: #F3F3F3;
	border: 4px solid #E02005;
}
#contentLB ul {margin : 10px 30px 10px 10px; padding : 0 0 10px 10px ;  font-size: 0.85em; width: 90%;}
#contentLB li {margin-left: 10px; padding: 0; list-style-type: disc;}

#content div.column1 {
    float:left; width: 330px;
}
#content div.column2 {
    margin-left: 310px; width: 400px;
}
#content div.column3 {
     /*float:left;*/clear: left; width: 600px;
}
#content .mensen{
	width: 450px; clear: left; padding-bottom: 10px;
}
#content .mensen2{
	width: 450px; clear: left; padding-left: 180px; padding-bottom: 10px;
}