/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0;
 font-family: Arial;
 font-size: 12px;
 color: #73756d;
}


ul{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}

#contentsub a{
	text-decoration:underline;
	color:#f03f35;
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; margin :20px 0 0 10px; }

/* main */

h1{
    font-size: 28px;
    font-family: eurostile, arial;
}
#wrapper{
    width: 925px;
    display: block;
    margin: 0 auto;
    clear: both;
}
#header{
    display: block;
    float: left;
    margin: 20px 0 0 0; 
    width: 925px;
}
#header a#logo{
    display: block;
    border: 0;
    float: left;
    margin: 15px 0 0 0;
}
#header a#logo img{
    border: 0;
}
ul.menu{
    display: block;
    list-style: none;
    float: left;
    margin: 21px 0 0 30px;
}
ul.menu li{
    float: left;
    height: 59px;
    padding: 0 0 0 15px;
    margin: 0;
}
ul.menu li a{
    display: block;
    padding: 20px 25px 19px 0;
    margin: 0;
    height: 20px;
    text-decoration: none;
    color: #73756d;
    font-size: 14px;
    -webkit-transition:color .2s ease-in;
}
ul.menu li.active{
    float: left;
    background: url('../images/gaits/menu-active-left.gif') no-repeat top left;
    height: 59px;
    padding: 0 0 0 15px;
    margin: 0;
}
ul.menu li.active a{
    background: url('../images/gaits/menu-active-right.gif') no-repeat top right;
    display: block;
    padding: 20px 25px 19px 0;
    margin: 0;
    height: 20px;
    text-decoration: none;
    color: #f03d36;
    font-weight:bold;
    font-size: 14px;
    -webkit-transition:color .2s ease-in;
}
ul.menu li a:hover{
    color: #f03f35;
}
ul.lang{
    font-size: 12px;
    display: block;
    margin: 12px 0;
    padding: 0;
    float: right;
}
ul.lang li{
    float: left;
    padding: 0 6px;
    display: block;
}
ul.lang li a{
    float: left;
    display: block;
    color: #73756d;
}
ul.lang li a.active{
    color: #0582a0;
    border-bottom: 3px solid #0582a0;
}
#search{
    display: block;
}
#search input{
    float: left;
    display: block;
    background: url('../images/gaits/search.gif') 0 0;
    padding: 5px 0 5px 25px;
    font-size: 12px;
    width: 152px;
    height: 13px;
    margin: 12px 0 0 0;
    border: 0;
    
}
#search input:hover{
    background: url('../images/gaits/search.gif') 0 -23px;
}
#right-h{
    float: right;
    display: block;
    width: 210px;
    margin: -100px 0 0 0;
}
#search {margin-top:0px;}

h1{
    font-size: 26px;
    color: #000;
   /* width: 450px;*/
    display: block;
    margin: 80px 0 0 0;
}
h1 span{
    color: #02849e;
}

#content{
    background: url('../images/gaits/binair.gif') no-repeat 0 60px;
    padding: 0;
    display: block;
    clear: both;
    height: 265px;
    float: left;
    width: 925px;
}
#txt{
    font-size: 12px;
    width: 360px;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 10px;
    line-height: 21px;
}
#choice{
    display: block;
    height: 190px;
    background: #f2f2ee url('../images/gaits/gradient.gif') no-repeat top center;
    width: 100%;
    clear: both;
}
#center{
    width: 925px;
    margin: 0 auto;
    height: 200px;
    padding: 20px 0 0 0;
}
#center div span{
    display: block;
    clear: both;
    line-height: 21px;
}
#center div a{
    display: block;
    float: left;
    background: url('../images/gaits/info.gif') no-repeat top left;
    color: #35a1ab;
    font-weight: bold;
    clear: both;
    padding: 8px 8px 10px 8px;
    margin: 10px 0;
    width: 140px;
    -webkit-transition:color .2s ease-in;
}
#center div a:hover{
    color: #1f606f;
}
#box1{
    /* background: url('../images/gaits/ic_home.gif') no-repeat top left; */
    background: url('../images/gaits/ic_automatisering.png') no-repeat top left;
    padding: 0 5px 0 40px;
    width: 185px;
    float: left;
}
#box2{
    /* background: url('../images/gaits/ic_netwerk.gif') no-repeat top left; */
    background: url('../images/gaits/ic_bordenbouw.png') no-repeat top left;
    padding: 0 5px 0 40px;
    width: 185px;
    float: left;
}
#box3{
   /*  background: url('../images/gaits/ic_netwerk.gif') no-repeat top left; */
    background: url('../images/gaits/ic_domotica.png') no-repeat top left;
    padding: 0 5px 0 40px;
    width: 185px;
    float: left;
}
#box4{
    /* background: url('../images/gaits/ic_home.gif') no-repeat top left; */
    background: url('../images/gaits/ic_eplan.png') no-repeat top left;
    padding: 0 5px 0 40px;
    width: 185px;
    float: left;
}
#content-l{
    width: 450px;
    float: left;
}
#content-r{
    float: right;
    display: block;
    width: 443px;
    padding: 0;
    margin: 0;
}
#content-r img{
    margin: 0;
    padding: 0;
}
h2{
    font-size: 14px;
    color: #02849e;
}
#wrapper_bottom{
    width: 925px;
    height: 200px;
    display: block;
    clear: both;
    margin: 20px auto 40px auto;
}
#center_bottom{
    display: block;
    width: 925px;
}
.addthis{margin-right:30px;}

