/* basis */


html, body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #435463;
	line-height: 16px;
	height: 100%;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	height: 100%;
	color: #435463;
	background-image: url(../images/back_02.gif);
	background-repeat: repeat-x;
}

a:link {
	color: #E00026;
}
a:visited {
	color: #E00026;
}
a:hover {
	color: #435463;
	text-decoration: none;
}
a:active {
	color: #435463;
}

h1 {
	font-size: 28px;
	color: #435463;
	font-weight: normal;
	line-height: 30px;
	padding-top:10px;
}
h2 {
	font-size: 13px;
	color: #435463;
	line-height: 17px;
}

h2.rood
{
	color: #E00026;
}

h2.rood2
{
	margin: 5px 0;
	color: #E00026;
}

h3 {
	font-size: 13px;
	color: #E00026;
	font-weight: bold;
	margin-bottom: 0px;
}
h4 {
	font-size: 16px;
	color: #E00026;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-size: 12px;
	color: #435463;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.tussenkop {
	font-weight: bold;
	color: #E00026;
}
ul,ol {
	margin-left: 15px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
li {
	margin-top: 0px;
	padding: 0px;
	color: #435463;
	line-height: 18px;
}

/* lay-out */


#midden {
	width: 995px;
	float: left;
	position: relative;
}
#logo {
	width: 214px;
	float: left;
	position: relative;
	padding-bottom: 0px;
}
#kolom-menu {
	width: 781px;
	float: left;
	position: relative;
	padding-bottom: 0px;
	height: 170px;
	margin-top: 7px;
}
#kolom-menu-koloms {
	width: 193px;
	float: left;
	position: relative;
	padding-bottom: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #576776;
	margin-top: 0px;
	height: 160px;
}
.titel {
	color: #E00026;
	width: 201px;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
	float: left;
}
#footer {
	width: 995px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #435463;
	text-decoration: none;
	padding-left: 0px;
	text-transform: uppercase;
	clear: left;
	float: left;
	position: relative;
	vertical-align: bottom;
	text-align: left;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #999999;
}
#footer-tekst {
	float: left;
	height: 55px;
	width: 550px;
	position: relative;
	padding-top: 5px;
}

a.footer-nav, a.footer-nav:link, a.footer-nav:visited, a.footer-nav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #435463;
	text-decoration: none;
	text-transform: uppercase;
}
a.footer-nav:hover {
	text-decoration: underline;
}

.top {
	background-color: #435463;
	float: left;
	height: 17px;
	width: 761px;
	padding-left: 13px;
	position: relative;
	padding-top: 1px;
}
#top-nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#top-nav a:hover {
	text-decoration: underline;
}
#beeld-strook {
	position: relative;
	width: 781px;
	background-color: #435463;
	margin-bottom: 15px;
}

#beeld-strook-index {
	float: left;
	position: relative;
	width: 781px;
	background-color: #435463;
	margin-bottom: 15px;
}

#flashcontent
{
	width: 781px;
	height: 368px;
	padding: 0;
	margin: 0;
	border: 0;
}

#beeld-strook-case {

	position: relative;
	width: 781px;
	background-color: #435463;
}
#beeld-strook2 {
	float: left;
	position: absolute;
	width: 781px;
	background-color: #435463;
	overflow: hidden;
	height: 195px;
}
#content {
	float: left;
	position: relative;
	width: 995px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
#content-beeld {
	background-color: #576776;
	height: 185px;
	width: 995px;
	float: left;
	padding-top: 15px;
}

#content-kolom {
	float: left;
	width: 571px;
	padding-right: 20px;
	position: relative;
	padding-left: 10px;
}


/* home blokken */

#content-kolom1 {
	float: left;
	width: 204px;
	padding-right: 10px;
	position: relative;
	padding-top: 20px;
}
#content-kolom1-en {
	float: left;
	width: 450px;
	padding-right: 10px;
	position: relative;
}
#content-kolom2 {
	float: left;
	width: 774px;
	padding-right: 17px;
	position: relative;
}
#content-kolom3 {
	float: left;
	width: 781px;
	position: relative;
}
#content-kolom4 {
	float: left;
	width: 180px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}
