/**
 * css files with filename '{templatename}.css' in the 'css' subdirectory of a template
 * are automatically included in the main document. 
 * 
 * the _default.css file is, however, not automatically included,
 * although this is manually done in the default installation.
 * see 'tmpl/_default/tmpl.php' for the appropriate include statement.
 */

/**
 * DEFAULT MODULE STYLE
 */

div.module {
	display: block;
}

div.align_center {
	text-align: center;
}

div.align_left {
	float: left;
}

div.align_right {
	float: right;
}

div.align_clear {
	clear: both;
}

/**
 * FORMATTING
 * used in text editor [b][i][u]
 */
 
span.dik, .bold {
	font-weight: bold;
}	
span.schuin, .italic {
	font-style: italic;
}
span.lijn, .underline {
	text-decoration: underline;
}

/**
 * TEXT STYLES
 * used in entire website
 */
 
body {
	font-family: Verdana, Arial;
	font-size: 0.75em;
}

/**
 * NO LANG MARKER
 */
 
span.nolangmarker {
	font-size: 0.8em;
	margin-bottom: 0.5em;
	display: block;
}

body {
	background-image: url('../tmpl/rolsma/images/bg.jpg');	
	background-repeat: repeat-y;
	overflow: hidden;
}

a > img {
	border: 0;
}

#bgmask_ {
	position: absolute;
	background-color: white;
	z-index: 1;
	top: 0px;
	left: 214px;
	width: 766px;
	height: 214px;
}

#pagechooser {
	z-index: 2;
}

#kleurvoorbeeld {
	display: none;
}

/** WRAPPER **/

#wrapper {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	z-index: 2;
}

	#logo_ {
		position:absolute;
		left:0px;
		top:11px;
		width:214px;
		height:242px;
	}
	
	#header-top_ {
		position:absolute;
		left:275px;
		top:11px;
		width:137px;
		height:25px;
	}
	
	#header-right_ {
		position:absolute;
		left:412px;
		top:11px;
		width:475px;
		height:173px;
	}
	
	#header-left_ {
		position:absolute;
		left:214px;
		top:12px;
		width:61px;
		height:172px;
	}
	
	#home_ {
		position:absolute;
		left:275px;
		top:36px;
		width:137px;
		height:25px;
	}
	
	#info_ {
		position:absolute;
		left:275px;
		top:61px;
		width:137px;
		height:22px;
	}
	
	#toepassingen_ {
		position:absolute;
		left:275px;
		top:83px;
		width:137px;
		height:26px;
	}
	
	#assortiment_ {
		position:absolute;
		left:275px;
		top:109px;
		width:137px;
		height:24px;
	}
	
	#bestellen_ {
		position:absolute;
		left:275px;
		top:133px;
		width:137px;
		height:22px;
	}
	
	#header-bottom_ {
		position:absolute;
		left:275px;
		top:155px;
		width:137px;
		height:28px;
	}
	
	#kader-top_ {
		position:absolute;
		left:244px;
		top:214px;
		width:616px;
		height:28px;
	}

/** MIDDEN **/

#midden-bg {
	position: absolute;
	background-color: white;
	left: 255px;
	top: 242px;
	width: 558px;
	overflow: hidden;
	bottom: 52px;
	z-index: 3;
	padding-left: 15px;
	padding-right: 15px;
}

#midden {
	position: absolute;
	left: 255px;
	top: 242px;
	width: 558px;
	overflow-x: hidden;
	overflow-y: auto;
	bottom: 52px;
	z-index: 5;
	padding-left: 15px;
	padding-right: 15px;
}

/** FOOTER **/

#footer {
	height: 335px;
	width: 980px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	width: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
}

	#kwast_ {
		position:absolute;
		left:0px;
		top:0px;
		width:212px;
		height:211px;
	}
	
	#kwast-right_ {
		position:absolute;
		left:212px;
		top:173px;
		width:43px;
		height:110px;
	}
	
	#right_ {
		position:absolute;
		left:843px;
		top:173px;
		width:127px;
		height:162px;
	}
	
	#right-cont_ {
		position:absolute;
		left:970px;
		top:173px;
		width:10px;
		height:162px;
	}
	
	#disclaimer_ {
		position:absolute;
		left:0px;
		top:211px;
		width:212px;
		height:26px;
	}
	
	#contact_ {
		position:absolute;
		left:0px;
		top:237px;
		width:212px;
		height:23px;
	}
	
	#leveringsvoorwaarden_ {
		position:absolute;
		left:0px;
		top:260px;
		width:212px;
		height:23px;
	}
	
	#kwast-bottom_ {
		position:absolute;
		left:0px;
		top: 283px;
		width:212px;
		height:52px;
	}
	
	#bottom_ {
		position:absolute;
		left:212px;
		top:283px;
		width:631px;
		height:52px;
	}
	
/** FORMAT **/

body {
	color: #888;
	font-family: arial;
	font-size: 12px;
}

a {
	color: #009CDA;	
}

a.alt {
	color: #BF750B;	
}

h1 {
	color: #444;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'arial narrow', arial;
	font-weight: normal;
	font-size: 20px;
}

h2 {
	color: #666;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'arial narrow', arial;
	font-weight: normal;
	font-size: 17px;
}

h3 {
	color: #888;
	margin-top: 0;
	margin-bottom: 0;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
}

/** IMAGE **/

div.rounded {
	position: relative;
	margin: 0;
	padding: 0;
}

div.rounded img {
	top: 0;
	left: 0;
	margin-bottom: -3px;
	padding: 0;
}

div.rounded div.tl {
	background: url('../tmpl/rolsma/images/corners_topleft.png') no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.rounded div.tr {
	background: url('../tmpl/rolsma/images/corners_topright.png') no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.rounded div.bl {
	background: url('../tmpl/rolsma/images/corners_bottomleft.png') no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

div.rounded div.br {
	background: url('../tmpl/rolsma/images/corners_bottomright.png') no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}