html,body {
	width:100%;
	height:100%;
}

body {
	background: #fff url(../images/viewport/body_bg.gif) repeat;
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	min-height:800px;
}

body.none_body {
	background: #fff url(../images/viewport/body_bg.gif) repeat;
	min-height:500px;

}

div#viewport {
	position:relative;
	margin:10px auto 0 auto;
	height:auto;
	_height:auto;
	width:900px;
	background:#fff;
}

/* Standaard waardes */
h1 {
	font-size:18px;
	font-weight:normal;
	color:#76006B;
	padding:0;
	margin:0 0 15px 15px;
}

h1.left {
	margin:0 0 15px 0;
}


h2 {
	font-size:12px;
	color:#76006B;
	padding:0;
	margin:10px 0 5px 0;
}

div#content div#mid_colum h2{
	margin:0 0 0 15px;
}

h3 {
	font-size:13px;
	font-weight:bold;
	color:#ff6600;
	padding:0;
	margin:3px 0 0 5px;
}

p {
	font-size:12px;
	color:#000;
	margin:3px 0 10px 0;
}

div#content div#mid_colum p{
	margin:3px 15px 10px 15px;
}
a{
	margin:0;
	padding:0;
}

a:link,
a:visited {
	text-decoration:none;
	color:#76006B;
}

a:hover,
a:active {
	text-decoration:underline;
	color:#76006B;
}


img {
	margin:0;
	padding:0;
}

ul {
	font-size:12px;
	margin:10px 0 10px 10px;
	padding:0 0 0 5px;
	color:#000;
}

ul li {
	margin:0 0 0 10px;
	padding:0 0 0 0;
}

address{
	font-style:normal;
	font-size:12px;
	color:#000;
}

div#content address{
	margin:0 0 0 15px;
}

div#footer address{
	color:#B0B0B0;
}


form input {
	width:175px;
}

form input.small {
	width:50px;
}

form input.radio{
	width:15px;
}

form input.checkbox{
	width:15px;
}

form input.verzend {
	width:85px;
}

form textarea {
	width:175px;
}

fieldset {
	border:1px solid #76006B;
	margin:15px;
	width:500px
}

fieldset legend {
	font-size:13px;
	font-weight:bold;
	color:#76006B;
}

table {
font-size:12px;
}
iframe {
	border:1px solid #76006B;
}
/* --- KOP --- */
div#menu_header {
	position:relative;
	width:900px;
	height:100px;
}

div#menu_header div#logo{
	position:relative;
	float:left;
	margin:30px 0 0 30px;
	width:200px;
	height:56px;
	background: url(../images/viewport/logo.png);
	_display:inline;
}

div#menu_header div#logo a {
	display:block;
	width:200px;
	height:56px;
}

div#menu_header div#logo a span {
	display:none;
}

div#menu_header div#main_menu {
	position:relative;
	float:right;
	margin:70px 30px 0 0;
	height:25px;
	_display:inline;
}

div#menu_header div#main_menu ul {
	font-size:12px;
	position:relative;
	float:right;
}

div#menu_header div#main_menu ul li {
	display:inline;
	list-style-type:none;
	color:#B8B8B8;
	margin: 0 0 0 10px;
	padding:0 0 0 15px;
	background: url(../images/viewport/main_streep.png) 0 2px no-repeat;

}
div#menu_header div#main_menu ul li.first {
	background:none;
}

div#menu_header div#main_menu ul li a:link,
div#menu_header div#main_menu ul li a:visited {
	text-decoration:none;
	color:#76006B;
}

div#menu_header div#main_menu ul li a:hover,
div#menu_header div#main_menu ul li a:active {
	text-decoration:underline;
	color:#76006B;
}

/* --- KOP --- */
div#header {
	position:relative;
	width:900px;
	height:230px;
}
div#header div#foto {
	position:relative;
	float:left;
	width:840px;
	margin:0 0 0 30px;
	height:230px;
	_display:inline;
}

div#header div#foto img {
	position:relative;
	float:left;
}

div#header div#sub_menu {
	position:absolute;
	width:840px;
	top:205px;
	left:30px;
}

div#header div#sub_menu ul {
	position:relative;
	float:left;
	width:750px;
	margin:0 0 0 0;
}

div#header div#sub_menu ul li {
	position:relative;
	float:left;
	display:inline;
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	margin: 0 10px 0 0;
	padding:0 5px 0 15px;
	background: url(../images/viewport/sub_streep.png) 0 2px no-repeat;
}
div#header div#sub_menu ul li.first {
	background:none;
}

div#header div#sub_menu ul li a {
}

div#header div#sub_menu ul li a:link,
div#header div#sub_menu ul li a:visited {
	text-decoration:none;
	color:#76006B;
}

div#header div#sub_menu ul li a:hover,
div#header div#sub_menu ul li a:active {
	text-decoration:underline;
	color:#76006B;
}

/* --- Content --- */
div#content {
	position:relative;
	width:840px;
	margin:10px 30px;
	height:auto;
	overflow:hidden;
}