#content-kolom5 {
	float: left;
	width: 293px;
	padding-right: 20px;
	position: relative;
	padding-left: 15px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #DADDE0;
	height: 700px;
	margin-bottom: 15px;
}
#content-kolom6 {
	float: left;
	width: 265px;
	position: relative;
}
#content-kolom7 {
	float: left;
	width: 377px;
	position: relative;
	padding-left: 15px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #DADDE0;
	height: 700px;
	margin-bottom: 15px;
	margin-top: 20px;
}
/* opdrachtgevers vertellen home  */
.portlet1 {
	float: left;
	width: 204px;
	background-color: #EBEFF2;
	background-image: url(../images/blokje2_23.gif);
	background-repeat: repeat-x;
	line-height: 15px;
	padding-top: 0px;
	overflow: hidden;
	margin-bottom: 15px;
}
.portlet1-vervolg {
	float: left;
	width: 250px;
	background-color: #EBEFF2;
	height: 83px;
	margin-bottom: 11px;
	line-height: 15px;
	padding-top: 0px;
}
.portlet1-content {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	height: 16px;
	padding-left: 10px;
	font-size: 12px;
	width: 194px;
}
#portlet1-links a  {
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 11px;
	height: 83px;
}
#portlet1-links a:hover  {
	color: #ce0024;
	text-decoration: none;
	background-color: #dde4e9;
	display: block;
	}
/* pino in beeld */
.portlet3 {
	float: left;
	width: 204px;
	background-color: #EBEFF2;
	background-image: url(../images/blokje2_23.gif);
	background-repeat: repeat-x;
	line-height: 15px;
	padding-top: 0px;
	overflow: hidden;
	margin-bottom: 15px;
}
#portlet3-links a  {
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 11px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#portlet3-links a:hover  {
	color: #ce0024;
	text-decoration: none;
	background-color: #dde4e9;
	display: block;
	}
/* ? */
.portlet2 {
	width: 254px;
	height: 54px;
	margin-bottom: 0px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #bdc5cb;
	padding-top: 6px;
	display: block;
	float: left;
}

.portlet2-content {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E00026;
}

#portlet2-links a  {
	color: #000000;
	text-decoration: none;
	display: block;
}
#portlet2-links a:hover  {
	color: #000000;
	text-decoration: none;
	background-color: #EBEFF2;
	display: block;
}


/* opdrachtgevers vertellen overzicht  */
.portlet4 {
	float: left;
	width: 310px;
	line-height: 15px;
	padding-top: 15px;
	overflow: hidden;
	margin-bottom: 0px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #bdc5cb;
	padding-bottom: 15px;
}

.portlet4-content {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E00026;
	float: left;
	height: 16px;
	padding-left: 0px;
	font-size: 14px;
}
#portlet4-links a  {
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 12px;
	height: 83px;
}
#portlet4-links a:hover  {
	text-decoration: none;
	background-color: #EBEFF2;
	display: block;
	}



/* navigatie */

.navigatie, a.navigatie, a.navigatie:link, a.navigatie:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #E00026;
	text-decoration: none;
	width: 182px;
	clear: left;
	float: left;
	position: relative;
	padding-left: 10px;
	text-transform: none;
	padding-top: §;
}
a.navigatie:hover {
	color: #E00026;
	text-decoration: none;
	background-color: #dde4e9;
}
a.navigatie:active {
	color: #D4001F;
	text-decoration: none;
}
.navigatie-sub, a.navigatie-sub, a.navigatie-sub:link, a.navigatie-sub:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #435463;
	text-decoration: none;
	width: 178px;
	clear: left;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-top: 3px;
}
a.navigatie-sub:hover {
	color: #e00026;
	text-decoration: none;
	background-color: #dde4e9;
}
a.navigatie-sub:active {
	color: #e00026;
	text-decoration: underline;
	font-weight: normal;
}
.bottomspace {
	margin-bottom: 15px;
}


/* vervolg */
#beeld-titel {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 761px;
	padding-left: 20px;
	position: relative;
	height: 18px;
	padding-top: 2px;
	background-color: #435463;
}
#case-portlet1 {
	background-color: #EBEFF2;
	width: 165px;
	margin-top: 20px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#case-portlet2 {
	background-color: #EBEFF2;
	width: 189px;
	margin-top: 0px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/blokje2_23.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
