/*
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
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:#333; }
body 		{ min-width: 1000px; font-size:62.5%; line-height:1.5; font: 62.5% Verdana, Arial, Helvetica, sans-serif;	background-color: #f1f1f1;	padding-top: 5px;}



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

div#container 		{ width: 1000px; margin:0 auto; padding:0px 0; 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: 105px; 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; padding: 5px 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: 10px 0px 0px 0px; border-top: 1px solid #cccccc; z-index: 10; background: url(../../images/bg_bouwlink-menu.gif) repeat-x left top;
}
div#nav-menu 		{ position: relative; float:left; width: 700px; height: 20px; padding: 0px 0px 5px 0px; margin: 0px; }
div#breadcrum 		{	position: relative; float:left;	left: 0px; width: 995px; height: 15px; padding: 3px 0px 0px 5px; margin: 30px 0px 0px 0px; background-color:#e4e4e6;	border-top: 1px solid #5665a0; border-bottom: 1px solid #434e86; }
* html div#breadcrum{ position: relative; float:left; left: 0px; top: 0px; width: 995px; height: 15px; padding: 3px 0px 0px 5px; margin: 0px 0px 0px 0px; background-color:#e4e4e6;	border-top: 1px solid #5665a0; border-bottom: 1px solid #434e86; }
div#search			{ position: relative; float: right; height: 45px; margin: 5px 10px 0px 0px;padding: 0px; }
div#content 		{ width: 1000px; padding: 20px 0px 0px 0px; margin: 20px 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:0; 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; min-height: 450px; text-align:left; padding: 0px; margin: 10px 0px 20px 0px;background-color: #e8e8e8; }
div#right 			{ width: 290px; float:right; text-align:left; padding:0; margin:0 10px 0 0px; }
div#tools 			{ width: 280px; float:left; text-align:left; padding: 0px;	margin: 0px 0px 10px 0px; }
div#tools_2colomn	{ position: absolute; left: 829px; width: 280px; float:left; text-align:left; padding: 0px; padding-right: 15px; margin: 0px 0px 10px 0px; }
div#right-blok1		{ width: 280px; float:left; text-align:left; padding: 5px 5px 5px 0px; margin: 0px 0px 20px 0px; xbackground-color:#FF6600; }	
div#right-blok2		{ width: 280px; float:left; min-height: 150px; text-align:left; padding: 5px; margin: 20px 0px 20px 0px;background-color: #f6f7f7; }
div#footer 			{ background-color:#424d85; background-repeat:no-repeat; height: 27px; color:#FFF; border-top:5px 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.8em; color: #000033; font-size: 2.0em; color: #000033;	font-stretch: narrower; font-weight: 500; 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.3em; color: #000033; font-size: 2.0em; color: #000033; font-stretch: narrower;	font-weight: 400; line-height: normal; }
#right-blok2 h1 	{ padding: 5px 0px 5px 0px;	margin: 0px; font-size: 1.7em; font-weight: 300; color: #3366CC; }
#left h1 			{ padding: 0px 0px 10px 0px; margin: 0px; font-size: 2.3em; color: #000033; font-stretch: narrower; font-weight: 400; line-height: normal; }
#left h2 			{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 1.8em; color: #3366CC; font-stretch: narrower; font-weight: 400; line-height: normal; }
#left h3 			{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 1.2em; 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.1em; color: #3366CC; font-stretch: narrower; font-weight: 400; line-height: normal; }


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

#left p 				{ line-height:1.7; padding:0; font-size:1.1em; margin:0 0 2em 0; }
#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-bottom: 10px; }



/* -------------------   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 		{ padding:0px; margin:0px; }
#right-blok1 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: 10px; line-height: 20px; }

#right-blok2 ul 		{ padding:0px; margin:0px; }
.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; }
.newslist a 			{ color: #638ABD; }
#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:#336699; }
#header-menu a:hover                                                { color:#000000; }
#nav-menu li a:link, #nav-menu li a:visited  						{ text-decoration:none; font-size: 1.4em; color:#F7F7F7; font-weight:600;	display:inline; padding: 0px; margin: 0px; }
#nav-menu li a:hover 												{ color:#f09368; 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.1em; color:#F7F7F7; font-weight:400; display:inline; padding: 0px; margin: 0px; }
#nav-menu li li a:hover { color:#f09368; 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: 1em; color: #999999; text-decoration: none; }
#breadcrum a:hover 													{ color:#000033; text-decoration:none; background-color: #f1f1f1; }
#right-blok1 a:link, #right-blok1 a:visited, #right-blok1 a:hover 	{ font-size: 1.0em; color: #f09368; text-decoration: none; }
#right-blok1 a:hover 												{ color:#fff; text-decoration:none; background-color: #3366CC; }
#footer a:link, #footer a:visited, #footer a:hover					{ font-size:1.1em; color: #fff; text-decoration: none; }
a 					{ color:#d67912; font-weight:500; text-decoration:none; }
a:hover 			{ color:#000; text-decoration:none; }
a:active, a:focus 	{ outline: 0; }
#google-ads a:link, #google-ads a:visited, #google-ads a:hover		{ font-size:1.1em; color: #d67912; text-decoration: none; }


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

.menuklik 			{ padding: 0px; margin: 0px; text-decoration: none; color:#d67912; }
.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:#FFFFFF; }
.searchbutton 		{	padding: 0px; padding-left: 3px; padding-right: 3px; margin: 0px; font-size : 1.3em; color:#000;	background-color: #D6D6D6; border: none; }
.tools_2colomn_img	{ float:left; margin-right: 30px;	}
.img_category		{ width: 472px; }
.mycontentleft      { font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.systemerrortext	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; color:#FF0000; }
.mylinklarge        { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; }
.mylinksmall        { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.mycontentleft      { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.myh5               { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
.myh4               { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.gray               { background-color: #f6f7f7; border:#CCCCCC solid 1px;}
.new                { display: inline; }
.mytextarea         { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border: 1px; border-style: solid; border-color:#AAAAAA;}

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

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