/*---------------------------------------- CONTAINER & BASIC LAYOUT -------------------------------------*/
body,html {	height: 100%;}

body {
	background	: #CCC url(../img/design/logo_bg.jpg) top left repeat;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	font-style	: normal;
	font-weight	: bold;
	line-height	: 1.5em;
	color		: #54565B;
	margin		: 0;
	padding		: 0;
}
#container {
	background	: #FFF url(../img/design/container_bg.jpg) top left repeat-y;
	width		: 922px;
	margin		: 0;		/* uitlijnen center in FF */
	padding		: 0 0 35px 0;
	height:100%;
	height:auto;
}

#bg {
	background	: #FFF url(../img/design/container_bg.jpg) top left repeat-y;
	width		    : 922px;
	height		  : 100%;
	min-height:100%;
	margin		  : 0 auto;	/* uitlijnen center in FF */
	padding		  : 0;
}

#bgwie {
	background	: #FFF url(../img/design/container_bg.jpg) top left repeat-y;
	width		    : 922px;
	margin		  : 0 auto;	/* uitlijnen center in FF */
	padding		  : 0;
	min-height:100%;
}

/*-------------------------------------- DESIGN & CONTENT --------------------------------------*/

#content {
	background-image: url(../img/design/colorstrip.gif);
	background-repeat:no-repeat;
	background-position: top right;
	height		: auto;
	margin		: 0 6px 0 316px;	/* positioning */
	padding		: 23px 60px 0 50px;
}
#lineBLUE {
	background	: #FFF url(../img/design/horiz_line_blue.gif) repeat-x;
	width		: 478px;
	height		: 1px;
	margin		: 0;
	padding		: 0;
	font-size	: 1px;
}

#lineYELLOW {
	background	: #FFF url(../img/design/horiz_line_yellow.gif) repeat-x;
	width		: 478px;
	height		: 1px;
	margin		: 0;
	padding		: 0;
	font-size	: 1px;
}
#titles h1 {
	background	: #FFF url(../img/titles/wie.gif) top left no-repeat;
	height		: 30px;
	margin		: 72px 0 17px;
	padding		: 0;
	font-size	: 1px;
	text-indent	: -999em;
}
#titles h1.wie { background-image: url(../img/titles/wie.gif);
                 margin-top: 42px;
}
#titles h1.wat { background-image: url(../img/titles/wat.gif);}
#titles h1.praktijk { background-image: url(../img/titles/praktijk.gif);}
#titles h1.bereikbaarheid { background-image: url(../img/titles/bereikbaarheid.gif);}
#titles h1.aanmelden { background-image: url(../img/titles/aanmelden.gif);}
#titles h1.kosten { background-image: url(../img/titles/kosten.gif);}
#titles h1.nieuws { background-image: url(../img/titles/nieuws.gif);}
#titles h1.links { background-image: url(../img/titles/links.gif);}
#titles h1.foto { background-image: url(../img/titles/foto.gif);}

p {
	margin 		: 21px 0 0 0;
	padding		: 0;
}

.news {
  margin 		: 10px 0 0 0;
	padding		: 0;
}

span.emph {
	background	: #FFF;
	color		: #EC9104;
}

span.emphBLUE {
	background	: #FFF;
	color		: #5f6f9e;
}

#content img {
	padding: 25px 0 25px 0;
}
#content img.nospace {
	padding: 0;
}


a:link		{ color: #EC9103; text-decoration: underline; }
a:visited	{ color: #EC9103; text-decoration: underline; }
a:hover		{ color: #5F6F9E; text-decoration: none; }
a:active	{ color: #EC9103; text-decoration: underline; }


h3 {
  margin: 10px 0 5px 0;

}

/*-------------------------------------- PICS VOOR EN NA --------------------------------------*/

table.pics {
	background	: #FFF;
	border		: 1px solid #5F6F9E;
	margin		: 0;
	padding		: 0;
}

.pics td {
	background		: #5F6F9E;
	color			: #FFF;
	font-weight		: bold;
	width			: 120px;
	text-align		: center;
	vertical-align	: middle;
	margin			: 0;
	padding			: 0;
	border-top		: 5px solid #5F6F9E;
}

.pics td.white {
	background	: #FFF;
	heigt		: 1px;
	border		: none;
}

#content table.pics td img {
	border-top		: 5px solid #5F6F9E;
	margin			: 0;
	padding			: 0;
}

/*-------------------------------------- Google Map --------------------------------------*/

#map_canvas {
  width: 100%;
  height: 300px;
  border: 1px solid #ec9104;
  background-color: cccccc;
  margin-top:15px;
}

.homelink {
  display: block;
  width:260px;
  height: 130px;
}

/*-------------------------------------- Logo's homepage --------------------------------------*/

#logos {
  text-align:center;
  margin-top: 25px;
}

#logos img {
  border: none;
  margin: 0 15px;
}

.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

/*-------------------------------------- Nieuwspagina --------------------------------------*/

.patient .title, .patient a {
	background	: #FFF;
	color		: #EC9104;
}

.ontwikkelingen .title, .ontwikkelingen a {
	background	: #FFF;
	color		: #5f6f9e;
}

#newsselector {
  margin: 0;
  width: 100%;
  margin-top: 25px;
  font-size: 14px;
  line-height: 19px;
}

#newsselector ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#newsselector ul .alles{
  background: url (../img/) repeat-x;
  background-position: 10px 100px;
}


