/*********************************************************************************************
Title:		Joomla! template for www.quisteneskes.nl
File: 		eskes/templates/quisteneskes/css/layoutblue.css
Version: 	v1.00
Author:		Digivotion
Contact:	info@digivotion.com

Comments:	Here you can add customer specific style definitions.
*********************************************************************************************/

/* Core html setup */

* {
	margin : 0px;
	padding : 0px;
}
/*------------------------------------------------------------------------------------------*/
body {
	text-align : center; /* centers #container in IE 5*. Text left in #container */
	background-color : #89aad0;

	font-family : "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size : 0.80em;
	line-height : 110%;
}
/*------------------------------------------------------------------------------------------*/
img {
	border : 0 none;
	margin : 0;
}
/*------------------------------------------------------------------------------------------*/
ul {
	list-style : none;
}
/*------------------------------------------------------------------------------------------*/
h1 {
	font-family: "Forte", "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size : 16px;
	margin-top : 30px;
	color : #fff;
	margin-bottom : 15px;
}
/*------------------------------------------------------------------------------------------*/
h2 {
	font-size : 20px;
}
/*------------------------------------------------------------------------------------------*/
p {
	color: #FFF;
	font-size : 100%;
}
/*------------------------------------------------------------------------------------------*/
strong {
	font-size : 14px;
	font-weight : bold;
	font-family : "Century Gothic", "Arial", "Helvetica", sans-serif;
}
/*------------------------------------------------------------------------------------------*/
div#document
{
	margin : 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width : 856px;  /* allows browser chrome and avoids horizontal scroll bar */
	text-align : left; /* this overrides the text-align: center on the body element. */
	background : url(../images/document_background.jpg) repeat-y;
}
/*------------------------------------------------------------------------------------------*/
a {
	text-decoration : underline;
	outline : none;
	color : #FFF;
}
/*------------------------------------------------------------------------------------------*/
a:hover {
	font-style : italic;
}
/*------------------------------------------------------------------------------------------*/
div#leftcolumn {
	float : left;
	min-height : 50px;
	width : 21px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 {
	float : left;
	width : 807px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #top_header {
	clear : both;
	width : 807px;
	height : 22px;
	background : url(../images/column2_header_topheader.jpg) no-repeat;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #top_header .topmenuspacer {
	float : left;
	width : 399px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #top_header .topmenuonderneming {
	line-height : 22px;
	float : left;
	width : 91px;
	height : 22px;
	font-size : 80%;
	font-weight : bold;
	border-left : 1px solid #f0e1ba;
	text-indent : 3px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #top_header .topmenuspecialisaties {
	line-height : 22px;
	float : left;
	width : 153px;
	height : 22px;
	font-size : 80%;
	font-weight : bold;
	border-left : 1px solid #f0e1ba;
	text-indent : 3px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #top_header .topmenulidmaatschap {
	line-height : 22px;
	float : left;
	width : 84px;
	height : 22px;
	font-size : 80%;
	font-weight : bold;
	border-left : 1px solid #f0e1ba;
	text-indent : 3px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #top_header .topmenualgemeen {
border-left:1px solid #F0E1BA;
float:left;
font-size:80%;
font-weight:bold;
height:22px;
line-height:22px;
text-indent:6px;
width:auto;
}	
/*------------------------------------------------------------------------------------------*/
div#column2 #header #logo {
	float : left;
	width : 400px;
	height : 120px;
	background : url(../images/column2_header_left.jpg) no-repeat;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #navigation {
	float : left;
	width : 407px;
	height : 120px;
	background : #acc5e2;
}
/*------------------------------------------------------------------------------------------*/
#column2 #header #navigation .menuonderneming {
	float : left;
	height : 120px;
	background : #7ca1cb;
	width : 91px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #navigation .menuspecialisaties {
	float : left;
	height : 120px;
	background : #acc5e2;
	width : 155px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #navigation .menulidmaatschap {
	float : left;
	height : 120px;
	background : #7ca1cb;
	width : 85px;
}
/*------------------------------------------------------------------------------------------*/
#column2 #header #navigation .menualgemeen {
	float : left;
	height : 120px;
	background : #7ca1cb;
	width : 161px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #navigation .menuonderneming .menu li a,
