/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
/*einde reset css*/

html {
	background: #91bbea;
}
body {
	background: #91bbea;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 auto;
	min-width: 974px;
	text-align: justify;
}
h1, h2, h3 {
	text-transform: uppercase;
	font-size: 16px;
	color: #91bbea;
	padding-bottom: 10px;

}
b, strong {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
p {
	padding-bottom: 10px;
}
a {
	color: #336699;
	text-decoration: none;
	margin-right: 0px;
}
a:hover {
	color: #91bbea;
}
/*Afbeeldingen in tekstblokken
---------------------------------------------------------*/
.imgDIVinTextLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0px; 
} 
.imgDIVtopCenter { 
	margin:5px auto;
	padding:0px;
	border:0px;
}
.imgDIVblockImgLeft {
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 
.imgDIVbottomCenter {
	margin:5px auto; 
	padding:0px; 
	border:0px;
}
.imageEntry { 
	float: left; 
	padding: 5px 3px 0px 0px;
	padding: 10px 7px;
}
.clear {
	clear: both;
}
.phpwcmsArticleListImage{
	float: right;
	padding: 25px 0 10px 10px;

}
.phpwcmsArticleListImage img{
	width: 100px;
	height: auto;
}
/*Layout
---------------------------------------------------------*/
#wrapper {
	position: relative;
	width: 974px;
	margin: 0px auto;
	background: url(bg-wrapper.jpg) repeat-y;
}
#kop {
	position: relative;
	height: 178px;
	background: #91bbea url(bg-kop.jpg) no-repeat;
	padding-left: 6px;
}
#content {
	min-height: 420px;
}

#voet {
	position: relative;
	height: 30px;
	background: url(bg-voet.jpg) bottom no-repeat;
	clear: both;
	padding-top: 10px;
}
#voet p {
	padding-top: 7px;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
}
#voet a {
	color: #fff;
}
#voet a:hover {
	color: #91bbea;
}
#menu {
	position: absolute;
	left: 215px;
	bottom: 4px;
}
#logo {
	position: absolute;
	left: 6px;
	bottom: 18px;
	z-index: 10;
}
#logo-schrift {
	position: absolute;
	left: 206px;
	bottom: 32px;
	z-index: 10;
}


/*Content kaders
---------------------------------------------------------*/
#nieuws {
	float: left;
	width: 205px;
	padding-left: 22px;
	padding-top: 14px;
}
#content_duo {
	float: right;
	width: 733px;
	min-height: 350px;	
}
#content_main {
	float: left;
	width: 492px;
	margin-top: 14px;
	background: url(bg-content-wit.jpg) repeat-y;

}
#content_main ul {
	padding: 0 25px;
	list-style: disc;
	text-align: left;
}
#content_main li{
	padding: 0 0 6px 0;
	list-style: disc;	
}
#contact{
	float: right;
	width: 205px;
	padding-right: 22px;
	padding-top: 14px;
}
.box_kop {
	background: url(bg-content-grijs-top.jpg) no-repeat;
	width: 205px;
	height: 20px;
}
.box_content {
	background: url(bg-content-grijs.jpg) repeat-y;
	width: 165px;
	padding: 0 20px;
}
.box_content a {
	color: #91bbea;
}
.box_content a:hover {
	color: #aaa;
	text-decoration: none;
}
#nieuws img {
	width: 165px;
	height: auto;
	padding: 5px 0px 5px 0px;
}
.box_content li {
	border-bottom: dashed 1px #666;
	padding: 10px 0px 10px 0px;
}
#nieuws .box_content {
	min-height: 509px;
}
* html #nieuws .box_content {
	height: 509px;
}
#nieuws .titel a {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #91bbea;
}
#nieuws .titel a:hover {
	color: #336699;
}
.box_voet {
	background: url(bg-content-grijs-bottom.jpg) no-repeat;
	width: 205px;
	height: 20px;
	padding-bottom: 20px;
}
.box_main_kop {
	background: url(bg-content-wit-top.jpg) no-repeat;
	width: 492px;
	height: 20px;
}
.box_main_content {
	padding: 0 15px;	
}
.box_main_voet {
	background: url(bg-content-wit-bottom.jpg);
	width: 492px;
	height: 20px;
	clear: both;
}

#partners {
	background: none;
}
#partners .imageEntry {
	padding: 5px 3px 0px 0px;		
}
#partners img {
	background: none;
	float: left;
	/*border: 1px solid #E5E5E5; */
}
#partners img:hover {
	background: url(logo-achtergrond-75x50-rc.jpg);
	/*border: 1px solid #91bbea; */
}
/*Portfolio
---------------------------------------------------------*/
#content_portfolio {
	float: left;
	width: 719px;
	margin-top: 14px;
	background: url(bg-content-wit-groot.jpg) repeat-y;
	margin-left: 22px;
}
* html #content_portfolio { /*ie6 double float margin bug*/
	margin-left: 8px;
	width: 700px;
}
.box_portfolio_kop {
	background: url(bg-content-wit-top-groot.jpg) no-repeat;
	width: 719px;
	height: 20px;
}
.box_portfolio_content {
	padding: 0 25px 0 25px;	
}
.box_klantlogos_content {
	padding: 0 15px 0 15px;	
}
* html .box_portfolio_content {
	padding: 0 5px 0 25px;	
}
.box_portfolio_voet {
	background: url(bg-content-wit-bottom-groot.jpg) no-repeat;
	width: 719px;
	height: 20px;
	clear: both;
}
/*Accordion
---------------------------------------------------------*/
.element {
	text-align: justify;
	background: url(bg-gradient.jpg) repeat-y;
}

.element p{
	padding: 0px 35px 0px 30px;
}
.toggler {
	cursor: pointer;
	padding: 5px 20px;
	background: #fff url(bg-balk-grijs.jpg) no-repeat;
	color: #91bbea;
	width: 620px;
	height: 20px;
}
.toggler:hover {
	color: #000000;
}
.element img {
	background: url(bg-schaduw.png) no-repeat;
	width: 600px;
	height: 200px;
	padding: 10px;
	margin-left: 20px;
}
.portfolio-content-top {
	background: url(bg-gradient-top.jpg) no-repeat;
	width: 670px;
	height: 20px;
	padding: 0px;
}
.portfolio-content-bottom {
	background: #fff url(bg-gradient-bottom.jpg) no-repeat;
	width: 670px;
	height: 20px;
	padding: 0px;
	padding-bottom: 5px;
}
.leesmeer {
	text-align: right;
	padding-right:40px;
}
.phpwcmsArticleListMore {
	text-align: right;
}
/*Testimonials zonder flashplugin
---------------------------------------------------------*/
#flashcontent {
	padding: 0px 10px 0px 0px;
}

/*Kaders kleuren
---------------------------------------------------------*/
.kader {
	float: left;
	width: 140px;
	height: 140px;
	color: #fff;
	padding: 5px 8px 5px 5px;
	text-align: center;
	font-family: Arial;
}
.kader h2 {
	font-weight: bold;
	padding: 20px 0px 0px 0px;
}
.kader p {
	font-size: 12px;
	font-weight: normal;
	padding: 50px 0px 0px 0px;
}
.kader a {
	color: #fff;
}
.kader a:hover {
	color: #eee;
}
.grijs {
	background: url(kader-grijs.jpg) no-repeat;	
}
.lichtblauw {
	background: url(kader-lichtblauw.jpg) no-repeat;
}
.donkerblauw {
	background: url(kader-donkerblauw.jpg) no-repeat;
}