/* ----------------------------- default -----------------------------*/
html,body{
	width:100%;
	height:100;
	margin:0px;
	padding:0px;
}

body{
	background:url(../images/bg_body.jpg) repeat-x left top #0e264e;
	font-size:0.7em;
	font-family:"Trebuchet MS", Tahoma, Verdana;
}

a{
	color:#37393a;
	text-decoration:underline;
}

a:hover{
	color:#000;
	text-decoration:none;
}

form{display:inline;}

table{border-collapse:collapse;}

/* ----------------------------- custom ----------------------------- */

table.tbl_offerte{width:85px; margin-bottom:20px;} 
table.tbl_offerte td{ }

div.aanbieding{
	background:url(../images/hoekje.gif) no-repeat right bottom #6B6B6B;
	padding:5px 5px 5px 5px;
	height:70px;
	margin-top:10px;
}

html>body div.aanbieding{
	padding:5px 5px 10px 5px;
}

div.aanbieding h3{
	font-size:11px;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	text-decoration:none;
}

div.aanbieding a{
	text-decoration:none;
}

div.aanbieding a:hover{
	border-bottom:1px solid #444444;
}

div.aanbieding img{
	align:left;
	padding:1px 10px 1px 1px;
}

input.breed{width:165px;padding-left:5px;font-size:80%;}
html> body input.breed{width:175px;font-size:80%;}


input.breed,
input.aanvragen,
textarea{
	background-color:#263959;
	color:#8692a6;
	border-style:none;
	font-size:11px;
}

textarea{
	font-family:"Trebuchet MS", Tahoma, Verdana;
	width:170px;
	
}

input#file{
	width:170px !important;
}


html>body input#file{
	width:150px !important;
}

html>body textarea{
	width:180px;
}

input.aanvragen{
	width:100%;
	height:18px;
	padding:0px;
	text-align:center;
	border:1px outset #ffffff;
	background-color:#263959;
	color:#fff;
	font-size:80%;
}

div#nieuwsticker{
	width:472px;
	height:47px;
	white-space:nowrap;
	/* new */
	float:left;
	position:relative;
	top:61px;
	left:0px;
}

ul#nav{
	list-style:none;
	margin:0px;
	padding:0px;
	height:32px;
	width:662px;
	/* new */
	position:absolute;
	left:50%;
	margin-left:-380px;
}

ul#nav li{	
	display: inline;
	margin:0px;
	padding:0px;
}

ul#nav li a{
	border-style:none;
	padding:10px 0px 11px 7px;
	line-height:32px;
	margin-right:2px;
}

html>body ul#nav li a{
	padding:10px 0px 9px 7px;
}
	
ul#nav li a img{
	margin-top:10px;
}

ul#nav li a.algemeen{
	background: url(../images/nav/bg_algemeen.gif) no-repeat right top;
	padding-right:41px;
}
ul#nav li a.algemeen_selected{
	background: url(../images/nav/bg_algemeen_hover.gif) no-repeat right top;
	padding-right:41px;
}
ul#nav li a.algemeen:hover{
	background: url(../images/nav/bg_algemeen_hover.gif) no-repeat right top;;
}
ul#nav li a.drukkerij{
	background: url(../images/nav/bg_drukkerij.gif) no-repeat right top;
	padding-right:30px;
}
ul#nav li a.drukkerij_selected{
	background: url(../images/nav/bg_drukkerij_hover.gif) no-repeat right top;; 
	padding-right:30px;
}
ul#nav li a.drukkerij:hover{
	background: url(../images/nav/bg_drukkerij_hover.gif) no-repeat right top;; 
}
ul#nav li a.digiprint{
	background: url(../images/nav/bg_digiprint.gif) no-repeat right top;
	padding-right:52px;
}
ul#nav li a.digiprint_selected{
	background: url(../images/nav/bg_digiprint_hover.gif) no-repeat right top;
	padding-right:52px;
}
ul#nav li a.digiprint:hover{
	background: url(../images/nav/bg_digiprint_hover.gif) no-repeat right top;;
}
ul#nav li a.media{
	background: url(../images/nav/bg_media.gif) no-repeat right top;
	padding-right:57px;
}
ul#nav li a.media_selected{
	background: url(../images/nav/bg_media_hover.gif) no-repeat right top;
	padding-right:57px;
}
ul#nav li a.media:hover{
	background: url(../images/nav/bg_media_hover.gif) no-repeat right top;;	
}

