/* 
Theme Addsite: Base
======================================================================================
URL:				http://nieuwewebsite.live.addsite.nl/
Start ontwerp: 		18 juni 2009
Start xhtml: 		18 juni 2009
Auteur: 			Jelmer Hoekstra [http://www.addnoise.nl]
======================================================================================
*/

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

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #0e3648; 
	background: #4890b3;	
}

		
html
{
	height: 100%;
}


a:link, a:visited { 
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #0e3648;
	text-decoration: underline;
	}
	

	
	
/* Algemene opmaak
------------------------------------------------------------------------------------------ */
.bodybackground {
	background: #4890b3 url(../images/main-background.png) top left;
}

#container {
	width: 900px;
	margin: auto;
	padding: 0px;
}

	
/* Header
------------------------------------------------------------------------------------------ */

#header {
	width: 100%;
	height: 130px;
	float: left;
	position: relative;
}

#header .left{
	height: 130px;
	width: 50%;
	float: left;
	background: transparent url(../images/header-left-bg.png) top left;
}

#header .right{
	height: 130px;
	width: 50%;
	float: right;
	background: transparent url(../images/header-right-bg.png) top right;	
}

#header .mainheader{
	float: left;
	height: 130px;
	width: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

#header .mainheader .top{
	height: 27px;
	width: 100%;
	float: left;
}

.options{
	float: right;
	display: block;
	background: #0e3648;
	width: 275px;
	height: 27px;
}

.options ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

.options li{
	list-style: none;
	margin: 0px;
	float: left;
	padding: 0px 10px 0px 8px;	
}

.options ul li a:link, .options ul li a:visited {
	float: left;
	padding: 0px;
	text-decoration: none;
	color: #fff;
	height: 27px;
	line-height: 27px;
	display: block;
}

.options ul li a.actief:link, .options ul li a.actief:visited {
	font-weight: bold;
}

.options img {
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;	
  float: left;
  padding: 8px 8px 0px 0px;
}

.options ul li a:hover {
	text-decoration: underline;
}

#header .mainheader .bottom{
	height: 103px;
	width: 100%;
	float: left;
	position: relative;
}

.site_name {
	float: left;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	font-size: 38px;
	padding: 35px 0px 0px 32px;
	line-height: 50px;
}

.site_name a:link, .site_name a:visited{
	text-decoration: none;
	color: #FFF;
}

.site_name p{
	margin: 0px;
	padding: 0px;
}

.mainmenu {
	position: absolute;
	right: 0px;
	height: 40px;
	bottom: 15px;
	padding: 0px 20px 0px 0px;
}

.mainmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.mainmenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

.mainmenu ul li a:link, .mainmenu ul li a:visited {
	float: left;
	text-transform: uppercase;
	color: #0e3648;
	font-size: 16px;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	display: block;
	padding: 0px 10px 0px 10px;
	height: 40px;
	line-height: 40px;
}

.mainmenu ul li a:hover {
	color: #FFF;
	text-decoration: none;
}

.mainmenu ul li a.actief:link, .mainmenu ul li a.actief:visited, .mainmenu ul li a.actief:hover {
	color: #FFF;
	font-size: 18px;
	 padding: 0px 10px 0px 45px;
	 background: transparent url(../images/mainmenu-actief.png) 10px 12px no-repeat;
}

	/* Fix voor IE */
	* html .mainmenu ul li a.actief:link, * html .mainmenu ul li a.actief:visited, * html .mainmenu ul li a.actief:hover
	{
		background: transparent url(../images/mainmenu-actief-ie.png) 10px 12px no-repeat;
	}	


	
/* Algemene content
------------------------------------------------------------------------------------------ */

#contentcontainer {
	width: 100%;
	float: left;
	background: #FFF url(../images/maincontent-bg.gif) top right repeat-y;
	position: relative;
	padding: 0px 0px 0px 0px;
}


#contentcontainer .shadowleft {
	top: 230px;
	bottom: 230px;
	width: 41px;
	left: -41px;
	position: absolute;
	background: transparent url(../images/shadow-left.png) top left repeat-y;		
}

	/* Fix voor IE */
	* html #contentcontainer .shadowleft
	{
		background: none;
	}	

#contentcontainer .shadowleft_top {
	top: 0px;
	height: 230px;
	left: -41px;
	position: absolute;
	width: 41px;
	background: transparent url(../images/shadow-left-top.png) top left no-repeat;	
}

	/* Fix voor IE */
	* html #contentcontainer .shadowleft_top
	{
		background: none;
	}	

#contentcontainer .shadowleft_bottom {
	bottom: 0px;
	height: 230px;
	background: transparent url(../images/shadow-left-bottom.png) top left no-repeat;
	left: -41px;
	position: absolute;
	width: 41px;
}

	/* Fix voor IE */
	* html #contentcontainer .shadowleft_bottom
	{
		background: none;
	}	

#contentcontainer .shadowright {
	top: 230px;
	bottom: 230px;
	width: 41px;
	right: -41px;
	position: absolute;
	background: transparent url(../images/shadow-right.png) top left repeat-y;		
}

	/* Fix voor IE */
	* html #contentcontainer .shadowright
	{
		background: none;
	}	