#newsselector ul li {
  margin-left: 0;
  display: inline;
}

#newsselector ul li.alles a {
  text-decoration: none;
  color: #799cc9;
  display: inline-block;
  height: 21px;
  padding: 0 5px 0 5px;
  border-top: 1px solid #799cc9;
  border-right: 1px solid #799cc9;
  border-left: 1px solid #799cc9;
}

#newsselector ul li.patienten a {
  background: url(../img/icons/patienten.gif) no-repeat;
  text-decoration: none;
  color: #df7f1b;
  display: inline-block;
  height: 21px;
  padding: 0 5px 0 27px;
  border-top: 1px solid #df7f1b;
  border-right: 1px solid #df7f1b;
  border-left: 1px solid #df7f1b;
}

#newsselector ul li.ontwikkeling a {
  background: url(../img/icons/ontwikkelingen.gif) no-repeat;
  text-decoration: none;
  color: #5f6f9e;
  display: inline-block;
  height: 21px;
  padding: 0 5px 0 27px;
  border-top: 1px solid #5f6f9e;
  border-right: 1px solid #5f6f9e;
  border-left: 1px solid #5f6f9e;
}

.allesactief {
  width: 90%;
  height: 1px;
  background: url(../img/allesactief.gif);
  position: relative;
  left: 42px;
}

.patienteninformatieactief1 {
  width: 48px;
  height: 1px;
  background: url(../img/patienteninformatieactief.gif);
  position: relative;
  float: left;
}

.patienteninformatieactief2 {
  width: 280px;
  height: 1px;
  background: url(../img/patienteninformatieactief.gif);
  position: relative;
  left: 166px;
  float: left;
}

.ontwikkelingenactief1 {
  width: 219px;
  height: 1px;
  background: url(../img/ontwikkelingenactief.gif);
  position: relative;
  float: left;
}

.ontwikkelingenactief2 {
  width: 130px;
  height: 1px;
  background: url(../img/ontwikkelingenactief.gif);
  position: relative;
  left: 134px;  
  float: left;
}

/*---------------------------------------Nieuws-homepage------------------------------------------*/

.lineBLUEhome {
	background-color: #799cc9; 
	width		: 400px;
	height		: 30px;
	margin		: 0;
	padding		: 0 0 0 5px;;
	font-size	: 14px;
	line-height: 27px;	
}
.titel {color: white;}

.nieuwsvak {
  background-color:white;
  margin: -26px 0px 1px 60px;
  height: 28px;
  width: 329px;
  padding-left: 10px;
}

.nieuwsvak .pati a {
  color: #df7f1b;
  font-size: 12px;
  }


span.fh_ok,
span.fh_error {
  display: none;
}

#aanmeldformulier input{
  width: 193px;
  padding-right: 22px;
  height: 18px;
}

#aanmeldformulier textarea{
  width: 213px;
}

#aanmeldformulier input.radio,
#aanmeldformulier input.btn{
  width: auto;
  padding: 0;
  height: auto;
}

input.fh_error {
  background-image: url(../img/icons/incorrect_icon.png);
  background-repeat: no-repeat;
  background-position: 195px 0px;
}

input.fh_ok {
  background-image: url(../img/icons/correct_icon.png);
  background-repeat: no-repeat;
  background-position: 195px 0px;
}


/* TABS */
.ui-tabs-hide {
  display: none;
}

div#tabs {
  display:block;
  margin-top:20px;
  width:100%;
  height:22px;
}
div#tabs ul li {
  float:left;
}

#tabs ul {
  list-style:none;
  margin:0;
  padding:0;
  display:block;
  width:100%;
  font-size:14px;
}

#tabs ul li {
  height:21px;
  margin-right:4px;
}

#tabs ul li a {
  text-decoration:none;
  padding-right:5px;
  height:21px;
  display:inline-block;
  line-height:19px;
}

#tabs ul li a.patienten_informatie {
  background: url(../img/icons/patienten.gif) no-repeat;
  padding:0 5px 0 27px;
  color:#DF7F1B;
  border:1px solid #DF7F1B;
  border-bottom:0;
}

#tabs ul li a.alles {
  padding:0 5px;
  color:#799CC9;
  border:1px solid #799CC9;
  border-bottom:0;
}

#tabs ul li a.active {
  border-bottom:1px solid #fff;
}

#tabs ul li a.ontwikkelingen {
  background:url("../img/icons/ontwikkelingen.gif") no-repeat scroll 0 0 transparent;
  border-left:1px solid #5F6F9E;
  border-right:1px solid #5F6F9E;
  border-top:1px solid #5F6F9E;
  color:#5F6F9E;
  display:inline-block;
  height:21px;
  padding:0 5px 0 27px;
  text-decoration:none;
}

div#tabs-1 {
  width:476px;
  padding-top:20px;
  min-height:200px;
} 

div.lightblue {
  border-top:1px solid #799CC9;
}

div.orange {
  border-top:1px solid #DF7F1B;
}

div.dark-blue {
  border-top:1px solid #5F6F9E;
}

div#tabs-1 p {
  margin-top:10px;
  margin-bottom:21px;
}

p.patienten a {
  color:#DF7F1B;
}

p.ontwikkelingen a {
  color:#5F6F9E;
}
span.patienten {
  color:#EC9104;
}

span.ontwikkelingen {
  color:#5F6F9E;
}

div.loading {
  background:url(../img/ajax-loader.gif) no-repeat center middle;
}