/*
Website : http://www.webquarel.nl/
CSS : sina.css
E-mail: info@cool64webdesign.nl
WWW: http://cool64webdesign.nl
*/
*{
  margin:0px;
  padding:0px;
  }
  html, body { 
  font-family:verdana;
  text-align:center;
  height: 100%; 
  background-color:#FBFFF0;  
  }
  .content{
  width:90%;
  min-height: 100%;
  height: auto !important;/*IE6*/
  height: 100%;/*IE6*/
  text-align:left;
  margin: 0px auto -150px;
  background-color:#FBFFF0;
  }
  .pagecontent{
  width:98%;
  margin:auto;
  background-color:#FFFFFF;
  border-right:1px dotted grey; 
  border-bottom:1px dotted grey;
  border-left:1px dotted grey; 
  padding:0px;
  text-align:left;
  font-size:12px;
  font-family: verdana; 
  clear:both;
  }
  .logo{
   width: 124px;
   height:111px;
   float:left;
   padding:0px;
   background: url('images/layout/WQSMLL.jpg') no-repeat; 
   background-color:#fbfff0;
  }
  .topbox{
	width:85%;
	float:right;
}
.sneak-preview{
 width:60%;
 float:left;
 padding: 0px 5px 0px 0px;
}
.zoeken{
 margin: 0px 0px 5px 0px;
 padding:5px 5px 25px 5px;
 font-size:10px;
 color:#263E83;
 width: 23%;
 float:left;
}
  #topmenu{
   width:100%;
   clear:left;
   text-align:left;  
   margin:auto;
   display:block;
   padding:0px;
   background-color:#fff;
  }
 a.blokit-ie7{
  float:left;
  display:block;
  text-align:center;
  font-family: arial;
  color:#0261AA;
  font-size: 18px;
  font-weight:normal;
  text-decoration:none;
  background: url('images/layout/button.jpg') no-repeat;
  width:94px;
  height:24px;
  margin:0px 3px 0px 0px;
  }
 a.blokit-ie7:hover{  
  float:left;
  display:block;
  text-align:center;
  color:#5A6084;
  font-size: 18px;
  text-decoration:none;
  background: url('images/layout/mo-button.jpg') no-repeat;
  width:94px;
  height:24px;
  margin:0px 3px 0px 0px;
  }

  .maincontent{
  width:100%;
  margin:auto;
  background-color:#FFFFFF;
  padding:10px 0px 10px 0px;
  text-align:left;
  line-height:18px;
  font-size:12px;
  font-family: verdana; 
  clear:both;
  }
.footer{
  width:92%;
  clear:both;
  margin: 0px auto;
  padding:0px;
  background-color:#FBFFF0;
  }
.footertext {
 color: #36497A; 
 font-weight: bold; 
 font-size:11px;
 text-align: right;
 margin:0px;
 }
.footertext a{
 text-decoration:none;
 color: #6E777D;
}
.footertext a:hover{
 color: #36497A;	
 border-bottom:1px dotted #36497A;
}
.footerimages
{
 height:160px;
 width:85%;
 float:left;
 clear:both;
 text-align:center;
 margin:auto;
}
   .footerimage1{
    height:160px;
    width: 200px;
    padding-left:80px;
    background: url('images/layout/Sina.jpg') no-repeat;
    float:left;
}
   .footerimage2{
    height:160px;
    width: 280px;
    background: url('images/layout/web.jpg') no-repeat;
    float:left;
}
   .footerimage3{
    height:160px;
    width: 322px;
    background: url('images/layout/quarel.jpg') no-repeat;
    float:left;
} 
  .footercontent{
   padding:5px 0px 0px 50px;
  }
  .down{
  height:20px;  /*--?160--*/
  clear:both;
  }

.webtextleft{
	color: #26252E; 
	width: 71%;
	float:left;
	clear:left;
	padding: 5px;
    overflow:hidden;	
}
.webtext{
	color: #26252E; 
	width: 46%;
	float:left;
	padding: 0px 20px 0px 0px;
}

.webtextright{
	color:#26252E; 
	width: 20%;
	float:left;
    overflow:hidden;
	padding: 10px 20px 10px 20px;	
	border-left: 1px dotted grey;
}
.webtextright a, .webtextleft a{
	color: #AD2227; 
	font-weight:bold;
    text-decoration:none;	
}
.webtextright a:hover, .webtextleft a:hover{
	color: #FFA749;
    text-decoration:none;
	border-bottom:1px dotted #36497A;	
}
.rightsingle{
   margin:0px auto 5px auto;
}
.contactform{
	width:70%;
	margin:auto;
}
input{
	border: 1px solid #8DA1AA; 
	-moz-border-radius: 5px;
    border-radius: 5px;
   	height:21px;
   	padding-left:3px;
	background-color:#ffffff;
	margin-bottom:3px;
	width:99%;	
}
textarea{
	border: 1px solid #8DA1AA; 
	background-color:#ffffff;
	-moz-border-radius: 5px;
    border-radius: 5px;
	width:99%;
   	padding-left:3px;
	height: 150px;
}
input.button{
   	padding: 2px 3px 4px 3px;
	background-color:#ffffff;
	color: #5A6084;  
	height:24px; 
	border: 1px solid #8DA1AA; 
	-moz-border-radius: 5px;
    border-radius: 5px;
}

label {font-size: 0.8em;}
h1.webkop {font-family: arial; font-size: 1.8em; font-weight: bold; color: #263E83; text-align: left; padding: 10px 0px 10px 0px;}
h2.webkop {color:#263E83; font-family: arial; font-size: 1.4em; text-align: left;padding: 10px 0px 10px 0px;}
h3 {font-family: arial; font-size: 1.0em; color:#263E83; text-align: left;padding: 10px 0px 10px 0px;}
ul{margin: 0px 0px 10px 0px; padding:0px;}
li{margin-left:20px;}
p.techniek{color:#094D7A;font-size:11px;margin-bottom:15px;}

.sneakthumb{
 width:50px;
 height:66px;
 margin:0px 5px 5px 0px;
 float:left;
 border-left:2px solid #F2F0F1;
 border-bottom:2px solid #DDDDDD;
 border-right:3px solid #DDDDDD;
}
.webbloklinks{
 width: 30%;
 float:left;
 border:1px dotted grey;
 margin:5px 10px 10px 5px;
 padding:5px;
}
.webbloklinks a{
 color: #1F3984;
 text-decoration:none;
 font-weight:bold;
}
.webbloklinks a:hover{
 color: #A75296;
 text-decoration:none;
 font-weight:bold;
}
.banner{
 margin: 0px 0px 5px 0px;
 }

#galleria{height:550px; clear:left;}
h1.gallerie {font-family: arial; font-size: 1.8em; font-weight: bold; color: #263E83; text-align: left; padding: 10px 0px 10px 0px;}
.gallerie-info{
	color: #26252E; 
	width: 60%;
    margin:auto;
    padding: 5px;
    overflow:hidden;	
}

 a.backmin, a.backmin:hover{
	color:#FBFFF0;
	font-size:14px;
	text-decoration:none;
	border:0px;
	}