#contentcontainer .shadowright_top {
	top: 0px;
	height: 230px;
	right: -41px;
	position: absolute;
	width: 41px;
	background: transparent url(../images/shadow-right-top.png) top left no-repeat;	
}

	/* Fix voor IE */
	* html #contentcontainer .shadowright_top
	{
		background: none;
	}	

#contentcontainer .shadowright_bottom {
	bottom: 0px;
	height: 230px;
	background: transparent url(../images/shadow-right-bottom.png) top left no-repeat;
	right: -41px;
	position: absolute;
	width: 41px;
}	

	/* Fix voor IE */
	* html #contentcontainer .shadowright_bottom
	{
		background: none;
	}	

#innerwrapper {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	background: transparent url(../images/content-bg.gif) top left repeat-x;
	min-height: 500px;
}

		
	/* Fix voor IE */
	* html #innerwrapper
	{
		height: 500px;
	}	


#innerwrapper .left {
	margin: 0px 0px 0px 0px;
}

#innerwrapper .left .top { 
	display: block;
	padding: 0px 0px 0px 12px;
}

#innerwrapper .left .top .column_header { 
	display: block;
	background: #0e3648 url(../images/columnheader-bg.png) top left repeat-x;
	height: 200px;
	border: 1px solid #FFF;
	position: relative;
}

#innerwrapper .left .top .column_header2 { 
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	position: relative;
}

.slogan {
	position: absolute;
	border-bottom: 2px solid #FFF;
	background: #99b809 url(../images/slogan-bg.png) right top no-repeat;
	display: block;
	padding: 15px 20px 15px 32px;
	left: -12px;
	bottom: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;	
	line-height: 25px;
	margin: 0px 32px 0px 0px;
	z-index: 999;
}


#innerwrapper .right {
	width: 265px;
	float: right;
	padding: 0px 11px 0px 11px;
}

#innerwrapper .right .top{
	width: 243px;
	height: 60px;
	float: left;
	background: #0e6a95 url(../images/columnright-bg.png) top left;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 140px 0px 0px 20px;
	border-bottom: 12px solid #FFF;
	position: relative;
}

.righttopname {
	position: absolute;
	bottom: 44px;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;	
	text-transform: uppercase;
	left: 20px;
	font-size: 35px;	
	line-height: 40px;
}

.downimg {
	position: absolute;
	bottom: 27px;
	background: transparent url(../images/columnright-title.png) top left no-repeat;
	left: 20px;
	width: 180px;
	height: 12px;

}

.tekstblok {
	float: left;
	display: block;
}

.tekstblok a:link, .tekstblok a:visited{
	text-decoration: underline;
	color: #0e3648;
	font-weight: bold;
}

.tekstblok a:hover {
	text-decoration: none;
	color: #0e3648;
}

.tekstblok .text{
	padding: 0px 20px 0px 32px;
}

.tekstblok .title {
	padding: 10px 70px 10px 32px;	
	font-size: 17px;
	color: #FFF;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	background: #00557d url(../images/title-bg.png) right top;
	float: left;
	border-bottom: 2px solid #183f50;
	line-height: 24px;
}

.intro {
	color: #0e6a95;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
}

.line {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 30px 12px;
	clear: both;
	border-bottom: 2px dotted #b6c2c8;
}

/* Nieuws en subitems
------------------------------------------------------------------------------------------ */

.rightcolumn {
	width: 263px;
	float: left;
	padding: 19px 0px 0px 0px;
}

.rightcolumn .title {
	padding: 10px 20px 10px 20px;	
	font-size: 17px;
	color: #FFF;
	font-family: "Century Gothic",Helvetica ,Verdana ,Arial;
	background: #4890b3 url(../images/title-bg.png) right top;
	float: left;
	width: 201px;
	border-bottom: 2px solid #35708b;
	line-height: 24px;
}

.rightcolumn .newsitem {
	width: 223px;
	padding: 20px 20px 10px 20px;
	float: left;	
}

.rightcolumn .itemline {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	clear: both;
	border-bottom: 2px dotted #FFF;
	width: 223px;
}

a.newslink:link, a.newslink:visited {
	text-decoration: none;
	color: #0e6a95;
	float: left;
	padding: 5px 0px 0px 0px;
}

a.newslink:hover{
	text-decoration: underline;
}

a.doorlink:link, a.doorlink:visited {
	text-decoration: none;
	color: #0e6a95;
	float: left;
	color: #FFF;
	background: #99b809 url(../images/title-bg.png) right top;
	text-align: middle;
	padding: 2px 15px 0px 15px;
	border-bottom: 2px solid #698004;	
	font-weight: normal;	
}

a.doorlink:hover{
	background: #7b9409 url(../images/title-bg.png) right top;
	color#FFF;
}

a.morenews:link, a.morenews:visited {
	text-decoration: none;
	color: #0e6a95;
	float: left;
	color: #FFF;
	background: #99b809 url(../images/title-bg.png) right top;
	text-align: middle;
	padding: 2px 15px 0px 15px;
	border-bottom: 2px solid #698004;	
	float: right;
	margin: 0px 20px 0px 0px;
	font-weight: normal;
}

