/*

	STUDIOWEB.NL
	VERSION 1.0
	
	CONTENTS ----------
	
	   BODY
	   DEFAULT STYLING
	   FORMS
	   LINKS
	   HEADINGS
	   LAYOUT
	   NAVIGATION
	
    -------------------
    
    COLOURS -----------
    
        blue #0059a9
        orange #eeeeee
        grey #eeeeee
    
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(photobox.css); /* PHOTOBOX */


/* BODY
---------------------------------------------------------------------- */
body {
	font: normal 12px Arial, sans-serif;
	line-height: 145%;
	color: #0059a9;
	color: #000;
}
* html body {
	behavior: url("/templates/js/csshover.htc");
}
body table, table p {
	font-size: 100%;}
	
p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:	0;
	padding: 0;
}
p {
	margin-bottom: 12px;
}


/* DEFAULT STYLING
---------------------------------------------------------------------- */
strong {
	font-weight: bold;}
em {
	font-style: italic;
}
.rss-icon {
	position: absolute;
	bottom: 5px; left: 7px;
}

.class1 {
	font-size: 11px;
	line-height: 13px;
}
.class2 {
	font-size: 12px;
}
.class3 {
	font-size: 12px;
	font-weight: bold;
}
.class4 {
	font-size: 16px;
}
.class5 {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
}
.green, .green * {
	color: #ff7301;
	font: inherit;
}
.orange, .orange * {
	color: #ff7301;
}
.bold {
	font-weight: bold;
}
.hidden {
	display: none;
}
ul {
	margin: 9px 0 9px 20px;
	padding: 0;
	line-height: 17px;
}
ul.links { 
	list-style-image: none;
	margin:0px 0px; 
	padding:0 0 0 0px; 
}
ul.links li { 
	list-style-image: none;
	margin:0; 
	padding: 0 0 0 0; 
}
ul.links a { 
	display:block; 
	padding-left:25px; 
	color: #a9a79f;
	text-decoration: none;
}

blockquote, pre {
	padding: 10px 30px;
}
blockquote {
	font: italic 12px Georgia, Times, serif;
	margin: 8px 0;
}
* html ul, * html ol {
	margin-left: 22px;
}
img {
	margin: 0;
	padding: 0;
	border-color: #0059a9;
}
img.align-right {
	float: right;
	margin: 0 0 5px 5px;
}
img.align-left {
	float: right;
	margin: 0 5px 5px 0;
}
img.inline {
	display: inline;
}
img.margin-bottom40 {
	margin-bottom: 40px !important;
}
img#gallery_image {
}
.blueborder {
	border-top: 1px #0059a9 solid !important;
	border-bottom: 1px #0059a9 solid !important;
}
.pointerhand {
	cursor: pointer;
}
hr {
	border: solid #4f4e4e 0px;
	border-top-width: 1px;
	height: 0px;
	padding: 0px;
	line-height: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	clear: both;
}
div.hr {
	margin: 4px 0;
	height:1px;}
div.hr hr {
	display:none}
	

/* FORMS
---------------------------------------------------------------------- */
form .fieldset_left {
}
form {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
form fieldset {
	clear: both;
	font-size: 100%;
	border-color: #0059a9;
	border-width: 1px 0 0;
	border-style: solid none none;
	padding: 10px;
	margin: 0 0 8px;
}
form fieldset legend {
	margin-left: -2px;	
	font-size: 16px;
	font-weight: normal;
	color: #0059a9;
	margin: 0 0 0 0;
	padding: 0 2px;
}
label.float-left {
	float: left;
	clear: left;
	text-align: left;
	width: 160px;
	padding: 1px 0 0 0;
	font-size: 100%;
}
label.error {
	color: red;
	font-size: 10px;
}
label u {
	font-style: normal;
	text-decoration: underline;
}
input, select, textarea {
	margin: 1px 0;
	border: 1px #0059a9 solid;
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #0059a9;
	padding: 1px;
	font-size: 12px;
	font-weight: normal;
}
input:focus, select:focus, textarea:focus {
	color: #0059a9;
	border-color: #0059a9;
}
input.error, textarea.error {
	border-color: red;}
textarea {
	overflow: auto;
}


/* LINKS
---------------------------------------------------------------------- */
a {
	color: #ec6d02;
	text-decoration: underline;
}
a:hover {
	color: #ff7301;
	text-decoration: none;
}
a.no-underline {
	text-decoration: none;
}
a.moviebox {
	text-decoration: none;
}


/* HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1 {	
	margin: 1px 0 1px 0;
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #ec6d02;
}
h2 {
	margin: 1px 0 1px 0;
	display: block;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #0059a9;
}
h3 {
	margin: 1px 0 1px 0;
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #ec6d02;
}
h4 {
	margin: 1px 0 1px 0;
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #0059a9;
}
h5 {
	margin-left:15px;
	margin-right:15px;
	font-size:11px;
	display: block;
	letter-spacing: 0;
	color: #ec6d02;
}
h6 {
	margin: 1px 0 3px 0;
	display: block;
	letter-spacing: 0;
	color: #ec6d02;
}


/* LAYOUT
---------------------------------------------------------------------- */
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
html>body #wrapper {
	height: auto;
}
body {
	/* oud color #a4b4e2 */
	background: #0059a9 url('../img/body.jpg') 0px 139px repeat-x;
	margin: 0;
	padding: 0;
	min-width: 989px;
	text-align: center;
}
* html body {
	behavior: url("/templates/js/csshover.htc");
}