.news-item{
    width: 275px;
    float: left;
    margin: 0 10px 0 30px;
    line-height: 21px;
}
.news-item span{
    display: block;
    float: left;
    clear: both;
}

.news-item a{
    color:#f03f35;
    text-decoratio:underline;
}

.date{
    background: #555;
    color: #fff;
    padding: 3px 6px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: block;
    float: left;
}
#map{
    margin: 20px 0 0 0;
    display: block;
    float: left;
}
#footer{
    margin: 15px auto 0 auto;
    display: block;
    width: 925px;
    background: #f03f35 url('../images/gaits/tel.gif') no-repeat 10px 8px;
    height: 35px;
    color: #fff;
    text-align: left;
    padding: 10px 0 0 0;
    font-weight: normal;
    clear: both;
}
#footer-txt-l{
    display: block;
    float: left;
    margin: 5px 0 0 50px;
    color: #f89f9a;
}
#footer-txt-r{
    display: block;
    float: right;
    margin: 5px 20px 0 0;
    padding: 0;
    color: #fff;
}
#footer-txt-r img{
   vertical-align: center;
   float: left;
   margin-top: -6px;
   margin-right: 10px;
   margin
}
#footer-txt-r a{
    text-decoration: underline;
    color: #fff;
}
#footer-txt-r a:hover{
    text-decoration: none;
}

/* subpagina's */

body#sub h1{
	color: #02849e;
	margin: 20px 0 0 0;
	padding: 0;
	}
body#sub #header{
	margin-bottom: 30px;
	}
	ul{
		list-style: none;
		}
#contentsub{
    background: #fff;
    padding: 0;
    display: block;
    clear: both;
    min-height: 565px;
    float: left;
    width: 925px;
}
#submenu{
	width: 191px;
	min-height:400px;
	float: left;
	display: block;
	margin: 20px 0 0 0;
	background: url('../images/gaits/bgsub.png') repeat-y;
	}
	#submenu li.active a{
		display: block;
		height: 20px;

		width: 191px; 
		background: url('../images/gaits/bgselect.png') no-repeat;
		}
#submenu a{
	display: block;
	color: #797a7a;
	height: 20px;
	padding: 13px 0;
	text-decoration: none;
	border-bottom:1px solid #efefef;
	font-size:14px;
	}
	
#submenu a:hover{
    color:#ea4235;
}
#submenu img {margin:0;}
.admin_option img {margin:0;}
.admin_block_img img {margin:0;}
	
#block-list{
	float: left;
	display: block;
	width: 720px;
	}
.contentblock{
	float: left;
	line-height: 21px;
	margin: 0px;
	width:695px;
	}
	
	
.contentblock h2{
	color:black;
	font-size:14px;
}


.contacteer:hover{
	opacity: 0.9;
	}



/* Admin */

.admin_options{
	background-color:#333333;	
	height:30px;
	background-image:url('../images/admin/adminnavbg.gif');
	background-repeat:repeat-x;
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	position:relative;
	top:0;
	left:0;
	z-index: 999;
	
}


.admin_option{
	float:left;
	padding-left:15px;
	padding-right:15px;	
	padding-top:6px;
	/*height:100%;
	padding-bottom:5px;*/
	border-left:1px solid #666666;
	color:white;
	display:block;
	cursor:hand;
	cursor : pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;
}
.admin_option div{
    color:white;
}

.admin_option:hover{	
	background-color:#000000;	
	text-decoration:none;
	color:#CCCCCC;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: 0.7;
}

.admin_titel
{
	font-size:13px;
	margin-bottom:10px;
	font-weight:bold;
}

.admin_block_img
{
	float:left; margin: 0px 5px 8px 0px;
	cursor:hand;
	cursor:pointer;
	border: 3px solid black;
	

}
.admin_block_img:hover
{
	border: 3px solid #CC6600;
	

}
.handle{
	cursor:move;
	
}

.has_questions{
	color:#34404a;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:22px;
}

hr { border:0; color:#d6d7d8; background-color:#d6d7d8; height:1px; line-height:0px; margin:0px 0 10px 0; margin:20px 0px 20px 0px; }

.questions_line{margin:0px; margin-top:25px; margin-bottom:20px;}

.phonenumber{
	color:#45484a;
	font-size:20px;
	margin-bottom:20px;
}


.sp_image{
opacity: 0.7;
display: block;
float: left;
width: 100px;
height: 130px; 
border: 1px solid #bebebe;
margin: 0 33px 10px 0;
-webkit-transition: all 300ms linear;
background-color:#eaeaea;
}
.sp_image:hover{
opacity: 1.0;
border: 1px solid #fff;
}

.addthis{
	float:right;
}
.contact_textarea {width:430px; }
#captcha_code {margin-left:0px;}

.button span{background-color:#45484a; color:white; padding:5px 7px; cursor:pointer;}
.button span:hover{background-color:#F03F35;}

.contactfields tbody tr td {width:300px;}
.contactfields tbody tr td input{width:200px;}

.searchitem_link:hover {color:red; cursor:pointer;}