/**
 * $Date: 2010-09-06 14:31:01 +0200 (Mon, 06 Sep 2010) $
 * $Author: jjong $
 * $Id: style.css 57 2010-09-06 12:31:01Z jjong $
 * $Revision: 57 $
 * $HeadURL: http://svn.dev.redmax.nl/kalibra/css/style.css $
*/

/*
	CSS style sheet for Kalibra Website
	Total width of the site 			: 966px;
	Width of the content container		: 938px;
	Menu can be found in menu.css
*/

/* Main Styles */
body{
	background-color 	: #ec1b2e;
	margin				: 0px;
	padding				: 0px;

	font-family			: "Arial";
	color				: #605d5d;

	behavior			: url("/css/csshover.htc");
}

a,
a:hover,
a:active,
a:visited{
	text-decoration 	: none;
	color				: #EC1B2E;
}

a img{
	border				: 0px;
	text-decoratoin		: none;
}

h1{
	color				: #cd1828;
	font-size			: 14px;
	margin				: 0;
	padding				: 0;
	padding-bottom		: 5px;
}

div.clearer{
	clear				: both;
}

span.red{
	color				: #eb1b2e;
}

div#main_container{
	width				: 966px;

	margin-left			: auto;
	margin-right		: auto;

	background-image	: url('/images/background.png');
	background-repeat	: repeat-y;
}

div#top_menu{
	height				: 27px;
	width				: 938px;

	background-image	: url('/images/top_menu_background.png');
}

div#top_header{
	width				: 938px;
	height				: 93px;

	background-image	: url('/images/top_header_background.png');

	/* Position fix for position logo and Sales Company name */
	position			: relative;
}

div#top_header .logo_image{
	position			: absolute;
	top					: 15px;
	left 				: 35px;
}

div#top_header div#question {
	position			: absolute;
	top					: 23px;
	left 				: 724px;
	display:			: block;
}

div#footer{
	width				: 908px;
	height				: 31px;

	padding-left		: 30px;

	background-color	: #FFF;

	font-size			: 10px;
	line-height			: 31px;

	position 			: relative;
}

div#footer #left{
	width				: 400px;
	float				: left;
	margin-left			: 4px;
}

div#footer #right{
	float				: right;
	margin-right		: 38px;
}

div#schaal{
	width				: 27px;
	height				: 431px;
	background-image 	: url('/images/schaal.png');
	position 			: absolute;
	top					: 120px;
}

div#schaal_filler {
	width				: 27px; 
	height				: 400px; 
	float				: left;
}

div#meter{
	width				: 24px;
	height				: 3px;
	position			: relative;
	left				: 2px;
	top					: 1px;
	background-color	: #f58d96;
}

/* Homepage Styles & Vervolg styles */
div#home_content_container,
div#vervolg_content_container{
	width				: 938px;
	margin-left			: 13px;
}

div#home_content_container div#home_content{
	width				: 938px;
	height				: 432px;

	background-color	: #FFF;
}

div#home_content_container div#home_content div#service_menu,
div#vervolg_content_container div#vervolg_content div#service_menu{
	width				: 245px;
	float				: left;
	margin-top			: 30px;
}

div#home_content_container div#home_content div#flash{
	width				: 618px;
	height				: 431px;
	float				: left;
}


div#home_content_container div#home_content_bottom,
div#vervolg_content_container div#vervolg_content_bottom{
	width				: 938px;
	height				: 16px;

	background-image	: url('/images/home_bottom_background.png');
	background-repeat	: no-repeat;
}

div#home_content_container div#home_content div#service_menu div#last_news{
	margin-top			: 60px;
	font-size			: 11px;
	margin-left			: 1px;
}

/* Vervolg styles only */
div#vervolg_content_container div#vervolg_content div#content{
	width				: 618px;
	margin-top			: 40px;
	margin-left			: 20px;

	font-size			: 11px;
	color 				: #303030;

	float				: left;
}

div#vervolg_content_container div#vervolg_content{
	width				: 938px;
	background-color	: #FFF;
}


div.nieuws_titel{
	padding-top			: 5px;
	font-size	 		: 12px;
	font-weight			: bold;
}

div.nieuws_datum{
	color				: #999;
}

div.nieuws_intro a:hover{
	color				: #cd1828;
}

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

ul.products_overview li a{
	background-image	: url('/images/bullet_grijs.gif');
	background-repeat	: no-repeat;
	background-position : left;

	padding-left		: 8px;
	line-height			: 8px;
}


ul.products_overview li a:hover{
	background-image	: url('/images/bullet_rood.gif');
	background-repeat	: no-repeat;
	background-position : left;
}

#instruments{
	width				: 32�0px;
	position			: relative;
	left				: -5px;
}

#instruments div.checkBoxButton{
	height				: 25px;
	border				: 1px solid gray;
	float				: left;
	padding-left		: 10px;
	margin-left			: 5px;
	cursor				: pointer;

	background-image 	: url('/images/in_basket.jpg');
	background-position : right;
	background-repeat 	: no-repeat;
	background-color	: white;
	padding-right		: 30px;

	line-height			: 25px;

	margin-top			: 5px;
}

#instruments span.checkBoxButtonSel{
	height				: 25px;
	line-height			: 25px;
	width				: 75px;
	border				: 1px solid gray;
	padding-left		: 10px;
	background-color	: #FF3333;
	float				: left;
	margin-left			: 5px;
	cursor				: pointer;
}

.addToBasket{
	height				: 25px;
	line-height			: 25px;
	width				: 75px;
	background-color	: pink;
	margin-top			: 10px;

	cursor				: pointer;
}

.order{
	height				: 25px;
	line-height			: 25px;
	width				: 75px;
	border				: 1px solid gray;


	padding-left		: 10px;
	margin-left			: 5px;
	cursor				: pointer;
}

#offer_order{
	float 				: left;
	width				: 340px;
}

#offer_order h1{
	color				: #ED1B2E;
}

#offer_order h2,
#offer_info h2{
	font-size			: 12px;
}

#offer_info{
	float				: left;
	width				: 265px;
	margin-left			: 10px;
}

.offer_form{
	background-color	: #f2f2f2;
	padding				: 10px;
	padding-top			: 5px;
	margin-top 			: 10px;
}

.offer_form input,
.offer_form textarea{
	border				: 1px solid #d2d1d1;
}

.offer_form submit{
	color				: blue;
}

.submit{
	border				: none;
	background-color 	: #ed1b2e;
	color				: white;

	background-image	: url('/images/arrow_submit.png');
	background-position : right;
	background-repeat	: no-repeat;
	padding-right		: 20px;

	width 				: 200px;
	height				: 31px;

	text-align 			: left;

	padding-left		: 5px;


}

#offerte_aanvragen{
	display 			: inline;
}

.faq_question,
.faq_question_open{
	font-weight			: bold;
	cursor 				: pointer;

}

.faq_answer{
	display				: none;
	margin-top			: 10px;
}

li.subopen a, 
li.subopen a:active, 
li.subopen a:visited, 
li.subopen a:link, 
li.subopen a:hover{
	color:#EC1B2E;
	font-weight:bold;
}