/* 
Keja Design
======================================================================================
URL:				..
Start ontwerp: 		onbekend
Start xhtml: 		3 maart 2009
Auteur: 			Ale van der Ploeg [http://www.addnoise.nl]
======================================================================================
*/

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

a:link, a:visited { 
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	   color: #0076c0;	 
	   text-decoration: none;
	}
	
a:hover, a:active { 
	   color: #415968;
	   text-decoration: underline;
	}	

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #415968; 
	background: #415968;
}

		
html
{
	height: 100%;
}

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

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

#container2 {
	width: 1001px;
	float: left;
	background: #ffffff;
	position: relative;
}

#containerInner {
	float: left;
	width: 902px;
	padding: 0px 43px 0px 56px;
	margin: 0px;
	position: relative;
	background: #FFF url(../images/headerBack.jpg) top left no-repeat;
}

#containerLeft {
	width: 154px;
	float: left;
	position: relative;
	background: transparent url(../images/leftBack.jpg) 0px 106px no-repeat;
	padding: 106px 0px 0px 0px;
	min-height: 250px;
}

		/* Fix voor IE */
		* html #containerLeft
		{
			height: 250px;
		}	

#containerLeft .title{
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0px 0px 10px 27px;
	font-size: 15px;
	font-weight: bold;	
	text-transform: uppercase;
}


#containerLeft .payOff {
	position: absolute;
	top: 56px;
	left: -28px;
	width: 214px;
	height: 50px;
}
#containerLeft .payOff img{ border: 0px;} 

#containerHeader {
	height: 156px; 
	width: 748px;
	float: right;
	position: relative;
}

#containerHeader .logo {
	width: 267px;
	height: 73px;
	float: right;
	padding: 43px 0px 0px 0px;
}

#containerHeader .logo img{ border: 0px;}

#containerHeader .menu {position:absolute; left: 68px; bottom: 0px; text-transform: uppercase;}

#containerHeader ul{ margin: 0px; padding: 0px; list-style: none; float: left;}
#containerHeader li{ margin: 0px; padding: 0px; float: left; list-style: none;}
#containerHeader ul li a, #containerHeader ul li a:visited {
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	margin: 0px 40px 0px 0px;
}

#containerHeader ul li a.actief, #containerHeader ul li a:hover {
	text-decoration: underline;
}

#containerContent {
	width: 544px;
	float: left;
	padding: 40px 160px 20px 44px;
	min-height: 380px;
	z-index: 2;
}

		/* Fix voor IE */
		* html #containerContent
		{
			height: 380px;
		}	

#containerPortfolio {
	width: 684px;
	float: left;
	padding: 40px 20px 20px 44px;
}

.bigPic{
	width: 376px;
	float: left;
	padding: 0px 0px 0px 24px;
}

.bigPic img { border: 2px solid #ffffff; height: 301px; width: 344px;}


#containerContent .text{
	margin: 0px;
	padding: 0px 70px 0px 24px;
	float: left;
}


#containerContent .nieuws{
	width: 235px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	position: absolute;
	right: 20px;
	top: 196px;
}

#fotorechts {
	width: 235px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	position: relative;
}

#flashfotos {
	width: 235px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}


#flashfotos ul{ list-style: none; margin: 0px; padding: 0px;}
#flashfotos li{ list-style: none; margin: 0px; padding: 0px;}
#flashfotos img{border: 0px; width: 190px; height: 100px;}

.nieuwsitem{
	float: left;
	width: 235px;
	padding: 0px 0px 15px 0px;
	line-height: 17px;
}

.nieuwsfoto{
	float: left;
	width: 50px;
	padding: 4px 0px 0px 0px;
}

.nieuwsfoto img{
	float: left;
	width: 50px;
	height: 50px;
	border: 0px;
}


.nieuwstekst{
	float: right;
	width: 175px;
	padding: 2px 0px 0px 0px;
}

.nieuwskop{
	font-weight: bold;
}

a.leesmeer:link, a.leesmeer:visited{
	font-weight: normal;
	text-decoration: none;
	color: #587283;
}

a.leesmeer:hover{
	font-weight: normal;
	text-decoration: none;
	color: #0076c0;
}

a.nieuwskop:link, a.nieuwskop:visited{
	font-weight: bold;
	text-decoration: none;
	color: #415968;
	float: left;
	line-height: 16px;
}

a.nieuwskop:hover{
	font-weight: bold;
	text-decoration: none;
	color: #0076c0;
}


a.meernieuws:link, a.meernieuws:visited{
	margin-right: 45px;
	float: right;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background: #415968;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
}

a.meernieuws:hover{
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background: #0076c0;
}



#containerPortfolio .text{
	margin: 0px;
	padding: 0px 70px 0px 24px;
	float: left;
}


#containerPortfolio .text_portfolio{
	margin: 0px;
	padding: 0px 0px 0px 24px;
	float: right;
	width: 260px;
}


/* Carousel
---------------------------------------------------------------------------------------------- */


.courousel{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 31px;
}


.courousel2{
	margin: 0px 0px 0px -25px;
	padding: 0px;
	position: relative;
	float: left;
}

		/* Fix voor IE */
		* html .courousel2
		{
			margin: 0px 0px 0px -12px;
		}



.jcarousel-skin-keja .jcarousel-container {
	margin: 0px;
	padding: 0px;
}

