/*
CSS Document voor i-Reserve
copyright Teqa Informatica B.V.
Basis kleuren
blauw: 		#09539F
groen:		#58AC25
lichtblauw: #e1e4f1 (lees verder)
lichtgroen:	#E5F0D8 (achtergrond nieuws), #B9D698 (tweede kleur logo), #e1e4f1 (footerbalk)
Achtergrond	#e5f0d8
*/

body {
	background-color:#e5f0d8;
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#09539F;
	}
h1 {
	font-size:20px;
}
h2 {
	font-size:12px;
	color:#58AC25;
}
hr {
	color:#58AC25;background-color:#58AC25;
}
li {list-style:square; color:#58AC25;}

/* divs INDEX*/
#main {
	margin:auto;
	text-align:left; 
	background-color:#FFFFFF;
	width:820px;
	}
	#header {
		height:109px;
		float:left;
	}
		#logo {
			padding-top:10px; 
			width:320px;height:99px;
			}
			#logo img{
				position:relative; left:16px;
				}
			#logo a:hover{
				background-color:#FFFFFF;
				}
		#bar {
			width:466px;height:109px;
			top:-109px; left:320px; position:relative;
			background-image:url(../images/backg_head.gif);
			background-repeat:no-repeat;
			}
			#bar_links {
				float:left;
				position:relative;
				top:25px;left:15px;
				}
				#bar_links a img{
					margin-bottom:3px;
					}
			#bar_input {
				float:right;
				position:relative;
				top:45px;right:40px;
			}
				#bar_input_siteselect{
					margin-top:-30px;
					position:relative;
				}
				#bar_input_siteselect select{
					font-size:9px;
					color:#58AC25;
				}
				#bar_input_search {
					position:relative;top:6px;
				}
					#bar_img_search {
						margin-top:6px;
					}
					#btn_search {
						position:relative;top:4px;
					}
	#idx_main {
		position:relative;
		float:left;
		top:0px; 
	}
		#idx_intro {
			position:relative;
			float:left;
			margin-left:16px;
			width:296px;
		}		
		
		#idx_moodbar {
			position:relative;
			float:left;
			margin-left:16px;
			width:466px;
		}		
		#idx_news {
			position:relative;
			float:left;
			margin-left:16px;position:relative;
			width:296px;
		}
		
			#idx_news_green {
				padding: 2px 10px 10px 10px;
				background-color:#E5F0D8;
				height:235px;
			}
			#idx_news_bottom {
				margin-left:-1px;margin-top:30px;
			}
		#idx_ireserve {
			position:relative;
			float:left;
			width:296px;margin: 0 0 0 20px;
		}		
			#idx_ireserve_content {
				height:235px;
			}
			
			#idx_ireserve_bottom {
                 margin-top:30px;
			}
		#idx_newsletter {
			position:relative;
			float:left;
			margin:auto auto auto 18px;
		}
		#mcafee {
			position:relative;
			float:left;
			margin:5px auto auto 18px;
		}
	#footer {
		margin-left:16px;margin-bottom:10px;
	}
		#footer div{
			width:400px;height:17px;
			float:left;position:relative;
			background-color:#e1e4f1;
			padding-left:10px;
		}
		#footer .links{
			float:left;position:relative;
			margin-left:5px;
		}
		#footer a.links{
			text-decoration:none; color:#09539F;font-weight:bolder;font-size:10px;
		}
		#footer a.links:active, #footer a.links:hover{
			color:#e1e4f1;
		}

/* divs OVERIGE PAGINAS*/
		#left {
			position:relative;float:left;
			width:136px;
			margin:auto 10px 10px 16px;
			
			}
			#left img {
				margin-left:4px;
				
			}
		#middle {
			position:relative;float:left;
			width:450px;
			margin:auto 10px 10px 10px;
			}
		
			#middle #klok, #middle #verpakking_bronze, #middle #verpakking_silver, #middle #verpakking_gold, #middle #verpakking_platinum, #lite_config, #lite_integrate, #lite_use{
				float:right;
				}
				.mod_icon{
					float:right;
					margin-left:10px;
					}
			#faq_questions a{
				display:block;text-decoration:none;
			}
			#faq_questions a:hover{
				color:#FFFFFF;background-color:#58AC25;
			}
			#faq_spacer {
				clear:both; 
				background-color:#58AC25;
			}
		#right {
			position:relative;float:left;
			width:136px;
			margin:auto 8px 10px 10px;
			}
		
			#other_newsletter {
				margin-top:0px;
			}		

#newsletter{
	width:136px;
	font-size:11px;font-weight:900;
}
	#newsletter_text{
		background-color:#58AC25;
		color:#FFFFFF;
		padding:1px 1px 1px 5px;
	}
	#newsletter_form{
		background-color:#CACFE6;
		padding:1px 5px 5px 5px;
	}
		#btn_news {
			position:relative;top:3px;left:-10px;
		}
		#newsletter_form a:hover {
			background-color:#CACEF6;
		}

