/*  -----******** Created by Rommert van der Marel - 2007 - Magma Ontwerpers ******---- */

/*2kolommen*/
/********** ****** **************/



body {
	background: #b5b5b5 url(../images/main/background.jpg)  repeat-y center fixed;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

img {
	border: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	

html, body {
	height: 100%;
	margin: 0px ;
	padding: 0px;
}

#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

html > body #container {
	height: auto;
}

p{
	margin-top:20px;
	font-weight:normal;
}

#main {
      
    top: 0px;
	position: relative;
	margin: auto;
	width: 970px;
	text-align: left;
}


/********** Top **************/

#top {
	display: block;
	height:70px;
	width: 970px;
	background-color: #FFFFFF;
	margin: 0px;
}

#top_menu {
	margin-top: 35px;
	margin-right: 30px;
	float:right;
	width: 500px;
	color: #666666;
}

#top_menu h1{
	display: none;
	
}



#top_menu  a.active {
	color: #ccc;
	font-weight:bold;
}


#logo {
	float:left;
	width: 285px;
}

#flashmenu_index {
	display: block;
	height: 300px;
	width: 970px;
	background-color:#333333;
}

#flashmenu {
	display: block;
	height: 204px;
	width: 970px;
	background-color:#333333;
}

.footer {
	height: 4em; /* .push must be the same height as .footer */
}

.copyright{
	margin-left: 45px;
	font-size: 10px;
	color:#999999;
}


.printadres{
	font-size: 10px;
	color:#999999;
}


/****** sidebar ******/

#sidebar {
	float: left;
	display: block;
	width: 170px;
	margin-left: 25px;
	margin-right:0px;
	background-color:#FFFFFF;
	color: #666666;
	font-size:12px;
	line-height: 20px;
	}

	
#sidebar li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
	
#sidebar li a:link, #sidebar li a:visited {
	color: #656556;
	display: block;
	padding: 8px 0 0 20px;
}
	
#sidebar li a:hover {
	color: #FF0000;
	padding: 8px 0 0 20px;
}
	

#sidebar li a.active {
	color: #FF0000;
	padding: 8px 0 0 20px;
	font-weight:bold;
}
	


/********** Main **************/


#main a {
	color: #666666;
	text-decoration: none;
	}

#main a:hover {
	color: #a1a1a1;
	text-decoration: underline;
}

#main h1, #main h2, #main h3 {
	color: #FF0000;
	font-family: Verdana;
	font-size: 16px;
	margin-top: 5px;
	font-weight:bold;
	}

#main h4, #main h5, #main h6 {
	color: #945071;
	font-size: 1.3em;
}

#header {
	margin-left:220px;
	margin-right:50px;
	background-color:#FFFFFF;
}

#content {
	margin-left:220px;
	margin-right:50px;	
	background-color:#FFFFFF;
	line-height: 18px;	
	
}

#content_search {
	margin-left:40px;
	margin-right:50px;	
	background-color:#FFFFFF;
	line-height: 18px;	
	
}


#content h3, #content_3columns h3 {
	color: #929292;
	font-size: 11px;
	margin-bottom: 20px;
}

#content strong, #content_3columns strong, #content_small strong{
	color: #777777;
	font-size: 13px;
	line-height: 17px
		}
		
		
#content_small {
	margin-left:220px;
	margin-right:260px;
	background-color:#FFFFFF;
	line-height: 18px;
}


/*3kolommen*/
/********** ****** **************/

#content_3columns {
	margin-left:220px;
	margin-right:275px; /*3 kolommen*/
	background-color:#FFFFFF;
	line-height: 18px;
	font-size: 12px;
}


#rightbar{
	float: right;
	display: block;
	width: 200px;
	line-height: 16px;

}

#rightbar strong{
	font-size: 12px;
}


#rightbar_image{
	float: right;
	display: block;
	width: 198px;
	margin-left: 35px;
	margin-right:0px;
	background-color:#FFFFFF;
	padding: 0px 20px 0px 0px; /*top, right, bottom, left*/
	color:#7e7e7e;
}


