/* Styles voor zorgspectrum.nl */
* {
  padding:0;
  margin:0;
}
body {
  background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
/*  line-height:20px; */
    font-style: normal;
/*  color:#666; disables by johnny because of gray problems */
  text-align: center;
  min-width: 980px;
}
img {
  border:0
}
/* Main layout divs */
#container {
  width: 975px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  position:relative;
}
#logo {
  padding: 15px 0 15px 0;
}
#kop-u {
  background: #ea1b14 url(/zorgspectrumweb_sites/objects/4345c1355db0d892acd39502e348e3c8/kop_u.gif) no-repeat bottom center;
  min-height: 125px;
  height:auto !important;
  height: 125px;
}
#kop-u-tekst {
  float: left;
  width: 400px;
  padding: 5px 0 0 330px;
  color: white;
  font-size: 18px;
  line-height:23px;
}
#kop-mij {
  background: #0097d7 url(/zorgspectrumweb_sites/objects/53ce10bda029de76b13b5a6ba0f8b0bd/kop_mij.gif) no-repeat bottom center;
  min-height: 125px;
  height:auto !important;
  height: 125px;
}
#kop-mij-tekst {
  float: left;
  width: 400px;
  padding: 5px 0 0 330px;
  color: white;
  font-size: 18px;
/ line-height:23px;
}
#kop-u a, #kop-mij a {
  font-size: 12px;
  font-weight:bold;
  color: #111;
}
#kop-u a:hover, #kop-mij a:hover {
  text-decoration:underline;
}
#lettergrootte {
  float: right;
  margin: 6px 10px 0 0;
}
#lettergrootte a {
  color: white;
}
#lettergrootte a.aklein {
  font-size: 14px;
  margin-right:2px;
}
#lettergrootte a.amiddel {
  font-size: 16px;
  margin-right: 2px;
}
#lettergrootte a.agroot {
  font-size: 18px;
}
#krul-mij {
  position: absolute;
  top: 125px;
  left: 146px;
}
#linkerkolom {
  width:225px;
  float: left;
}
#tekstcontainer {
  width:730px;
  float:right;
}

#hoofdkolom, #hoofdkolom_breed {
  float:left;
  font-size: 18px;
/*  line-height: 23px;*/
  line-height: 20px;
}

#hoofdkolom {
  width: 480px;
}
#hoofdkolom_breed {
  width:700px;
}

#hoofdkolom  img {
  padding: 10px 0 0 0;
}
#hoofdkolom p {
  margin: 0 0 12px 0;
}
#rechterkolom {
  width:230px;
  float:right;
}
#rechterkolom p {
  margin: 0 0 12px 0;
}
#rechterkolom  img {
  padding: 10px 0 0 0;
}
/* header styles */
h1 {
  font-size: 20px !important;
/*  line-height: 35px;*/
  color: #111;
  font-weight:bold;
  margin-top:5px;
}
h2 {
  font-size: 12px;
  color: #111;
  font-weight:bold;
  margin:10px 0 0 0;
}
/* hyperlink styles */
a {
  text-decoration: none;
  color: #ea1b14;
}
a:hover { text-decoration: underline }
/* menu styles */
.menu ul {
  list-style: none;
  margin-left: 20px;
}
.menu li {
  list-style: none;
  font-size: 12px;
  line-height: 20px;
  font-weight:bold;
}
.menu a {
  color: #777;
  text-decoration: none;
}
.menu a:hover, .menu a.active {
  color: #111;
  text-decoration: none;
}
/* Formulier styles */
#hoofdkolom form p { margin: 0 0 5px 0}
fieldset {
  border: solid 0 transparent;
}
label {
  clear:both;
  float:left;
  width: 180px;
  color: #111;
  font-size: 12px;
  font-weight: bold;
}
input {
  width:295px;
}
input.submit {
    width:auto;
  margin-top: 10px;
}
textarea { width: 475px;}
/* Diverse styles */
.extrawitruimte {
  padding: 10px 0;
}

/* Onderstaande is toegevoegd door Osict */
#inhoud *
{
  font-size:14px !important;
  font-color:black;
  font-family: Arial, Helvetica, sans-serif !important;
}

#inhoud p
{
margin-bottom:3px !important;
}

#inhoud li
{
   margin-left:15px;
}

div.artikel
{
  font-size:12px;
}

div.spotlight
{
  margin:0px;
  margin-bottom:13px;
  width:230px;
}

div.spotlight_text
{
  padding-left:3px;
  padding-right:3px;
  font-size:10pt;
  color:white;
}



h1.spotlight
{
  color:white;
}

div.spotlight_text *
{
  font-size:10pt;
  color:white;
}


div.sp_red
{
  background:#ea1b14;
}

div.sp_blue
{
  background:#0097d7;
}

div.sp_, div.sp_ *
{
  color:black;
}

#hoofdkolom,#linkerkolom,#rechterkolom
{
   padding-top:5px;
}

input
{
   width:auto;
}

.Section1 tbody input {
  width:275px;
}

.Section1 tbody select {
  width:279px;
}

@media print
{

  #kop-mij,#kop-u,#rechterkolom,#linkerkolom,#krul-mij,#kopbalk
  {
   display:none;
  }

  #tekstcontainer
  {
   width:100%;
  }

  #hoofdkolom
  {
   width:90%;
  }

  body
  {
  text-align: left;
  min-width: 0px;
  }

  #container {
    width: 100%
  }
}
