/*
Copyright Meriad.ict 2010
Stylesheet meriad.ict website
*/

*{ margin:0px; padding:0px; font-family:'MyriadProRegular', Calibri, Verdana, Arial, Helvetica; font-size:14px; color:#ffffff; }

html, body{ width:100%; height:100%; }

body{ background:url(../images/background.jpg) no-repeat right bottom #1b1b1b;}
/*.logoradial{ width:724px; height:421px; position:absolute; left:50%; margin-left:56px; background:url(../images/logoradial.png) no-repeat top; z-index:1; }*/
.wrapper{ width:960px; height:auto; padding-left:20px; padding-right:20px; position:relative; margin:0 auto; }

h1{ font-size:15px; font-weight:normal; color:#009feb; margin-top:0px; margin-bottom:15px; margin-left:0px; margin-right:0px; progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop); zoom:1; } /*Progid and zoom for IE rendering */
h2{ font-size:14px; font-weight:normal; color:#009feb; margin-top:20px; margin-bottom:10px; margin-left:0px; margin-right:0px; text-transform:lowercase; float:left; }
h3{ font-size:14px; font-weight:normal; color:#009feb; margin-top:20px; margin-bottom:10px; margin-left:0px; margin-right:0px; }
h4{ font-size:14px; font-weight:normal; height:29px; padding-top:12px; width:185px; float:right; }
h4:hover{ color:#009feb; }
p{ margin-bottom:10px; progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hIEfix.png,sizingMethod=crop);zoom:1; } /*Progid and zoom for IE rendering */

/* Top - Menu, Logo, Location */
.topwrapper{ width:960px; height:190px; float:left; }
.topcontainer{ width:960px; height:40px; padding-top:100px; }
.logocontainer{ width:160px; height:40px; position:relative; float:right; z-index:5; }

.menucontainer{ width:750px; height:40px; position:relative; float:left; }
.menu-item{ width:auto; height:20px; padding-left:0px; padding-right:20px; padding-top:20px; float:left; }
.menu-item-link{ font-size:18px; text-transform:lowercase; text-decoration:none; }
.menu-item-link:hover{ color:#009feb; }

.locationwrapper{ width:960px; height:28px; background:url(../images/locationfiller.png) repeat-x top; float:left; }
.breadcrum{ height:28px; width:auto; float:left; }
.breadcrum-item{ height:28px; width:auto; float:left; }
.breadcrum-arrow{ height:28px; width:25px; float:left; background:url(../images/breadcrumarrow.png) no-repeat top; }
.breadcrum-link{ text-decoration:none; padding:4px; top:5px; position:relative; color:#a2a2a2; text-transform:lowercase; font-size:13px; }
.breadcrum-link:hover{ color:#009feb; }

/* Content */
.present-product{ width:650px; height:350px; float:left; margin-right:25px; }
.present-product-content{ width:650px; height:350px; float:left; overflow:hidden; position:relative; }
#productCycle .product{ width:600px; height:300px; padding:25px; background:url(../images/present_product.png) no-repeat top; }
#productCycle .product-content{ width:600px; height:275px; margin-top:25px; position:relative; }
#productCycle .product-content-image{ margin-right:25px; width:200px; height:175px; margin-bottom:25px; float:left; }
#productCycle .product-content-text{ width:325px; height:175px; margin-bottom:25px; margin-right:50px; float:left; }
.present-product-content .nav{ position:absolute; bottom:20px; height:12px; right:10px; float:left; z-index:100;}
.present-product-content .nav-items{ display:inline; float:right; }
.present-product-content .nav a { display: block; float: left; width: 12px; height: 12px; background: #fff; margin-left: 12px;	overflow: hidden; border: none; }

.present-customers{ width:285px; height:350px; float:left; background:url(../images/present_customers.png) no-repeat top; }
.customers{width:235px; margin-left:25px; margin-right:25px; margin-top:22px;}
.customer{ width:170px; height:65px; float:left; }
.bayards{ background:url(../images/bayards_logo.png) no-repeat top; }
.bayards:hover{ background:url(../images/bayards_logo_mo.png) no-repeat top; cursor:pointer; }  
.mg{ background:url(../images/mg_logo.png) no-repeat top; }
.mg:hover{ background:url(../images/mg_logo_mo.png) no-repeat top; cursor:pointer; } 

.contentwrapper{ width:980px; margin-top:45px; margin-bottom:90px; float:left; display:none;}
.productarea-item{ width:470px; height:230px; float:left; margin-right:20px; margin-bottom:10px; background:url(../images/productitemverloop.png) no-repeat top; }
.productarea-item:hover{  background:url(../images/productitemverloop_mo.png) no-repeat top; cursor:pointer; }
.productarea-item-image{ margin-top:45px; margin-bottom:25px; margin-left:25px; margin-right:25px; width:135px; height:160px; float:left; }
.productarea-item-text{ margin-top:45px; margin-bottom:25px; margin-right:25px; width:260px; height:160px; float:left; }

.productwrapper{ width:960px; height:auto; float:left; }
.product-item{ width:650px; height:auto; float:left; margin-right:25px; background:url(../images/productverloop.png) no-repeat top;}
.product-item:hover{ background:url(../images/productverloop_mo.png) no-repeat top; cursor:pointer; }
.product-item-button{ width:25px; height:25px; position:relative; float:right; margin-right:25px; margin-top:12px; }
.product-item-title{ width:600px; height:34px; float:left; margin-left:25px; margin-right:25px; margin-top:8px; }
.product-item-content{ width:600px; height:auto; margin-left:25px; margin-right:25px; margin-bottom:25px; float:left; display:none;}
.product-item-content-text{ width:350px; margin-right:25px; float:left; }
.product-item-content-image{ width:225px; float:left; }

.product-detail{ width:285px; height:auto; margin-top:25px; float:right; background:url(../images/present_customers.png) no-repeat top; display:none; }
.product-detail-content{ width:235px; margin-left:25px; margin-right:25px; margin-top:22px; }

.productsheet{ width:235px; height:39px; float:left; margin-bottom:20px; }
.productsheet img{ float:left; }
.productsheet a{ text-decoration:none; float:left; padding:10px; }
.productsheet a:hover{ color:#009feb; }

.productprice{ width:235px; height:39px; float:left; margin-bottom:20px; }
.productimage{ width:110px; height:auto; float:left; margin-bottom:20px; margin-right:5px; }
.productimage img{ width:108px; height:auto; border:1px #636363 solid; }

.contact-info{width:405px; float:left; margin-right:25px; }
.contact-map{width:530px; height:560px; float:left; background:url(../images/kaart_amsterdam.png) no-repeat top; }
.contact-form-table{ width:405px; margin:0px; float:left; }
.contact-form-table tr{ width:395px; padding:5px; height:30px; }
.contact-form-table .star{ width:15px; height:20px; text-align:left; }
.contact-form-table .fieldname{ width:100px; height:20px; line-height:1.5em; }
.contact-form-table .contact-input-text{ width:250px; height:20px; padding:5px; border:1px #a2a2a2 solid; color:#ffffff; background-color:#262626; }
.contact-form-table .contact-input-textarea{ width:250px; height:200px; padding:5px; border:1px #a2a2a2 solid; color:#ffffff; background-color:#262626; }
.contact-form-table .contact-button{ padding:5px; border:1px #a2a2a2 solid; background-color:#a2a2a2; color:#FFFFFF; float:right; font-size:12px;}

.filter{ float:right; margin-right:20px; width:960px; }
.filterheader{ color:#009feb; float:right; }
a.filteritem{ padding-left:20px; text-decoration:none; float:right; }
a:hover.filteritem{ color:#009feb; }
a:active.filteritem{ color:#009feb; }
.reference-item{ width:650px; height:auto; float:left; margin-right:25px; background:url(../images/productverloop_mo.png) no-repeat top;}
.reference-item-title{ width:600px; height:34px; float:left; margin-left:25px; margin-right:25px; margin-top:45px; }
.reference-item-content{ width:600px; height:auto; margin-left:25px; margin-right:25px; margin-bottom:25px; float:left;}
.reference-item-content-image{ width:600px; float:left; }
.reference-item-content-text{ width:290px; margin-right:30px; float:left; }
.reference-item-content-details{ width:280px; float:left; }
.reference-item-content-details-work{ width:280px; float:left; }
.reference-item-content-details-products{ width:280px; float:left; margin-top:20px; }

.news-page{ width:650px; height:auto; float:left; margin-right:25px; background:url(../images/productverloop.png) no-repeat top;}
.news-page-content{ width:600px; float:left; margin-left:25px; margin-right:25px; margin-top:45px; }
.news-item{ width:600px; float:left; }

.news-page-index{ width:650px; height:auto; float:left; margin-right:25px; background:url(../images/productverloop.png) no-repeat top;}
.news-page-index:hover{ background:url(../images/productverloop_mo.png) no-repeat top; cursor:pointer; }
.news-page-content-index{ width:625px; float:left; margin-left:25px; margin-top:45px; }
.news-item-index{ width:287px; margin-right:25px; float:left; }

.rss-items{ width:285px; float:left; margin-top:45px; }
.rsslist{ list-style:none; float:left; width:285px; }
.rsslist li{ float:left; width:285px; }
.rsslist li a{ text-decoration:none; float:left; padding-top:3px; padding-bottom:3px; font-size:12px; }
.rsslist li a:hover{ color:#009feb; }

.present-forms{ width:285px; height:auto; margin-top:25px; float:left; background:url(../images/present_customers.png) no-repeat top; }
.forms{ width:235px; margin-left:25px; margin-right:25px; margin-top:22px; }
.button{ width:232px; height:41px; margin-bottom:20px; background:url(../images/button.png) no-repeat top; float:left; }
.button:hover{ background:url(../images/button_mo.png) no-repeat top; cursor:pointer; color:#009feb; }
.button a{ text-decoration:none; }

/* Footer */
.footercontainer{ width:100%; height:250px; position:relative; margin:0 auto; background:url(../images/footerfiller.png) repeat-x top; float:left; }
.footercontent{ width:960px; height:180px; margin:45px auto 25px auto; position:relative }

.tagcloud{ width:650px; height:180px; margin-right:25px; float:left; text-align:justify; }
.tagcloud a{ color:#858585; text-decoration:none; }
.tagcloud a:hover{ color:#009feb; }
.tagcloud .size10{ font-size:10px; }
.tagcloud .size11{ font-size:11px; }
.tagcloud .size12{ font-size:12px; }
.tagcloud .size13{ font-size:13px; }
.tagcloud .size14{ font-size:14px; }
.tagcloud .size15{ font-size:15px; }
.tagcloud .size16{ font-size:16px; }
.tagcloud .size17{ font-size:17px; }
.tagcloud .size18{ font-size:18px; }
.tagcloud .size19{ font-size:19px; }
.tagcloud .size20{ font-size:20px; }

.socialmedia{ width:285px; height:140px; margin-top:40px; float:left; }
.socialmedia-item{ width:32px; height:32px; position:relative; float:right; margin-left:10px; }
.socialmedia-item:hover{ cursor:pointer; }

.portfolioListItems{
list-style:none;
}
.portfoliowrapper{
width:670px !important;
}
.portfolioListItems li a:hover{text-decoration:underline !important;color:#009FEB !important;}
.portfolioListItems li a:active{text-decoration:none;color:#A2A2A2;}
.portfolioListItems li a:link{text-decoration:none;color:#A2A2A2;}
.portfolioListItems li a:visited{text-decoration:none;color:#A2A2A2;}
.portfolioListItems li{ 
color:#A2A2A2;
font-family:'MyriadProRegular', Calibri, Verdana, Arial, Helvetica;
padding-top:10px;
}

.portfolio_selectie{margin-top:70px}
.portfolioSelectieWrap{
float:right;
height:auto;
width:260px;}