/* 
Zwette
======================================================================================
URL:				http://www.zwettemachinefabriek.nl/
Start ontwerp: 		19 november 2007
Start xhtml: 		1 december 2007
Auteur: 			Jelmer Hoekstra [http://www.addnoise.nl]
======================================================================================
*/

@import url(/addbeheer/themes/addsite/css/iconen.css);
@import url(addform.css);

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3C3B38; 
	background: #FFF;
}
body.top
{
	background: url(../images/headerzwette.jpg) 50% 0px no-repeat;
}
body.top1
{
	background: url(../images/headerzwette_01.jpg) 50% 0px no-repeat;
}
body.top2
{
	background: url(../images/headerzwette_02.jpg) 50% 0px no-repeat;
}
body.top3
{
	background: url(../images/headerzwette_03.jpg) 50% 0px no-repeat;
}
body.top4
{
	background: url(../images/headerzwette_04.jpg) 50% 0px no-repeat;
}
body.top5
{
	background: url(../images/headerzwette_05.jpg) 50% 0px no-repeat;
}
body.top6
{
	background: url(../images/headerzwette_06.jpg) 50% 0px no-repeat;
}
body.top7
{
	background: url(../images/headerzwette_07.jpg) 50% 0px no-repeat;
}


		
html
{
	height: 100%;
}

a:link, a:visited { 
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt; 	
	color:#988A00;
	}
	
a:hover, a:active { 
	color: #225300;
	text-decoration: underline;
	}
	

		
	/* Fix voor IE */
	* html #fix
	{
		height: 0px;
	}		
	

/* Algemene opmaak
------------------------------------------------------------------------------------------ */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push  {
	height: 80px;
}

.footer{
	background: transparent url(../images/footer-bg.gif) top left repeat-x;
	position: relative;
	margin: 0px;
}

.footercontent{
	width: 903px;
	height: 80px;
	margin: auto;
	position: relative;
}

.footerback{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 80px;
	background: transparent url(../images/footer-main.gif) top right no-repeat;
	width: 3000px;
	overflow: hidden;
}

.footercontainer {
	width: 903px;
	float: right;
	height: 40px;
	padding: 40px 0px 0px 0px;
}

.footercontainer .right{ float: right;}
.footercontainer .right img {border: 0px; float: right; padding: 0px 0px 0px 10px;}

.footercontainer .left{ float: left;color:#FFFFFF;}

.footercontainer .left a:link, .footercontainer .left a:visited {
color:#FFFFFF;
text-decoration:none;
}

.footercontainer .left a:hover {
	text-decoration: underline;
}

#topheader {
	width: 100%;
	height: 210px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	/*background: url(../images/headerzwette_03.jpg) 20% 0px no-repeat;*/
}

#top {
	width: 903px;
	height: 210px;
	padding: 0px;
	margin: auto;
	position: relative;
}

.topcontainer {
	width: 903px;
	height: 164px;
	margin: auto;
	padding: 46px 0px 0px 0px;
}

.logo {
	width: 903px;
	float: right;
	height: 136px;
}

.logo img{
	border: 0px;
	float: left;
}

.logo a:link, .logo a:visited {
	float: left;
	width: 317px;
	height: 118px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}


.mainmenu {
	width: 903px;
	float: right;
	height: 28px;
	background: transparent url(../images/menu-bg.gif) top left no-repeat;
	position: absolute;
	top: -28px;
	left: 0px;
}

	
#nav, #nav ul{
margin:0;
padding:0px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative; 
float: left;
z-index: 99;
}

#nav a:link, #nav a:visited{
	color: #FFF;
	text-decoration: none;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	display: block;
	height: 11px;
	float: left;
	padding: 0px 27px 0px 28px;
	border-right: 1px solid #FFF;
	margin: 8px 0px 0px 0px;
	line-height: 11px;
	font-weight: bold;
	cursor: pointer;
	position:relative; 	
}

#nav a:hover{
	height: 28px;
	line-height: 28px;
	background: transparent url(../images/mainmenu-active.png) top left no-repeat;
	color: #605e5e;
	margin: 0px;
	border: 0px;
	padding: 0px 28px 0px 28px;
}

/* Fix voor IE */
	* html #nav a:hover
	{
		background-image:none;
		background: #c6cbcc;		
	}	

#nav a.actief:link, #nav a.actief:visited{
	height: 28px;
	line-height: 28px;
	background: transparent url(../images/mainmenu-active.png) top left no-repeat;
	color: #605e5e;
	margin: 0px;
	border: 0px;
	padding: 0px 28px 0px 28px;
}

/* Fix voor IE */
	* html #nav a.actief:link, * html #nav a.actief:visited
	{
		background-image:none;
		background: #c6cbcc;
	}	

