/************ MAIN LAYOUT ************/

/*** Main Blocks ***/

html, body
	{
		min-height: 100%;
		width: 100%;
		height: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: Verdana;
		font-size: 11px;
		color: #000000;
		background-image: url(../graphics/layout/gradient.gif);
		background-repeat: repeat-y;
		background-position: center
	}

#wrapper
	{
   		margin-left: auto;
	    margin-right: auto;
		width: 830px;
		text-align: left;
		position: relative;
		min-height: 100%;
		height: auto  !important; /* for modern browsers */
		height: 100%; /* for IE */
		top: 0;
		background-color: #FFFFFF;
		_border-right: 1px solid #FFFFFF
	}

#topbar
	{
		margin-left: 30px;
		width: 770px;
		height: 50px;
		background-color: #FFFFFF;
		padding: 0px
	}

#mainmenu
	{
		margin-left: 30px;
		width: 770px;
		height: 21px;
		background-color: #FFFFFF
	}

#submenu
	{
		margin-left: 30px;
		width: 750px;
		height: 21px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 8px;
		background-color: #4471A6;
		color: #FFFFFF
	}

#fotocontactwrapper
	{
		margin-top: 1px;
		margin-left: 30px;
		width: 770px;
		height: 128px
	}

#topphoto
	{
		width: 485px;
		height: 128px;
		float: left;
		background: #FFFFFF
	}

#contactinfo
	{
		width: 224px;
		height: 78px;
		float: right;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 25px;
		padding-bottom: 25px;
		background-image: url(../graphics/layout/contactbar.gif);
		background-repeat: repeat-y;
		background-color: #EFEFEF
	}
	
#whiteline
	{
		margin-left: 30px;
		padding: 0px;
		width: 770px;
		height: 1px;
		background: #FFFFFF;
		overflow: hidden
	}

#contentwrapper
	{
		margin-left: 30px;
		width: 770px;
		background-image: url(../graphics/layout/content.gif);
		background-repeat: repeat-y;
		background-position: right;
		background-color: transparent
	}

#content
	{
		width: 455px;
		float: left;
		padding-top: 18px;
		padding-bottom: 15px;
		line-height: 15px
	}

#rightbar
	{
		width: 224px;
		float: right;
		padding-right: 30px;
		padding-left: 30px;
		padding-top: 18px;
		padding-bottom: 15px;
	}
	
#footerwrapper
	{
		width: 770px;
		height: 30px;
		margin-left: 30px;
		background: #FFFFFF
	}

#footerleft
	{
		width: 455px;
		float: left;
		padding-right: 30px;
		margin-top: 9px;
		font-size: 10px;
		color: #000000;
		word-spacing: 13px;
		text-align: center
	}
	
#footerright
	{
		width: 254px;
		float: right;
		padding-left: 30px;
		margin-top: 9px;
		text-align: right;
		font-size: 10px;
		color: #999999
	}

/*** Clear class ***/
	
div.clear
	{
		height: 0px;
		padding: 0px;
		margin: 0px;
		clear: both;
		visibility: hidden;
		overflow: hidden
	}

/*** Text classes ***/

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

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

p.left
	{
		text-align: left
	}

p.right
	{
		text-align: right
	}

p.center
	{
		text-align: center
	}

.nowordspacing
	{
		word-spacing: normal;
		padding: 0px;
		margin: 0px
	}

/*** Headers & seperators ***/

.contentseperator
	{
		width: 455px
	}
	
.contentheader
	{
		font-size: 12px;
		font-weight: bold;
		width: 455px
	}
	
.contentsmallheader
	{
		width: 455px;
		margin-bottom: 15px;
		font-weight: bold
	}
	
.rightbarseperator
	{
		width: 224px
	}
	
.rightbarheader
	{
		font-size: 12px;
		font-weight: bold;
		width: 224px
	}
	
.greyline
	{
		margin-top: 7px;
		margin-bottom: 7px;
		padding: 0px;
		width: 455px;
		height: 1px;
		background: #EFEFEF;
		overflow: hidden
	}

