/* ------------------------------ *\
 *                                *
 *      YUNA                      *
 *                                *
 *      [w] www.yuna.nl           *
 *      [e] info@yuna.nl          *
 *      [t] +31 15 2 617 017	    *
 *                                *
\* ------------------------------ */

/*------------------------------ *\
 *      Mares Makelaars              *
\*------------------------------ */

@font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url('../font/Vera-webfont.eot');
    src: url('../font/Vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Vera-webfont.woff') format('woff'),
         url('../font/Vera-webfont.ttf') format('truetype'),
         url('../font/Vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BitstreamVeraSansBold';
    src: url('../font/Vera-Bold-webfont.eot');
    src: url('../font/Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Vera-Bold-webfont.woff') format('woff'),
         url('../font/Vera-Bold-webfont.ttf') format('truetype'),
         url('../font/Vera-Bold-webfont.svg#BitstreamVeraSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*-----------------*/

html,
body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

/* ----- generic styling ----- */

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	line-height: 160%;
	color: #616161;
	color: #000;
}
p,
h1,
h2,
h3,
h4,
h5
{
	margin:0 0 10px 0;
	padding:0;
}

p
{
idth:98%;
}
ul,
ol
{
	margin: 0 0 20px 0;
	padding: 0;
}

li
{
	margin: 0 0 0 20px;
	padding: 0;
}


a
{
	color: #E7571F;
	color: #c82032;
	text-decoration: none;
	outline: none;
}
a:hover
{
	olor: #E7571F;
	text-decoration: underline;
	outline: none;
}

h1,
h2,
h3,
h4,
h5
{
	color: #E7571F;
	color: #292929;
	font-weight: bold;
}
h1,
h2
{
	font-size:200%;
	font-weight:normal;
	font-family: 'BitstreamVeraSansRoman', arial, helvetica, sans-serif;
	color: #C82032;
}
h3
{
	font-size:120%;
}
h4
{
	font-size:100%;
}
h5
{
	font-size:100%;
	color: #616161;
}


img 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 span
{
	display: none;
}

h2 {
	font-size: 18px;
	text-transform: uppercase;
}

h2 span
{
	display: none;
}

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

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

.clear
{
	clear: both;
}

.clearright
{
	clear: right;
}

.clearleft
{
	clear: left;
}
#wrap table
{
	margin: 0 0 10px 0;
}

#wrap table td,
#wrap table th
{
	font-weight: normal;
	padding: 2px 5px 2px 0;
	vertical-align: top;
}

/*=============================== main boxes =================================== */
body
{

}
	


div#container 
{
	position: relative;
	width: 980px;
	margin: 0px auto 0px auto;
	text-align: left;
	ackground: url('../img_static/bg_container.gif') repeat-y right top;
	background: url('../img_static/bg_body.gif') no-repeat left top;
}


div#contenthead 
{
	position: relative;
	margin: 0px;
	padding: 0px;
}

div#header 
{
	position: relative;
	height: 169px;
	ackground: url('../img_static/bg_header.gif') repeat-x 260px top;
	z-index: 99;
}
div#break 
{
	position: relative;
	height: 0px;
	adding: 0px;
	ackground: url('../img_static/bg_banner1.gif') no-repeat center top;
	isplay: none;
	z-index: 100;
}

div.break2
{
	ackground: url('../img_static/bg_banner2.gif') no-repeat center top !important;
}

div.break3
{
	ackground: url('../img_static/bg_banner3.jpg') no-repeat center top !important;
}

div.break4
{
	ackground: url('../img_static/bg_banner4.gif') no-repeat center top !important;
}

div.break5
{
	ackground: url('../img_static/bg_banner5.gif') no-repeat center top !important;
}

div.break6
{
	ackground: url('../img_static/bg_banner6.jpg') no-repeat center top !important;
}

div.break7
{
	ackground: url('../img_static/bg_banner7.jpg') no-repeat center top !important;
}

div.break8
{
	ackground: url('../img_static/bg_banner8.jpg') no-repeat center top !important;
}

div.break9
{
	ackground: url('../img_static/bg_banner9.jpg') no-repeat center top !important;
}

div.break10
{
	ackground: url('../img_static/bg_banner10.jpg') no-repeat center top !important;
}

div.break11
{
	ackground: url('../img_static/bg_banner11.jpg') no-repeat center top !important;
}

div.break12
{
	ackground: url('../img_static/bg_banner12.jpg') no-repeat center top !important;
}

div.break13
{
	ackground: url('../img_static/bg_banner13.jpg') no-repeat center top !important;
}

#wrap
{
	height: 200px;
	padding: 0px 10px 8px 10px;
	background: url('../img_static/bg_wrap.gif') bottom left no-repeat;
}

*>#wrap
{
	min-height:200px;
	height:auto;	
}

div#innerwrap {
	padding-bottom: 20px;
}

