/* @override http://localhost/ivvg/templates/ivvg/css/template.css */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



body,html {
	background-color: #fefdfb;
	font: normal 12px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #3e3e40;
	/*color: #000;*/
    margin: 0;border
	padding: 0;
	width: 100%;
	text-align: center;
}

a {
	outline: none !important;
	color: #e85311;
	text-decoration: none;
}

a:active {
	outline: none;	
}

a:visited {
	color: #e85311;
}

a:hover {
	background-color: transparent;
	text-decoration: underline;
}

img {
	border-style: none;
}

#container {
	margin: 0;
	height: 100%;
}

#container_inside {
	margin: 0 auto;
	width: 940px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/*/////////////////////////////////////////////////////////////*/


/* kolommen */

div#kol1_top {
	width: 220px;
	float: left;
	height: 390px;
	padding: 0;
	margin: 0;
	background-color: lightgrey;
	background: url(../images/menu_wit.gif) no-repeat;
}

div#kol2_top {
	width: 700px;
	float: left;
	line-height: 17px;
}


div.logo {
	/*height: 300px;*/
	width: 700px;
	height: 125px;
}


div.slideshow {
	width: 700px;
	height: 265px;
}

div.slideshow img {
	display: none;
}

div.slideshow img.first {
	display: block;
}





div.kol_marge {
	width: 20px;
	height: 20px;
	float: left;
}



div#kol1, div#kol2, div#kol3, div#kol_main {
	width: 270px;
	float: left;
	background-color: #e7e5ef;
	padding: 15px;
	padding-left: 20px;
	padding-right: 10px;
	height: 168px;	
}


div.home div#kol1, div#kol2, div#kol3, div#kol_main {
	min-height: 168px;	
}	


div#kol1.bg {
	background: #e7e5ef url(../images/bg_lamp.gif) 200px 10px no-repeat;
}

div#kol2 {
	background: #e7e5ef url(../images/bg_hart.gif) 170px 10px no-repeat;
}

div#kol3 {
	background: #e7e5ef url(../images/bg_netwerk.gif) 140px 10px no-repeat;
	
}


div#kol1.rood, div#kol2.rood, div#kol3.rood {
	background-color: #fdeadc;
}



div#kol_main {
	width: 590px;
	min-height: 392px;
	background-color: #fdeadc;
	padding-bottom: 7px;
}

div.kol_container {
	float: left;
	width: 270px;
}

div.kol_container div#kol1, div.kol_container div#kol2, div.kol_container div#kol3 {
	/*background-color: #fef0e5;*/
}


div.marge_hor {
	clear: both;
	height: 18px;
	overflow: hidden;
	margin-bottom: 0px;

}

div.footer { 
	clear: both;
	height: 24px;
	padding-top: 8px;
	background: url(../images/footer.gif) 0px 8px no-repeat;
	text-indent: -999px;
	margin-bottom: 8px;
}



/*/////////////// MENU ////////////////////////////////////*/

#kol1_top div.menu {
	margin-top: 120px;
	margin-left: 20px;	
	padding: 0;
}

#kol1_top div.menu a, #kol1_top div.menu a:visited {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 29px;
	height: 29px;
	text-decoration: none;
	letter-spacing: 3px;
	color: white;
	text-indent: -999px;
}

#kol1_top div.menu a:hover {
	background-color: transparent;
	color: yellow;
}



#kol1_top div.menu a.item1:hover, #kol1_top div.menu a.item1.current1 {
	background: url(../images/menu_current.gif) -20px -120px repeat-x;
}

#kol1_top div.menu a.item2:hover, #kol1_top div.menu a.item2.current2 {
	background: url(../images/menu_current.gif) -20px -149px repeat-x;
}

#kol1_top div.menu a.item3:hover, #kol1_top div.menu a.item3.current3 { 
	background: url(../images/menu_current.gif) -20px -178px repeat-x;
}

#kol1_top div.menu a.item4:hover, #kol1_top div.menu a.item4.current4 { 
	background: url(../images/menu_current.gif) -20px -207px repeat-x;
}

#kol1_top div.menu a.item5:hover, #kol1_top div.menu a.item5.current5 { 
	background: url(../images/menu_current.gif) -20px -236px repeat-x;
}

#kol1_top div.menu a.item6:hover, #kol1_top div.menu a.item6.current6 { 
	background: url(../images/menu_current.gif) -20px -265px repeat-x;
}


/*/////////////////////////////////////////////////////////*/


/*/////////////// CONTENT ////////////////////////////////////*/


h1 {
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	color: #11206b;
	margin-bottom: 2px;
}

h2 {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	color: #e85311;
	margin-bottom: 2px;
}


div.koltekst {
	font-size: 13px;
	line-height: 20px;
	position: relative;
}

a.meer, a.meer:visited {
	/*font-weight: bold;*/
	color: #e85311;
	font-size: 13px;
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;	
	margin-top: 4px;
}

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


/* //////////////// T E S T I M O N I A L S ///////////////////// */ 

div#kol2.testimonials {
	background-image: none;
	text-align: right;
	height: 260px;
	padding-left: 10px;
	width: 280px;
}

div#kol2.testimonials a {
	text-align: right;
}

div#kol_main.testimonials {
	/*height: 360px;*/
	background: #fdeadc url(../images/quote_lt.gif) 0px 0px no-repeat;
	min-height: 200px;
	height: auto;
	/*height: 200px;*/
	overflow: hidden;
	padding-bottom: 15px;
}

#kol_main div.quote_bot {
	background: #fdeadc url(../images/quote_rb.gif) 0px -4px no-repeat;
	background-color: transparent;
	height: 80px;
	margin-top: -80px;
	float: right;
	width: 100px;
}

a.testi, a.testi:visited {
	font-weight: bold;
	color: #11206b;
	padding-right: 10px;
	font-size: 14px;
	display: block;
	line-height: 22px;
	text-decoration: none;
}

a.testi:hover {
	text-decoration: none;
	background-color: #f3f2f8;
}

a.testi.current, a.testi.current:visited {
	color: #e85311;
	margin-bottom: 14px;
}

a.testi span {
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	/*font-style: italic;*/
	display: none;
}

a.testi.current span {
	display: block;
}

div.koltekst div.quote {
	display: none;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 0px;
}

div.koltekst div.quote.een {
	display: block;
}


/* //////////////// V E R V O L G  P A G  ///////////////////// */

img.bgimg {
	float: right;
	margin-right: -10px;
	margin-top: -10px;
	margin-left: -55px;
} 

img.bgimgnet {
	float: right;
	margin-right: -10px;
	margin-top: 5px;
	margin-left: -55px;
} 



img.ruud {
	margin: 0;
	margin-right: 5px;
	padding-left: 12px;
}
