/*--- ALGEMEEN ---*/

BODY {
background-color: #FFFFFF;
margin: 0px; 
padding: 0px;
font-family: Verdana, Arial, Helvetica;
font-size: 0.8em;
color: #444444;
background-image: url('/images/grid/bg.jpg');
background-repeat: repeat-x;
text-align: center; }

A {
color: #EB2A2E;
text-decoration: none; }

A:hover {
color: #000000;
text-decoration: none; }

IMG {
border: 0; }

H1 {font-size: 1.0em; margin: 0; padding: 0; }
H2 {font-size: 0.9em; margin: 0; padding: 0; }
H3 {font-size: 1em; margin: 0; padding: 0; }
H4 {font-size: 1em; margin: 0; padding: 0; }

TABLE {
border-collapse: collapse;}

TD {
text-align: left;
vertical-align: top; }

/*--- BASIS ---*/

#all {
background-image:url(/images/algemeen/bg-breed.gif);
background-position: center top;
background-repeat: repeat-y;
min-height: 100%;
text-align: center;
width:980px;
margin:auto;
position:relative;}

/*--- ALGEMEEN ---*/

#algemeen {
width: 760px;
height: 50px;
margin: 0px;
padding: 0px;
color: #666562;
text-align: right;
font-family: Verdana, Arial, Helvetica;
font-size: 8pt; }

#algemeen UL {
float: left;
width: 760px;
list-style-type: none;
margin: 30px 0 0 0;
padding: 0px; }

#algemeen UL LI {
display: inline;
margin: 0px; 
padding: 0px; }

#algemeen UL LI A {
margin: 0px;
padding: 0 7px 0 4px; 
color: #666562;
border-right: solid 1px #666562; }

#algemeen UL LI A:hover {
color: #EB2A2E; }

#algemeen UL LI A.laatste {
border: none; }

/*--- TOP ---*/

#top {
background-image: url('/images/grid/top-bg.gif');
background-repeat: no-repeat;
margin: 0px 0 0 0;
padding: 12px 14px 10px 12px;
background-color: #FFFFFF;
text-align: left;
height: 162px;
width: 738px; }

#top IMG {
margin: 0 5px 0 0; }

#top IMG.laatste {
margin: 0px; }

#menu {
padding: 3px 0 0 0;
color: #939598;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 8pt;
letter-spacing: 0.1em; }

#menu UL {
list-style-type: none;
margin: -1px 0 0 0;
padding: 2px 0 0 0px; }

#menu UL LI {
display: inline;
margin: 0 5px 0 4px; }

#menu UL LI A {
color: #939598; }

#menu UL LI A:hover {
color: #EB2A2E; }

#menu UL LI A.selected {
color: #EB2A2E; }

/*--- CONTENT ---*/

#content-top {
background-image: url('/images/grid/content-top-bg.gif');
background-repeat: no-repeat;
clear: both;
margin: 0px;
padding: 0px; 
height: 7px;
width: 764px; }

#content {
background-image: url('/images/grid/content-bg.gif');
background-repeat: repeat-y;
clear: both;
margin: 0px;
padding: 4px 14px 0px 12px;
background-color: #FFFFFF;
text-align: left;
_height: 300px;
min-height: 300px;
width: 738px; }

#content h1 {
padding: 4px;
margin: 0 0 10px 0;
background-color: #DDDDDD; 
color: #939598;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 14pt;
letter-spacing: 0.1em; }

#content-links {
position: relative;
width: 576px; 
height: 100%;
min-height: 270px; 
float: left;
padding: 0 10px 0 0;
margin: 0 10px 0 0;
border-right: solid 1px #DDDDDD; }

#content-breed {
position: relative;
width: 738px; 
height: 100%;
min-height: 270px; 
float: left;
padding: 0 0px 0 0;
margin: 0 0px 0 0; }

#content h2 {
padding: 2px 4px 2px 4px;
margin: 15px 0 5px 0;
background-color: #DDDDDD; 
color: #939598;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
text-transform: uppercase;
font-size: 9pt;
letter-spacing: 0.1em; }

#content-rechts {
font-size: 9pt;
position: relative;
width: 140px; 
height: 100%;
float: left; }