/*** Link classes ***/

a
	{
	  outline: none;
	}

a.submenulink:link
	{
		text-decoration: none;
		color: #FFFFFF
	}

a.submenulink:visited
	{
		text-decoration: none;
		color: #FFFFFF
	}

a.submenulink:hover
	{
		text-decoration: none;
		color: #90AAD8
	}
	
a.submenulink:active
	{
		text-decoration: none;
		color: #FFFFFF
	}
	
a:link
	{
		text-decoration: none;
		color: #4471A6
	}

a:visited
	{
		text-decoration: none;
		color: #4471A6
	}

a:hover
	{
		text-decoration: none;
		color: #90AAD8
	}
	
a:active
	{
		text-decoration: none;
		color: #4471A6
	}
	
/*** Align classes ***/

img
	{
		border: 0px;
		display: block
	}

.imageleft
	{
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 2px #4471A6 solid
	}

.imageright
	{
		float: right;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 2px #4471A6 solid
	}

.imagecenter
	{
    	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
    	display: block;
		border: 2px #4471A6 solid
    }

img.leftnoborder
	{
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px
	}

img.rightnoborder
	{
		float: right;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		display: inline
	}

img.centernoborder
	{
    	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 0px
    }
    
img.leftborder
	{
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 2px #4471A6 solid
	}

img.rightborder
	{
		float: right;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 2px #4471A6 solid;
		display: inline
	}

img.centerborder
	{
    	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 0px;
		border: 2px #4471A6 solid
    }

/*** List classes ***/

ul
	{
		margin: 0px 0px 0px 15px;
		padding: 0px;
		list-style: none
	}

li
	{
		padding-left: 10px;
		background-image: url(../graphics/layout/bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 5px
	}

/*** Form classes ***/

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

input
	{
		background: #FFFFFF;
		border: 1px solid #4471A6;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		margin: 0px;
		padding: 0px;
		width: 300px
	}
	
.formbutton
	{		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #4471A6;
		background: #FFFFFF;
		border: 1px outset #4471A6;
		width: 170px;
		padding: 0px;
		font-weight: bold
	} 

select
	{
		background: #FFFFFF;
		border: 1px solid #4471A6;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px;
		color: #000000;
		margin: 0px;
		padding: 0px;
		width: 300px
	}

textarea
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #1176A2;
		scrollbar-3dlight-color: #4471A6; 
		scrollbar-arrow-color: #4471A6; 
		scrollbar-darkshadow-color: #4471A6; 
		scrollbar-face-color: #FFFFFF; 
		scrollbar-highlight-color: #FFFFFF; 
		scrollbar-shadow-color: #FFFFFF; 
		scrollbar-track-color: #FFFFFF;
		margin: 0px; 
		width: 300px;
		padding: 0px;
		height: 100px
	}

/************ PAGES ************/

/*** Rightbar ***/

.rightbaritem
	{
		width: 224px;
		padding: 0px;
		margin: 0px
	}
	
.rightbaritemname
	{
		width: 224px;
		font-weight: bold
	}

.rightbaritemscreenshot
	{
		width: 224px;
		height: 130px;
		margin-top: 5px;
		margin-bottom: 5px
	}

.rightbaritemimage
	{
		border: 2px #4471A6 solid;
		padding: 0px
	}

.rightbaritemlink
	{
		width: 224px;
		text-align: right;
		margin-bottom: 5px
	}

/*** Nieuws ***/

.newsintro
	{
		width: 455px;
		margin-bottom: 5px	
	}

.newsitem
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}
	
.newsitemname
	{
		width: 455px;
		font-weight: bold
	}
	
.newsitemdate
	{
		width: 455px;
		color: #999999;
		margin-bottom: 5px
	}
	
.newsitempicture
	{
		width: 114px;
		height: 114px;
		float: left
	}
	
.newsitemtext
	{
		width: 341px;
		float: right;
		padding-bottom: 5px
	}
	
.newsitemlink
	{
		text-align: right;
		width: 455px
	}

/*** Mundial ***/

/* Mundialoverview */

