/*********************************************************************************
 * Stylesheet voor Rodi-petfood.nl
 * Gebruikte kleuren: 
 * geel:  rgb(245, 243, 199);
 * paars: #B3E0FF
 * 
 **********************************************************************************/


body {
    scrollbar-base-color: #fcf7ad;
    scrollbar-dark-shadow-color: #0B7E02;
    scrollbar-shadow-color: #0B7E02;
    scrollbar-highlight-color: #0B7E02;
    scrollbar-arrow-color: #0B7E02;
    scrollbar-track-color: #fcf7ad;
    scrollbar-face-color: #fcf7ad;
    scrollbar-3d-light-color: #fcf7ad;
   	cursor: url(../images/cursor_zwartepoot.cur);
}
	
body, html {
	margin: 0;
	padding: 0; 
	height: 100%;
	font-family: Arial, Verdana, Geneva, Helvetica; /* Comic Sans MS, */
	font-size: 12px;
    background-color: #fcf7ad;
/* 	behavior: url(csshover.htc);  */
}


h1 {
    font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3, h4 {
	font-size: 14px;
}

h1, h2, h3, h4, p
{ 
    color: #0B7E02;
}

img {
	border: 0 none;
}

div#frame {
	width: 100%;
	height: 100%;
}

div#balk {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 115px;
	width: 160px;
	height: 100%;
	background-image: url(../data/images/gradient.jpg);
	border-left: 2px solid #0B7E02;
	border-right: 2px solid #0B7E02;
}

div#balk img {
	margin-left: 6px;
	border: 0;
}

img {
	border: 0px;
}
div#menu {
	position: absolute;
	top: 180px;
	left: 125px;
	width: 200px;

}

/* MENU LEVEL 2 */
ul.level1, ul.level2 {
	list-style: none;
	padding-left: 5px;
	margin-left: 5px;
}

ul.level1 li {
	margin: 5px;
	padding: 5px;
	background-color: #C00202;
	border: 1px solid white;
}

ul.level2 li {
	padding: 2px 0 2px 5px;
}

/* MENU LEVEL 2 */
ul.level2 {
	position: absolute;	
	background-color: #C00202;
	border: 1px solid white;
	margin: 0;
	padding: 5px 5px;
	left: 180px;
	width: 290px; 
}


ul#sub01 {
	top: 13px; 
	display: none;
}
ul#sub02 {
	top: 45px; 
	width: 80px;
	display: none;
}
ul#sub03 {
	top: 75px; 
	display: none;
}

ul#sub04 {
	top: 105px; 
	display: none; 
}

ul#sub06 {
	top: 135px; 
	display: none;
}

ul#sub07 {
	top: 173px; 
	width: 100px;
	display: none;
}

ul#sub08 {
	top: 235px; 
	width: 100px;
	display: none;
}

div.adres {
	position: absolute; 
	bottom: 0;
	left: 105px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: rgb(245, 243, 199);
	padding: 5px;
	margin-left: 20px;
}

td
{
    font-family: Arial, Verdana;
/*    font-size: 13px; */
    color: #0B7E02;
    text-decoration: none;
    text-align: left;
}

.linkskop
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #0B7E02;
    text-decoration: none;
    text-align: left;
}

.linksfont
{
    font-family: Verdana;
/*    font-size: 13px; */
    color: #0B7E02;
    text-decoration: none;
    text-align: left;

}
a.links
{
    font-family: Verdana; 
    font-size: 13px;
    color: #0B7E02;
    text-decoration: none;
    text-align: left;
}

a:visited.links
{
    font-family: Verdana;
    font-size: 13px;
    color: #0B7E02;
    text-decoration: none;
    text-align: left;
}

a:active.links
{
    font-family: Verdana;
    font-size: 13px;
    color: #0B7E02;
    text-decoration: none;
    text-align: left;
}

a:hover.links
{
    font-family: Verdana;
    font-size: 13px;
    color: #0B7E02;
    text-decoration: none;
    text-align: left;
}
a.link
{
    font-family: Verdana;
    font-size: 13px;
    color: #0B7E02;  
    text-decoration: none;
    text-align: left;
    padding: 0 20px;
}

a.link:hover
{
    font-family: Verdana;
    font-size: 13px;
	background-color: #C00202;
	color: #fcf7ad;
    text-decoration: none;
    text-align: left;
    padding: 0 20px;

}

a.menu {
	margin: 0;
	padding: 0;
	color: rgb(245, 243, 199);
	text-decoration: none;
}


a.enquetelink {
	text-decoration: none;
	background-color: #C00202;
	color: white;
	font-size: 17px;
	padding: 5px 20px;
	border-top: 5px solid #0B7E02;
	border-bottom: 5px solid #0B7E02;
	font-weight: bold;
	
}

div#topmenu span {
	width: 45%;
	border-left: 1px solid rgb(245, 243, 199);
	float: left;
	text-align: center;
	
}
a.topmenu {
	color: rgb(245, 243, 199);
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;

}

a.topmenu:hover {
	background-color: #0B7E02;
}

a.menu_selected {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

a {
   	cursor: url(../images/cursor_rodepoot.cur);
}

div#topmenu {
	position: absolute;
	top: 0;
	left: 330px;
	width: 60%;
	height: 20px;
	margin: 10px;
	color: rgb(245, 243, 199);
	border: 1px solid white;
	padding-top: 4px;
	background-color: #C00202;
}

div#content {
	position: absolute;
	top: 40px;
	left: 330px;
	padding: 20px;
	width: 60%;
	height: 85%;
	overflow: auto;
    color: #0B7E02;
}

ul.productoverzicht {
	list-style: none;
	border: 1px solid green; 
	width: 420px;
	margin: 0px;
	padding: 20px;
	background-color: #FBF8CB;
}

ul.productoverzicht li.hr {
	border-bottom: 1px solid green;
	margin: 10px 0;
	padding: 0px;
}


.productinfo {
		background-color: #FBF8CB;
/*		border: 1px solid green; */
		padding: 5px 5px 20px 5px;
		
}

div.productinfo {
	width: 80%;
    color: #0B7E02;
}

div.productinfo table td {
	font-size: 12px;
}

div.productfoto {
 float: right;
}


br.clear {
	clear: both;
}
table.productinfo {
	width: 80%;
}



table.productinfo caption {
	padding-bottom: 20px;
}


/* styles voor formulieren */

table.club td.text {
	width: 150px;
}

table.club td.invoer {
	width: 400px;
}

table#enquete td, div.enquete {
	font-family: Comic Sans MS;
	font-size: 13px;
}

table#enquete td strong, div.enquete strong {
	font-size: 14px;
}

table#enquete td.vraag {
	padding-top: 20px;
}


table#enquete label {
	cursor: pointer;
}

td.radio {
	vertical-align: top;
	width: 25px;
}


.anders {
	background-color: #EEEEEE;
	color: #999999;
}

td.text {
	text-align: right;
	vertical-align: top;
}


td.invoer {
	text-align: left;
}

span.foutmelding {
	font-size: 10px;
	color: red;
	display: block;
	padding: 0 0 5px 0;
}