ul#nav li img{
	border-style:none;
}

div#header{
	height:195px;
	display:block;
	width:760px;
	background:url(../images/bg_header.gif) no-repeat left;
}

div#header div.logo-container{
	position:relative;
	float:left;
	padding-top:0px;
	left:66px;
	top:1px;
}


div#flash-header{
	height:199px;
	display:block;
	padding-top:30px;
	width:100%;
	text-align:left;
	background:url(../images/bg_flash_header.jpg) no-repeat 0px 1px #FFF;
}

div#subnav{
	width:100%;
	display:block;
	height:33px;
}

ul#subnav-items{
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	width:480px;
}

ul#subnav-items li{
	display:inline;
}

ul#subnav-items li a{
	padding:0px 10px 5px 10px;
	border-right:1px solid #8c8c8c;
	border-left:1px solid #8c8c8c;
	margin-right:-1px;
	border-bottom:4px solid #8c8c8c;
	height:33px;
	line-height:33px;
	text-decoration:none;
}

ul#subnav-items li a.selected{
	padding:0px 10px 5px 10px;
	border-right:1px solid #8c8c8c;
	border-left:1px solid #8c8c8c;
	margin-right:-1px;
	border-bottom:4px solid #8c8c8c;
	height:33px;
	line-height:33px;
	text-decoration:none;
}

/* definieren van de mouseover kleuren */
ul.algemeen li a:hover,
ul.algemeen li a.selected{border-bottom:4px solid #00b9f3 !important;color:#000;}
ul.drukkerij li a:hover,
ul.drukkerij li a.selected{border-bottom:4px solid #e7298c !important;color:#000;}
ul.digiprint li a:hover,
ul.digiprint li a.selected{border-bottom:4px solid #fff00c !important;color:#000;}
ul.media li a:hover,
ul.media li a.selected{border-bottom:4px solid #373a3b !important;color:#000;}

div.siteby{
	float:right;
	padding-left:0px;
	width:222px;
	text-align:right;
	font-size:90%;
	color:#7d7d7d;
	padding-top:8px;
}

div.siteby a{
	color:#7d7d7d;
	text-decoration:underline;
}

div#content{
	background:url(../images/bg_content.gif) no-repeat 0px 0px; 
	min-height:150px;
	display:block;
	width:100%;
	padding-bottom:40px;
}

* html div#content{
	height:150px;
}

div#content a{
	color:#fff;
}


div.content-links{
	width:472px;
	float:left;
	color:#FFF;
}

div.content-links p,
div.content-links p p{
	line-height:18px;
	font-size:110%;
}

div.content-links p.breadcrum span{
	font-weight:bold;
}

div.content-links p.breadcrum img{
	margin:0px 5px 0px 5px !important;
}


div.content-rechts{
	float:right;
	width:252px;
	color:#fff;
}

div.content-rechts p{
	margin: 0px 0px 3px 0px;
}

div.content-rechts h4{
	float:left;
}

h5{
	text-transform:uppercase;
	color:#FFF;
	line-height:20px;
	margin:25px 0px 0px 0px;
}

html>body h5{
	margin:25px 0px 13px 0px;
}

h3{
	text-transform:uppercase;
	color:#FFF;
	line-height:18px;
	margin:25px 0px 0px 0px;
}


img.ico_arrow{
	margin:0px 10px 0px 10px;
}

/* ----------------------------- custom ----------------------------- */

div#container{
	width:760px;
	margin:auto;
}