.mundialoverviewitem
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}
	
.mundialoverviewintrotext
	{
		width: 455px;
		padding: 0px;
		margin-bottom: 5px
	}

.mundialoverviewitemname
	{
		width: 455px;
		margin-bottom: 5px;
		font-weight: bold
	}
	
.mundialoverviewitempicture
	{
		width: 114px;
		height: 74px;
		float: left
	}
	
.mundialoverviewitemtext
	{
		width: 341px;
		float: right;
		padding-bottom: 5px;
		font-style: italic
	}

.mundialoverviewitemlink
	{
		text-align: right;
		width: 455px
	}

/* Mundialtext */
	
.mundialtext
	{
		width: 455px;
		padding-bottom: 15px;
		margin: 0px
	}
	
.mundialflyer
	{	
		width: 455px;
		padding-bottom: 15px;
		margin: 0px
	}
	
.mundialphotos
	{
		width: 455px;
		margin: 0px;
		padding-bottom: 7px
	}
	
.mundialthumbnail
	{
		width: 104px;
		margin-left: 4px;
		margin-right: 4px;
		margin-bottom: 8px;
		float: left;
		display: inline
	}
	
.mundialimage
	{
		border: 2px #4471A6 solid;
		padding: 0px;
		margin: 0px
	}

/* Mundialforum */

.mundialforum
	{
		width: 455px
	}
	
.mundialforumerror
	{
		width: 455px;
		color: #FF0000;
		margin-bottom: 15px
	}

.mundialforuminputleft
	{
		width: 150px;
		float: left;
		margin-bottom: 5px
	}

.mundialforuminputright
	{
		width: 305px;
		float: left;
		margin-bottom: 5px
	}

.mundialforuminputantispamleft
	{
		width: 55px;
		float: left;
		margin-top: 1px;
		margin-bottom: 5px
	}

.mundialforuminputantispamright
	{
		width: 250px;
		float: left;
		margin-bottom: 5px
	}

.mundialforumantispamfield
	{
		width: 50px;
		font-size: 11px
	}
	
.mundialforummessagename
	{
		width: 275px;
		float: left;
		margin-bottom: 5px
	}

.mundialforummessagedate
	{
		width: 180px;
		float: left;
		text-align: right;
		color: #999999;
		margin-bottom: 5px
	}

.mundialforummessagesubject
	{
		width: 455px;
		margin-bottom: 15px
	}
	
.mundialforummessagetext	
	{
		width: 455px;
		margin-bottom: 5px
	}

/*** Richting gehoortoestel ***/

.gehoortoestel
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}

/*** Wie zijn wij ***/

/* Info */

.wiezijnwijtext
	{
		width: 455px;
		padding: 0px;
		margin-bottom: 5px
	}

/* Referenties */

.wiezijnwijreferentiestext
	{
		width: 455px;
		padding: 0px;
		margin-bottom: 15px
	}

.wiezijnwijreferentiestitle
	{
		width: 455px;
		font-weight: bold;
		margin-bottom: 5px
	}

.wiezijnwijreferentiesquotestop
	{
		width: 455px;
		background: url(../graphics/wiezijnwij/quotes_top.gif) left top no-repeat;
		margin-bottom: 5px
	}

.wiezijnwijreferentiesquotesbottom
	{
		width: 455px;
		background: url(../graphics/wiezijnwij/quotes_bottom.gif) right bottom no-repeat;
		font-style: italic
	}

.wiezijnwijreferentiesname
	{
		width: 455px;
		margin-bottom: 15px
	}

/*** Diensten ***/

/* Overview */

.dienstenitem
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}
	
.dienstenitemname
	{
		width: 455px;
		font-weight: bold;
		margin-bottom: 5px
	}
	
.dienstenitempicture
	{
		width: 114px;
		height: 74px;
		float: left
	}
	
.dienstenitemtext
	{
		width: 341px;
		float: right;
		padding-bottom: 5px
	}
	
.dienstenitemlink
	{
		text-align: right;
		width: 455px
	}

/* Details */