div#wrapStretcher
{
	margin: 0px;
	padding: 1px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

#footer 
{
	position: relative;
	clear: both;
	width: 980px;
	margin: 0 auto 0px auto;
	height: 150px;
	ackground: white url('../img_static/bg_footer.gif') no-repeat left top;
	text-align: left;
	argin-bottom: 100px;
}

/*=============================== elements per box =================================== */

div#logo
{
	float: left;
	margin-left: 15px;
	margin-top: 15px; 
}

div#logoContainer {
	position: absolute;
	top: 15px;
	right: 15px;
}

div#logoContainer span{
	margin-left: 10px;
}

div#languageselect
{
	font-size: 80%;
	position: relative;
	float: right;
	width: 30px;
	height: 25px;
	right: 20px;
	top: 110px;
	top: 0px;
	z-index: 99;
}

div#languageselect a
{
	position: absolute;
	color: #FF8800;
	color: #000;
	eft: 217px;
	op: 40px;
	text-decoration: none;
	z-index: 99;
}

div#languageselect a:hover
{
	text-decoration: underline;

}

div#phoneContainer {
	position: absolute;
	right: 20px;
	bottom: 0px;
	color: #fff;
	olor: red;
	z-index: 101;
	font-size: 18px;
	line-height: 25px;
	eight: 30px;
}

div#phoneContainer span {
	background: url(../img_static/bg_telephone.gif) left 0px no-repeat;
	padding-left: 25px;
	z-index: 101;
}



	
/*=============================== navigatie en subnav=================================== */
div#nav
{
	position: absolute;
	bottom: 0px;
	left: 0;
	display: block;
	width: 980px;
	height: 60px;
	background: url('../img_static/bg_mainnav.gif') bottom left repeat-x;
	z-index: 100;
}

ul#mainNav
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	top: 10px;
	font-weight: bold;
}

ul#mainNav li.mainNav
{
	position: relative;
	color: #6b6b6b;
	float: left;
	idth: 122px;
	margin: 0;
	ackground: #9d9d9d;
	height: 35px;
}

ul#mainNav li.current {
	background: #9d9d9d url(../img_static/bg_menu_item_current.gif) top right no-repeat;
}

ul#mainNav li.current a{
	color: #fff;
	margin: 0px 15px;
}



ul#mainNav .mainNav ul
{	
	/*
	padding: 30px 10px 20px 10px;
	list-style:none;
	background:  #494949  url('../img_static/bg_subnav.gif') repeat-x left top;
	display:none;*/
}

ul.subNav {
	position: absolute;
	left: 0px;
	top: 38px;
}

ul.subNav li{
	float: left;
	list-style: none;
	margin-left: 10px;
}

ul.subNav li a {
	color: white;
	text-transform: uppercase;
	padding: 2px 10px;
}

ul.subNav li a:hover {
	text-decoration: none;
	background: #b7b7b7;
}

ul.subNav li.current a {
	olor: #C82032;

	background: gray;
}

/* --- submenu -- */
/*
	ul#mainNav li ul
	{
		position:absolute;
		display:none;
		top:19px;
		left:0px;
		width:150px;
		ackground:#FFF url('../img_static/bg_mw_pulldown.gif') repeat-x 0 0;
		border-left:1px solid #5F5F5F;
		border-right:1px solid #5F5F5F;
		border-bottom:1px solid #5F5F5F;
		z-index:50;
		list-style:none;
	}

	ul#mainNav li ul li
	{
		height:auto;
		line-height:20px;
		float:none;
		border-bottom:1px solid #909090;
		background-image:none;
		margin:0;
		padding:0 0px;
	}
	ul#mainNav li ul li a
	{
		float:none;
		line-height:20px;
		height:20px;
		width:auto;
		color: white;
		padding:0;
		ont-weight:bold;
		text-decoration:none;
		z-index:10;
	}
	ul#mainNav li ul li a:hover
	{
		color: #FF8800;
		color: #000;
		text-decoration:none;
	}

*/
ul#mainNav li span
{
	padding-left:5px;
	cursor:pointer;
	line-height: 35px;
}

ul#mainNav li a
{
	color:#6b6b6b;
	text-decoration:none;
	padding-left:5px;
	cursor:pointer;
	line-height: 35px;
}

ul#mainNav li a:hover,
ul#mainNav li a.hover
{
	color:#FF8800;
	color: #000;
}

ul#mainNav li#home
{
	
	display:block;
	idth: 260px;
	ackground:  url('../img_static/bg_home.gif') no-repeat 19px 3px;
}

ul#mainNav li#home a
{	
	padding-left: 41px;
}

ul#mainNav li a {
	adding-left: 40px;
	text-transform: uppercase;
	display: block;
	padding: 0px 20px;
}

