/*
###########################################################
#
# Filename:		body.css
#
# Copyright:		S-Inside
# Platform:			CSS
# Date created: 	Mei 05, 2008 
#
    used colours for this website:
    #efefef   		grijs
    #003b81			donkerblauw
    #ff0000			rood
# 			
###########################################################
*/
	
body {     
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
    margin: 0px;
  	background: #efefef;
  	color: #003b81;
}

.rijlogo {
	margin: 0px;
    width: 100%;
    background-image: url(../img/top-foto.jpg);
  	background-repeat: repeat;
  	background-color: #efefef;
  	color: #003b81;
}

.winkelmandje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
    font-weight: bold;
    height: 20px;
    padding: 10px;
	background-image: url(../img/basket.gif);
  	background-repeat: no-repeat;
  	background-position: 97% 20%;
    border-bottom: 5px solid #3896d7;
  	background-color: #efefef;
	color: #003b81;
}

.wlink:hover {text-decoration: underline; color: #3896d7;}
.wlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	letter-spacing: 0pt; 
  	text-decoration: none;
  	background: #efefef;
  	color: #003b81;
}

.navigatie-top {
	font-size: 8pt;
  	min-width: 400px;
    width: 95%;
    padding-top: 12px;
    border-bottom: 5px solid #ffffff;
	background: #003b81;
	color: #ffffff;
}

a.menu:hover {text-decoration:underline; color: #3896d7;}
a.menu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
  	text-decoration: none;	
  	padding-left: 8px;
	padding-right: 8px;
	float: left;
  	background-image: url(../img/menu-lijn.gif);
  	background-repeat: no-repeat;
  	background-position: left center;
  	background-color: #003b81;
    color: #ffffff;
}

a.menu_selected {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
  	text-decoration: underline;	
  	padding-left: 8px;
	padding-right: 8px;
	float: left;
  	background-image: url(../img/menu-lijn.gif);
  	background-repeat: no-repeat;
  	background-position: left center;
  	background-color: #003b81;
    color: #3896d7;
}

a.menu-leeg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold; 
  	text-decoration: none;
	background-image: url(../img/menu-lijn.gif);
  	background-repeat: no-repeat;
  	background-position: left center;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #003b81;
	color: #ffffff;
}

.left {
	background-image: url(../img/betalen.gif);
  	background-repeat: no-repeat;
  	background-position: bottom;
}

a.left-menu:hover {text-decoration:underline; color: #3896d7;}
a.left-menu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
  	text-decoration: none;
  	display: block;
  	width: 164px;
  	line-height: 20px;
  	padding-left: 8px;
  	background-color: #efefef;
    color: #003b81;
}

.left-e {
	background-image: url(../img/betalen-e.gif);
  	background-repeat: no-repeat;
  	background-position: bottom;
}

.left-d {
	background-image: url(../img/betalen-d.gif);
  	background-repeat: no-repeat;
  	background-position: bottom;
}

.talen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 12px;
    border-bottom: 5px solid #3896d7;
  	background-color: #efefef;
	color: #003b81;
}

.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	background-image: url(../img/bottomfoto.jpg);
  	background-repeat: no-repeat;
  	background-position: bottom;
}

.logintabel {
	width: 180px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 5px solid #3896d7;
	text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	font-weight: bold;
  	text-decoration: none;
  	padding: 5px;
    text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.loginnaam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	text-decoration: none; 
  	padding: 5px;
    text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.loginknop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 8pt;
  	width: 78px;
  	float: right;
  	margin-right: 5px;
	margin-bottom: 10px;
  	border-color: #3799d5;
  	border-style: outset;
  	background-color: #003b81;
  	color: #ffffff;
}

.zoeken {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	font-weight: bold;
  	text-decoration: none;
  	padding: 5px;
  	width: 59px;
    text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.zoekentabel { 
  	width: 180px;
  	padding-top: 20px;
  	padding-bottom: 20px;
    text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.zoekenknop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 8pt;
  	width: 80px;
  	float: right;
  	margin-right: 5px;
  	border-color: #3799d5;
  	border-style: outset;
  	background-color: #003b81;
  	color: #ffffff;
}

a.zoekuitgebreidknop {
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 8pt;
  	text-align: center;
	text-decoration: none;
	line-height: 15px;
	width: 140px;
  	float: right;
  	margin-right: 5px;
  	border-top: 2px solid #3799d5;
  	border-left: 2px solid #3799d5;
  	border-right: 2px solid #000000;
  	border-bottom: 2px solid #000000;
  	background-color: #003b81;
  	color: #ffffff;
}

.nieuwsbrief {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	font-weight: bold;
  	text-decoration: none;
  	padding: 5px;
    text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.nieuwsbriefnaam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	text-decoration: none; 
  	padding: 5px;
    text-align: left;
    width: 58px;
  	background: #efefef;
  	color: #003b81;
}

.nieuwsbriefknop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 8pt;
  	width: 82px;
  	float: right;
  	margin-right: 5px;
  	padding-left: 1px;
  	border-color: #3799d5;
  	border-style: outset;
  	background-color: #003b81;
  	color: #ffffff;
}