a.morenews:hover{
	background: #7b9409 url(../images/title-bg.png) right top;
}

.submenu {
	width: 220px;
	padding: 0px 12px 0px 20px;
}

.submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.submenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.submenu ul li a:link, .submenu ul li a:visited {
	text-decoration: none;
	color: #0E6A95;
	height: 35px;
	line-height: 35px;
	border-bottom: 2px dotted #FFF;
	display: block;
	font-size: 12px;
}

.submenu ul li a:hover {
	text-decoration: none;
	color: #000;
}

.submenu ul li a.actief:hover, .submenu ul li a.actief:link, .submenu ul li a.actief:visited {
	text-decoration: none;
	color: #000;
	border-bottom: 2px dotted #FFF;	
}

.submenu ul li ul {
	border-bottom: 2px dotted #FFF;	
	padding: 0px 0px 10px 0px;
}

.submenu li li a:link, .submenu li li a:visited{
	border-bottom: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	background: #99b809 url(../images/submenu-bg.gif) 0px 0px no-repeat;
}

.submenu li li a.actief:link, .submenu li li a.actief:visited{
	border: 0px;
	font-weight: normal;
	color: #000;
	background: #000 url(../images/submenu-bg.gif) 0px 0px no-repeat;	
}


/* Footer opmaak
------------------------------------------------------------------------------------------ */

#innerfooter {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 12px 0px 12px 0px;
	background: #FFF;
}

#innerfooter .left {
	margin: 0px 287px 0px 12px;
	height: 35px;
	background: #00557d;
	display: block;
}

	/* Fix voor IE */
	* html #innerfooter .left
	{
		margin: 0px 283px 0px 12px;
	}

#innerfooter .right {
	width: 263px;
	float: right;
	margin: 0px 12px 0px 0px;
	height: 35px;
	background: #99b809;
}

	/* Fix voor IE */
	* html #innerfooter .right
	{
		margin: 0px 6px 0px 0px;
	}

#footer {
	width: 100%;
	height: 130px;
	float: left;
	position: relative;
}

#footer .left{
	height: 130px;
	width: 50%;
	float: left;
	background: transparent url(../images/footer-left-bg.png) top left no-repeat;
}

#footer .right{
	height: 130px;
	width: 50%;
	float: right;
	background: transparent url(../images/footer-right-bg.png) top right no-repeat;	
}

#footer .mainfooter{
	float: left;
	height: 130px;
	width: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

#footer .mainfooter .adres{
	float: left;
	width: 468px;
	padding: 30px 0px 0px 32px;
}

.adres_left {
	width: 200px;
	float: left;
	color: #FFF;
}

.adres_left p{
	margin: 0px;
	padding: 0px;
}

.adres_left a:link, .adres_left a:visited{
	color: #FFF;
}

.adres_right {
	width: 200px;
	float: left;
	color: #FFF;
}

.adres_right p{
	margin: 0px;
	padding: 0px;
}

.adres_right a:link, .adres_right a:visited{
	color: #FFF;
}

#footer .mainfooter .copy{
	float: right;
	width: 368px;
	text-align: right;
	padding: 30px 32px 0px 0px;
	color: #bcd4df;
}



.fotorechts {
	width: 220px;
	float: right;
}

.fotorechts img{
	width: 200px;
	float: right;
	height: 180px;
	border: 0px;
	margin: 0px 0px 20px 0px;
}

.fotooverzicht {
	padding: 10px 0px 0px 0px;
}

.fotooverzicht img{ 
	border: 0px;
	width: 100px;
	height: 80px;
	float: left;
	padding: 0px 12px 12px 0px;
}

a.newsbacklink:link, a.newsbacklink:visited {
	text-decoration: none;
	color: #0E6A95;
	font-weight: normal
}

a.newsbacklink:hover {
	text-decoration: underline;
	color: #0E6A95;
	font-weight: normal
}

.newsitem {
	width: 588px;
	padding: 0px 0px 20px 12px;
}

.itemfoto {
	float: left;
	width: 140px;
	height: 140px;
}

.itemfoto img{ border: 0px;}

.itemcontent {
	float: left;
	width: 100%;
}

.itemkop a:link, .itemkop a:visited {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.itemkop a:hover {
	font-size: 12px;
	text-decoration: underline;
}

.itemkop {
	padding: 0px 0px 10px 0px 0px;
}

.noimage {
	width : 120px;
	height: 120px;

}

.noimage a:link, .noimage a:visited {
	display: block;
	width: 120px;
	height: 70px;
	background: #0E6A95;
	color: #FFF;
	text-align: center;
	padding: 50px 0px 0px 0px;	
	text-decoration: none;
	font-weight: normal;
}

.noimage a:hover {
	display: block;
	width: 120px;
	height: 70px;
	background: #54a3c7;
	font-weight: normal;	
}

#keywords
{
	width: auto;
}

/* Fonts
------------------------------------------------------------------------------------------ */
	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #9B1F0E;
	padding: 0px 0px 0px 0px;
	}
	
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;
	}		



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

.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;
}