/*---------------------------------------------------------------------------------
CSS voor Chiropractie Rugcentrum Landgraaf website
---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------
Algemene code
---------------------------------------------------------------------------------*/

html {
height: 100%;
}

body {
background-color:#d8d8d8;
background-image:url(../images/bodybg.gif);
background-repeat:repeat-y;
background-position:center center;
position: relative; 
font-size:90%;
height: 100%;
min-height: 100%; 
font-family:Arial, Helvetica, sans-serif;
color:#083152;
margin:0;
padding:0;
}

* html #containerBody {
height:100%;
}

#containerBody {
background-color:#FFFFFF;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
min-height:100%;
position:relative;
width:756px;
left:50%;
margin-left:-376px;
}

img {
padding:0;
margin:0;
}

.spacer {
clear:both;
}

a, a:link, a:active, a:visited {
color:#215094;
text-decoration:underline;
}

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

h1 {
position:absolute;
margin-top:-1000px;
text-indent:-9000px;
height:0px;
overflow:hidden;
}


/*---------------------------------------------------------------------------------
Logo
---------------------------------------------------------------------------------*/

#logo {
display:block;
padding:20px;
}

#logo img {
border:0px;
}

/*---------------------------------------------------------------------------------
Adresinfo in de header
---------------------------------------------------------------------------------*/

#contact {
position:absolute;
right:0px;
top:14px;
margin:20px;
font-size:80%;
}

#contact .adres {
float:left;
margin:0px 20px 0px 0px;
}

/*---------------------------------------------------------------------------------
Menu
---------------------------------------------------------------------------------*/

#menu {
position:absolute;
height:136px;
top:110px;
margin:0;
padding:0;
background-color:#153067;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
padding:0;
margin:0;
float:left;
list-style-type:none;
font-size:75%;
font-weight:bold;
text-align:center;
}

#menu li a.level1, #menu li a.level1:link, #menu li a.level1:active, #menu li a.level1:visited {
float:left;
width:126px;
background-repeat:no-repeat;
background-color:#274b98;
color:#FFFFFF;
text-decoration:none;
}

#menu li a:hover, #menu li.over a {
background-position:0px -76px;
}

#menu li.praktijk a.level1, #menu li.praktijk a.level1:link, #menu li.praktijk a.level1:active, #menu li.praktijk a.level1:hover {
background-image:url(../images/menu_home.jpg);
}

#menu li.behandelaars a.level1, #menu li.behandelaars a.level1:link, #menu li.behandelaars a.level1:active, #menu li.behandelaars a.level1:hover {
background-image:url(../images/menu_behandelaars.jpg);
}

#menu li.behandeling a.level1, #menu li.behandeling a.level1:link, #menu li.behandeling a.level1:active, #menu li.behandeling a.level1:hover {
background-image:url(../images/menu_behandeling.jpg);
}

#menu li.klachten a.level1, #menu li.klachten a.level1:link, #menu li.klachten a.level1:active, #menu li.klachten a.level1:hover {
background-image:url(../images/menu_klachten.jpg);
}

#menu li.betaling a.level1, #menu li.betaling a.level1:link, #menu li.betaling a.level1:active, #menu li.betaling a.level1:hover {
background-image:url(../images/menu_betaling.jpg);
}

#menu li.contact a.level1, #menu li.contact a.level1:link, #menu li.contact a.level1:active, #menu li.contact a.level1:hover {
background-image:url(../images/menu_contact.jpg);
}

#menu li  .tekst {
position:relative;
display:block;
padding:5px;
width:115px;
background-color:#274b98;
margin-top:76px;
border-right:1px solid #112f63;
z-index:100;
}

#menu li a:hover .tekst, #menu li.over .tekst {
position:relative;
background-color:#112f63;
padding:5px 5px 12px 5px;
margin-top:70px;
z-index:100;
}

/*---------------------------------------------------------------------------------
Tweede niveau menu
---------------------------------------------------------------------------------*/

#menu li ul {
  display: none;
  position: absolute; 
  left:0px;
  background-color:#153067;
  margin:100px 0px 0px 0px;
  color:#FFFFFF;
  font-size:140%;
  width:716px;
  padding:10px 10px 10px 30px;
}

#menu li:hover ul, #menu li.over ul { 
display: block; 
}

#menu li ul li {
margin-right:30px;
list-style-type:square;
}

#menu li ul li a.level2, #menu li ul li a.level2:link, #menu li ul li a.level2:visited, #menu li ul li a.level2:active {
color:#FFFFFF;
text-decoration:none;
}

#menu li ul li a.level2:hover {
text-decoration:underline;
}



/*---------------------------------------------------------------------------------
Content
---------------------------------------------------------------------------------*/

#content {
padding:10px;
margin-top:120px;
}

#content img {
border:1px solid #CCCCCC;
background-color:#FFFFFF;
padding:5px;
margin:10px;
display:block;
float:left;
}

#content .afbeelding_left {
float:left;
clear:left;
margin:10px 10px 10px 0px;
}

#content .afbeelding_right {
float:right;
clear:right;
margin:10px 0px 10px 10px;
}

#content .afbeelding_block {
display:block;
margin:10px 0px 10px 10px;
}

#content h2 {
padding:0;
margin:10px 0px 0px 0px;
color:#274b98;
}

#content h3 {
padding:0;
margin:0;
}

/*---------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------*/

#footer {
position:relative;
width:727px;
left:50%;
margin-left:-377px;
margin-top:-15px;
background-color:#215094;
clear:both;
color:#FFFFFF;
font-size:0.8em;
padding:15px;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#FFFFFF;
text-decoration:underline;
}

#footer a:hover {
color:#FFFFFF;
text-decoration:none;
}

/* FORMULIEREN */ 

form {
margin:10px 0px 0px 0px;
}

label { 
font-weight:bold;
display:block;
margin:0px 0px 10px 0px;
}

input, textarea {
display:block;
margin:10px 0px 10px 0px;
}


input.radiobutton {
display:inline;
margin:10px 10px 0px 0px;
}

fieldset { 
border:0px;
padding:0px;
}

legend {
font-size:9px;
color:#c0c0c0;
padding:5px;
letter-spacing:1px;
}

.validation-advice { 
margin-top:10px;
margin-bottom:10px;
padding:0px;
border:0;
color:#FF0000;
font-size:70%;
}

#contact_left {
width:49%;
float:left;
}

#contact_right {
width:49%;
float:left;
}