#elapsed {
	position: absolute;
	top: 0;left:0;
	color: #000;
	z-index: 100;
}

#wrapper {
	background: #ffffff url("../img/wrapper_oranje.png") top left repeat-y;
	border: 0;
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 989px;
	min-height: 100%;
	height: auto;
}
* html #wrapper {
	height: 100%;
	}
html>body #wrapper {
	height: auto;
}
#right{
	float: left;
	background: #fdfdf0 url('../img/wrapper_repeat.png') top right repeat-y;
	width: 40px;
	height: auto;
}
#header {
	position: relative;
	width: 989px;
	height: 174px;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
}
#footer {
	position: relative;
	background: #e1cab5 url('../img/footer.jpg') top left no-repeat;
	margin: 0;
	width: 989px;
	height: 34px;
}

.push {
	height: 26px; /* .push must be the same height as .footer */
}

#top1 {
	background: #ffffff url("../img/top1_oranje.jpg") top left repeat-x;
	position: relative;
	width: 989px;
	height: 133px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	clear: both;
}
#top2 {
	background:url("../img/top2.jpg") 0 6px repeat-x;
	position:relative;
	width: 989px;
	height: 41px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	clear: both;
	border-bottom: 1px #ffffff solid;
}
#topbalk {
	background: #a3a5a7;
	position: absolute;
	width: 644px;
	height: 19px;
	color: #fff;
	top: 84px;
	left: 256px;
	text-align: right;
}
#navigatie {
	position:relative;
	float:left;
	width: 470px;
	height: 236px;
}
#languagemenu {
	position: absolute;
	top: 6px;
	right: 40px;
}
#languagemenu img{
	margin-right: 3px;
}
#sfeer {
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 989px;
	height: 217px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 50;
}
#adres{
	position: absolute;
	right:18px;
	top: 57px;
	width: 140px;
	height: 65px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	font-size: 10px;
	text-align: left;
}
#balk{
	position: absolute;
	display: block;
	width: 237px;
	height: 6px;
	overflow: hidden;
	line-height: 4px;
	font-size:4px;
	background: #ec6d02;
	left: 29px;
	margin: 0;
	padding: 0;
	border: 0;
}
#logo{
	background:url("../img/logo1.jpg") top left no-repeat;
	position: absolute;
	bottom: 0;
	left: 29px;
	width: 237px;
	height: 90px;
	padding: 0;
	margin: 0;
	border: 0;
}
#sublogo{
	background: #ffffff url('../img/sierlijsten.jpg') top left no-repeat;
	height: 71px;
	width: 450px;
	position: absolute;
	top:35px;
	left:310px;
}
#logotekst{
	position: absolute;
	top: 49px;
	left: 120px;
}
#pagebody {
	text-align:left;
	width: 989px;
	padding: 0;
}
*html #pagebody {
	height: 400px;
}
#sidebarleftcolumnback{
	background:url("../img/checker.jpg") bottom right no-repeat;
	width:100%;
	height:100%;
}
#content {
	width: 931px;
	margin: 0;
	padding: 0 29px 0 29px;
	text-align: left;
	z-index: 5;}
#wrapper.frontpage #content{
	background: none;}	
#contentleft {
	background: #ec6d02;
	width: 237px;
	margin: 0;
	border-left: 0px solid #ffffff;
	padding: 0;
	float: left;
	text-align: left;
	z-index:6;}
#contentleft-inner {
	padding: 45px 15px 20px 15px;
	text-align: center;
}
#contentleft-inner img{
	margin: 0px auto;
}
	
#contentcenter {
	border: 0;
	width: 349px;
	margin: 0;
	padding: 45px 55px 45px 55px;
	float: left;
	z-index:7;}
#contentcenter.long {
	width: 582px;
	padding-right: 0;
}
/* Hides from IE5-mac  (3 pixel bug ie)
* html #contentleft, * html #contentcenter, #contentright{height: 1%;}\*/
/* End hide from IE5-mac */
#contentright {
	border: 0;
	border-right: 1px #ffffff solid;
	width: 233px;
	margin: 0;
	padding: 45px 0 0 0;
	float: left;
	z-index:8;}
