/* css by Sef Thissen • Sinjaal | ontwerp studio */

body {
background: #535353 url(../images/body_bg.jpg) repeat-x;
font-size: 62.5%;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
margin: 0;
}	

a {color:#089;
	text-decoration: none;
   }
a:hover, a:active {color:#089;
	text-decoration: underline;
	}
	
#left a{color:#333;
	text-decoration: none;
   }
#left a:hover, #left a:active {color:#FFF;
	text-decoration: underline;
	}

h1 {
font-size: 1.5em;
color: #00a0af;
font-weight: normal;
padding: 0;
margin: 0 
}

h2 {
font-size: 1.2em;
color: #089;
font-weight: normal;
padding: 0;
margin: 0;
}

p, pre {
	font-size: 1em;
	color: #4c5b52;
}

span{
font-weight: bold;
}

.style3 {color: #999999}
.style4 {color: #089}
.style5 {color: #333333; font-weight: normal;}

/* wrapper */
#wrapper {
	width: 1017px;
	margin: 0 auto;
	align: middle;
}	


/* menuleft */
#leftmenuwrapper {
	background: url(../images/colom_left.jpg) no-repeat;
	width: 160px;
	height: 433px;
	margin: 81px 0 0 0;
	float: left;
}

#leftbtwrapper {
	background-color: #fff;
	width: 145px;
	height: 415px;
	margin: 9px 6px 9px 9px;
}

/* midcontent */
#contentwrapper {
	width: 562px;
	min-height: 433px;
	float: left;
}

#logowindow {
	width: 562px;
	height: 90px;
}

#contentheader {
	background: #eee url(../images/contentheader.jpg) no-repeat;
	width: 562px;
	height: 10px;
}

#content1 {
	background: #eee url(../images/content1_bg.jpg) repeat-y;
	width: 562px;
	min-height: 395px;
}

#picturecanvas {
	background-color: #c8c8c8;
	width: 530px;
	height: 395px;
	margin: 0 16px;
}

#textcontent1 {
	width: 470px;
	padding: 20px 46px;
}

#middlepart {
	background: #eee url(../images/middelpart.jpg) no-repeat;
	width: 562px;
	height: 20px;
}

#content2 {
	background: #c8c8c8 url(../images/content2_bg.jpg) repeat-y;
	width: 562px;
}

#textcontent2 {
	width: 500px;
	padding: 0 31px;
}

#footer {
	background: #c8c8c8 url(../images/footer.jpg) no-repeat;
	width: 562px;
	height: 20px;
}

#undertitle {
	width: 562px;
	padding: 0 0 20px 0;
}

/* menuright */
#rightmenuwrapper {
	background: url(../images/colom_right.jpg) no-repeat;
	width: 295px;
	height: 433px;
	margin: 81px 0 0 0;
	float: right;
}

#rightbtwrapper {
	background-color: #fff;
	width: 280px;
	height: 415px;
	margin: 9px 9px 9px 6px;
}

/* header */
#header {
background: url(../new/images/header_sinjaal.jpg) top no-repeat;
width: 960px;
min-height: 420px;
}

/* wordt vernieuwd */
#introtekst {
text-align: left;
width: 445px;
min-height: 500px;
padding: 0;
margin: 0;
float: left;
}

/* content */
#introcontent {
padding: 0;
margin: 0;
}

/* producten */
#producten {
text-align: left;
width: 515px;
min-height: 500px;
padding: 0;
margin: 0;
float: right;
}


/* producten */
#klant {
clear: both;
padding: 15px 15px 15px 15px;
margin: 5px 30px 5px 30px;
border-top: 1px dashed #999;
}

p, pre{
line-height: 17px;
padding: 0;
margin: 0;
}

/* Head menu*/

#headmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 145px;
	height: 415px;
	background: url(../new/buttons/head_menu.jpg.jpg);
}

#headmenu li {
	float: left; 
	width: 100%;
	text-indent: -6000px;
}


#headmenu a {
	display: block;
	background: transparent url(../buttons/head_menu.jpg) 0 0 no-repeat;
}

#home a {
	height: 140px;
	background-position: 0 -415px;
}

#profiel a {
	height: 135px;
	background-position: 0 -140px;
}

#diensten a {
	height: 140px;
	background-position: 0 -275px;
}

#home a:hover {
	background-position: 0 -415px;
}

a.active {
	background-position: 0 -415px;
}

#profiel a:hover {
	background-position: 0 -555px;
}

#diensten a:hover {
	background-position: 0 -690px;
}

#headmenu span {
display: none;
}


/* Sub menu*/

#submenu1 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 140px;
	height: 415px;
	background: url(../buttons/sub_menu_1.jpg);
	float: left;
}

#submenu1 li {
	float: left; 
	width: 100%;
	text-indent: -6000px;
}


#submenu1 a {
	display: block;
	background: transparent url(../buttons/sub_menu_1_xmas.jpg) 0 0 no-repeat;
}

#logo a {
	height: 140px;
	background-position: 0 0;
}

#druk a {
	height: 135px;
	background-position: 0 -140px;
}

#rudolf a {
	height: 140px;
	background-position: 0 -275px;
}

#logo a:hover {
	background-position: 0 -415px;
}

#druk a:hover {
	background-position: 0 -555px;
}

#rudolf a:hover {
	background-position: 0 -690px;
}

#submenu1 span {
display: none;
}

/*____________________________________*/

#submenu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 140px;
	height: 415px;
	background: url(../buttons/sub_menu_2.jpg);
	float: right;
}

#submenu2 li {
	float: left; 
	width: 100%;
	text-indent: -6000px;
}


#submenu2 a {
	display: block;
	background: transparent url(../buttons/sub_menu_2.jpg) 0 0 no-repeat;
}

#web a {
	height: 140px;
	background-position: 0 0;
}

#blanco2 a {
	height: 135px;
	background-position: 0 -140px;
}

#contact a {
	height: 140px;
	background-position: 0 -275px;
}

#web a:hover {
	background-position: 0 -415px;
}

#blanco2 a:hover {
	background-position: 0 -555px;
}

#contact a:hover {
	background-position: 0 -690px;
}

#submenu2 span {
display: none;
}