/*  
 * Website Baker template: kempe-timmermans
 * 
 * Original design: kempe-timmermans by M. Geene.
 * Ported to Website Baker by M. Geene.
 * 
 * LICENSE: Open Source
 * 
 * @author     M. Geene
 * @copyright  Open Source
 * @license    http://www.make-it-visual.nl
 * @version    1.00
 * @platform   Website Baker 2.7
*/

body, html {
	font-family: trebuchet, arial, geneva;
	font-size: 14px;
	line-height:24px;
	color: #00377a;
	margin:0 auto;
	background-color: #ffffff;
}

*{ margin: 0; padding: 0; }


/***********************************
TEXT 
************************************/

a:link, a:visited, a:active {
	color: #02b0fd;
	text-decoration: none;
}

a:active {
	color: #02b0fd;
	text-decoration: none;
}

a:hover {
	color: #23d5fd;
	text-decoration: none;
}

p {
	font-family: trebuchet, arial, geneva;
	font-size: 14px;
	line-height:24px;
	color: #00377a;
}

hr {
	margin: 5px 0px 5px 0px;
	color: #660033;
	border: 0;
	border-top: 1px solid #660033;
	height: 1px;
	width: 580px;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #02b0fd;
	line-height:32px;
	text-align: left;
	padding-bottom:10px;
	padding-top:10px;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	color: #f08a00;
	line-height:32px;
	text-align: left;
	padding-bottom:10px;
	padding-top:10px;
}

form {
	margin: 0;
}

.left {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

.right {
    width: 40%;
    float: right;
}

/***********************************
LIJST
************************************/

#text ul
{ 	
  	padding-left: 15px;
}

#text ul li
{ 	list-style-type: disc;
  	padding-left: 20px;
}
ol {
margin-left:25px;
}

/***********************************
TABEL
************************************/

h2.zorgverzekeraar {margin-top:78px;}

.geen-contract { background-color: #ff0000; padding:10px; vertical-align: top;}
.geen-contract h3, .geen-contract p { color:#ffffff; }

.wel-contract-1 { background-color: #ffa200; padding:10px; vertical-align: top;}
.wel-contract-1 h3, .wel-contract-1 p {color:#ffffff; }

.wel-contract-2 { background-color: #00dc00; padding:10px; vertical-align: top; }
.wel-contract-2 h3, .wel-contract-2 p { color:#ffffff; }

/***********************************
LAGEN
************************************/

.main {
	width: 1020px;
	margin: 0 auto;
	background-color: #FFFFFF;
	z-index:1;
}

#banner {
	width: 1020px;
	height: 158px;
	background-image: url(images/header-2020.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #00377a;
	text-align: right;
	/*padding-top: 20px;*/
}

#nummer{
	margin: 85px 0 0 500px;
	font-size: 24px;
	font-weight: bold;
	color: #f08a00;
	width: 200px;
	/*height:66px;*/
	float:left;
	z-index:10;
	}

#banner a:link, a:visited, a:active, a:hover {
	color: #00377a;
}

#flash
{ 	width: 1020px;
	height:280px;
	background-image: url(images/flash.jpg);
	background-repeat: no-repeat;
}

#verhuizing
{ 	width: 200px;
	height:215px;
	z-index:1500;
	margin-top:40px;
	position: absolute;
}

img { border:none;}


#highlight {
	background-color: #D0D0D0;
}
#banner a {
	color: #FFFFFF;
}

#vakantie {
	width: 200px;
	height: 215px;
	float:right;
	z-index:100;
	position: relative;
}

/***********************************
MENU
************************************/
#button { 
	width:92px;
	display: inline;
	height: 59px;
	margin:0;
	padding:0;
	text-align:center;
}

#menu { 
	position: relative;
	width:1020px;
	height: 59px;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
}
#menu ul
{
	margin: 0 0 0 50px;
}

#menu li { 
	display: inline;
	padding:0;
	width:92px;
	height:59px;
	float:left;
}

/*1st level elements*/

#menu ul a,
#menu ul a:link,
#menu ul a:visited
{
	font-family: arial, geneva;
	font-size: 14px;
	font-weight: bold;
	color: #02b0fd;
	text-align:center;
	line-height:1;
	text-decoration: none;
	background-color: transparent;
	display:block;
	padding-top:16px;
}