/*------------------------------- teaserBox: content ----------------------------------- */

#homepageTeaserBox {
	height: 260px;
	background: #f0f0f0;
	position: relative;
}

#homepageTeaserBox p {
	color: #727272;
	margin-bottom: 10px;
}

div#teaserButtonContainer {
	position: absolute;
	bottom: 8px;
	left: 13px;
}

.teaser_button {
	display: block;
	height: 50px;
	width: 315px;
	margin: 0px;
	padding: 0px;
	background: url(../img_static/bg_teaser_button.gif) top left no-repeat;
	margin-left: -5px;
	margin-bottom: -4px;
}

.teaser_button a {
	color: #000;
	position: relative;
	left: 20px;
	top: 15px;
	font-size: 20px;
	font-size: 18px;
	text-transform: uppercase;
	background-image: url(../img_static/bg_teaser_button_a.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width: 280px;
	height: 25px;
	display: block;
	line-height: 22px;
		font-family: 'BitstreamVeraSansRoman', arial, helvetica, sans-serif;
}

.teaser_button a:hover {
	text-decoration: none;
	color: #c82032;
		background-image: url(../img_static/bg_teaser_button_a_hover.gif) ;
	
}

#homepageTeaserBox .contentBox{
	margin: 0px 0px 0px 15px;
	width: 295px;
	padding-top: 25px;
}

#homepageTeaserBox h1 {
	font-size: 16px;
	text-transform: uppercase;
	line-height: 120%;
}

.headerContentBox {
	position: absolute;
}

#carousel {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 630px;
	height: 260px;
	ackground: url(../img_static/bg_teaser.jpg) top left no-repeat;
	background: none;
	
}

#carousel #headerImg {
	margin: 0px;
	padding: 0px;
	eight: 30px;
}

#carousel .imagePart {
	height: 230px;
	padding: 0px;
	margin: 0px;
	ackground: red;
	bottom: 0px;
	osition: absolute;
}
#carousel .imagePart a{
	margin: 0px;
	padding: 0px;
}
#carousel .imagePart a img{
	display: block;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	position: relative;
	isplay: none;
}
#carousel .headerContent {
	display: block;
	height: 30px;
	padding: 0px;
	background: #c82032;
	position: relative;
	margin: 0px;
	width: 630px;
}

#carousel .headerContent h2{
	color: white;
	font-size: 15px;
	argin-left: 5px;
	etter-spacing: -1px;
	ont-weight: bold;
	line-height: 30px;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	text-align: right;
}

#imageSliderNav {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 99;
	margin-bottom: 5px;
	display: none;
}

#imageSliderNav a {
	background: white;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
}

#imageSliderNav a.active {
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}




/*------------------------------- wrap: content ----------------------------------- */
ul.home {
/*
	color: #E7571F;
	color: inherit;
	*/
}

/*ul.home  li
{
	list-style-image: url(../img_static/bullet_red.gif);
	margin: 5px 0 5px 20px;
}*/

#wrap div.column
{
	verflow:hidden;
}

div#column_left
{
	float:left;
	width: 320px;
	ackground: url(../img_static/bg_left_column.gif) no-repeat left top;
	padding-top: 30px;
}

* > div#column_left
{
	height:auto;
	min-height:100%;
	min-height:30px;
}

div#column_left .paddingBox
{
	padding: 10px;
}

div#column_left .HomeLeftHead {
	order: 2px solid #9D9D9D;
	margin-bottom: 20px;
	margin-top: 0px;
}

div#column_left img.noBorder {
	border: 0px;
}

div#column_left img {
	width: 300px;
	adding: 1px;
	border: 1px solid #B8B8B8;
	width: 290px;
}

div#column_center
{
	float:left;
	width: 960px;
	ackground: url(../img_static/bg_center_colomn.gif) no-repeat left top;
}

* > div#column_center
{
	height:auto;
	min-height:100%;
	min-height:30px;
}

div#column_center .itemBox
{
	padding: 10px 30px;
}

div#column_center .itemBox .itemBoxLeft
{
	float: left;
	width: 300px;
}

div#column_center .itemBox .itemBoxRight
{
	float: right;
	width: 600px;
	padding-top: 10px;
	border-top: 1px solid black;
}

div#column_center .first .itemBoxRight
{
	padding-top: 10px;
	eight: 80px;
	border-top: none;
}

div#column_center .itemBox .itemBoxRight h3
{
	color: 	#c82032;
	font-weight: bold;
	font-size: 110%;
}

div#column_center .itemBox .itemBoxRight a.more
{
	display: block;
	ackground: url(../img_static/bg_more.gif) no-repeat left top;
	adding-left: 25px;
	height: 20px;
	line-height: 20px;
	color: 	#E65A1D;
	color: #c82032;
	text-decoration: none;
}