/* lees verder en archief opmaak */
	td.balkje {background-color:#e1e4f1;}
	.balkje div, .balkjebreed div{
		width:188px;height:17px;
		float:left;position:relative;
		background-color:#e1e4f1;
		padding-left:10px;
	}
	.balkjebreed div{ width:320px;}
	.balkje a, .balkjebreed a{
		float:left;position:relative;
	}


/* classes */
a { 		text-decoration:none;  color:#58AC25;font-weight:bolder;}
a:visited { text-decoration:none; color:#58AC25; } 
a:active{ 	text-decoration:none; color:#58AC25; }
a:hover {	color:#58AC25; text-decoration:underline; }
a.news { 		text-decoration:none;  color:#09539F;font-weight:bolder;}
a.news:visited { text-decoration:none; color:#09539F; } 
a.news:active{ 	text-decoration:none; color:#09539F; }
a.news:hover {	color:#09539F; text-decoration:underline; }

.mainmenu {
	border:none;
}
.barlinks{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px; 
	background-color:#09539F;
}
.barlinks:hover{
	color:#e1e4f1;
	background-color:#09539F;
}
.green{
	color:#58AC25;
}
.red, .red ul li{
	color:#E31C18;
}
.blue{
	color:#09539F;
}
.wrong{
	color:#E31C18;
}
.vanprijs {
	color: #FF0000;
	text-decoration: line-through;
	font-size: 11px;
}
.odd{ 
	background-color:#e1e4f1; height:20px;
	}
.even{ 
	background-color:#FFFFFF;height:20px;
	}
.vraag{ 
	font-weight:900;
	font-size:12px;
	color:#58AC25;
	margin-bottom:0px;
	}
.antwoord{ 
	margin-top:0px;
	color:#09539F;
	}
.bold{
	font-weight:bolder;
	font-size:12px;
}
.super{
	vertical-align:super;
}
.news_date{
	color:#58AC25;
	font-weight:bolder;
	font-size:12px;
}
.news_content{
	margin-top:-10px;
}
.spacer {
	clear:both;
}
.demoimg {
	border: 3px solid #58AC25;
}
.demolink {
	width:156px;
	background-color: #58AC25;
}
	.demolink span{
		height:22px;width:156px;display:block;margin-left:5px;
	}
	.demolink img{
		position:relative;float:right;top:-22px;right:3px;
	}
img.logo_reference{
	float:left;
	border:none;
	margin-right: 8px;
	margin-bottom: 5px;
}
a.logo_reference{
}

/* forms */

input.white, select.white, textarea.white{
	border:none;
	color:#58AC25;
	font-weight:500;
}
input.white:focus, select.white:focus, textarea.white:focus {
	background-color:#e1e4f1;
}
input.blue, select.blue, textarea.blue {
	border:none;
	background-color:#e1e4f1;
	color:#09539F;
}
input.blue:focus, select.blue:focus, textarea.blue:focus {
	background-color:#CACFE6;
}

/* tables */
table.products {
	text-align:center;
	}
th {
	background-color:#58AC25;color:#FFFFFF;
	font-size:12px;
	}
td.title {
	background-color:#F4F9F0;
	font-size:11px;font-weight:700;
	}
td.title_lite {
	background-color:#F4F9F0;
	font-size:11px;font-weight:700;
	text-align:left;
	padding-left:2px;
	}
	
.blocktext {
	width:50%;
	display:block;
	float:right;
}

/*** slideshow ***/
#slideshow {list-style:none; color:#000}
#slideshow span {display:none}
#wrapper {width:456px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:450px; height:319px; padding:2px; border:1px solid #e1e4f1; background:#fff}
#information {position:absolute; bottom:0; width:450px; height:0; background:#fff; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);display:none;}
#information h3 {padding:4px 8px 3px; font-size:14px; display:none;}
#information p {padding:0 8px 8px; dispaly:none;}
#image {width:450px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:50%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/slide/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/slide/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat;display:none;}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:91px; background:url(../images/slide/images/scroll-left.gif) center center no-repeat; background-color:#e1e4f1}
#slideleft:hover {background-color:#09539f}
#slideright {float:right; width:20px; height:91px; background:#e1e4f1 url(../images/slide/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#09539f}
#slidearea {float:left; position:relative; width:406px; margin-left:5px; height:91px; overflow:hidden}
#slider {position:absolute; left:0; height:91px}
#slider img {cursor:pointer; border:1px solid #e1e4f1; padding:2px}

/***promo banner index page***/
#promo {
		margin:auto; float:none;
		margin-left:16px;
		}
.promobanner {
		margin:auto; float:none; text-align:center;
		}

/*** demo button demopagina***/
a.demobut { cursor:pointer; }