a { color:#666666; text-decoration:none; }
a:link { color:#666666; text-decoration:underline; }
a:visited { color:#999999; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }
body { background-attachment: fixed; background-color: #EFEFEF; background-image: url(../images/bg.jpg); background-repeat: no-repeat; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size: 80%; line-height:1.2; margin:0px; padding:0px; }
h1 { background-color: #CC0000; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:120%; margin:0px; margin-top: 10px; padding:3px; }
h2 { color:#676767; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; margin:0px; padding:0px; }
/* fix for browsers that don't need the hack */
html>body #navigation li { border-bottom: none; }
/*-----------------------------------------------*/

.sa_bold { font-weight: bold; }
.sa_catalogues { float:left; width:150px; text-align:center; padding: 5px; height: 250px; }
.sa_contactimg { float: left; margin-right: 10px; }
.sa_footertext { color: #666666; margin-left:10px; }
.sa_hide { display:none; }
.sa_hoofdletters { text-transform: uppercase; }
.sa_kader { border-color: #CC0000; border-style: dotted; border-width: 1px; clear: left; padding: 10px; }
.sa_kader1 { background-color: #CCCCCC; color: #333333; padding: 3px; width:100%; }
.sa_kader2 { background-color: #CC0000; color: #FFFFFF; padding: 3px; width:100%; }
.sa_klein { font-size: 90%; }
.sa_opvallend { color: #C41524; font-size: large; }
.sa_red { color: #CC0000; }
/*-----------------------------------------------*/

.actief { background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/tab_bis.gif); }
#sa_breadcrumbs { background-color: #EFEFEF; font-size:85%; left: 10px; padding:2px 0px 0px 10px; position: absolute; top: 130px; width: 770px; }
#sa_kolom_01, #sa_kolom_02 { float:left; padding:20px; width:160px; }
#sa_header { border-bottom:1px solid #cccccc; left: 0px; margin-left: 10px; padding:10px 0px 0px 0px; position: absolute; top: 0px; width:100%; z-index: 1; }
#sa_logo { left: 10px; position: absolute; top: 10px; z-index: 60; }
#sa_gradient1 { background-color: #676767; height: 15px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 40; }
#sa_gradient2 { background-color: #d22029; height: 75px; left: 0px; padding-left: 0px; position: absolute; top: 15px; width: 100%; z-index: 40; }
#sa_gradient3 { height: 75px; left: 0px; padding-left: 300px; position: absolute; top: 15px; width: 500px; z-index: 45; }
#sa_website { width: 100%; }
/*fix height of content*/
#content-wrapper { min-height:450px; height:auto !important; height:450px; }
#sa_decofooter { background-image: url(../images/footer_links.gif); text-align: right; }
#sa_footer { clear:left; font-size: 90%; padding: 25px 0px 0px; width: 100%; }


#sa_content { background-color:#EFEFEF; padding: 10px; width: 400px; margin: 150px 0 0 177px; }
	#sa_content ul { list-style-image: url(../images/pijlken_1.gif); }
	#sa_content.fullwidth { width: 610px; }

#sa_headlines { background-color: #CCCCCC; float:left; left: 600px; padding: 0px; position: absolute; top: 170px; width: 190px; z-index:100; }
	#sa_headlines h1, #sa_headlines h2, #sa_headlines h3, #sa_headlines p { padding: 10px; }
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#sa_headlines li { border-bottom: 1px solid #EEE; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; }
	#sa_headlines ul { list-style:	none; margin:	0px; padding: 10px; }
	#sa_headlines ul a:link, #sa_headlines ul a:visited { color: #333333; display:block; }

#sa_items { border-bottom:1px solid #cccccc; font-size:90%; margin:0px; padding:0px; position:relative; text-decoration: none; }
	#sa_items a { border-top:1px solid #cccccc; color: #999999; display:block; padding:2px 0px 2px 10px; text-decoration: none; }
	#sa_items a:hover { background-color:#CCCCCC; color: #666666; text-decoration: underline; }

#location-container { text-align: center; }

#sa_navtop { position:absolute; color:#C00; left:290px; text-align:right; top:100px; width:500px; z-index:100; }
	#sa_navtop a { color:#C00; font-weight:bold; }

#sa_navigation { font-size: 125%; left: 0px; margin:0px; margin-top: 20px; padding:0px; position: absolute; top: 150px; width:170px; }
	#sa_navigation a { border: none; }
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#sa_navigation li { font-weight: bold; border-top: 1px solid #CCCCCC; border-bottom: 0; }
	#sa_navigation ul { list-style:none; margin:0px; padding:0px; }
	/*hack to fix ie6 white space bug in ul*/
	#sa_navigation ul a:link, #sa_navigation ul a:visited { display: block; height: 1.3em; }
	/*peekaboo bug fix for IE7*/
	#sa_navigation ul ul { min-width: 0; }
	#sa_navigation ul ul li { padding-left:20px; font-style: italic; font-weight: normal; background-color: #e3e3e3; }
	#sa_navigation ul ul li a { color: #6b6b6b; }

#sa_subnav { color: #FFFFFF; left: 10px; margin: 0px; padding: 0px; position: absolute; text-decoration: none; top: 20px; width: 100%; border-bottom-color: #CC0000; border-bottom-style: solid; border-bottom-width: 1px; height: 20px; }
	#sa_subnav a { color: #FFFFFF; text-decoration: none; }
	#sa_subnav a:hover { color: #FFFFFF; }
	#sa_subnav li a { margin: 0px; padding: 2px 0px 3px 0px; background-image: url(../images/tab.gif); background-repeat: no-repeat; background-position: 0 0; width:100px; float:left; text-align:center; }
	#sa_subnav li { list-style-type: none; }
	#sa_subnav li a:hover { margin: 0px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/tab_bis.gif); }
	#sa_subnav ul { margin: 0px; padding: 0px; }
	#sa_subnav ul li { display: inline; margin: 0px; padding: 0px; }
	#sa_subnav2 { margin: 0px; padding: 0px; width: 100%; border: #CC0000 solid 2px; height: 180px; background: url(../images/deco_products.jpg) top left no-repeat; }
	#sa_subnav2 a { color: #C00; line-height: 1.5em; font-weight: bold; border-bottom: 1px dotted; text-decoration: none; }

.sa_float_left { float: left; margin-right: 10px; }
.sa_float_right { float: right; margin-right: 10px; }
.sa_clear { clear: both; }
.sa_clearleft { clear: left; }

