html {
	padding:0;
	overflow-y:scroll;
	overflow-x: hidden;}

body {
	background:url(img/achtergrond-psycholooggouda.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0;
	margin: 0 auto;
	font: normal 13px/1.8em Arial, Verdana, sans-serif;}

.container {
	padding:0px;
	width: 1001px;
	padding: 0;
	margin: 0 auto;
	position:relative; z-index:4;}

.main {width: 1002px; float:left;  background-color: white; background-color: rgba(255, 255, 255, 0.9); margin-bottom:30px;}


/* H1-H3 */

h1 {margin:0;
	padding:0px 0px 23px 0px;
	color:#FB9B25;
	font: normal 22px/30px 'Open Sans', sans-serif;
	letter-spacing:0px;}
h1 a, h1 a:hover {color:#FB9B25; text-decoration:none;}

h2 {display:block;
	font:normal 16px/1.2em 'Open Sans', sans-serif;
	margin:0 0 3px 0;
	color:#FB9B25;}

h3 {font:normal 28px/14px 'Open Sans', sans-serif;
	margin:0;
	color:#F9B056;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {color:#F9B056;text-decoration:none;}

/* Hyperlinks and images */

a {color:#026299;text-decoration:none;}
a:hover {color:#b28900;text-decoration:underline;}

img {border: 0px;}

/* top page styling */

.header {
	margin: 0 8px 0 27px;
	height: 115px;
	background: url(img/logo-psycholoog-gouda.jpg) center left no-repeat; 
}

.logo {
	padding:37px 0 0 85px;
	height:65px;
	float:left;
}

.subtext {
	padding:15px 0px 0px 0px;
	margin-top:0px;
	font:normal 24px/14px 'Open Sans', sans-serif;
	color:#B3B3B3;
}
.topadres {
	padding:30px 7px 0px 0px;
	float:right;
	font:normal 13px/1.6em 'Open Sans', sans-serif;
	color: #747474;
}

.icon {
	float:left;
	position:absolute;
	top:88px;
	left:47px;
}

/* middle page styling */

.content {
	width:980px;
	font:normal 14px/1.4em Arial, Verdana, sans-serif;
	color:#585858;
	margin: 220px 0px 20px 0px;
	position:relative;
}

.left {
	float:left;
	width: 695px;
	min-height: 300px;
	margin: 25px 40px 0px 35px;
}

.right {
	float: right;
	width: 198px;
	min-height:100px;
	margin: -202px 0px 10px 0px;
	padding: 0;
}

.spacer {
	clear:both;
}

/* footer styling */

.footer {
	width:940px;
	height: 55px;
	border-top: 1px solid #cbcbcb;
	margin: 7px 15px 0px 35px;
	padding-top:5px;
	font:normal 11px/1.2em Tahoma, Verdana, sans-serif;
	color:#b4b4b4;
	clear:both;
}
.footercopy {float: left;}
.footercopy a{color:#b4b4b4;}

.footer-right {float:right;}

/* Contactblok */

.blk {
	width:692px; 
	height:100%; 
	overflow:hidden; 
	padding: 5px 10px 5px 10px;
	position:relative;
	background-color: #f3f3f3;
	z-index:1;
	float:left;
}

.prkt1 {
	position:relative;
	float:left;
	z-index:3;
}

.afb {
	float: left;
	margin-right: 20px;
	z-index:3;
	height:18px; 
}

.praktijk {
	float: left;
	width: 690px;
	height:22px;
	color: #474747;
	font:normal 12px/1.4em Tahoma, Verdana, sans-serif;
}

div.container   { position:relative; /* etc. */ }
img.positioned  { position:absolute; }
img#topleft     { top:0;    left:0; z-index: 2;}
img#topright    { top:0;    right:0; z-index: 2;}
img#bottomleft  { bottom:0; left:0; z-index: 2;}
img#bottomright { bottom:0; right:0; z-index: 2;}

img#topleft1     { top:0;    left:0; z-index: 2;}
img#topright1    { top:0;    right:0; z-index: 2;}
img#bottomleft1  { bottom:0; left:0; z-index: 2;}
img#bottomright1 { bottom:0; right:0; z-index: 2;}

img#topleft2     { top:0;    left:0px; z-index: 2;}
img#topright2    { top:0;    right:0px; z-index: 2;}
img#bottomleft2  { bottom:0; left:0px; z-index: 2;}
img#bottomright2 { bottom:0; right:0px; z-index: 2;}

img#topleft3     { top:0;    left:0px; z-index: 2;}
img#topright3	 { top:0; right:0px; z-index:2;}
img#bottomleft3  { bottom:0; left:0px; z-index: 2;}
img#bottomright3 { bottom:0; right:0px; z-index: 2;}

/* Diversen */

.incontent {
	min-height: 70px;
	overflow: hidden;
	padding: 6px 14px 6px 14px;
	margin-bottom: 10px;
	background: url(img/divbg.png) repeat top left;
	border: 1px solid #cbcbcb;
	text-align: center;
}

.dotted {
  display: block;
  text-align: left;
  font: normal 16px/1.2em 'Open Sans', sans-serif;
  margin: 0 0 14px 0;
  color: #929090;
}
.sidedot {
	display:block;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#026299;
	line-height:14px;
	border-bottom: 1px dotted lightgrey;
	margin: 0px 0px 8px 7px;
	padding-bottom: 5px;
	text-align:left;
}
.socialhub {
	width: 184px;
	height: 80px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px -2px;
	background: #eeeded url('img/sharetop.jpg') no-repeat top center;
}
.fb {
	float:left;
	margin-right:5px;
}
.gplus {
	float:left;
	margin-right:5px;
}
.tweet {
	float:left;
}
.ruler {color:#c00;background-color:#cfd8e7;height:1px;border:none;}

.vakvereniging {
	text-align:center;
	margin-bottom:6px;
}

.opacity {
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
}

.opacity:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

form {
  border : 1px solid #e6e6e6;
  padding : 5px 0px 5px 5px;
}

input.inputc, textarea {
  background-color : #f1f0e2;
  border: 1px solid #e6e6e6;
  font: normal 12px/1.8em Arial, Verdana, sans-serif;
}
textarea {width:670px;}

.button-link {
	margin-left:10px;
    padding: 6px 8px;
    background: #fbad06;
    color: #FFF;
 	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #fb9006;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

}

.button-link:hover, .button-link:focus {
	cursor: pointer;
    background: #fb9006;
    border: solid 1px #fb9006;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #fb9006;
    border: solid 1px #203E5F;
}

.quote {border-left: 2px solid orange; padding-left:20px;}

.h1class {
	width:200px;
	float:left;
}
.ext {
	width:493px;
	float:left;
	padding:0px 0 23px 0;
	color:#FB9B25;
	font:normal 22px/30px 'Open Sans', sans-serif;
	letter-spacing:0px;
}

#call, #call:hover {color:#747474;text-decoration:none;}