/**********************************

Name: Indeling Frame Website 

***********************************/

body { 
background: #ECECEC;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma;
font-size: 13px;
color:#666;
}


/* selecteren van tekst */
::selection {
background:#45C0BE;
color:#fff;
}

::-moz-selection {
background:#45C0BE;
color:#fff;
}

::-webkit-selection {
background:#45C0BE;
color:#fff;
}


a:link {
	color: #45C0BE;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #45C0BE;
}
a:hover {
	color: #45C0BE;
text-decoration: none; 
}
a:active {
	text-decoration: none;
	color: #45C0BE;
} 

	

#background { 
clear: both; 
top:0; 
left: 0; 
position:absolute;
background: #FFFFFF; 
border: none;
width: 100%; 
background-image:url(/img/bg.jpg);
z-index: 1;
}



#mainframe { 

    width:950px; 
    margin: 0px auto; 
    overflow: hidden;
	
} 

#logo { 

	width:185px; 
    height: 70px; 
	top: 15px;
	position: absolute;
	padding-left: 765px;
	z-index: 3;

} 


#topmenu { 
    height: 53px; 
    width: 750px; 
    color: #ffffff; 
	margin-left: 0px;
	position:absolute;
	font-size: 18px;
	top: 25px;
}

#topmenu a { 

    color: #ffffff; 

}


#contentframe { 

    width: 950px;
	height: auto; 
	margin: 0px; 
    position:relative;
    padding-bottom: 0px;
	overflow: hidden;
	top: 70px;

} 



#detext { 
	
    width: 722px;
	left: 0px;
	top: 23px;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma;
	font-size: 13px;
	color: #959595;
	line-height: 1.6;
	min-height:350px;
	overflow:hidden;
	margin-bottom: 100px;



	
} 



#paginatitel { 
	
    width: 700px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
	top: 390px;
	float: left;
	
	
} 

#headliner {
  width: 200px;
  margin-left: 500px;
  height: 100px;
  position: absolute;
  z-index: 10;	
  top: 250px;
}


#headliner2 {
  width: 722px;
  margin-left: 0px;
  height: 100px;
  position: absolute;
  z-index: 10;	
  top: 405px;
  line-height: 1.3;
}

#lkolom { 
	
    width: 350px;
	padding: 0px;
	position: relative;
	padding-top: 455px;
	float: left; 
	
} 

#rkolom { 
	
    width: 350px;
	margin-left: 365px;
	padding: 0px;
	padding-top: 455px;
	position: absolute;
	float: right; 
	
} 

#ekolom { 
	
    width: 722px;
	position: relative;
	float: left; 
	
} 




#bottom {
	clear: both;
	width: 100%;
	height: 52px;
	position: absolute;
	left: 0;
	background: #ECECEC;
	border-top: dashed 1px #CCC;
	border: none;
	
	
	
}

#bottomcontent {
    width:950px; 
    margin: 0px auto; 
    overflow: hidden;
	
	
	
}


#bottomleft { 
	
    width: 650px;
	padding: 0px;
	top: 5px;
	position: absolute;
	float: left; 
	
} 

#bottomright { 
	
    width: 300px;
	top: 8px;
	margin-left: 650px;
	padding: 0px;
	position: absolute;
	float: right;
	text-align:right;
	text-transform:uppercase;
	font-size:14px;
	
} 

#slideshow {
  width: 722px;
  height: 350px;
  z-index:9;
  position: absolute;
  left: 0px;
 top:  18px;
}





#submenu {  
position:absolute;  
top: 18px;
margin-left:730px;  
width:175px;  
list-style: none;
font-size:17px;
text-transform:uppercase;

}  
#submenu ul {  
margin-bottom:20px;
list-style: none;
width:175px; 
}  

#submenu li {    
display:block;  
border-bottom:1px solid #ccc;
border-bottom-style:dashed;
text-decoration:none;  
color: #45C0BE; 
padding-top: 8px;
padding-bottom: 8px;
list-style: none;
} 
			
