@charset "UTF-8";
/*logo font cochin, kleur groen #669900 Een creditkaart 85,60 x 53,98 mm met een straal van 3,18 mm */

/************************
 ****     RESET      ****
 ************************/
* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse:collapse; border-spacing:0;}
/************************
 ****  TOOLS   ****
 ************************/
.clear {
	clear: both; /* Clearen na een float */
}
hr {
  border: 0;
  clear:both;
  display:block;
  width: 100%;               
  background-color:#669900;
  height: 1px;
}
b{font-weight:bold;}
h1 {
	position: absolute;
	text-indent: -9999px;
} 
h2 {
	font-size:24px;
	font-weight:bold;
}
/************************
 ****  WEBSITE       ****
 ************************/
html { 
  background: url(mediapool/images/bgpicture.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
                                   
div.pageBox    
{
 display:block;
 width:1000px;
 margin-left:auto;
 margin-right:auto;
}
                                    

img.logo   
{
position:relative;
left:10px;
bottom:22px;
width:110px;
z-index:+1;
}

img.logotext   
{
position:relative;
left:10px;
top:-5px;
width:500px;
z-index:+1;
}

input.button{
	padding:5px;
	background-color:#669900;
	color:#FFFFFF;
	border-bottom-left-radius:16px;
	border-bottom-right-radius:16px;	
}
input.button:hover{	background-color:#FFFFFF; color:#669900}

img.banner   
{
 width:1000px;
 height:300px;
}

                                      /*menu bar*/
div.menubar
{
 display: block;
 width: 1000px;                             /*breedte van de menubalk*/
 margin-left:auto;                     /*houd de menubalk in het midden*/
 margin-right:auto;                   /*houd de menubalk in het midden*/
 margin-top:0px;                     /*ruimte tussen menubar en banner*/
 margin-bottom:20px;                 /*ruimte tussen menubar en content*/
 filter: alpha(opacity=90);                  /* IE syntax */
 -moz-opacity:90;                          /* Mozilla */
 opacity:0.90;                            /* De rest */
}

ul.menubar
{
 min-width: 600px;                          /*minimale breedte van de menu balk bij verkleinen scherm*/
 list-style:none;                          /*stijl van de lijst, haalt de bolletjes weg*/
 background-color:#669900;             /*de achtergrond kleur van de menubalk 09DBC5*/
 padding-top:8px;                      /*achtergrond ruimte naar beneden*/
 padding-bottom:27px;                  /*achtergrond ruimte naar beneden*/
}

li.menubar
{
 float:left;  /* plaatst de item naast elkaar */
}

li.menubar a:link,a:visited
{
 background-color:#FFFFFFF;                     /*kleur van de items in rust */
 font-weight:bold;                              /*dikte van de letters*/
 font-size:16px;                                /*grote van de letters*/
 font-family:Arial,Helvetica,sans-serif;     /*het font van de letters */
 color:#FFFFFF;                             /*kleur van de letters*/
 text-decoration:none;                     /*bv underline van de letters */
 border-width:0px;                        /* dikte van de rand */
 border-left-width:1px;                        /* dikte van de rand */
 border-style:solid;                     /* style van de rand */
 border-left-width:1px;                        /* dikte van de rand */
 border-color:#FFFFFF;                  /* kleur van de bg border */
 padding-top:8px;                           /* grote van selectie veld om de letters*/
 padding-left:37px;                       /* ruimte links van de menu items, tussen ruimte van de items met wiebenik*/
 padding-right:37px;                      /*ruimte rechts van de menu items, tussen ruimte van de items met wiebenik*/
 padding-bottom:10px;                   /* ruimte onder item bij hoever*/
       
              /* afgeronde hoeken van de itmes */
}

li.menubar a:hover
{
 background-color:#669900;	      /* kleur van de items bij hover */
 color:#66CC01;                      /*kleur van de letters bij hover*/

}

li.menubar a:active
{
 background-color:#669900;	      /* kleur van de items bij indrukken */
 color:#44372B;                      /*kleur van de letters bij indrukken*/

}
                                 /*gastenboek invoer pagina*/
div.gbpost
{
margin-left: 100px;
}
                             /* facebook like box  */
div.fb-like-box
{
}


                                         /*algemeen*/
div.textpage                               /*text pagina*/
{
 text-align:justify;
 display: block;
 background: rgb(255, 255, 255);       /* voor browsers zonder rgba */
 background: rgba(255, 255, 255, .5);  /* transparantie van achtergrond text */
}

p, b, h1, h2, h3, h4, h5, h6, strong
{
 color:#44372B;
 font-family:Arial,Helvetica,sans-serif;     /*het font van de letters */
}

                                                   /*pagina massages*/
p.text
{
 padding-left:50px;
 padding-right:50px;
 padding-top:8px;                         /*ruimte onder textblok*/
 font-size:16px;
 font-weight:strong;
 line-height:20px;
}

p.koptext
{
 padding-left:50px;
 padding-top:50px;                         /*ruimte tussen text en koptext*/
 line-height:0px;
 font-size:20px;
 font-weight:bold;
}
div.googlemap { height:300px; width:500px;}  /*-- Googlemap size */


                                     /*voet text*/
									 
div.foot
{
 text-align:right;
 font-size:14px;                      /*grote van de letters*/
 margin-top:80px;
 width:100%;
}
   
img.indexfoto
{
 width:60%;
 float:right;
 margin-left:40px; 
 margin-top:20px;
}

img.LogoLicentieWellness
{
 margin-left:65%;                    

}