#rightbar_light{
	float: right;
	display: block;
	width: 198px;
	margin-left: 35px;
	margin-right:0px;
	background-color:#FFFFFF;
	padding: 15px 20px 15px 15px; /*top, right, bottom, left*/
	color:#7e7e7e;
	border:solid 1px #9e9e9e;
}


#rightbar_dark{	
	float: right;
	display: block;
	width: 200px;
	margin-left: 35px;
	margin-right:0px;
	background-color:#7e7e7e;
	padding: 15px 20px 15px 15px; /*top, right, bottom, left*/
	color:#FFFFFF;
}

#header, #sidebar, #rightbar{
	margin-top: 35px;
	color: #F00;
}


#rightbar_dark a{	
	color:#FFFFFF;
}



#afbeelding_container{ 
	position:relative; 
	left:0px; 
	top:0px; 
	width:470px; 
	height:200px; 

	}
	
#bijschrift{
	position:absolute;
	left:260px;
	top:23px;
	width:270px;
	z-index:2;
	border:solid #999999 1px;
	padding: 20px 60px 20px 60px; /*top, right, bottom, left*/
	color: #999999;
	width: 176px;
}


#afbeelding{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100px; 
	height:50px; 
	background:#FFF; 
	color:#000000;
	z-index:1 
}
 
 
/********* EXTRA ***************/
/*******************************/


.read_more{
	background: transparent url(../images/main/read_more.gif) no-repeat top left;
	padding: 0px 0px 4px 18px;
}


.back{
	background: transparent url(../images/main/back.gif) no-repeat top left;
	padding: 0px 0px 4px 18px;
}


.next{
	background: transparent url(../images/main/next.gif) no-repeat top left;
	padding: 0px 0px 4px 18px;
}


.previous{
	background: transparent url(../images/main/previous.gif) no-repeat top left;
	padding: 0px 0px 4px 18px;
}



.breadcrumb{
	color:#666666;
	font-size: 10px;
}


hr {
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	margin-left: 19px;
	margin-right: 80px;
	height: 1px;
	text-align: left;
}

.date{
	color:#999999;

}
.nieuws{
	
}

.headline{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

.wit{
	color: #FFFFFF;
}







/*********** REFERENTIE *************/

 .thumbnail{
	float: left;
	width: 200px;
	margin: 0 15px 45px 0;
	padding-top: 10px;
	
}

.clearboth { 
	clear:both;
	overflow:hidden;
	
}

.clearleft { 
	clear: left;
	
}

.lightbox{
	margin-right: 15px;
	margin-bottom: 20px;
	vertical-align:top;
}

.vlak_grijs{ /*vlakken gebruikt bij nieuwbouw speciale liften*/
	background: #eceded;
	font-size: 11px;

}

.grijs{
	color:#727272;
}



/*********** CONTACT *************/


.spacer{
	height:25px;
		
	}


input {
	font-family:  Arial Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #f0f0f1;
	border:solid 1px #b3b4b7;
	width: 275px;
	margin-bottom: 5px;
}

textarea {
	font-family:   Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ebeced;
	border: 0px; 
	width: 391px;
	background-color: #f0f0f1;
	border:solid 1px #b3b4b7;
	
}

button{ 
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	border: 0px; 
	background-color: #FFFFFF;
	width: 86px;
}


.error{
	color:#FF0000;
}

.checkbox{
	width:14px; 
	height: 14px;

}

.searchinput {
	font-family:  Arial Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #fff;
	border:solid 1px #ccc;
	width: 100px;
}

.headerNav_active{
	display:block;
	float:left;
	height:15px;
	padding: 5px 10px 6px 10px;
	margin-bottom:15px;
	border:#e2001a solid 1px;
}

.headerNav{
	display:block;
	float:left;
	height:15px;
	padding: 5px 10px 6px 10px;
	margin-bottom:15px;
	border:#777 solid 1px;
}