#nav li{
float:left;
position:relative;
z-index: 99;
}

#nav ul {
position:absolute;
display:none;
width: 210px;
top: 28px;
z-index: 99;
left: 0px;
}

/* Fix voor IE */
* html #nav ul 
{
	left: 0px;
}

#nav li ul {
	padding: 0px 0px 0px 0px;
	width: 210px;
	z-index: 99;
}

#nav li ul a:link, #nav li ul a:visited {
width:170px;
height: 30px;
float:left;
font-size: 11px;
line-height: 30px;
background: #879091;
color: #FFF;
z-index: 99;
position: relative;
margin: 0px;
padding: 0px 0px 0px 28px;
	border-right: 0px solid #FFF;
}

#nav li ul a:hover {
width:170px;
height: 30px;
float:left;
font-size: 11px;
line-height: 30px;
background: #d5d7d8;
color: #333;
z-index: 99;
position: relative;
margin: 0px;
padding: 0px 0px 0px 28px;
}

#nav li ul a.actief:link, #nav li ul a.actief:visited{
width:170px;
height: 30px;
float:left;
font-size: 11px;
line-height: 30px;
background: #9bacaf;
color: #333;
z-index: 99;
position: relative;
margin: 0px;
padding: 0px 0px 0px 28px;
}

#nav ul ul{
top:0px;
z-index: 99;
background: none;
}	

#nav li li li{
	margin: 0px 0px 0px 56px;
}


#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
z-index: 99;
display: none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
z-index: 99;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
z-index: 99;
}	
	
	
#maincontent {
	float: left;
	width: 100%;
}

.content {
	width: 903px;
	margin: auto;
	position: relative;
}

.content .left{ 
	float: left;
	padding: 45px 20px 0px 28px;
	width: 362px;
}

.content .leftvervolg{ 
	float: left;
	padding: 45px 20px 0px 0px;
	width: 390px;
}

.content .right{ 
	float: left;
	padding: 45px 0px 0px 0px;
	width: 493px;
}

.content .rightvervolg{ 
	float: right;
	padding: 45px 0px 0px 0px;
	width: 473px;
}

.intro {
	color:#564C39;
	font-weight:bold;
}

.lb{
	float: left;
	background: url(../images/lb.gif) top left no-repeat;	
}

.rb{
	float: left;
	background: url(../images/rb.gif) top right no-repeat;	
}

.ro{
	float: left;
	background: url(../images/ro.gif) bottom right no-repeat;	
}

.lo{
	float: left;
	width: 370px;
	padding: 20px 20px 10px 20px;
	min-height: 250px;
	background: url(../images/lo.gif) bottom left no-repeat;	
}

/* Fix voor IE */
* html .lo
{
	height: 250px;
}

.tekst_nieuws{
	float: left;
	margin-bottom: 10px;
	background: url(../images/nieuwsback.gif) top left repeat-y;
}


.lo_nieuws{
	float: left;
	width: 493px;
	padding: 0px 0px 0px 0px;
	min-height: 88px;
	background: url(../images/lo.gif) bottom left no-repeat;	
}

/* Fix voor IE */
* html .lo_nieuws
{
	height: 88px;
}

.nieuwstekst{
	float: left;
	width: 303px;
	padding: 11px 20px 11px 20px;
	font-size: 10px;
	line-height: 16px;
}

.nieuwsfoto{
	width: 114px;
	height: 88px;
	float: left;	
}

.nieuwsfoto img{
	float: left;
	margin: 0px;
	border: 0px;
	padding: 2px 0px 0px 0px;
}


a.nieuwskop:link, a.nieuwskop:visited {
color:#3C3B38;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:16px;
padding:0;
text-decoration:none;
}


a.nieuwskop_actief:link, a.nieuwskop_actief:visited {
color:#988A00;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:16px;
padding:0;
text-decoration:none;
}


.tekst{
	float: left;
	background: url(../images/tekstback.gif) top left repeat-y;
}

.tekstform{
	width: 370px;
	overflow: hidden;
	float: left;
	margin-left: -4px;
}

.subkopform { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0px 6px 0px;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #564C39;
	padding: 0px 0px 0px 0px;
	float: left;
	}	

.foto_overzicht img {
	float: left;
	border: 0px;
}

.fotogroot img {
	border: 0px;
	padding: 10px 0px 10px 0px;
}

.fotorechts img{
	float: right;
	border: 0px;
	padding: 0px 0px 15px 0px;
}



.fotonieuws {
	position: absolute;
	right: 0px;
	top: 45px;
	width: 460px;
}

.fotonieuws img{ border: 0px; float: right; width: 459px;}

	
.newsitem {
	padding: 5px 0px 15px 0px;
}