* html #menu ul a,
#menu ul a:link,
#menu ul a:visited
{
	font-family: arial, geneva;
	font-size: 14px;
	font-weight: bold;
	color: #02b0fd;
	text-align:center;
	line-height:16px;
	text-decoration: none;
	background-color: transparent;
}

#menu ul a:hover,
#menu ul a:focus
{
	background: url(images/mouse-over.gif) top center no-repeat;
	color: #f08a00;
}

#menu ul li a.menu_current
{
	background: url(images/mouse-over.gif) top center no-repeat;
	color: #f08a00;
}

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


#content {
	width: 1020px;
	height: auto;
	min-height: 255px;
	background-image: url(images/content-top.jpg);
	background-repeat: no-repeat;
	text-align: left;
	clear: right;
	margin-left:2px;
}

#text {
	width: 690px;
	margin-right: 260px;
	padding-top:25px;
	margin-left:65px;
	/*float:left;*/
}

* html #text {
	width: 690px;
	margin-right: 260px;
	padding-top:25px;
	margin-left:65px;
}

#text a:link, a:visited, a:active {
	color: #02b0fd;
	text-decoration: none;
}

#text a:active {
	color: #02b0fd;
	text-decoration: none;
}

#text a:hover {
	color: #23d5fd;
	text-decoration: none;
}

/***********************************
TAAL
************************************/

#taal
{ 	
	width: 200px;
	height:66px;
	margin-right:100px;
	float:right;
	margin-top:14px;
	z-index:10;
}

* html #taal
{ 	
	width: 200px;
	height:66px;
	margin-right:50px;
	float:right;
	margin-top:14px;
	z-index:10;
}

/***********************************
FOOTER
************************************/

#footer {
	background-color: #FFFFFF;
	width: 1020px;
	clear: both;
	height: 180px;
	background:#ffffff url(images/footer.jpg) bottom left no-repeat;
	/*background-repeat: no-repeat;*/
	font-size: 10px;
	color: #00377a;
	text-align: left;
	line-height: 18px;
}

.footertabel {
	font-size: 12px;
	color: #00377a;
	text-align: left;
	line-height: 18px;
}

#footerlinks {
	margin:0;
	width:350px;
	padding-left:65px;
	float:left;
	padding-top:32px;
}

#footerrechts {
	margin:0;
	width:500px;
	float:right;
	text-align:right;
	padding-right:75px;
	padding-top:32px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #00377a;
	text-decoration: none;
	font-weight: normal;
	padding-right:10px;
	border:none;
}

#footer a:hover { 
	color: #00377a;
	border:none;
	}

/***********************************
PRIVACY
************************************/

#privacy {
	width: 1020px;
	clear: both;
	margin: 20px 0 40px 0;
	background:#ffffff;
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 18px;
	font-family: trebuchet, arial, geneva;
}

#privacy a {
	background: #02b0fd;
	background-image: -webkit-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: -moz-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: -ms-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: -o-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: linear-gradient(to bottom, #23d5fd, #02b0fd);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	border:none;
	color: #ffffff;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

#privacy a:hover {
	/*color: #00377a;*/
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

/***********************************
GOTOP START 
************************************/

a#gotop {
	font-family: trebuchet, arial, geneva;
	font-size: 14px;
	text-align:right;
	display:block;
	text-decoration:none;
	float:right;
	margin-right:100px;
	
	background: #02b0fd;
	background-image: -webkit-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: -moz-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: -ms-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: -o-linear-gradient(top, #23d5fd, #02b0fd);
	background-image: linear-gradient(to bottom, #23d5fd, #02b0fd);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	border:none;
	color: #ffffff;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	
}

a#gotop:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
	
}

* html a#gotop {
	background:url(images/icons.gif) 0 -302px no-repeat;
	height:16px;
	font-family: trebuchet, arial, geneva;
	font-size: 14px;
	color:#cc2606;
	width:35px;
	text-align:right;
	display:block;
	text-decoration:none;
	float:right;
	margin-right:48px;
}

/***********************************
ROTATOR
************************************/

#rotator
{
	border: 0;
	cursor: default;
	overflow: hidden;
	margin: 0 0 0 27px;
	top:3px;
	position: relative;
	width: 941px;
	height: 260px;
}

#rotator img
{
	border: 0;
	cursor: default;
	width: 941px;
	height: 260px;
}