/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Algemene stylesheet CSS voor Bouwlink, May 2008
© Stylesheet by Mosselman multimedia

1. Basis layout	omvat : algemene styles, layout: header , 3 col pagina opbouw , footer , content , tools , nieuws , navigatie 
2. Elementen styles : H, p, ul/li, ahref, class, other
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/



/* +----------------   GENERAL STYLES ------*/

img 		{ display: block;	border-width: 0px; }
a img 		{ border:none; outline:none; }
body, html  { padding:0; margin:0px 0; color:#333333; }
body 		{ min-width: 1000px; font-size:62.5%; line-height:1.5; font: 62.5% Arial, Helvetica, sans-serif; background-color: #f1f1f1;	xpadding-top: 5px;}



/* -------------------  DIV LAYOUT  -----------------------*/

div#container 		{ width: 1000px; margin:0 auto; padding:0px; background-color:#fff; }
div#container_inner { width: 1000px; margin:0 auto; padding:0px; background-color:#fff; }
div#header 			{ height: 185px; width: 1000px; margin: 0px; padding: 0px; z-index: 1; }
div#header-top 		{ position: relative; height: 108px; width: 1000px; margin: 0px; padding: 0px; background-color:#f1f1f1;z-index: 3; xbackground-color:#00CC66;	}
div#header-top1 	{ position: relative; float: left; height: 80px; width: 470px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; xbackground-color:#33FFFF;}
div#header-menu 	{ position: relative; float:right; text-align:right; width: 468px; margin: 5px 0px 0px 60px; padding: 0px;}
div#header-top2 	{ position: relative; float:left; width: 468px; margin: 5px 0px 0px 60px; padding: 0px; border: 1px solid #333; }
div#nav 			{ position:relative; width: 1000px; height: 80px; text-align:left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; xborder-top: 1px solid #cccccc; z-index: 10; xbackground-color:#CCCC33; background: url(../../images/bg_bouwlink-menu.gif) repeat-x left top #f1f1f1;
}

div#nav-menu 		{ position: relative; float:left; width: 700px; height: 20px; padding: 5px 0px 5px 10px; margin: 0px; }
div#breadcrum 		{ position: relative; float:left;	left: 0px; width: 990px; height: 16px; padding: 3px 0px 0px 10px; margin: 27px 0px 0px 0px;  background-color:#f1f1f1;	border-top: 1px solid #ff6600; border-bottom: 1px solid #ff6600; }
* html div#breadcrum{ position: relative; float:left; left: 0px; top: 0px; width: 990px; height: 15px; padding: 3px 0px 0px 10px; margin: 0px 0px 0px 0px; background-color:#f1f1f1;	border-top: 1px solid #ff6600; border-bottom: 1px solid #ff6600; }
div#search			{ position: relative; float: right; height: 50px; margin: 0px 10px 0px 0px;padding: 0px; }
div#content 		{ width: 1000px; padding: 20px 0px 0px 0px; margin: 25px 0px 0px 0px; }
div#google-ads 		{ width: 165px; float:left; text-align:left; padding: 0px; padding-left: 5px; padding-top: 10px; margin:0 0 10px 0px; }
div#left 			{ width: 480px; float:left; text-align:left; padding:10px 0px 0px 0px; margin:0 0 0 20px; }
div#left_2colomn	{ width: 800px; float:left; text-align:left; padding:0; margin:0 0 0 20px; }
div#left_cat 		{ width: 480px; float:left; xmin-height: 450px; text-align:left; padding: 0px; margin: 10px 0px 10px 0px; xbackground-color: #e8e8e8; }
div#right 			{ width: 260px; float:right; text-align:left; padding:10px 0px 20px 0px; margin:0 5px 0 0px; }
div#tools 			{ width: 250px; float:left; text-align:left; padding: 0px;	margin: 0px 0px 10px 0px; }
div#tools_2colomn	{ position: absolute; left: 829px; width: 250px; float:left; text-align:left; padding: 0px; padding-right: 15px; margin: 0px 0px 10px 0px; }
div#right-blok1		{ width: 240px; float:left; text-align:left; padding: 0px 5px 5px 5px; margin:0px 0px 20px 0px; border: 1px solid #b6b7c0; background: url(../../images/headlines.gif) repeat-x #d0d0d0; }
div#right-blok2		{ width: 240px; float:left; text-align:left; padding: 5px; margin: 5px 0px 20px 0px; border: 1px solid #b6b7c0; background: url(../../images/headlines.gif) repeat-x #d0d0d0; }
div#right-blok3		{ width: 240px; float:left; text-align:left; padding: 0px 5px 5px 5px; margin:0px; border: 1px solid #b6b7c0; background: url(../../images/headlines.gif) repeat-x #d0d0d0; }	

div#footer 			{ xbackground-color:#424d85; background-repeat:no-repeat; height: 27px; color:#FFF; xborder-top:1px solid #B3B3B3; font-size:1em; }
div#creditfooter    { display:none;}


/* -------------------   CONTENT STYLES  -----------------------*/


/* -------------------   H styles  -----------------------*/
#header-top1 h1 	{ font-size: 4.0em;	margin: 0px; padding: 0px; color: #000033; font-weight: 500; letter-spacing: 0.2em; }
#header-top1 h2 	{ font-size: 1.6em;	margin: 0px; margin-left: 0px; padding: 0px; color: #f09368; font-weight: 400;	letter-spacing: 0.1em; }
#google-ads h1 		{ padding: 0px; padding-bottom: 15px; margin: 0px; font-size: 2.0em; color: #000033; font-stretch: narrower; font-weight: 400;	line-height: normal; }
#right h1 			{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 1.6em; color: #ff6600; font-weight: 600; line-height: normal; }
#tools h1 			{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 1.3em; color: #000033; font-weight: 600; line-height: normal; }
#right-blok1 h1 	{ padding: 0px;	margin: 0px; font-size: 1.6em; color: #ff6600; font-weight: 600; line-height: normal; }
#right-blok2 h1 	{ padding: 5px 0px 5px 0px;	margin: 0px; font-size: 1.7em; font-weight: 600; color: #ff6600;   line-height: normal; }
#right-blok3 h1     { padding: 5px 0px 5px 0px;	margin: 0px; font-size: 1.7em; font-weight: 600; color: #ff6600;  line-height: normal; }

#left h1 			{ padding: 0px 0px 0px 0px; margin: 0px; font-size: 1.6em; color: #0e1130; font-weight: 600; line-height: normal;  text-transform: uppercase; }
#left h2 			{ xwidth: 225px; xheight: 27px;  padding: 6px 0px 3px 0px; margin: 0px; font-size: 1.2em; color: #ff6600; font-stretch: narrower; font-weight: 600; line-height: normal;}
#left h3 			{ padding: 0px 0px 15px 0px; margin: 0px; font-size: 1.5em; color: #5F5F5F; font-stretch: narrower; font-weight: 500; line-height: normal; }
#left_2colomn h1 	{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 2.3em; color: #000033; font-stretch: narrower; font-weight: 400; line-height: normal; }
#left_2colomn h2	{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 1.3em; color: #000033; font-weight: 600; line-height: normal; }
#left_cat h2 		{ padding: 0px 0px 0px 0px; margin: 0px; font-size: 1.6em; color: #000033; font-stretch: narrower; font-weight: 400; line-height: normal; }
#left_cat h3 		{ padding: 0px 0px 0px 0px; margin: 0px; margin-top: 5px; font-size: 1.5em; color: #ff6600; font-stretch: narrower; font-weight: 600; line-height: normal; text-transform:lowercase;}


/* -------------------   P styles  -----------------------*/

#left p 				{ line-height:1.7; padding:0; font-size:1.2em; }
#left_cat p             { padding: 10px 0px 10px 0px; margin: 0px;}
#left_cat .left_cat-right p { padding: 0px 0px 0px 0px; margin: 0px; xbackground-color: #CC9900;}

#right p 				{ font-size:1.0em; line-height:1.5; padding:0; margin:0 0 0 0; }
p img 					{ padding:3px; border:1px solid #CCC; background-color:#FFF; }
p a img 				{ padding:0; border:0; }
p a 					{ text-decoration:underline; }
#right .project-text p  { font-size: 0.9em; color: #000;	padding: 0px; margin: 0px; }
div#right-blok2 p 		{ margin: 0px; padding: 0px; }


/* -------------------   UL/LI styles  -----------------*/

#nav-menu ul 			{ padding:0px; margin:0px; }
#nav-menu ul ul 		{ padding:0px; margin:0px; padding-top: 3px; }
#nav-menu li 			{ float: left; padding: 0px 36px 0px 8px;  margin: 0px; padding-top: 3px; list-style: none; }
#nav-menu li li			{ float: none; padding: 0px; margin: 0px; list-style: none; }
#submenu ul 			{ float: left; padding:0px; margin:0px; }
#submenu li 			{ float: left; padding: 0px 24px 0px 10px; margin: 0px; list-style: none; }
#right-blok1 ul, #right-blok2 ul, #right-blok3 ul { padding:0px; margin:0px; }
#right-blok1 li, #right-blok2 li,  #right-blok3 li         { font-size: 11px;	color: #0099FF;	border-bottom: 1px solid #b5b5b5; list-style: none; background: url(../../images/arrow.gif) no-repeat left 3px; padding-left: 12px; line-height: 20px; }

#left ul 			    { padding: 0px 0px 0px 0px; margin:0px; margin-left: 15px;}
#left li 				{ xline-height:1.7; padding:0; font-size:1.2em; }

#left_cat ul 			{ padding: 0px 0px 0px 0px; margin:0px; margin-bottom: 15px;}
#left_cat li 			{ padding: 0px 0px 0px 20px;  margin: 0px; margin-bottom: 15px; list-style: none;  background: url(../images/action1.jpg) top left no-repeat; color:#000000; font-weight: 500; }

#left_cat ul ul 		{ padding: 0px 0px 0px 10px; margin:0px; }
#left_cat li li 		{ padding: 0px 0px 0px 0px;  margin: 0px; list-style: none; background:none; }


.newslist, .newslist2 	{ list-style: none; }
.newslist li 			{ font-size: 11px;	color: #0099FF;	border-bottom: 1px solid #b5b5b5; background: url(../../images/arrow.gif) no-repeat left 3px; padding-left: 10px; line-height: 20px; }
.newslist li 			{ height: 20px; }
.newslist li a img 		{ margin-bottom: -2px; }
#footer ul 				{ padding:0px;  margin:5px 0px 0px 5px; }
#footer li 				{ float: left; padding: 0px 5px 0px 26px; margin: 0px; list-style: none; background: url(../images/up-line.gif) center right no-repeat; padding: 0 2.1em 0 0.7em; background-color: transparent; }



/* -------------------   A HREF styles  -----------------------*/

#header-menu a:link,  #header-menu a:visited                        { color:#333333; }
#header-menu a:hover                                                { color:#ff6600; }
#nav-menu li a:link, #nav-menu li a:visited  						{ text-decoration:none; font-size: 1.2em; color:#0e1130; font-weight:600;	display:inline; padding: 0px; margin: 0px; }
#nav-menu li a:hover 												{ color:#ff6600; text-decoration:none; padding: 0px; margin: 0px; }
#nav-menu li li a:link, #nav-menu li li a:visited  					{ text-decoration:none; font-size: 1.2em; color:#0e1130; font-weight:400; display:inline; padding: 0px; margin: 0px; }
#nav-menu li li a:hover                                             { color:#ff6600; text-decoration:none; padding: 0px; margin: 0px; }
#submenu a:link, #submenu a:visited                                 { text-decoration:none; font-size: 1.0em; color:#336699; font-weight:400; display:inline; }
#submenu a:hover 													{ color:#000033; text-decoration:none; background-color: #f1f1f1; }
#breadcrum a:link, #breadcrum a:visited 							{ font-size: 1.1em; color: #333333; text-decoration: none; }
#breadcrum a:hover 													{ color:#ff6600; text-decoration:none; background-color: #f1f1f1; }

#left_cat li a:link, #left_cat li a:visited  						{ text-decoration:none; font-size: 1.1em; color:#ff6600; font-weight:600;	display:inline; padding: 0px; margin: 0px; }
#left_cat li a:hover 												{ color:#333333; text-decoration:underline; padding: 0px; margin: 0px; xbackground-color: #333333;}

#left_cat li li a:link, #left_cat li li a:visited  					{ text-decoration:none; font-size: 1.0em; color:#333333; font-weight:400;	display:inline; padding: 0px; margin: 0px; }
#left_cat li li a:hover 											{ color:#ff6600; text-decoration: underline; padding: 0px; margin: 0px; background: none;}


#right-blok1 a:link, #right-blok1 a:visited, #right-blok1 a:hover 	{ font-size: 1.0em; color: #333333; text-decoration: none; font-weight: 600; }
#right-blok1 a:hover 												{ color:#ff6600; text-decoration:none; }

#right-blok2 a:link, #right-blok2 a:visited, #right-blok2 a:hover 	{ font-size: 1.0em; color: #333333; text-decoration: none; font-weight: 600; }
#right-blok2 a:hover 												{ color:#ff6600; text-decoration:none; }


#right-blok3 a:link, #right-blok3 a:visited, #right-blok3 a:hover 	{ font-size: 1.0em; color: #333333; text-decoration: none; font-weight: 600; }
#right-blok3 a:hover 												{ color:#fff; text-decoration:none; background-color: #3366CC; }

.newslist a 			{ color: #638ABD; }

#footer a:link, #footer a:visited, #footer a:hover					{ font-size:1.1em; color: #fff; text-decoration: none; }
a 					{ color:#ff6600; font-weight:500; text-decoration:none; }
a:hover 			{ color:#000000; text-decoration:none; }
a:active, a:focus 	{ outline: 0; }

.left_cat-right a:link, .left_cat-right a:visited  					{ text-decoration:none; font-size: 1.3em; color: #ff6600; font-weight:600;	xdisplay:inline; padding: 0px; margin: 0px; xbackground-color: #3399CC; }
.left_cat-right a:hover                                             { color:#333333f; text-decoration: underline; xbackground-color: #3366CC; }	

#google-ads a:link, #google-ads a:visited, #google-ads a:hover		{ font-size:1.1em; color: #3366CC; text-decoration: none; }


/* -------------------   Class styles  -----------------------*/

.menuklik 			{ padding: 0px; margin: 0px; text-decoration: none; color:#ff6600; }
.designn 			{ margin: 0px; padding: 0px; display: inline; background: url(../../images/arrow.gif) no-repeat left top }
.tools 				{ margin-right: 3px; padding:3px; display: inline; border: solid 1px #bdbdbd; }
.img_right-blok2 	{ padding:3px; display: inline; border: solid 1px #bdbdbd; }
.tablesearch 		{ padding: 0px; margin: 0px; font-family:inherit; font-size:1.0em; color:#333333; }
.searchbutton 		{ padding: 0px; padding-left: 3px; padding-right: 3px; margin: 0px; font-size : 1.1em; color:#000; font-weight: 600; xbackground-color: #D6D6D6; background: 0; border: none; }
.tools_2colomn_img	{ float:left; margin-right: 30px;	}
.mycell1		    { width: 210px; height: 210px; position:relative; float:left; padding: 0px; margin: 0px; padding-left: 10px; padding-bottom: 10px;}
.mycontentleft      { text-align: left; vertical-align: top; }
.mycontentright		{ text-align: left;}
.systemerrortext	{ display: inline; text-align: left; color:#FF0000; }
.mylinklarge        { font-size:16px; }
.mylinksmall        { font-size:12px; }
.mycontentleft      { font-size:11px; }
.myh5               { font-size:12px; margin-top: 20px; }
.myh4               { xfont-size:11px; }
.mytext             { font-size: 11px; padding:0px; margin:0px; border: #666666 solid 1px;}
.mydropdown			{ font-size: 11px; padding:0px; margin:0px; border: #666666 solid 1px;}
.mybutton           { font-size: 11px;}
.gray               { background-color: #f6f7f7; border:#CCCCCC solid 1px;}
.date               { font-size: 1.3em; color: #999999; font-weight: 600; xbackground-color:#00FF66 }
.datenews               { color: #999999; font-weight: 200; xbackground-color:#00FF66 }
h3 .date            { color: #999999; font-weight: 600; font-size: 0.7em;}
.new                { display: inline; }
.mytextarea         { font-size:11px; border: 1px; border-style: solid; border-color:#AAAAAA;}

.cat 			    { color: #666666;}
.img_inline			{ display: inline; }
.imglink-detail     { width: 475px; height: 220px; xbackground-color: #00FF66;}
.mycontentcenter    { vertical-align:top; }
.noshow             { display:none;}
.fbold              { font-size:1.1em; font-weight:600;}

/*image classes */
.linkd              { position:relative; float:left; width: 215px; height: 210px; padding: 5px 15px 10px 0px; margin: 0px; xdisplay:inline; border: none; }
.img_category		{ width: 472px; }
.img_subcat		    { width: 100px; height: 100px; }
.img_upload		    { width: 80px; height: 60px;  }


.line-top           { height: 1px; color:#CCCCCC;}
.line-hor           { width: 480px; height: 1px; background-color:#ff6600; margin: 5px 0px 5px 0px ; padding: 0px; }
div#left_cat .left_category { width: 480px; height: 120px; padding: 0px; margin: 0px;  padding-left: 5px; padding-right: 5px; padding-top: 0px;  margin-bottom: 15px; vertical-align: top; xbackground-color: #f6f7f7; xborder-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; }
div#left_cat .left_cat-left { position: relative; float: left; width: 110px; xheight: 100px; margin: 0px; padding: 0px;  }
div#left_cat .left_cat-right{ position: relative; float: right; width: 370px; xheight: 100px; vertical-align: top; padding: 0px; margin: 0px; xbackground-color: #99CC00; }


/* -------------------   OTHER STYLES  -----------------------*/

input { padding: 0px; margin: 0px; font-family:inherit; font-size:1.3em; }


/* -------------------   HOMEPAGE STYLE  -----------------------*/

#left .kolom {
	width: 490px;
	xborder-left: 1px solid #b5b5b5;	xborder-right: 1px solid #b5b5b5;
	padding: 0px 13px 0px 0px;
	font-size:1.2em; line-height:1.5;
}
#left .kolom img {
	border: 0;
}

#left .kolom h2 { font-size: 14px; clear: both; color: #000033; }
#left .kolom div.intro {
	margin: 1px 0 1px 0;
  	padding: 5px 5px 5px 5px;
  	border-bottom: 1px solid #ff6600;
	border-top: 1px solid #ff6600;
  	background: url(../../images/headlines.gif) repeat-x #d0d0d0;
}
#left .kolom div.text { 
	background-color: #e4e4e6;
	border: 1px solid #b8b8b8;
	padding: 0 5px 0 5px;
}
#left .kolom div.combi {
	width: 506px;
	clear: both;
	margin-top: 20px;
}
#left .kolom div.text2 { 
	background-color: #e4e4e6;
	border: 1px solid #b8b8b8;
	padding: 5px 7px 0 7px;
	width: 125px;
	float: left;
}
#left .kolom div.text3 { 
	padding: 0 7px 0 7px;
	width: 198px;
	float: left;
}
#left .kolom div.text3_1 { 
	background-color: #e4e4e6;
	border: 1px solid #b8b8b8;
	padding: 5px 7px 0 7px;
	width: 184px;
	float: left;
}
#left .kolom div.text4 { 
	padding: 0 7px 0 7px;
	width: 251px;
	float: left;
	margin-left: 15px;
}
#left .kolom div.text4_1 { 
	background-color: #e4e4e6;
	border: 1px solid #b8b8b8;
	padding: 5px 7px 0 7px;
	width: 237px;
	float: left;
}
#left .clear { clear: both; height: 5px; }
#left .kolom a:link, div.kolom a:active, div.kolom a:visited {	color: #d57a28; text-decoration: none; font-weight: bold; }
#left .kolom a:hover { color: #d57a28; text-decoration: underline; }



/* -------------------   HOMEPAGE STYLE NEW  -----------------------*/

div.headlines {
  width: 239px;
  margin: 5px 0 5px 0;
  padding: 5px;
  border: 1px solid #b6b7c0;
  background: url(../../images/headlines.gif) repeat-x #d0d0d0;
}

div.intro {
  	font-size:1.2em;
	width: 515px;
	margin: 1px 0 20px 0;
  	padding: 5px 5px 5px 5px;
  	border-bottom: 1px solid #ff6600;
	border-top: 1px solid #ff6600;
   background: url(../../images/headlines.gif) repeat-x #d0d0d0;
}

.underline { border-bottom: 1px solid #ff6600; width: 515px; }

div.meer {
  width: 505px;
  padding: 5px; 
  border: 1px solid #c5c5c5;
  margin-bottom: 25px;
  background: url(../../images/meer.gif) no-repeat right;
  clear: both;
}

div.meer a:link, div.meer a:visited, div.meer a:hover  { font-size: 1.2em; font-weight: 600;  }


div.combi {
	width: 515px; 
	}	

div.text { 
  width: 515px;
  margin: 1px 0 10px 0;
  padding: 0 5px 5px 5px;
  padding-bottom: 10px;
  border-top: 1px solid #ff6600;
  border-bottom: 1px solid #ff6600;
  background: url(../../images/text.gif) repeat-x bottom #ffffff;
  font-size:1.1em;
  line-height: 19px;
}

div.kleinetext { 
  width: 155px;
  float: left;
  font-size:1.1em;
  line-height: 19px;
  margin: 1px 7px 10px 0;
  padding: 0 6px 5px 6px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ff6600;
  background: url(../../images/text.gif) repeat-x bottom #ffffff;
}

#left div.kleinetext h3 {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 13px;
  padding: 0px;
  margin: 4px 0 4px 0;
  color: #0e1130;
  xbackground-color:#CC3300;
}

img.foto {
  float: left;
  margin: 3px 5px 5px 2px;
}