File: D:/HostingSpaces/KLeeuwen/samenbouwen.in/wwwroot/wp-content/themes/dlight/newdesign/css/main.css
body{ margin: 0; }
* {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif;}
#wrapper{ width:1600px; margin:0 auto; }
.topimg{ height: 825px; background-image: url(../imgs/slide1.jpg); background-repeat: no-repeat; background-position: top center;}
.maincont{ padding: 20px 160px 0px 124px; position:relative; top: -200px;}
.bluetxt{ color: #008FC7;}
.titleleft { float:left; padding: 10px 0px;}
.titleleft, .titleleft span{ font-size: 48px; font-weight: bold;}
.titleright{ float:right;}
.clear{ clear:both; }
.blueline{ width:170px; height:3px; background-color: #008FC7; margin-bottom: 13px;}
.colleft{ width: 595px; height: 172px; float:left; margin-right: 120px; line-height: 24px; font-size: 16px;}
.homeblock { width: 274px; height: 94px; float:left; margin-right: 35px; border: 3px solid #008FC7; padding-top: 18px; padding-left: 135px;
background-repeat: no-repeat; margin-top: 40px; margin-bottom: 70px; font-size: 22px;}
.first { background-image: url(../imgs/block1.jpg);}
.second { background-image: url(../imgs/block2.jpg);}
.third{ background-image: url(../imgs/block3.jpg); margin-right: 0px;}
.tb6 .td { float:left; width: 30%;padding-top: 40px;padding-right: 24px; }
.tb6 .p24{ text-align: justify; line-height:24px;}
.tb6 .p24 div {font-size: 30px; font-weight: bold; margin-bottom: 35px;}
.tb6 img {margin-right: 40px; margin-bottom: 60px;}
.links a{ text-decoration: none; color: black; font-size: 18px; font-weight:bold; margin-right: 20px;}
.links .sel { color: #008FC7;}
.bluebox{ width: 391px; height: 389px; background-color: #0091CA; padding: 20px 15px 15px 15px; float:left;
margin-right: 26px; margin-bottom: 26px;}
.bluebox:hover { background-color: #1D4658;}
.bluebox .title { font-weight: bold; font-size: 18px; padding-left: 5px; margin-bottom: 10px;}
.bluebox .title span { color: white; font-size: 18px;}
.bluebox td { font-weight: bold; font-size: 16px; padding-bottom: 5px;}
.bluebox td.w { color: white;}
.bluebox .wbtn{ background-color: white; width: 368px; height: 40px; padding-left:23px; padding-top: 15px; font-size: 24px; color: #EEB530;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; font-weight: bold;}
ul.inlineul {margin-top:40px;}
ul.inlineul a {text-decoration: none;}
ul.inlineul i {font-size: 64px; line-height: 64px; display:inline; background-color: #2EBDFF; color: #78D6F8; padding: 15px 36px; margin-left:20px;}
ul.inlineul i.active {color: white;}
ul.inlineul li {display:inline; list-style: none; margin-top:30px;}
.mtop10{margin-top: 20px;}
.teamlist {height: 790px; overflow: hidden;}
.teamlist div{ float:left; width:325px; text-align:left;}
.teamdesc {width:573px; font-size: 16px; line-height:22px; color: #383637;}
.teamname { font-size: 20px; color: #1E8ECE; font-weight: bold;}
.teamdesc1{ margin-top: 10px; text-align: justify;}
.teamlist div.teaminfo, .teamlist div.teaminfo * {text-align:left; width: 280px; line-height: 22px;}
.teamlist div.teaminfo b{line-height: 28px; font-size: 16px;}
.blogitem{ float:left; width: 410px; margin-right: 25px; margin-bottom: 10px;}
.blogtitle{ color: #1E8ECE; font-size: 26px; margin-bottom: 6px;margin-top:20px;}
.blogauthor{ font-weight: bold; margin-bottom: 20px; color: #1B1B1B;}
.blogsmallcont{ color: #3C3C3C; line-height: 20px; font-size: 16px;}
.contacttext{ line-height: 30px;}
input, select, textarea, button {color: #aaaaaa;border-color: #aaaaaa !important;}
input, select, button, textarea { outline: none;}
.comment_form input[type="text"].input_field, #respond input[type="text"].input_field { float:left; width:32%; border-width:1px; border-style:solid; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; display: block; padding:0 10px; min-width:250px;}
.comment_form input[name="email"].input_field, #respond input[name="email"].input_field {margin:0 2%;}
.comment_form input[type="text"].input_field:focus,.comment_form textarea.textarea_field:focus, #respond input[type="text"].input_field:focus,#respond textarea.textarea_field:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.comment_form, #respond {padding: 0px;}
.contact_form.comment_form input[type="text"].input_field {width:100%; float: none; max-width:none;}
.contact_form.comment_form .input_wrapper {float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px 0 0; width:50%;}
.contact_form.comment_form .input_wrapper:nth-child(even) { padding:0 0px 0 10px;}
.contact_info_single i {font-size:22px; line-height: 22px; padding: 8px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;}
.contact_form.comment_form select.input_field {width:100%;float: none;max-width:none;}
.comment_form select.input_field {float:none; width:100%; border:1px solid #888; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; font-size:16px; line-height: 16px; display: block; padding:0 10px; max-width:600px; height:50px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('images/dropdown.png'); background-position: center right; background-size: 50px 50px; background-repeat: no-repeat;}
input, textarea, select {font-family:inherit;font-weight: inherit;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';}
/* contact form select mozilla fix */
.contact_form.comment_form .input_wrapper_select {float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 0 0;width: 50%;color: #aaa;height: 16px;}
.contact_form.comment_form .input_wrapper_select > div {border: 1px solid #888;padding:13px 10px 12px 10px;background-image: url('../imgs/dropdown.png');background-position: center right;background-size: 50px 50px;background-repeat: no-repeat;transition: border-color 300ms;-webkit-transition: border-color 300ms;-mozetransition: border-color 300ms;-o-transition: border-color 300ms;-ms-transition: border-color 300ms;}
.contact_form.comment_form .input_wrapper_select select {width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;background: transparent;}
.comment_form textarea.textarea_field, #respond textarea.textarea_field { font-size: inherit;line-height: inherit;clear: both;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;resize: none;width: 100%;padding: 10px;
height: 300px;overflow: auto; border: 1px solid #aaaaaa;}
.comment_form input[type="submit"],#respond input[type="submit"] {margin:0; font-size:14px; line-height: 14px; padding: 24px;border:1px solid transparent; background-color:transparent;}
.float_right {float:right;}
.block {display:block;}
.comment_form input[type="submit"] {border-color: #aaaaaa;cursor: pointer;}
.margin-bottom20 {margin-bottom: 20px !important;}
.input_wrapper_select > div > select {height:23px;}
.bluebrd {border-color: #008FC7;}
.contact_form.comment_form .input_wrapper_select > div { border-color: #aaaaaa;}
.footer1{ background-color: #352734;}
.footer_wrapper{/*padding: 20px 160px 20px 124px;*/ width: 1330px; margin: 0 auto; padding: 20px 0px; }
.footer_wrapper .bluetxt{ font-weight: bold; font-size: 28px;}
.footer_wrapper .topform {float:left; margin-right: 22px;}
.footer_wrapper .topform input {width:325px; height: 36px; padding-left: 15px; padding-top: 5px; margin-bottom: 10px;
background: -webkit-linear-gradient(#71686D, #C1BCB8); background: -o-linear-gradient(#71686D, #C1BCB8);
background: -moz-linear-gradient(#71686D, #C1BCB8); background: linear-gradient(#71686D, #C1BCB8);
border: 2px solid #9D9495 !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; font-size: 18px;}
.footer_wrapper .topbtn {float:right;}
.footer_wrapper .topbtn input {width: 400px; height:57px; background-image: url(../imgs/orange_gradient.jpg);border: 4px solid #90878A !important;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; color: #824A31;font-size: 22px; }
.footer1 .confirmtxt {font-weight: normal; font-size: 18px; text-align: right;margin-top: 10px;}
.footer2 {background-color: #1D4658;}
.footer3{background-color: #0091CA;height: 749px;}
.footer3 .title{color: white; font-weight: bold; font-size: 22px; margin-bottom: 10px;}
.footer3 .footer_wrapper > div {float:left; width: 400px; margin-right: 40px;}
.footer3 .whitetxt {color: white; font-size: 18px; line-height: 22px;}
.tweetstb {margin-bottom: 10px;}
.tweetstb td { color: #746A51; text-shadow: 0 0 2px #ffffff; border-bottom: 1px dotted #A8D5EA; padding: 5px 0px; line-height: 24px;}
.tweetstb td span {color: #84CEE7; }
.missform input[type="text"], .missform textarea {width:345px; height: 46px; padding-left: 15px; padding-top: 5px;
background: -webkit-linear-gradient(#55AED6, #B6D7DC); background: -o-linear-gradient(#55AED6, #B6D7DC);
background: -moz-linear-gradient(#55AED6, #B6D7DC); background: linear-gradient(#55AED6, #B6D7DC);
border: 2px solid #B3BBBD !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; font-size: 18px;
margin-bottom: 25px;}
.missform input[type="submit"] {width: 365px; height:57px; background-image: url(../imgs/orange_gradient.jpg);border: 4px solid #7EC0E2 !important;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; color: white;font-size: 22px; }
.missform input[type="text"].smallin {width:315px; }
.fleft {float:left;}
.fright {float:right;}
.copyr {position: relative; top: -190px;}
.copyr * { font-size: 13px; color: #9D9D9D; text-decoration: none;}
#header {position: fixed; top: 0px; left:0px; width:1316px; height: 150px; z-index: 2;}
#header .fleft {margin-top:30px}
#header .fright {margin-top: 63px;}
#header .fright div{float:left; margin-left:50px;}
#header .fright a {color: black; font-weight: bold; text-decoration: none; font-size: 16px;}
.footer3 .footer_wrapper > div.contact_bottom {width:auto;margin-top:100px;}
.contact_bottom .secdiv {padding-left:100px}
.footer1, .footer2, .footer3 {position: relative; top: -150px;}
.footer3 .footer_wrapper > div.bottom_wh{ width:auto;margin: 41px 0px;}
.missform textarea.textar{ width:387px; height:126px; }
.orangbtn {width:409px}
.footer3 .footer_wrapper > div.missdiv { width:350px;}
/* details page */
.wbg {background-color: white;}
.maindetails {top: 200px;}
.graytitle {color: #898989; font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.detailtopleft {width: 837px; margin-right: 47px;}
.detailtopright{ width: 380px;}
#detailsbody a{ color: #0398DA; text-decoration: none; }
.spacetext{line-height: 24px; font-size: 16px; color: #454545;}
.blktxt{ color: black;}
.moreinfofrm input[type="text"] { width: 100%; border: 1px solid #c4c4c4; padding: 15px 15px 12px 15px; color: #626262; margin-bottom: 24px;}
.orangesbtn, .comment_form input[type="submit"].orangesbtn { background-color: #F78719; color: white; font-weight: bold; font-size: 16px; padding: 18px 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;border: none;}
.bluesbtn { background-color: #008FCB; color: white; font-weight: bold; font-size: 16px; padding: 18px 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;border: none;}
.detailtopright table td{ padding: 6px 0px; font-weight: bold; font-size: 16px;}
.detailtopright table {margin-top:20px}
.detailtopright table td.bluetd{ color: #0398DA; padding-right: 10px;}
.contactman {}
.contactman table td{ padding: 5px 0px 17px 28px; font-weight: bold; color: black; font-size: 18px;}
.contactman table td.bluetd { color: #0398DA;}
.withoutrad{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.mg56 {margin-left: 56px;}
.w50 {width: 50%;}
.ml20 {margin-left: 20px;}
.pdlw{ padding-left: 160px;}
.bldet {width: 260px;}
.detail_pics img{ float:left; margin-right: 28px; margin-top: 20px;}
.detailconbig{width:595px;}
.grayline { width:100%; height: 1px; background-color: #aaaaaa;}
.footdet { top: 200px;}
.mgr0{ margin-right: 0px;}
/* Tablet Landscape */
@media screen and (max-width: 1060px) {
#wrapper { width:100%; }
#header {width: 100%; padding-left: 0px; padding-right: 0px;}
#header .fright {display:none;}
.maincont { padding-left: 10px; padding-right: 10px;}
.homeblock { margin: 10px 0px; }
.tb6 .td {width: 45%}
.footer_wrapper { width: 100%;}
.footer_wrapper .topbtn {float:left;}
.footer1 .confirmtxt {text-align: left;}
.footer1, .footer2, .footer3 {padding-left: 10px;}
.footer3 .footer_wrapper > div.contact_bottom { margin-top: 10px;}
.footer3 {height: 1612px;}
.contact_bottom .secdiv {padding-left: 0px;}
.teamdesc, .colleft {width: 100%; height: auto;}
.tb6 .p24 div{ font-size: 1.5em; margin-bottom: 10px;}
.pdlw {padding-left: 10px;}
.detailtopleft, .detailtopleft img {width: 100%;}
.mg56 { margin-left: 0px;}
.w50 {width: 100%;}
.detail_main_pic img, .divimg img{width: 100%}
.mgr0{ margin-right: 25px;}
.detailconbig{width: 100%;}
.scrw70 {width: 60%;}
}
/* Tablet Portrait */
@media screen and (max-width: 768px) {
.tb6 .td {width: 100%}
.homeblock{ width: 50%; font-size: 1em;}
.bluebox {width: 90%; height: auto;}
.bluebox img {width: 95%;}
.bluebox .wbtn {width: 80%; font-size: 1.5em;}
.bluebox .title, .bluebox table td { font-size: 1em}
.blogitem, .blogitem img {width: 95%;}
.footer_wrapper .topform input {width: 95%;}
.footer_wrapper .topbtn input {width: 100%;}
.missform input[type="text"], .missform textarea,.missform input[type="submit"],
.footer3 .footer_wrapper > div.missdiv, .missform input[type="text"].smallin {width: 90%}
.missform textarea.textar, .orangbtn {width: 100%}
.footer3 {height: 1612px;}
.footer3 .footer_wrapper > div.bottom_wh img{ width: 100%}
.footer3 table{ width: 80%;}
.scrw70 {width: 60%;}
.titleleft, .titleleft span{font-size: 2em;}
.graytitle{ font-size: 1.5em;}
}