/* *********************************positionering div's************************************/
body{	
	margin:0px;
	padding:0px;
	height:auto;
	width:auto;
	overflow-x:hidden;
	overflow-y:visible;
	background:#ffffff;
background:url(../images/ontwerp/bgtop.jpg);
background-repeat:repeat-x;
background-position: top left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #424242;	
}

#container{
	width:1339px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}
#website {
	margin-top: 0px;
	float:left;
	width: 1339px;
	border:0px solid #000000; 	 	
}
#home1 {
width: 492px;
height: 255px;
background:url(../images/ontwerp/akkerbouw.jpg);
background-repeat:no-repeat;
background-position: top left;
color: white;
font-size: 14px;
}
#home2 {
width: 492px;
height: 255px;
background:url(../images/ontwerp/loonbedrijf.jpg);
background-repeat:no-repeat;
background-position: top left;
color: white;
font-size: 14px;
}
#home3 {
width: 492px;
height: 255px;
background:url(../images/ontwerp/mechanisatie.jpg);
background-repeat:no-repeat;
background-position: top left;
color: white;
font-size: 14px;
}
#home4 {
width: 492px;
height: 255px;
background:url(../images/ontwerp/transport.jpg);
background-repeat:no-repeat;
background-position: top left;
color: white;
font-size: 14px;
}



#logo {
width: 162px; 
height:48px;
padding-top: 0px;
padding-left: 200px;
float:left;
border:0px solid #1A171B;
}

#menutop{
float:left;
width: 1339px;
padding-left: 200px;
padding-top: 0px;
height: 40px;
border:0px solid green;
}
#rubrieken{
float:right;
width: 400px;
height: 140px;
padding-left: 800px;
padding-top: 0px;
border:0px solid green;
}
#content{
float:left;
width: 1339px;
margin-top: 20px;
padding-left: 200px;
border:0px solid red;
text-align: justify;
}

#contenttekst{
float:left;
width: 700px;
margin-top: 0px;
padding-left: 0px;
border:0px solid red;
text-align: justify;
}

#submenu{
float:right;
width: 258px;
height: 140px;
padding-right: 340px;
padding-top: 0px;
border:0px solid green;
}

#film{
float:right;
width: 260px;
padding-right: 0px;
border:0px solid red;
}



#contenthome{
float:left;
padding-top: 130px;
width: 1339px;
padding-left: 0px;
border:0px solid red;
text-align: justify;
}
#contentcontent{
float:left;
padding-top: 0px;
width: 690px;
min-height:590px;
padding-left: 30px;
padding-right: 280px;
border:0px solid red;
text-align: justify;
background:url(../images/ontwerp/bgcontentbottom.png);
background-repeat:no-repeat;
background-position: bottom left;
}
#contentcontenttop{
float:left;
padding-top: 0px;
width: 1000px;
height: 31px;
padding-left: 0px;
border:0px solid red;
text-align: justify;
background:url(../images/ontwerp/contentcontenttop.png);
background-repeat:no-repeat;
background-position: top left;
}



hr {
border-top:1px solid #878889;
width:690px;
}



/******************************* FOOTER WEBSITE*****************************************************/
#footer{
float:left;
text-align: center;
width: 1000px;
margin-left: 204px;
margin-top: 5px;
border-top:1px solid #878889;}

/* **************************************opmaak teksten************************************/
h1.rood{   
font-size: 16px; 
font-family: arial;
color: #C30826;/*logo rood*/
}
h1.blauw{   
font-size: 12px; 
font-weight: bold;
font-family: arial;
color: #02396B;
margin: 5px 0 3px 0;}

h3.blauw{   
font-size: 10px; 
font-weight: normal;
font-family: arial;
color: #02396B;
margin: 0px 0 3px 0;}


h3.rood{   
font-size: 10px; 
font-weight: normal;
text-align: right;
font-family: arial;
color: #C30826;
margin: 0px 0 3px 0;}

h1{   
font-size: 16px; 
font-family: arial;
color: #000000;
}
h2{   
font-size: 16px; 
font-family: arial;
color: #ffffff;
}

h3{   
font-size: 12px; 
font-family: museo300, arial;
color: #522f91;/*paars*/
font-weight: bold;
}
a.linksubmenu { 
color: #ffffff;
text-decoration:none;
}
a.linksubmenu:hover{ 
color: #E5382D;
text-decoration:none;
}
a.linkhome { 
color: #ffffff;
text-decoration:none;
}
a.linkhome:hover{ 
color: #ffffff;
text-decoration:none;
}
a { 
color:#000000;
text-decoration:none;
}
a:hover{ 
color:#000000;
text-decoration:underline;
}
a.blauw { 
color:#02396B;
text-decoration:none;
}
a.blauw:hover{ 
color:#02396B;
text-decoration:underline;
}

a.wit { 
color:#ffffff;
text-decoration:none;
}
a.wit:hover{ 
color:#ffffff;
text-decoration:underline;
}


td.tekstnieuws{
color: #98271B;	
}


/************************************ css bij fotocarousel *********************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #1A171B;
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 162px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}