.jcarousel-skin-keja .jcarousel-container-horizontal {
    width: 910px;
    padding: 20px 0px 20px 24px;
}

.jcarousel-skin-keja .jcarousel-clip-horizontal {
    width: 890px;
    height: 75px;
}

.jcarousel-skin-keja .jcarousel-item {
    width: 170px;
    height: 170px;
}

.jcarousel-skin-keja .jcarousel-item img{
	border:0px;
	width: 170px;
	height: 75px;
}

.jcarousel-skin-keja .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-keja .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-keja .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: -10px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-keja .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-keja .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-keja .jcarousel-next-disabled-horizontal,
.jcarousel-skin-keja .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-keja .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-keja .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -15px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-keja .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-keja .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-keja .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-keja .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-keja .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Different style
 ---------------------------------------------------------
 */

.jcarousel-skin-kejaportfolio .jcarousel-container {
	margin: 0px;
	padding: 0px;
}

.jcarousel-skin-kejaportfolio .jcarousel-container-horizontal {
    width: 350px;
    padding: 20px 24px 20px 24px;
}

.jcarousel-skin-kejaportfolio .jcarousel-clip-horizontal {
    width:  350px;
    height: 100px;
}

.jcarousel-skin-kejaportfolio .jcarousel-item {
    width: 110px;
    height: 75px;
	border: 2px solid #ffffff;
}

.jcarousel-skin-kejaportfolio .jcarousel-item:hover{
    width: 110px;
    height: 75px;
	border: 2px solid #ffffff;
}

.jcarousel-skin-kejaportfolio .jcarousel-item img{
	border:0px;
    width: 110px;
    height: 75px;	
    float: left;
}

.jcarousel-skin-kejaportfolio .jcarousel-item-horizontal {
    margin-right: 3px;
}


.jcarousel-skin-kejaportfolio .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-kejaportfolio .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: -5px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-next-disabled-horizontal,
.jcarousel-skin-kejaportfolio .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-kejaportfolio .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -15px;
    width: 24px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-kejaportfolio .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-kejaportfolio .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-kejaportfolio .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

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

#footer {
	width: 969px;
	margin-left: 16px;
	float: left;
	border-top: 2px solid #415968;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
	background: #ffffff;
}

		/* Fix voor IE */
		* html #footer
		{
			margin-left: 8px;
		}	

#footer a, #footer a:visited, #footer a.actief, #footer a:hover{
	font-weight: normal;
	text-decoration: none;
	color: #415968;
}



/* Fonts
---------------------------------------------------------------------------------------------- */	

	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #0076c0;
	padding: 0px 0px 0px 0px;
	}
	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	color: #0076c0;
	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: #0076c0;
	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: #0076c0;
	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: #0076c0;
	padding: 0px 0px 0px 0px;
	}	
	
.introtekst {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

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

.clearer {
	height: 0px;
	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;
}

.clearer25 {
	height: 25px;
	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;
}


	
/* Menu
---------------------------------------------------------------------------------------------- */
/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	.glossymenu
	{
		float: left;
		width: 190px;
	}

	.glossymenu ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

	.glossymenu ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
		font-size: 0px;
		line-height: 0px;			
		float: left;
	}

	.glossymenu li a:link, .glossymenu li a:visited
	{
font-size: 11px;
color: #415968;
display: block;
width: auto;
padding: 0px 0px 0px 27px;
text-decoration: none;
height: 25px;
line-height: 25px;
width: 117px;
background: transparent url(../images/subMenuBack.gif) 135px 11px no-repeat;		
	}
	
	.glossymenu li a:hover
	{
width: 127px;
padding: 0px 0px 0px 27px;
color: #0076c0;
background: transparent url(../images/subMenuBackActive.gif) 145px 10px no-repeat;
	}	

	.glossymenu li a.actief:link, .glossymenu li a.actief:visited, .glossymenu li a.actief:hover
	{
width: 127px;
padding: 0px 0px 0px 27px;
color: #0076c0;
background: transparent url(../images/subMenuBackActive.gif) 145px 10px no-repeat;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	.glossymenu ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 15px 0px;
		float: left;
		
	}
	
	.glossymenu ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	.glossymenu li li a:link, .glossymenu li li a:visited
	{
font-size: 10px;
color: #0076c0;
display: block;
width: auto;
padding: 3px 0px 3px 35px;
text-decoration: none;
height: auto;
line-height: 14px;
width: 109px;
background: none;
	}
	
	
	.glossymenu li li a:hover
	{
font-size: 10px;
color: #415968;
display: block;
width: auto;
padding: 3px 0px 3px 35px;
text-decoration: none;
height: auto;
line-height: 14px;
width: 109px;
background: none;
	}
	
.glossymenu li li a.actief:link, .glossymenu li li a.actief:visited, .glossymenu li li a.actief:hover
{
font-size: 10px;
color: #415968;
display: block;
width: auto;
padding: 3px 0px 3px 35px;
text-decoration: none;
height: auto;
line-height: 14px;
width: 109px;
background: none;
}
	



.news{
	float: left;
	width: 505px;
	padding: 20px 0px 10px 0px;
	position: relative;	
}

.news_foto{
	float: left;
	width: 85px;
	height: 85px;
}

.news_details{
	float: right;
	width: 403px;
}

.news_foto img{
	float: left;
	width: 85px;
	height: 85px;
	border: 0px;
}