.dienstenitemdetails
	{
		width: 455px;
		margin-bottom: 5px;
		padding: 0px
	}

/*** Portfolio ***/

/* Overview */

.portfolioitem
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}
	
.portfolioitemname
	{
		width: 455px;
		font-weight: bold
	}
	
.portfolioitemscreenshot
	{
		width: 234px;
		height: 136px;
		float: left
	}
	
.portfolioitemtext
	{
		width: 221px;
		float: right;
		padding-bottom: 5px
	}
	
.portfolioitemlink
	{
		text-align: right;
		width: 455px
	}

/* Details */
	
.portfoliodetails
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}
	
.portfoliodetailsname
	{
		width: 455px;
		font-weight: bold;
		margin-bottom: 5px
	}
	
.portfoliodetailsscreenshot
	{
		width: 455px
	}
	
.portfoliodetailsinfo
	{
		width: 455px;
		margin-bottom: 5px
	}

.portfoliodetailsimage
	{
		border: 2px #4471A6 solid;
		margin-bottom: 15px
	}
	
.portfoliodetailstext
	{
		width: 455px;
		padding-bottom: 15px
	}

/*** Pers ***/

/* Overview */

.persitem
	{
		width: 455px;
		padding: 0px;
		margin: 0px
	}

.persitemtitle
	{
		width: 455px;
		font-weight: bold
	}
	
.persitemsubtitle
	{
		width: 455px;
		color: #999999;
		margin-bottom: 5px
	}

.persitempicture
	{
		width: 114px;
		height: 74px;
		float: left
	}

.persitemtext
	{
		width: 341px;
		float: left;
		margin-bottom: 5px
	}

.persitemlink
	{
		width: 455px;
		text-align: right
	}

/* Details */

.persitemdetailstitle
	{
		width: 455px;
		font-weight: bold
	}

.persitemdetailssubtitle
	{
		width: 455px;
		color: #999999;
		margin-bottom: 15px
	}

.persitemdetailstext
	{
		width: 455px;
		margin-bottom: 15px
	}

.persitemdetailslinktitle
	{
		width: 455px;
		font-weight: bold
	}

.persitemdetailslinkname
	{
		width: 455px;
		margin-bottom: 5px
	}

/*** Contact ***/

.contacttextfield
	{
		width: 455px;
		margin-bottom: 5px;
		padding: 0px
	}

.contacttext
	{
		width: 455px;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0px
	}

.contactinfoleft
	{
		width: 150px;
		float: left;
	}
	
.contactinforight
	{
		width: 305px;
		float: left;
	}

.contactinputleft
	{
		width: 150px;
		float: left;
		margin-bottom: 5px
	}
	
.contactinputright
	{
		width: 305px;
		float: left;
		margin-bottom: 5px
	}
	
/************ CMS ************/

/*** Layout ***/

/* Login */

.loginforminputleft
	{
		width: 150px;
		float: left;
		margin-bottom: 5px
	}

.loginforminputright
	{
		width: 305px;
		float: left;
		margin-bottom: 5px
	}

/* Pages */

.admintext
	{
		width: 455px;
		margin-bottom: 15px;
		padding: 0px
	}

.adminerror
	{
		width: 455px;
		color: #FF0000;
		margin-bottom: 15px
	}

.adminlargebutton
	{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		height: 55px;
		width: 222px;
		float: left
	}
	
.adminlargebuttoncontainer
	{
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 55px;
		width: 222px;
	}

.adminlargebuttonoverlay
	{
		position: absolute;
		top: 0;
		left: 0;
		margin: 0px;
		padding: 0px;
		height: 55px;
		width: 222px;
		z-index: 100
	}

.adminlargebuttonicon
	{
		width: 50px;
		height: 50px;
		float: left;
		padding: 0px;
		margin: 2px 10px 0px 0px
	}

.adminlargebuttontext
	{
		float: left;
		padding: 0px;
		font-weight: bold;
		color: #4471A6;
		margin: 20px 0px 0px 0px
	}