/* --- HOME PAGINA --- */
div#home_links{
	position:relative;
	float:left;
	width:420px;
	height:300px;
	background: url(../images/viewport/content_streep.gif) 100% 0 repeat-y;
}
div#home_rechts{
	position:relative;
	float:left;
	width:420px;
	height:300px;
}
div#home_links p,
div#home_rechts p {
	width:380px;
	margin:20px;
	padding:0;
	text-align:center;
}

div#home_links p a,
div#home_rechts p a {
	text-decoration:none;
	color:#000;
}


div#home_links h1,
div#home_rechts h1 {
	width:420px;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

div#home_links h1 a,
div#home_rechts h1 a{
	text-decoration:none;
}

div#home_links a img,
div#home_rechts a img {
	border:none;
}


/* Textiel en Offset paginas */
div#content div#groot_colum {
	position:relative;
	float:left;
	width:560px;
	height:auto;
	min-height:250px;

}

div#content div#left_colum{
	position:relative;
	float:left;
	width:280px;
	height:auto;
	min-height:250px;
	background: url(../images/viewport/content_streep.gif) 100% 0 repeat-y;
}

div#content div#mid_colum{
	position:relative;
	float:left;
	width:280px;
	min-height:250px;
	height:auto;
}

div#content div#right_colum{
	position:relative;
	float:left;
	width:280px;
	min-height:250px;
	height:auto;
}

/* Nieuws */ 
div#content div#right_colum div.item{
	position:relative;
	margin:0 0 5px 15px;
	float:left;
	width:265px;
	height:100px;
	background: url(../images/viewport/nieuws_vak.gif) no-repeat;
	_display:inline;
}

div#content div#right_colum div.item img {
	position:relative;
	float:left;
	margin:10px;
	width:84px;
	height:80px;
	border:0;
}

div#content div#right_colum div.item div.scheiding {
	position:absolute;
	top:10px;
	left:81px;
	width:15px;
	height:80px;
	background: url(../images/viewport/scheiding.png) no-repeat;
}

div#content div#right_colum div.item h2 {
	position:relative;
	float:left;
	width:160px;
	margin:15px 0 0 0;
}

div#content div#right_colum div.item h2 a{
	color:#76006B;
	text-decoration:none;
}

div#content div#right_colum div.item p {
	position:relative;
	float:left;
	width:150px;
	margin:5px 0 0 0;
}
div#content div#right_colum div.item p a{
	color:#000;
	text-decoration:none;
}

div#content div#right_colum div.item a.kader {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100px;
	width:265px;
	cursor:pointer;
	text-decoration:none;
	z-index:100;
}

/* PORTFOLIO THUMBNAILS */
div#content div#right_colum div.portfolio_item {
	position:relative;
	float:left;
	width:124px;
	margin:10px 15px 0 0;
	padding:0 0 10px 0;
	text-align:center;
}

div#content div#right_colum div.portfolio_item img {
	position:relative;
	float:left;
	width:84px;
	margin:10px 20px 5px 20px;
	border:2px solid #76006B;
}

div#content div#right_colum div.portfolio_item p {
	position:relative;
	float:left;
	clear:left;
	width:124px;
	margin:0;
	padding:0;
}

div#content div#right_colum div.portfolio_item p a:link,
div#content div#right_colum div.portfolio_item p a:visited {
	text-decoration:none;
	color:#76006B;
}

div#content div#right_colum div.portfolio_item p a:hover,
div#content div#right_colum div.portfolio_item p a:active {
	text-decoration:underline;
	color:#76006B;
}

/* --- Portfolio Images --- */
div#content div#left_colum div.portfolio_image {
	text-align:center;
}
div#content div#left_colum div.portfolio_image img {
	margin:15px 50px 0 50px;
	border:1px solid #76006B;
}

div#content div#left_colum div.portfolio_image img  a{
	color:#76006B;
}

/* --- Nieuws Images --- */
div#content div#left_colum div.nieuws_image {
	text-align:center;
}
div#content div#left_colum div.nieuws_image img {
	margin:15px 50px 0 50px;
	border:1px solid #76006B;
}

div#content div#left_colum div.nieuws_image img  a{
	color:#76006B;
}

/* --- AANBIEDINGEN --- */
div#content div#left_colum div#left_aanbieding img {
	border:none;
}

div.aanbieding {
	position:relative;
	float:left;
	margin:5px 0 25px 0;
	width:275px;
}

div.aanbieding h2 {
	font-size:14px;
}

div.aanbieding p.prijs {
	font-size:14px;
	font-weight:bold;
	color:#76006B;
}

div.aanbieding p.exc {
	font-size:11px;
	color:#555555;
	border-bottom:1px dotted #76006B;
}

/* --- FOOTER --- */
div#footer {
	position:relative;
	width:840px;
	margin:0 30px;
	height:25px;
	padding:3px 0 0 0;
	background: url(../images/viewport/footer_streep.gif) repeat-x;
	_display:inline;
}

div#footer span {
	display:none;
}