* html #contentleft, * html #content, *html #contentright, * html #contentcenter {}
#contentright-inner {}

#sidebar {
	min-height: 200px;
	height: auto;
	width: 220px;
	text-align: center;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}


/* NAVIGATION
---------------------------------------------------------------------- */
div#rightmenu {
	position: absolute;
	top: 37px;
	right: 40px;
	text-align:right;
	height: auto;
	width: 209px;
	height: 25px;
	font-size: 12px;
	line-height: 14px;
	color: #0059a9;
	z-index: 70;  
	}
div#rightmenu a {
	text-decoration: none;
	color: #0059a9;
}
div#rightmenu a:hover, div#rightmenu a.link_active {
	color: #000000;
}
div#topmenu1 {
	position: relative;
	top: 0px;
	left: 265px;
	color: #0059a9;
	text-align: left;
	height: 41px;
	width: 700px;
	padding: 0;
	font-size: 12px;
	z-index: 80; 
	
}
div#topmenu1 a {
	text-decoration: none;
	color: #0059a9;
}
div#topmenu1 a:hover, div#topmenu1 a.active {
	color: #d5d600;
}
#nav {
	position: relative;
	margin: 0;
	margin-left: 15px;
	padding: 0; 
	z-index: 85;
	list-style: none; text-align: left;
	}
#nav li {
	position: relative;
	float: left;
	vertical-align:middle;
	list-style: none;
	margin-right:4px;
	margin-top: 7px;
	z-index: 90;
	 }
* html #nav li {
	\display: inline;
	list-style: none;}
#nav li a {
	padding: 0;
	padding: 7px 8px 7px 8px;
	display: block;
	font-size: 13px;
	margin-left: 1px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none; line-height: 18px; text-align: center;
	}
@media all and (min-width: 0px){
   html>body  #nav li a {min-width: 1px;}}
  
#nav li:hover, #nav li.active{
	margin-top: 0px;
	border-left: #0059a9 0px solid;
	background: #ffffff;
}
#nav li:hover a, #nav li.active a {
	color: #ec6d02;
	margin-left: 0;
	font-weight: normal;
	padding-top: 14px;
	border-left: #0059a9 1px solid;
	}
#nav li ul {
	display: none;
	width: 170px;
	border-top: 1px #0059a9 solid;
	border-left: 1px #0059a9 solid;
	border-right: 1px #0059a9 solid;
	border-bottom: 1px #0059a9 solid;
	position: absolute;
	z-index:99;
	top: 39px;
	left: 0;
	background: #fff;
	list-style-image: none;
	padding: 0; margin: 0 0 0 0;;
	text-align: center;
	padding-bottom: 1px;
	}
#nav li ul li {
	background: #ffffff;
	width: 170px;
	margin: 0;
	border: 0;
	float: none;
	z-index: 100;
	border-right: 1px #0059a9 solid;
	border-bottom: 1px #0059a9 solid;
	list-style: none;}
#nav li ul li:hover, #nav li ul li.link_active {
	background: #dee6f1;
}
	#nav li ul li.firstitem a {	 }
#nav li ul li.delim {
	font-size: 0px; line-height: 0px;
	height: 3px;
}
#nav li ul li.delim.first {}
#nav li ul li a, #nav li:hover{
	border:0;
}
#nav li ul li a, #nav li:hover ul li a {
	display: block;
	margin: 0; padding: 9px 9px 8px 12px; border: 0;
	border-top: #dee6f1 1px solid;
	color: #0059a9; 
	font-size: 12px; 
	line-height: 14px; 
	text-decoration: none; 
	font-weight: normal;
	text-align: left;	}
html>body #nav li ul li a {
	width: auto; }
/*(#nav li ul li:hover{
	border: 0;
	border-top: #78797a 1px solid;
	background-color:#fff;
}*/
#nav li ul li a.link_active, #nav li ul li:hover a  {
	border: 0;border-top: #dee6f1 1px solid;
	color:#ec6d02; text-decoration: none; }

/* -- second sub ul */
#nav li:hover ul, #nav li:hover li:hover ul { 
	display: block !important;}
#nav li ul ul, #nav li:hover ul ul {
	display: none !important;
	top: -1px;}
#nav li ul li:hover ul li a {
	background: none !important;
	font-weight: normal;}


/* MISCELLANEOUS
---------------------------------------------------------------------- */
#google_container { background-color: #C0D7C8; padding: 10px; margin-top: 5px; }
#google_map { background-color: #ffffff; padding: 5px; border: 1px solid #666666; }
#map { height: 300px; }