.adminlargebuttonspacing
	{
		float: left;
		padding: 0px;
		margin: 0px;
		width: 10px;
		height: 54px
	}

.adminheader
	{
		font-weight: bold;
		margin-bottom: 2px
	}
	
.admininputheader
	{
		margin-bottom: 2px
	}

.admininputfielddiv
	{
		margin-bottom: 5px;
		width: 455px
	}

.admininputfield
	{
		width: 305px
	}

.admintextareadiv
	{
		width: 455px;
		margin-bottom: 5px
	}

.admintextareasmall
	{
		width: 305px;
		height: 104px;
	}

.admintextarealarge
	{
		width: 453px;
		height: 260px
	}

.admindropdownboxtiny
	{
		width: 65px
	}

.admindropdownboxsmall
	{
		width: 135px
	}

.admindropdownboxlarge
	{
		width: 170px
	}

.adminbutton
	{
		width: 455px;
		padding: 0px;
		margin-bottom: 15px
	}

.admintable
	{
		margin: 0px 0px 5px 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #4471A6;
		padding: 0px;
		width: 455px;
		line-height: 13px
	}
	
.admintabletd
	{
		margin: 0px;
		padding: 2px 0px 2px 0px;
		vertical-align: bottom;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px solid #4471A6
	}

.adminspacer
	{
		height: 10px;
		width: 455px;
		padding: 0px;
		margin: 0px
	}
	
/*** Admin link classes ***/

a.adminlargebuttonlink
	{
		text-decoration: none;
		border: 2px solid #FFFFFF;
		display: block;
		margin: 0px;
		padding: 0px;
		color: #4471A6
	}

a.adminlargebuttonlink:hover
	{
		color: #4471A6;
		border: 2px solid #4471A6
	}

/*** Admin toolbar classes ***/

.admintoolbar
	{
		width: 455px;
		margin: 0px 0px 2px 0px;
		height: 22px
	}

.adminbuttonout
	{
		width: 20px;
		height: 20px;
		border: 0px solid transparent;
		margin: 1px 5px 1px 1px;
		padding: 0px;
		background: transparent;
		float: left;
		display: inline
	}

.adminbuttonover
	{
		width: 20px; 
		height: 20px; 
		border: 1px solid #1176A2; 
		margin: 0px 4px 0px 0px; 
		padding: 0px;
		cursor: pointer;
		float: left;
		display: inline
	}
	
/*** Admin pop-ups ***/

.adminpopuplist
	{
		background-color: #EFEFEF;
		width: 307px;
		height: 254px;
		text-align: left;
		line-height: 15px;
		padding: 10px
	}

.adminpopupimage
	{
		background-color: #EFEFEF;
		width: 307px;
		height: 211px;
		text-align: left;
		line-height: 15px;
		padding: 10px
	}

.adminpopuplink
	{
		background-color: #EFEFEF;
		width: 307px;
		height: 119px;
		text-align: left;
		line-height: 15px;
		padding: 10px
	}

.adminpopupheader
	{
		font-weight: bold;
		width: 307px
	}

.adminpopupheader
	{
		width: 307px
	}

.adminpopupstandard
	{
		width: 307px;
		margin-bottom: 2px
	}

.adminpopupimagewrapperleft
	{
		width: 153px;
		margin-bottom: 2px;
		float: left
	}

.adminpopupimagewrapperright
	{
		width: 154px;
		margin-bottom: 10px;
		float: left
	}
	
.adminpopupimageborder
	{
		float: left;
		margin: 0px;
		padding: 0px;
		border: 2px #4471A6 solid
	}

.adminpopupsmall
	{
		width: 100px;
		margin-bottom: 2px
	}

.adminpopupsmallnomargin
	{
		width: 100px;
		float: left
	}

.adminpopupbutton
	{
		width: 307px
	}

.adminpopuperror
	{
		width: 307px;
		color: #FF0000
	}

.adminpopupimagepreview
	{
		width: 154px;
		height: 154px
	}
	
.globalemptymessage
	{
		width: 455px;
		padding: 0px;
		margin-bottom: 5px
	}

.basistekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}