div#column2 #header #navigation .menuspecialisaties .menu li a,
div#column2 #header #navigation .menulidmaatschap .menu li a,
div#column2 #header #navigation .menualgemeen .menu li a {
	font : 80% Arial, Helvetica, sans-serif; 
	text-decoration : none;
	color : #000000;
	margin-left : 4px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #header #navigation .menuonderneming .menu li a:hover,
div#column2 #header #navigation .menuspecialisaties .menu li a:hover,
div#column2 #header #navigation .menulidmaatschap .menu li a:hover,
div#column2 #header #navigation .menualgemeen .menu li a:hover {
	text-decoration : underline;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content {
	background : #1e6abe;
	float : left;
	width : 807px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content .inputbox {
	font-size : 12px;
	font-family : "Century Gothic", "Arial", "Helvetica", sans-serif; 
	color : black;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content h1 {
	font-size : 28px;
	font-family : "Century Gothic", "Arial", "Helvetica", sans-serif; 
	color : black;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content a {
	font-size : 110%;
	font-family : "Century Gothic", "Arial", "Helvetica", sans-serif; 
	text-decoration : underline;
	color : #FFF;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content a:hover {
	color : #ffffff;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content .imageright {
	margin-left : 20px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #content p {
	color : #ffffff;
}
/*------------------------------------------------------------------------------------------*/	
div#column2 #contactrow {
	float : left;
	width : 807px;
	height : 167px;
	background :white;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact {
	font : 80% Arial, Helvetica, sans-serif; 
	text-decoration : none;
	float : right;
	margin-top : 50px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact h2 {
	font-family : "Arial", "Helvetica", sans-serif; 
	font-size : 130%;
	color : #333333;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .contacttitel {
	width : auto;
	font-size : 16px;
	font-weight : bold;
	margin-bottom : 10px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .adres {
	float : left;
	width : auto;
	margin-right : 10px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .letselschade {
	display : block;
	border : 1px solid red;
	height : 50px;
	width : 150px;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .contactafkortingen {
	float : left;
	width : auto;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .contactgegevens {
	float : left;
	width : auto;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .contactgegevens a {
	text-decoration : none;
	color : #000000;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .contactgegevens a:hover {
	text-decoration : underline;
	color : #000000;
}
/*------------------------------------------------------------------------------------------*/
div#column2 #contactrow .contact .contactspacer {
	float : left;
	width : 50px;
}
/*------------------------------------------------------------------------------------------*/
div#rightcolumn {
	float : left;
	width : 28px;
}
/*------------------------------------------------------------------------------------------*/
div#footer {
	clear : both;
	background : url(../images/footer_background.jpg) no-repeat;
	width : 856px;
	height : 38px;
}
/*------------------------------------------------------------------------------------------*/

/*********************************
Joomla! specific content elements
**********************************/

/* headers */
.contentheading {
	font-family : "Forte", "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size : 16px;
	margin-top : 30px;
	color : #fff;
	margin-bottom : 15px;
}
/*------------------------------------------------------------------------------------------*/
div#component-contact {
	background : url(../images/contact_background.jpg) no-repeat;
	height : 331px;
}
/*------------------------------------------------------------------------------------------*/
div#component-contact td {
	width : 100%;
	border-collapse : collapse;
	padding-left : 30px;
	font-family : "Forte", "Century Gothic", "Arial", "Helvetica", sans-serif;
	font-size : 110%;
	color : #fff;
}
/*------------------------------------------------------------------------------------------*/

/* spacers */
span.article_separator {
	display : none;
}
/*------------------------------------------------------------------------------------------*/
table.contentpaneopen td {
	background : #1E6ABE;
	width : 100%;
	border-collapse : collapse;
}
/*------------------------------------------------------------------------------------------*/