.newsitem a.newstitle:link, .newsitem a.newstitle:visited{
	color: #ed1c24;
	text-decoration: none;
	display: block;
	clear: both;
	text-transform: uppercase;
	}
	
.newsitem a.newstitle:hover {
	text-decoration: underline;
}

.itemfoto {
	width: 100px;
	float: left;
}

.itemfoto img{ width: 100px; height: 100px; float: left; border: 0px;}

.itemcontent {
	width: 250px;
	float: left;
	padding: 0px 0px 0px 20px;
}


	
/* Fonts
------------------------------------------------------------------------------------------ */
	
h1 { 
	color:#A29811;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:22px;
	margin:0;
	padding:0;	
	}
	

	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #9B1F0E;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h4 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	color: #242424;
	padding: 0px 0px 0px 0px;
	}	
	
h5 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 25px;
	line-height: 31px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}		


/* Wie zijn wij */

.persoon {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d1d0ce;
}
.persoon p {
	padding: 0px;
	margin: 0px;
}

.fotopotret img{
	float: left;
	border: 0px;
	padding: 0px 20px 10px 0px;
}



/* Clearers
------------------------------------------------------------------------------------------ */

.line {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background: #CCC;
}

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer45 {
	height: 45px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}







#nav_home, #nav_home ul{
margin:0;
padding:0px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative; 
float: left;
z-index: 99;
}

#nav_home a:link, #nav_home a:visited{
	color: #FFF;
	text-decoration: none;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	display: block;
	height: 11px;
	float: left;
	padding: 0px 27px 0px 28px;
	border-right: 1px solid #FFF;
	margin: 8px 0px 0px 0px;
	line-height: 11px;
	font-weight: bold;
	cursor: pointer;
	position:relative; 	
}

#nav_home a:hover{
	height: 28px;
	line-height: 28px;
	background: transparent url(../images/mainmenu-active.png) top left no-repeat;
	color: #605e5e;
	margin: 0px;
	border: 0px;
	padding: 0px 28px 0px 28px;
}

/* Fix voor IE */
	* html #nav_home a:hover
	{
		background-image:none;
		background: #c6cbcc;		
		
	}	

#nav_home a.actief:link, #nav_home a.actief:visited{
	height: 28px;
	line-height: 28px;
	background: transparent url(../images/mainmenu-active.png) top left no-repeat;
	color: #605e5e;
	margin: 0px;
	border: 0px;
	padding: 0px 28px 0px 28px;
}

/* Fix voor IE */
	* html #nav_home a.actief:link, * html #nav_home a.actief:visited
	{
		background-image:none;
		background: #c6cbcc;		
	}	
	
	
	
	
	
	
	
	

#nav_home li{
float:left;
position:relative;
z-index: 99;
}

#nav_home ul {
position:absolute;
display:none;
width: 210px;
top: 28px;
z-index: 99;
left: 0px;
}

/* Fix voor IE */
* html #nav_home ul 
{
	left: 0px;
}

#nav_home li ul {
	padding: 0px 0px 0px 0px;
	width: 210px;
	z-index: 99;
}

#nav_home li ul a:link, #nav_home li ul a:visited {
width:170px;
height: 30px;
float:left;
font-size: 11px;
line-height: 30px;
background: #879091;
color: #FFF;
z-index: 99;
position: relative;
margin: 0px;
padding: 0px 0px 0px 28px;
}

#nav_home li ul a:hover {
width:170px;
height: 30px;
float:left;
font-size: 11px;
line-height: 30px;
background: #d5d7d8;
color: #333;
z-index: 99;
position: relative;
margin: 0px;
padding: 0px 0px 0px 28px;
}

#nav_home li ul a.actief:link, #nav_home li ul a.actief:visited{
width:170px;
height: 30px;
float:left;
font-size: 11px;
line-height: 30px;
background: #9bacaf;
color: #333;
z-index: 99;
position: relative;
margin: 0px;
padding: 0px 0px 0px 28px;
}

#nav_home ul ul{
top:30px;
left: 0px;
z-index: 99;
display: none;
background: none;
}	

#nav_home li li li{
display: none;
}

#nav_home ul ul ul{
display: none;
}

#nav_home ul ul a{
display: none;
}

#nav_home li ul ul {
left:12em;
margin:0px 0 0 10px;
z-index: 99;
display: none;
}

#nav_home li:hover ul ul, #nav_home li:hover ul ul ul, #nav_home li:hover ul ul ul ul{
display:none;
z-index: 99;
}
#nav_home li:hover ul, #nav_home li li:hover ul, #nav_home li li li:hover ul, #nav_home li li li li:hover ul{
display:block;
z-index: 99;
}