#content-rechts h3 {
font-weight: bold;
margin: 0 0 5px 0; }

#content-rechts h4 {
font-weight: bold;
margin: 0 0 0px 0; 
padding: 0 0 0 8px;
background-image: url('/images/pijl-kl-gr.gif');
background-position: left 5px;
background-repeat: no-repeat; }

#footer {
clear: both;
color: #939598;
text-align: center;
font-size: 8pt;
border-top: solid 1px #DDDDDD;
padding: 5px 0 5px 0; }

#content-bottom {
background-image: url('/images/grid/content-bottom-bg.gif');
background-repeat: repeat-y;
clear: both;
margin: 0 0 20px;
padding: 0px; 
height: 5px;
width: 764px; }

/*--- FORM ---*/

FORM {
margin: 0px; 
padding: 0px; }

.form {
width: 325px;
height: 16px;
background-color: #FFFFFF;
border: solid 1px #444444; }

.home {
width: 100px; }

.voorletters, .postcode {
width: 68px; }

.naam {
width: 122px; }

.straat {
width: 186px; }

.nummer {
width: 50px; }

.plaats {
width: 138px; }

.url {
width: 229px; }

.select {
width: 325px; }

.text {
width: 400px; 
height: 100px; }

.login {
width: 150px; }

.wachtwoord {
width: 70px; }

.tekst {
height: 50px; }

.ruim {
margin-bottom: 4px; }

.datum {
width: 70px; }

.euro {
width: 249px;
padding-left: 17px;
background-image: url('/images/euro.gif');
background-repeat: no-repeat;
background-position: 2px 2px; }

.file { 
width: 269px;
height: 20px; }

.dropdown {
width: 328px;
height: 29px; }

.button {
background-color: #939598;
color: #FFFFFF;
border: solid 1px #444444; }

.disabled {
border: solid 1px #939598;
background-color: #DDDDDD; }

TEXTAREA {
font-family: arial, helvetica, tahoma, serif;
font-size: 0.9em; }

.error {
color: #EB2A2E; 
border: solid 1px #EB2A2E; }

.errormessage {
color: #EB2A2E; 
background-image: url('/images/pijl-gr-r.gif');
background-repeat: no-repeat;
background-position: left 9px;
padding: 5px 5px 10px 10px; }

/*--- DIVERSE ---*/

A.link {
float: right;
background-image: url('/images/pijl-gr-r.gif');
background-repeat: no-repeat;
background-position: right 9px;
padding: 5px 10px 10px 5px; }

A.llink {
float: left;
background-image: url('/images/pijl-gr-r.gif');
background-repeat: no-repeat;
background-position: left 4px;
padding: 0px 0px 10px 10px; }

A.link-kl {
background-image: url('/images/pijl-kl-gr.gif');
background-repeat: no-repeat;
background-position: right 12px;
color: #444444;
padding: 5px 8px 5px 5px; }

#content-rechts A.link-kl {
background-image: url('/images/pijl-kl-gr.gif');
background-repeat: no-repeat;
background-position: left 11px;
color: #EB2A2E;
padding: 5px 5px 5px 8px; }

.image {
border: solid 5px #E2E2E2; }

.left {
margin: 0 10px 10px 0; }

.right {
float: right;
margin: 0 0 10px 10px; }

.rechts {
text-align: right; 
vertical-align: middle; }

.center {
text-align: center; 
vertical-align: middle; }

#login {
padding: 7px;
background-color: #F5F5F5; }

/* -------------- stappen */

#stappen UL LI {
background-color: #939598; }

#stappen UL LI.gedaan {
background-color: #DDDDDD; } 

#stappen UL LI.gedaan A {
color: #939598; } 

#stappen UL LI.nietgedaan {
background-color: #F2F2F2; } 

#stappen UL LI.nietgedaan A {
color: #CECECE; } 

#stappen UL LI A {
color: #DDDDDD; } 

#stappen UL LI A:hover {
color: #FFFFFF; }

#uploads td {
border-bottom: solid 1px #DDDDDD; }

#part {
border: solid 1px #DDDDDD; }

.total {
background-color: #F2F2F2; }

.red {
color: #EB2A2E; }