.case-kopje {
	font-size: 12px;
	font-weight: bold;
	color: #E00026;
	margin-bottom: 0px;
	padding-top:10px;
	float: left;
	width:189px;
}
#case-links a {
	color: #435463;
}
#case-links a:hover, #case-links a.selected {
	color: #E00026;
	text-decoration: none;
}

#content-wit {
	height: 32px;
	width: 720px;
	background-color: #999900;
}
#actueel-smal {
	width: 300px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	float: right;
	position: relative;
	margin-right: 0px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #DADDE0;
	padding-left: 14px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #DADDE0;
}
#actueel-breed1 {
	width: 390px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	float: left;
	margin-right: 20px;
	position: relative;
	padding-left: 15px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #DADDE0;
}
#actueel-breed2 {
	width: 210px;
	margin-bottom: 15px;
	padding-top: 0px;
	float: left;
	margin-right: 10px;
	position: relative;
	padding-left: 15px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #DADDE0;
}
#actueel-breed3 {
	width: 700px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #E00026;
	border-bottom-color: #E00026;
	float: left;
	position: relative;
	visibility: inherit;
}
#actueel-breed4 {
	width: 485px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 0px;
	border-top-width: 2px;
	border-bottom-width: 3px;
	border-top-style: dotted;
	border-bottom-style: none;
	border-top-color: #DADDE0;
	border-bottom-color: #E00026;
	position: relative;
	visibility: inherit;
	margin-right: 0px;
}
.foto-rechtslijnend {
	float: right;
	padding-left: 10px;
}

.foto-linkslijnend {
	float: left;
	padding-right: 10px;
}
.foto-linkslijnend-kader {
	float: left;
	border: 1px solid #666666;
	margin-right: 10px;
}
.foto-kader {
	border: 1px solid #666666;
}

input {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 19px;
	float: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	padding-top: 2px;
	border: 0px none #FFFFFF;
}
.verplicht {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #DADDE0;
}
textarea {
	background-color: #FFFFFF;
	padding-left: 5px;
	height: 57px;
	float: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	padding-top: 2px;
	border: 0px none #FFFFFF;
}
td.tabel {
	background-color: #EBEFF2;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
td.tabel2 {
	background-color: #FFFFFF;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #435463;
}
.rij {
	clear: both;
	width: 520px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #DADDE0;
	height: 22px;
	margin-bottom: 10px;
}
label {
	padding-top: 3px;
	text-align: right;
	display: block;
	float: left;
	background-color: #EBEFF2;
	padding-right: 10px;
	height: 19px;
}
label2 {
	padding-left: 10px;
	width: 80px;
	padding-top: 3px;
	text-align: right;
	display: block;
	float: left;
}
.button {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #435463;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	height: 22px;
	padding-bottom: 3px;
}
.rij2 {
	clear: both;
	width: 520px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #DADDE0;
	height: 30px;
	margin-bottom: 10px;
	text-align: right;
}
.rij3 {
	clear: both;
	width: 520px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #DADDE0;
	height: 66px;
	margin-bottom: 10px;
}
.rij4 {
	width: 520px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #DADDE0;
	margin-bottom: 10px;
	float: left;
}
select {
	background-color: #FFFFFF;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px none #FFFFFF;
	color: #E00026;
	font-weight: bold;
	width: 150px;
}
#fotostream {
	float: left;
	height: 175px;
	padding-top: 20px;
	background-color: #435463;
	position: absolute;
	left: 0px;
	top: 0px;
}
#content-game {
	float: left;
	position: relative;
	width: 741px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}


/* WEBCAT voor ervaringen */

table#ervaringen_tabel
{
	width: 995px;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0;
}

table#ervaringen_tabel tr
{
	padding: 0;
	margin: 0;
}

table#ervaringen_tabel td
{
	padding: 0;
	margin: 0;
	height: 94px;
}
#center {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
}
.foto-kader {
	border: 1px solid #666666;
	margin-right: 10px;
}


input#name
{
	display: none;
}
#case-portlet3 {
	background-color: #EBEFF2;
	width: 189px;
	margin-top: 20px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#belterug {
	width: 420px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #999999;
	float: left;
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 0px;
}