.blank { 
  	width: 100px;
  	height: 14px;
    text-align: left;
  	background: #efefef;
  	color: #003b81;
}

.tableborder { 
  	color: #003b81;
}

.inhoud {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	z-index: 100;
    padding: 20px;
    min-height: 540px;
  	background: #ffffff;
  	color: #003b81;
}

.inhoud a:hover {text-decoration: none;}
.inhoud a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	letter-spacing: 0pt; 
  	text-decoration: underline;
  	background: inherit;
  	color: #003b81;
}

.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11pt;
  	font-weight: bold; 
  	text-decoration: none;
  	margin-top: -10px;
}

.normaltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	text-decoration: none;
  	background: inherit;
  	color: #003b81;
}

.ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	background-color: #ffffff;
  	color: #003b81;
}

.redtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	width: 500px;
  	background-color: inherit; 
  	color: #ff0000;	
}

.greentext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	width: 500px;
  	background-color: inherit; 
  	color: #0e6e0e;	
}

a.link:hover {text-decoration: none;}
a.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	letter-spacing: 0pt; 
  	text-decoration: underline;
  	background: inherit;
  	color: #003b81;
}

.copy {
	height: 17px;
    padding: 10px;
    border-top: 5px solid #3896d7;
  	background-color: #efefef;
	color: #003b81;
}

a.copylink:hover {text-decoration: underline;}
a.copylink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 7pt;
    font-weight: bold;
  	text-decoration: none;
    background-color: #efefef;
    color: #003b81;
} 

.navigatie-bottom {
	font-size: 8pt;
    width: 95%;
    padding-top: 12px;
    border-top: 5px solid #ffffff;
	background: #003b81;
	color: #ffffff;
}

a.menu-bottom:hover {text-decoration:underline; color: #3896d7;}
a.menu-bottom {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
  	text-decoration: none;
  	padding-left: 8px;
	padding-right: 8px;
	float: right;
  	background-image: url(../img/menu-lijn.gif);
  	background-repeat: no-repeat;
  	background-position: left center;
  	background-color: #003b81;
    color: #ffffff;
}

a.menu-bottom-selected {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
  	text-decoration: underline;
  	padding-left: 8px;
	padding-right: 8px;
	float: right;
  	background-image: url(../img/menu-lijn.gif);
  	background-repeat: no-repeat;
  	background-position: left center;
  	background-color: #003b81;
    color: #3896d7;
}

.bottom-right {
    border-top: 5px solid #3896d7;
  	background-color: #efefef;
	color: #003b81;
}

.textbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 300px;
    height: 16px;
    border: 1px solid #003b81;
    margin-bottom: 2px;
    background-color: #efefef; 
    color: #003b81;
}

.dropbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 302px;
    height: 20px;
    border: 1px solid #003b81;
    margin-bottom: 2px;
    background-color: #efefef;
    color: #003b81; 
}

.largebox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 500px;
    height: 16px;
    border: 1px solid #003b81;
    margin-bottom: 2px;
    background-color: #efefef; 
    color: #003b81;
}

.textboxsmall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 94px;
    height: 14px;
    border: 1px solid #003b81;
    background-color: #ffffff; 
    color: #003b81;
}

.textboxsmal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 74px;
    height: 14px;
    border: 1px solid #003b81;
    background-color: #ffffff; 
    color: #003b81;
}

.smallbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 60px;
    height: 16px;
    border: 1px solid #003b81;
    margin-bottom: 2px;
    background-color: #efefef; 
    color: #003b81;
}

.areabox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 300px;
    height: 80px;
    border: 1px solid #003b81;
    background-color: #efefef; 
    color: #003b81;
}

.amountbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin-left: 2px; 
    margin-right: 2px; 
    width: 30px;
    height: 14px;
    text-align: right;
    border: 1px solid #003b81;
    background-color: #efefef;
    color: #003b81; 
}

.amountshop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 40px;
    height: 16px;
    text-align: right;
    border: 1px solid #003b81;
    background-color: #efefef; 
    color: #003b81;
}

.shop {
	padding-left: 5px;
	background-color: #efefef;
	color: inherit;
}

.total {
	text-decoration: underline;
}

.knop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 8pt;
  	width: 100px;
  	border-color: #3799d5;
  	border-style: outset;
  	background-color: #003b81;
  	color: #ffffff;
}

.knop_admin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: 9pt;
  	width: 120px;
  	border-color: #3799d5;
  	border-style: outset;
  	background-color: #003b81;
  	color: #ffffff;
}

#image_big {
	position: absolute;
	left: 25%;
	top: 200px;
	z-index: 200;
	display: none;
	border: solid #003b81 1px;
	padding: 5px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	text-decoration: none;
  	text-align: center;
  	background-color: #ffffff;
	color: #003b81;	
}

#foutmelding {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	position: absolute;
	padding: 20px;
	top: 200px;
	left: 200px;
	width: 400px;
	height: 200px;
	border: 2px solid #2c4689;
	background-color: #eeeeee;
	color: #2c4689;
	z-index: 200;
}

@media screen{
  	body>div#image_big{
   		position: fixed;
  	}
  	body>div#foutmelding{
   		position: fixed;
  	}
}