/**
 * $Date: 2008-11-13 14:44:51 +0100 (Thu, 13 Nov 2008) $
 * $Author: stef $
 * $Id: style_1280.css 27 2008-11-13 13:44:51Z stef $
 * $Revision: 27 $
 * $HeadURL: http://svn.dev.redmax.nl/kalibra/css/style_1280.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");
}


div.clearer{
	clear				: both;
}

div#main_container{
	width				: 1251px;

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

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

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

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

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

	background-image	: url('/images/top_header_background_1280.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 span.sales_company_name{
	position			: absolute;
	top					: 55px;
	left 				: 1120px;

	font-size			: 14px;
	font-weight			: bold;
	color				: black;
}

div#footer{
	width				: 1195px;
	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;
	float				: left;

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

	position 			: relative;
}


div#meter{
	width				: 24px;
	height				: 3px;

	position			: absolute;
	left				: 2px;
	top					: 1px;

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

div#home_content_container div#home_content{
	width				: 1225px;
	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;
}

div#home_content_container div#home_content div#flash{
	width				: 618px;
	height				: 431px;
	float				: right;
	margin-right		: 37px;
}


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

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

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

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

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

	float				: left;
}

div#vervolg_content_container div#vervolg_content{
	width				: 1225px;
	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				: 320px;
	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{

}