.Content {
	margin: 0 0 0 0;
}
.Content td {
	padding: 0 0 0 0;
}
.Content td td{
	padding: 0;
}
.Content td.Content_left {
	width: 330px;
}
.Content td.Content_center {
	padding-top: 20px;
}
.Content td.Content_right {
	width: 192px;
	text-align: right;
}

.featured {
	border: 1px black solid;
}
.featured {
	margin: 10px 10px;
	padding: 5px;
}

.object-thumb{ 
	background-repeat: no-repeat;
	float: right;
	width: 86px;
	height: 76px;
}
* html .object-thumb{ 
	width: 96px;height: 76px;
	w\idth: 76px;he\ight: 56px;
}
.object-image{ 
	float: right;
}

.archive_pagination {
	float: right;
	text-align: right;
	padding-top: 6px;
	padding-right: 3px;
	padding-left: 3px;
	width: 300px;
	font-size: 14px;
}
.archive_pagination .active{
	color: #ff7301;
	font-weight: bold;
}
.pagination {
	float: right;
	text-align: right;
	width: 300px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 12px;
	color: #3d493d;
}
.pagination a{
	font-size: 12px;
	text-decoration: underline;
}

.sidebox {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 5px 8px;
	text-align: left;
}
.sidebox2 {
	position: relative;
	background: transparent;
	border: 1px #fff solid;
	margin: 0 0 10px 0;
	padding: 1px;
}
.sidebox-content a{
	text-decoration: none;
}


/* news */
.sidebox.with-column{
	background: #fff url("../img/title_news.png") 2px 10px no-repeat;
}
.sidebox.with-column .sidebox-content {
	background-color: #fffdfe;
	margin-left: 26px;
	border-left: 1px #e9e5dd solid;
	padding: 2px;
}
.sidebox.with-column .rss {
	margin-top: 3px;
	margin-bottom: 12px;
}
.sidebox.with-column .rss-item {
	background: url("../img/news_square.png") bottom right no-repeat;
	padding: 3px 4px;
	border-bottom: 1px #e9e5dd solid;
}
.sidebox.with-column .rss-item span{
	color: #a9a79f;
}

/* news */
.products{
	background: #fff;
}
.product-item {
	display: block;
	margin-top: 3px;
	margin-bottom: 12px;
	padding: 3px 4px;
	height: auto;
	border-bottom: 1px #e9e5dd solid;
}
.product-image{
	float: left;
	width: 150px;
}
.product-image img{
	display: inline;
	border: none;
}
.product-body{
	float: left;
	width: 180px;
}
.product .news-item .news-body.long{
	float: none;
	width: 585px;
}

/* project */
.project-item{
	margin-bottom: 20px;
}
.project-image{
	float: left;
	width: 150px;
}
.project-body{
	float: left;
	width: 350px;
}
.project-detail-images {
	float: none;
	width: 550px;
}
.project-detail-images img{
	display: inline;
	margin: 0 3px 3px 0;
	float: left;
	border-width: 1px;
}
.project-detail-description{
	margin-bottom: 10px;
	clear: both;
	float: none;
}
.project-detail-description div{
	float: left;
	display: block;
	width: 300px;
}

/* assortiment */
.gallery-table {
	border: 1px #0059a9 solid;
}
.gallery-table td{
	padding: 3px;
}
.gallery-table-bottom td{
	background-color: #0059a9;
}
.gallery-table-image td{
	text-align: center;
}
#gallery-image  {
	margin: 0px auto;
}


/* calendar */
.sidebox.calendar{
	background: #fff url("../img/title_calendar.png") 2px 10px no-repeat;
}
.sidebox.calendar .sidebox-content {
	background-color: #fffdfe;
	margin-left: 26px;
	border-left: 1px #e9e5dd solid;
	padding: 2px;
}	

table.calendar{ 
	width: 270px;}
table.calendar td{ 
	padding: 5px 5px;
	color: #cac6c0;}
table.calendar a{ 
	font-weight: bold;}

.back-button {
	float: right;
	margin: 5px 0 0 5px;
	padding-top: 5px;
}

/* datasheet tables */
.plat table{}
.schemaplat {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #e9e5dd;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #e9e5dd;
}
.schemaplat a {
	color: #003923;
	text-decoration: underline;
}
.schemaplat a:hover {
	color: #000000;
	text-decoration: none;
}
.schemakop {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #e9e5dd;
	border-bottom-width: 1px;
	border-botom-style: solid;
	border-botom-color: #e9e5dd;
	font-weight: bold;
}

#counter, .counter {
	position: absolute;	width: 0;height: 0;z-index: -1;top: 0;left: 0;visibility: hidden;}