div#column_center .itemBox .itemBoxRight a.more:hover
{
	text-decoration: underline;
}
	
iframe {
	border: none;
}
/*------------------------------- boxes----------------------------------- */
.infoBox 
{
	width: 220px;
	margin: 0 0 20px 0;
}

.infoBoxTop
{
	background: #555555 url(../img_static/box_top.gif) no-repeat right top;
}

.infoBoxTop h2
{
	font-size: 10px;
	padding-left: 6px;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
}

.infoBoxContent
{
	ackground: url(../img_static/box_tile.gif) repeat;
	order: 1px solid #888888;
	
}

.infoBoxContent img
{
	border: 1px solid #888888;
	padding: 1px;
}


/*------------------------------- wrap: content  right----------------------------------- */

div#column_right
{
	float: right;
	width: 640px;
	padding-top: 20px;
	ackground: url(../img_static/bg_right_column.gif) no-repeat right top;
}

div#column_right .paddingBox
{
	padding: 20px 10px 10px 10px;
}

div.contentColumn {
	width: 290px;
	margin-right: 20px;
	float: left;
}

div.contentColumn.wide {
	width: 400px;
}

div.contentColumn.slim {
	width: 200px;
}

span.pfeTitle {
	width: 60px;
	font-weight: bold;
	display: block;
	float: left;
}

div.contentColumn h2{
	line-height: 120%;
	color: black;
}

.mapsContainer iframe {
	clear: both;
	display: block;
}


.paddingBox ul  li
{
	list-style-image: url(../img_static/bullet_red.gif);
	margin: 5px 0 5px 20px;
}


/*------------------------------- footer ----------------------------------- */

#footerInner
{
	adding: 8px 0px 0 20px;
	padding: 8px 10px 0px 10px;
	font-size: 115%;
	color: #727272;
}

#footerInner a.yuna
{
	margin: 0 5px 10px 0;
	float: left;
	display: block;
	font-size: 90%;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration:none;
}

#footerInner a.yuna:hover
{
	text-decoration:underline;
}

.footerAddress
{
	margin: 0 5px 10px 0;
	float: right;
	display: block;
	font-size: 90%;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration:none;
}

.footerAddress a
{
	float: none;
	margin: 0 0;
	color: white;
}

.footerContactPart {
	width: 190px;
	float: left;
	ackground: blue;
	display: block;
	margin-bottom: 10px;
	margin-left: 15px;
}

.footerContactPart span{
	color: #C82032;
}

.footerContactPart a {
	color: #727272;
}

.footerContactPart a:hover {
	color: #C82032;
	text-decoration: none;
}

#footerLogos {
	float: right;
	lear: both;
	isplay: block;
}

#footerLogos img{
	clear: left;
	float: right;
}


a.disclaimer {
	color: #C82032;
	float: right;
	clear: both;
	isplay: block;
	margin-right: 10px;
	margin-top: 2px;
}




/*=============================== form =================================== */

#contactFormulier {
	padding: 10px 20px;
	background: #f0f0f0;
	margin-right: 20px;
	margin-bottom: 20px;
	
}

.formtable {
	idth: 600px;
	border: none;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;

} 	


.formtable tr{
	adding-bottom: 10px;
	height: 25px;
	
}

.formtable td{
	margin: 0px;
	padding: 5px 10px 5px 30px;
	width: 100px;
}

input.input {
	background: white;
	width: 250px;
	border: 1px solid #B8B8B8;
}
	
textarea {
	background: white;
	width: 250px;
	height: 100px;
	border: 1px solid #B8B8B8;
}
	
	
	
.formheader {
	margin: 10px 0;
	color: #003366;
	font-size: 120%;
	font-weight: bold;
}

.formheaderrow {
	/* background-color: #CCCCCC; */
}

.formrow {
	/*background-color: #DDDDDD; */
	margin:0px;
	padding: 0px;
	}

#formcontent .formrow {
	margin:0px;
	padding: 0px;
	/*background-color: #DDDDDD; */
	
}

.formrowerror {
	margin: 0px;
	padding: 0px;
	background: #E7571F;
	background: #C82032;
}

.formerror {
 	 color: #5B1A48;
	 color: #fff;
 	 font-weight: bold;
}

.formmarker {
	color:#C82032; 
	float:left;
}

fieldset {
	margin: 0px;
	padding: 0px;
	display: inline;
	border: none;
}


/* --- TB 20060113 ad hoc elements --- */
h3.banner
{
	font-size: 180% !important;
	line-height: 150%;
	padding: 5px;
	background: transparent url('../img_static/bg_center_colomn.gif') no-repeat -270px 0;
	text-align: center;
	border-width: 1px 0;
	border-style: solid;
	border-color: #F2F2F2;
}