/**********************************

Name: TekstOpmaak 

***********************************/


h1{
font-size:19px;
font-weight: bold;
text-transform:uppercase;
color: #666;

}
h2
{
font-size: 19px;
font-weight:100;
color: #666;
}
h3
{
/*margin-top:0px;			*/
margin-bottom:0px;

font-size:18px;
font-weight:bold;
color: #45C0BE;
}

h4
{

font-size:15px;
font-weight:bold;
color: #45C0BE;
}


#topmenu li a
{
font-size: 18px;
width: 90px;

}





a.linksubmenu:link {color: #45C0BE; padding: 3px 8px 3px 3px; /* text-transform: uppercase; */ }
a.linksubmenu:visited {color: #45C0BE; padding: 3px 8px 3px 3px;  }
a.linksubmenu:hover {  background-color: #45C0BE; color: #ffffff;  padding: 3px 8px 3px 3px; }


#breadcrump {
position:absolute;  
top: 0px;
font-size:14px;
text-transform: uppercase;
text-decoration: none; 
border-bottom: 0px; 
font-style: normal;
color: #999999;
z-index:1;
}

#breadcrump a { 

color: #999999;


}

#breadcrump a:hover { 

color: #45C0BE;


}




a.breadcrump:link {color: #999999; border-bottom: none;   }
a.breadcrump:visited {color: #999999; border-bottom: none;    }
a.breadcrump:hover {  font-style: normal; text-decoration: none; border-bottom: none;   }







div.fadehover {
position: relative;

}

.uitlijnen {
margin-left: -10px;
left: -10px;
}
img.a {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}

img.b {
position: absolute;
left: 0;
top: 0;
}



/**********************************

Name: Opmaak contactformulier

***********************************/

 .formLayout
    {
  	height: 450px;
	
  
    }
	
	 .formLayout input.checkbox
    {
  
  border: none;
  background-color:none;
    }
    
	.formLayout  fieldset  {
	

	
	background: none;
	border:none;

	
}
	
    .formLayout label
    {
        display: block;
        width: 125px;
        float: left;
        margin-bottom: 10px;
		font-size: 15px;
		padding-top: 5px;
		color:#999;

    }
	

	.formLayout .verstuurknop {
	width: 200px;
	height: 54px;
	background: transparent url(../offerte/img/verstuur.jpg) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
 
  .formLayout input
    {
        display: block;
        width: 180px;
        float: left;
        margin-bottom: 10px;
		font-size: 13px;
		padding-top: 5px;
		background: #f4f4f4;
  		border: 1px solid #ccc;
		color:#666;

    }
	
	  .formLayout textarea
    {
        display: block;
        width: 560px;
		height: 130px;
        float: left;
        margin-bottom: 10px;
		font-size: 13px;
		padding-top: 5px;
		background: #f4f4f4;
  		border: 1px solid #ccc;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma; font-size: 13px; color:#666;

    }
 
 
 	.formLayout select
	{
        display: block;
        width: 180px;
        float: left;
        margin-bottom: 10px;
		font-size: 13px;
		padding-top: 5px;
		background: #f4f4f4;
  		border: 1px solid #ccc;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Tahoma; font-size: 13px; color:#666;
	}
	
		.formLayout input[type=checkbox]
	{
        display: block;
     	width: 25px; 
		margin-bottom: 0px;
		padding-top: 0px;
		background-color:#FFF;
		border-color:#FFF;
	}
	
		.formLayout input[type=radio]
	{
        display: block;
     	width: 25px; 
		margin-bottom: 0px;
		padding-top: 0px;
		background-color:#FFF;
		border-color:#FFF;
	}
	
		.formLayout input.error
 { border: 2px dotted #45C0BE;
 background-color:#CCF4F2;}
 

	

/* foutmelding contactformulier */
div.container {
	background-color: #CCF4F2;
	width: 700px;
	border: 2px dotted #45C0BE;
	
}

div.container { display: none }
.container label.error { display: inline;}