/* Start of CMSMS style sheet 'Own Your Health' */
@font-face {
    font-family: 'PapyrusRegular';
    src: url('papyrus-webfont.eot');
    src: url('papyrus-webfont.eot?#iefix') format('embedded-opentype'),
         url('papyrus-webfont.woff') format('woff'),
         url('papyrus-webfont.ttf') format('truetype'),
         url('papyrus-webfont.svg#PapyrusRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
     background-color: #000000;
     Xbackground-color: #FF0000;
     color: #404040;
     font-family: Microsoft Sans Serif, Helvetica, Verdana ,sans-serif;
     font-size: 12px;
     line-height: 140%;
     letter-spacing: 0.05em;
     margin-top: 0px;
     margin-bottom: 0px;
}
a, a:link, a:visited, li a:visited { 
      color:#202020; 
      text-decoration:underline; 
      font-weight: bold;
}
a:hover { 
      color:#202020; 
      text-decoration:underline; 
      font-weight: bold;	
      cursor: pointer;
}
h1 { 
   font-size: 22px;
   font-weight: bold;
   font-family: PapyrusRegular, Microsoft Sans Serif, Helvetica, Verdana ,sans-serif;
   color: #202020; 
   line-height: 26px;
}
h2	
{ 
   padding-top: 5px;
   font-size: 22px;
   font-weight: bold;
   font-family: PapyrusRegular, Helvetica, Verdana ,sans-serif;
   color: #404040; 
   line-height: 20px;
}
h3	
{ 
   font-family: Microsoft Sans Serif, Helvetica, Verdana ,sans-serif;
   font-size: 15px;
   color: #404040; 
}
h4
{ 
   font-family: Microsoft Sans Serif, Helvetica, Verdana ,sans-serif;
   font-size: 15px;
   color: #404040; 
}
.header {
  height: 160px;
  background: url('uploads/style/header.jpg') repeat scroll top right transparent;
}
.menu {
 width: 980px;
 height: 50px;
}
.particulieren {
 width: 327px;
 float: left;
 display: block;
 position: absolute;
 background-color: #00EC0C;
 text-align: center;
 height: 50px;
 margin-left: 1px;
}
.bedrijven{
 width: 326px;
 float: left;
 display: block;
 position: relative;
 margin-left: 328px;
background-color: #18FF0C;
 text-align: center;
 height: 50px;
}
.professionals{
 width: 326px;
 float: left;
 display: block;
 position: absolute;
 margin-left: 654px;
background-color: #6DFF0C;
 text-align: center;
 height: 50px;
}
.main {
 margin-top: 0px;
 width: 979px;
background-color: #F8F8FF;
margin-left: 1px;
clear: both;
}
.mainonder {
 margin-top: 0px;
 width: 978px;
background-color: #F8F8FF;
margin-left: 1px;
clear: both;
padding-top: 15px;
}
.cols {
 width: 976px;
background-color: #F8F8FF;
height: 440px;
margin-left: 1px;
}
.col1 {
 width: 307px;
 float: left;
 display: block;
 position: absolute;
background-color: #F8F8FF;
padding: 5px 10px 10px;
margin-left: 1px;
}
.col2{
 width: 306px;
 float: left;
 display: block;
 position: relative;
 margin-left: 328px;
background-color: #F8F8FF;
padding: 5px 10px 10px;
}
.col3{
 width: 306px;
 float: left;
 display: block;
 position: absolute;
 margin-left: 653px;
background-color: #F8F8FF;
padding: 5px 10px 10px;
}
.mainonder .cols .col1 {
border: 1px solid #18FF0C;
 width: 280px;
margin-left: 10px;
margin-right: 10px;
padding: 0px 10px 10px;
height: 410px;
}
.mainonder .cols .col2 {
border: 1px solid #18FF0C;
 width: 280px;
margin-left: 335px;
margin-right: 10px;
padding: 0px 10px 10px;
height: 410px;
}
.mainonder .cols .col3 {
border: 1px solid #18FF0C;
 width: 280px;
margin-left: 655px;
margin-right: 0px;
padding: 0px 10px 10px;
height: 410px;
}
.contentlinks {
 width: 307px;
 float: left;
 display: block;
 position: absolute;
background-color: #F8F8FF;
padding: 5px 10px 10px;
margin-left: 1px;
}
.contentmain {
    width: 400px;
    float: left;
    display: block;
    position: relative;
    margin-left: 328px;
    background-color: #F8F8FF;
    padding: 5px 10px 10px;
}
.contentrechts {
    width: 225px;
    float: left;
    display: block;
    position: absolute;
    margin-left: 730px;
    background-color: #F8F8FF;
    padding: 5px 10px 10px;
    text-align: center;
}
.footer {
 width: 980px;
 text-align: center;
color: #F8F8FF;
margin-top: 8px;
}
ol	
{ 
	list-style:decimal outside; 
}
ul	
{ 
	list-style:none; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
}
li
{
    list-style-type: disc;
	margin-left: 15px; 
	color: #404040;
}
.content
{
     background-color: #F8F8FF;
     margin-left: 1px;
     padding: 5px 10px 10px 10px;
     color: #404040;
     font-family: Microsoft Sans Serif, Helvetica, Verdana ,sans-serif;
     font-size: 12px;
     line-height: 140%;
     letter-spacing: 0.05em;
}
.contentborder
{
     background-color: #F8F8FF;
     margin-left: 10px;
     margin-right: 10px;
     padding: 0px 10px 10px 10px;
     color: #404040;
     font-family: Microsoft Sans Serif, Helvetica, Verdana ,sans-serif;
     font-size: 12px;
     line-height: 140%;
     letter-spacing: 0.05em;
     height: 340px;
}
#news
{
     padding: 0px 12px 10px 14px;
}
.kortnieuws
{
     width: 195px;
     padding: 0px 5px 5px 5px;
}

a.footer, a.footer:link, a.footer:visited 
{ 
      color: #F8F8FF; 
      text-decoration:none; 
      font-weight: normal;
}
a.footer:hover
{ 
      color: #F8F8FF; 
      text-decoration:underline; 
      font-weight: normal;
}
#smalltekst
{
     font-size:10px;
}
#search
{
     padding: 3px 10px 3px 10px;
     width: 180px;
}
TABLE.main
{
     background-color: #F8F8FF;
     XXbackground-color: #000000;
}
TD.footer
{
     background-color: #000000;
     color: #F8F8FF; 
}
TD.menu_top
{
     background-image: url(uploads/style/menu_top.jpg);
     height: 30px;
}
TD.menu_middle
{
     background-image: url(uploads/style/menu_middle.jpg);
     background-repeat:repeat-y;
     padding-top: -10px;
}
TD.menu_bottom
{
     background-image: url(uploads/style/menu_bottom.jpg);
     height: 30px;
}
TD.particulieren
{
     background-color: #00EC0C;
}
TD.bedrijven
{
     background-color: #18FF0C;
}
TD.professionals
{
     background-color: #6DFF0C;
}
img
{
    border: none;	
}
.back_button {
	float				:right;
	width				:45px;
	font-size			:11px;	
	color				:#88136A; 
	text-decoration		:none; 
	font-weight			:normal; 
	test-align			:right;
	vertical-align		:middle; 
	margin				:0px 6px; 
	padding				:1px 4px 1px 4px;
	background-color	:#E4D2DF;
	border				:1px solid #88136A;
}
a.small:link, a.small:visited {
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:10px; 
	color				:#E5DAE5; 
	text-decoration		:none; 
}
a.small:hover {
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:10px; 
	color				:#E5DAE5; 
	text-decoration		:underline; 
}

.pagewrapper {
    width: 980px;
    margin: 10px auto;
    position: relative;
}

/* ------------ FORMS ------------ */

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

select { font-size:12px; font-weight:bold; color:#707070; }

input 
{ 
     margin:0px 0px 0px 0px; 
     padding:1px 1px 1px 3px; 
     font: normal 11px Helvetica, sans-serif;
     color: #404040;
}

.button {
	background-color	:#88136A;
	font				:bold 12px Arial, Helvetica, sans-serif;
	padding				:2px 2px 0px 2px;
	color				:#E5DAE5;
	border				:1px solid #88136A;
}
.inputbox, .search {
	background-color	:#E5DAE5;
	font				:12px Arial, Helvetica, sans-serif;
	color				:#404040;
	border				:1px solid #88136A;
	padding				:2px 2px 0px 2px;
}

.print
{
  float: right;
}
/* ------------ Header - Search ------------ */
div#search {
	width: 190px;
	height: 28px;
	margin-top: 0px;
	margin-right: -15px;
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
	width: 113px;
	height: 17px;
	border-style: none;
	color: #999;
	padding: 7px 0px 4px 10px;
	float: left;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	background: url(images/search.png) no-repeat left top;
}
div#search input.search-button {
	width: 37px;
	height: 28px;
	border-style: none;
	text-indent: -9999em;
	float: left;
	margin: 0;
	cursor: pointer;
	font-size: 0px;
	line-height: 0px;
	background: transparent url(images/search.png) no-repeat right top;
}
img
{
   border: none;
}
.content img {
margin-right: 20px;
margin-left: 20px;
}
.footer a, .footer a:link, .footer a:visited {font-weight: normal; color: #F8F8FF; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
p 
{ 
  margin: 0px; 
  padding: 0px; 
  line-height: 140%;
  letter-spacing: 0.05em;
}

/* =====================================
Tablet (Portrait) 
===================================== */
@media only screen and (min-width: 868px) and (max-width: 1024px) and (orientation : portrait) {
    /* realign navigation for mobile devices */
    nav.main-navigation {
        float: none;
        margin: 0;
        line-height: 1
    }

}

/* =====================================
Smartphones (Landscape) 
===================================== */
@media only screen and (min-width: 600px) and (max-width: 867px) { 
.pagewrapper {
    width: 100%;
}
.header {
    width: 100%;
}
.menu {
    width: 100%;
    height: 50px;
}
.particulieren {
    width: 33%;
text-align: center;
height: 50px;
margin-left: 0px;
}
.bedrijven {
    width: 33%;
    xmargin-top: 50px;
    margin-left: 33%;
}
.professionals {
    width: 34%;
    xmargin-top: 100px;
    margin-left: 66%;
}
a.menu, a.menu:link, a.menu:visited {
    width: 100%;
    font-size: 22px;
    letter-spacing: 0.05em;
}
a.menuactief, a.menuactief:link, a.menuactief:visited {
    width: 100%;
    font-size: 22px;
}
.main {
    width: 100%;
margin-left: 0px;
}
.cols {
    width: 100%;
height: auto;
background-color: none;
margin-left: 0px;
}
.col1 {
 width: 95%;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.col2 {
 width: 95%;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.col3 {
 width: 95%;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.footer {
    width: 100%;
}
.mainonder {
    width: 100%;
margin-left: 0px;
}
.mainonder .cols .col1 {
 border: 1px solid #18FF0C;
 width: 92%;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.mainonder .cols .col2 {
 border: 1px solid #18FF0C;
 width: 92%;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.mainonder .cols .col3 {
 border: 1px solid #18FF0C;
 width: 92%;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.contentlinks {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
 margin-left: 1px;
}
.contentmain {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 margin-left: 0px;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
}
.contentrechts {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 margin-left: 0px;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
 text-align: center;
}

}

/* =====================================
Smartphones (Landscape) 
===================================== */
@media only screen and (min-width: 321px) and (max-width: 599px) { 
.pagewrapper {
    width: 100%;
}
.header {
    width: 100%;
  background: url('uploads/style/header.jpg') repeat scroll 0% 0% transparent;
}
.menu {
    width: 100%;
    height: 150px;
}
.particulieren {
    width: 326px;
}
.bedrijven {
    width: 326px;
    margin-top: 50px;
    margin-left: 1px;
}
.professionals {
    width: 326px;
    margin-top: 100px;
    margin-left: 1px;
}
.main {
    width: 100%;
margin-left: 0px;
}
.cols {
    width: 100%;
height: auto;
background-color: none;
margin-left: 0px;
}
.col1 {
 width: 306px;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.col2 {
 width: 306px;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.col3 {
 width: 306px;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.footer {
    width: 100%;
}
.mainonder {
    width: 100%;
margin-left: 0px;
}
.mainonder .cols .col1 {
 border: 1px solid #18FF0C;
 width: 280px;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.mainonder .cols .col2 {
 border: 1px solid #18FF0C;
 width: 280px;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.mainonder .cols .col3 {
 border: 1px solid #18FF0C;
 width: 280px;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.contentlinks {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
 margin-left: 1px;
}
.contentmain {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 margin-left: 0px;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
}
.contentrechts {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 margin-left: 0px;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
 text-align: center;
}

}

/* =====================================
Smartphones (Portait) 
===================================== */
@media only screen and (max-width: 320px) {
.pagewrapper {
    width: 100%;
}
.header {
    width: 100%;
  background: url('uploads/style/header.jpg') repeat scroll 0% 0% transparent;
}
.menu {
    width: 100%;
    height: 150px;
}
.particulieren {
    width: 286px;
}
.bedrijven {
    width: 286px;
    margin-top: 50px;
    margin-left: 1px;
}
.professionals {
    width: 286px;
    margin-top: 100px;
    margin-left: 1px;
}
.main {
    width: 100%;
}
.cols {
    width: 100%;
height: auto;
background: none;
margin-left: 0px;
}
.col1 {
 width: 266px;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.col2 {
 width: 266px;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.col3 {
 width: 266px;
 float: none;
 display: block;
 position: relative;
 margin-left: 1px;
}
.footer {
    width: 100%;
}
a.menu, a.menu:link, a.menu:visited {
    width: 286px;
}
.content img {
margin-right: 10px;
margin-left: 10px;
}
.mainonder {
    width: 100%;
margin-left: 0px;
}
.mainonder .cols .col1 {
 border: 1px solid #18FF0C;
 width: 245px;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.mainonder .cols .col2 {
 border: 1px solid #18FF0C;
 width: 245px;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.mainonder .cols .col3 {
 border: 1px solid #18FF0C;
 width: 245px;
 margin-left: 10px;
 height: auto;
 float: none;
 display: block;
 position: relative;
}
.contentlinks {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
 margin-left: 1px;
}
.contentmain {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 margin-left: 0px;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
}
.contentrechts {
 width: 92%;
 float: none;
 display: block;
 position: relative;
 margin-left: 0px;
 background-color: #F8F8FF;
 padding: 5px 10px 10px;
 text-align: center;
}
a.links, a.links:link, a.links:visited, a.linksactief, a.linksactief:link, a.linksactief:visited, a.links_laatste, a.links_laatste:link, a.links_laatste:visited, a.linksactief_laatste, a.linksactief_laatste:link, a.linksactief_laatste:visited {
    width: 260px;
}
}
/* End of 'Own Your Health' */