* {
margin: 0;
}
p {
margin:	12px 0;
}
html, body {
height: 100%;
}
/*body {
background:#636466;
}*/
body, body#home {
background:#fff;	
}
body, input {
/*font:normal 62.5% Verdana,Trebuchet MS,sans-serif;*/
font-family: 'Rampung', Arial,Verdana;
font-size:0.7em;
}
@font-face {
font-family: 'Rampung';
src: url('../fonts/Rampung.ttf') format('truetype');
}
.fb_iframe_widget {
width:90% !important;
}
textarea, button, select {
font:normal 100% Arial,Verdana;
}
input[type="submit"], button[type="submit"] {
background:#BED62F;
padding:5px;
border:1px solid #BED62F;
/*border-radius:3px;*/
color:#636466;
-webkit-appearance:none;
}
input[type="submit"]:hover, button[type="submit"]:hover {
background:#fff;
/*color:#BED62F;*/
padding:4px;
border:2px solid #BED62F;
}
input[name="captcha"] { 
margin:10px 0; 
}
span#change-image {
font-size:0.8em;
text-decoration:underline;
}
input[type="submit"]:hover, button[type="submit"]:hover, span#change-image:hover {
cursor:pointer;	
}
input {
font-size:1em;	
}
input, select, textarea {
margin:0 0 5px 0;
}
#questionForm table tr td:first-child {
width:200px;	
}
table#shoppingcart-detail input {
margin:0;
}
label {
display:block;
padding:5px 0;
}
.radio, .checkbox {
padding:10px 0 5px 0;	
}
/*div.register table tr td:first-child {
padding:5px 0;	
}*/
div.share-social {
border-top:1px solid #f8f7f7;
border-bottom:1px solid #f8f7f7;
padding:0 0 5px 0;
clear:both;
overflow:auto;
}
body#home div.share-social {
/*border-top:1px solid #f8f7f7;
border-bottom:1px solid #f8f7f7;*/
text-align:left;
}
div.hupso-share-buttons {
/*height:30px;*/
}
div.share-social div.share-text {
font-family:'Rampung',Arial,Verdana;
font-size:1.3em;
font-variant:small-caps;	
font-weight:bold;
padding:14px 0 0 0;
height:20px;
/*vertical-align:middle;*/	
}
div.share-social > div {
float:left;	
}
.webrand-like {
border-left:5px solid #BED62F;
padding:0 0 0 10px;
text-align:left;
}
.webrand-like p {
font-weight:bold;

}
/*div.fb-like {
color:#fff !important;	
}*/
.divider {
padding:0 0 10px 0;		
}
label.label-checkbox, label.label-radio {
display:inline;
padding:0 10px 0 0;
}
div#language {
text-align:center;
overflow:auto;
width:700px;
/*height:400px;*/
padding:0;
margin:135px auto 0;
font-size:1.2em;
box-shadow:1px 1px 8px #444;
background-color:#fff;			
}
div.buttons {
text-align:center;
padding:15px 0;	
}
div.languagesplash {
clear:both;	
}
div#main-contact {
float:left;
width:470px;
margin:0 20px 0 0;	
}
#new-existing-customer {
width:500px;
border:1px solid #999;	
margin:0 0 10px 0;
}
#new-existing-customer th {
padding:10px 0 10px 5px;
border-top:1px solid #999;
background:#e6e3e3;
text-align:right;
font-weight:bold;
}
#new-existing-customer th {
width:50%;
text-align:center;
}
.back-overview {
margin-top:25px;
padding-top:5px;
border-top:1px dotted #333333;	
text-align:right;
font-style:italic;
font-size:0.9em;
font-variant:small-caps;
}
#new-existing-customer td.border-right {
border-right:1px solid #999;
}
#new-existing-customer td.vertical-align {
vertical-align:top;	
}
#new-existing-customer table td {
vertical-align:top;	
}
#new-existing-customer tr.border-bottom {
border-bottom:1px solid #999;
}
#new-existing-customer tr td {
padding:5px;
text-align:left;	
}
div.left {
text-align:left;	
}
div.right {
text-align:right;	
}
#content a:link, #content a:visited {
color:#fff;
text-decoration:underline;
}
div#infra-pillars-wrapper a:link, div#infra-pillars-wrapper a:visited {
color:#4b4c4d;
}
#solutions-wrapper a:link, #solutions-wrapper a:visited {
color:#636466;
}
#content a:hover, #content a:active {
color:#6cccca;
text-decoration:underline;
}
div#infra-pillars-wrapper a:hover, div#infra-pillars-wrapper a:active {
color:#64bbb9;
}
div#language div.buttons a, 
div#content div.buttons a, 
div#content div.product-details a.button,
div#content .caption_content a.button,
table#new-existing-customer a.button,
div#content a.button,
div#footer a.button,
#content div.mission a.button {
display:inline-block;
background:#BED62F;
padding:5px;
margin:5px 0;
border:1px solid #BED62F;
/*border-radius:3px;*/
color:#636466;	
text-decoration:none;
font-style:normal !important;
}
div#content div.product-details a.button,
table#new-existing-customer a.button {
padding:4px;
}
div#language div.buttons a:hover, 
div#content div.buttons a:hover, 
div#content div.product-details a.button:hover,
table#new-existing-customer a.button:hover,
div#content a.button:hover,
div#footer a.button:hover,
#content div.mission a.button:hover {
background:#fff;
padding:4px;
border:2px solid #BED62F;
/*color:#BED62F;*/	
}
div#infra-pillars-wrapper a.button,
div#right div.extra-info a.button,
div#left div#images a.button {
display:block;
width:100%;
text-align:center;
padding:5px 0;
color:#fff; 
}
div#infra-pillars-wrapper a.button {
margin:5px 0;
}
div#left div#images a.button {
margin:20px 0 0 0;
width:188px;
}
div#solutions-wrapper a.button {
width:211px;
margin:10px 0 0px 10px;
text-align:center; 
/*background-color:#BED62F;*/
padding:5px 0;
color:#fff;
/* Fall-back for browsers that don't support rgba */
/*background-color: rgb(227, 160, 58); 
background-color: rgba(227, 160, 58, 0.8);*/
}
div#infra-pillars-wrapper a.button:hover,
div#right div.extra-info a.button:hover,
div#solutions-wrapper a.button:hover,
div#left div#images a.button:hover {
color:#BED62F;
border:1px solid #BED62F;
padding:5px 0;
}

div#solutions-wrapper a.no-left-margin {
margin:10px 0 0px 0px;
}
div#breadcrumb {
position:absolute;
bottom:-30px;
left:0px;
width:940px;
height:25px;
z-index:2;
/*padding:0;*/
}
div#multilingual {
position:absolute;
top:10px;
right:30px;
text-align:right;	
font-size:0.8em;
padding:0;
width:100px;
}
div#multilingual a {
color:#fff;
text-decoration:none;
}
div#multilingual a.active {
color:#3f758a;
font-weight:bold;
}
div#site {
position:relative;
width:100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto -383px; /* The negative margin should always equal to the full height of the footer */
font-size:1.2em;		
}
body#home div#site {
margin:0 auto -488px; /* The negative margin should always equal to the full height of the footer */		
}

div.wrapper {
width:940px;
/*min-height:120px;*/
margin:0 auto;
/*position:relative;*/
}
body#home div#site > div.wrapper {
width:100%;
margin:0;
}
div.overflow {
/*overflow:auto;*/
}
div.relative {
position:relative;
}
div#design {
position:absolute;
width:198px;
/*margin-left:-93px;*/ /* center horizontally - half of total width */
/*left:50%;*/
height:30px;
padding:10px 0 0 0;
bottom:-28px;
right:30px;	
}
.testimonial  {
/*border-bottom:1px dotted #BED62F;
margin:0 0 20px 0;*/
color:#50504f;
line-height:110%;
padding:0 10px;
}
.testimonial div {
float:left;
}
.testimonial div.startquote {
font-size:6em;
margin:0 5px 0 0;
width:30px;
height:30px;
position:relative;	
}
.testimonial div.startquote span {
position:absolute;
top:35px;
left:0;
width:100%;
height:100%;
}
.testimonial div.quote {
width:555px;
font-style:italic;	
}
p.customer {
clear:both;
font-weight:bold;
font-size:1.2em;
/*font-style:italic;*/
padding:10px 0 0 0;
}

div.metro-ui-wrapper {
float:left;
margin:0 0 20px 20px;	
}
/* Zorgt er nog altijd niet voor dat de links onderlijnd worden: dit komt doordat het div element met class metro-ui waarrond het a element staat gefloat wordt. Als je het a element inspecteert dan zal je zien dat dit niet de dimensies aanneemt van het div element waarrond het staat. Het heeft maw. niets om te onderlijnen... Werken met een wrapper zoals bij apotheek van pelt */
/*#content a.metro-ui {
text-decoration:underline; 
}*/

#content div.metro-ui-wrapper a,
div#infra-pillars-wrapper div.metro-ui a,
div#usp div.metro-ui a {
text-decoration:none; 
}
div.metro-ui, div.metro-ui-small {
font-family:'Rampung',Arial,Verdana;
line-height:110%;
/*margin:0 0 15px 15px;*/
color:#fff;	
/*float:left;*/
box-shadow:5px 5px 10px 0px rgba(0,0,0,0.7);
transition:all 0.2s linear;
}
div.metro-ui {
position:relative;
font-size:1.5em;
text-align:center;
width:260px;
height:210px;
padding:190px 20px 20px 20px;
display:table;
/*overflow:hidden;*/
}



/*div#infra-pillars-wrapper > div,*/
div#solutions-wrapper,
div#all-solutions-wrapper,
div#employees-wrapper,
div#brands-wrapper {
overflow:auto;	
}
div#infra-pillars-wrapper > div, 
div#social-wrapper > div {
width:940px;
margin:0 auto;
}
div#infra-pillars-wrapper {
padding:40px 0 40px 0;
position:relative;
text-align:center;
background:#fff;
color:#4b4c4d;	
}
div#social-wrapper {
padding:40px 0 40px 0;
text-align:center;
}
div#all-solutions-wrapper > div {
overflow:auto;
clear:both;	
}
div#infra-pillars-wrapper div.metro-ui,
div#solutions-wrapper div.metro-ui,
div#usp div.metro-ui {
position:relative;
width:255px;
height:240px;
padding:150px 20px 30px 20px;
}
div#infra-pillars-wrapper div.metro-ui,
div#usp div.metro-ui {
float:left;
margin:0 0 20px 20px;
height:180px;
}
div#usp div.metro-ui {
padding:15px 15px 30px 15px;
width:265px;
height:265px;
}
/*div#infra-pillars-wrapper div.metro-ui {
margin:15px 0 0 0;	
}*/
div#solutions-wrapper div.metro-ui {
width:885px;
/*height:150px;*/
min-height:150px;
height:100%;
padding:20px;
margin: 0 0 15px 0;
text-align:left; 
}
div#solutions-wrapper div.metro-ui div { 
font-size:0.8em;
color:#636466;
}
div#references-wrapper div.metro-ui {
position:relative;
width:295px;
height:221px;
padding:0;
}
div#right div.metro-ui {
font-family: Arial,Verdana;
width:260px;
height:100%;
padding:0px 0 10px 0;
margin: 0 0 15px 0;
text-align:left; 
background:#9B9B9B;
font-size:1.2em;
}
/*div#infra-pillars-wrapper div.metro-ui:hover,
div#references-wrapper div.metro-ui:hover {
color:#333;
}*/
div#infra-pillars-wrapper div.metro-ui h3,
div#usp div.metro-ui h3,
div#references-wrapper div.metro-ui h2,
div#solutions-wrapper div.metro-ui h2,
div#infra-pillars-wrapper h2,
div#references-wrapper h2,
div#employees-wrapper h2,
div#search-references-wrapper div.metro-ui h2, 
div#all-solutions-wrapper > div h2,
p.highlight {
font-size:1.3em;
line-height:110%;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
color:#6cccca;
}
div#infra-pillars-wrapper div.metro-ui h3,
div#usp div.metro-ui h3 {
margin:0 0 15px 0;	
}
div#usp div.metro-ui p {
color:#333;
font-size:0.9em;
}
div#infra-pillars-wrapper h2,
div#references-wrapper h2,
div#employees-wrapper h2,
div#all-solutions-wrapper > div h2 {
font-size:2.2em;
/*text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5);*/
}
div#references-wrapper h2,
div#employees-wrapper h2,
div#all-solutions-wrapper > div h2 {
margin:0 0 15px 0;
}
div#solutions-wrapper div.metro-ui h2 {
width:180px;
}
div#references-wrapper div.metro-ui h2 {
margin:10px 0 0 0;
}
div#infra-pillars-wrapper div.metro-ui div.readmore,
div#usp div.metro-ui div.readmore,
div#references-wrapper div.metro-ui div.readmore,
div.reference div.readmore {
position:absolute;
bottom:0px;
left:0px;
height:27px !important;
padding:3px 0 0 0 !important;
width:100% !important;
background:#231f20;
/*border-right:10px solid #BED62F;*/
color:#fff;
font-size:0.9em;
}
div#usp div.metro-ui div.readmore:hover {
color:#6cccca;	
}
div#references-wrapper div.metro-ui div.readmore {
right:0px;	
}
div#references-wrapper div.metro-ui div.readmore:hover {
color:#BED62F;	
}
div.reference div.readmore {
right:0px;
height:27px !important;
width:80px !important;
background:#BED62F;	
font-size:1.35em;
text-align:center;
font-family:'Rampung',Arial,Verdana;
line-height:110%;
}
div.reference div.readmore:hover {
height:25px !important;
width:78px !important;
background:#fff;
border:1px solid #BED62F;
color:#BED62F;	
}
div#references-wrapper div.metro-ui-wrapper {
margin: 0px 0 20px 20px;
}
div#infrastructuur div,
div#opleidingen div,
div#interactief div,
div#webrand div {
display:table-cell; 
vertical-align:middle;
width:140px;
height:100%;
padding:0px 10px 0px 70px; 
}
div#small-tiles-container {
clear:both;
width:235px;
height:270px;
float:left;
}
div#references-wrapper,
div#search-references-wrapper {
overflow:auto;	
}
body#home div#references-wrapper {
background:#f8f7f7;	
padding:40px 0 40px 0;
position:relative;
overflow:visible;
color:#636466;
text-align:center;
}
body#home div#references-wrapper > div {
overflow:auto;	
margin:0 auto;
width:940px;
}
body#home div#references-wrapper::after {
border-color: #f8f7f7 transparent;
border-style: solid;
border-width: 25px 25px 0;
bottom: -25px;
content: "";
display: block;
margin-left:-25px; /* center horizontally - half of total width */
left:50%;
position: absolute;
width: 0;
z-index:1000;
}
div#search-references-wrapper div.metro-ui {
float:left;
margin:0 0 20px 20px;
padding:0 20px 20px;
height:305px;
width:255px;
/*text-align:left;*/
}
div#search-references-wrapper div.no-left-margin {
margin:0 0 15px 0;	
}
div#search-references-wrapper div.metro-ui h2 {
margin:5px 0;
}
div#search-references-wrapper div#divisions {
float:none;
margin:0 0 15px 0;
width:885px;
height:75px;
overflow:auto;
/*text-align:left;*/
}
div#search-references-wrapper div#divisions div {
float:left;
width:200px;
background: #BED62F;
margin:0 5px;
padding:5px 6px 5px 5px;	
}
div#search-references-wrapper div.metro-ui div {
width:100%;
text-align:left;
font-size:0.8em;
color: #333;
/*background: #e3a03a;
margin:5px 0;
padding:5px 0;*/
}
div#search-references-wrapper input[type="submit"] {
display:block;
clear:both;	
}
div.reference {
position:relative;	
float:left;
width:295px;
height:221px;
margin: 0px 0 20px 20px;
box-shadow:5px 5px 10px 0px rgba(0,0,0,0.7);
}
div#references-wrapper div.no-left-margin {
margin: 0px 0 20px 0;	
}
div.reference a {
display:block;
width:100%;
height:100%;
}
div.reference img {
height:221px;
width:295px;
}

/*div.metro-ui:hover {
color:#333;
}*/
div.metro-ui h2 {
font-size:1.8em;
line-height:110%;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
color:#BED62F;
}
div.metro-ui div.readmore {
position:absolute;
bottom:0px;
right:0px;
height:27px;
padding:3px 0 0 0;
width:80px;
background:#333333;
/*border-right:10px solid #BED62F;*/
color:#fff;
font-size:0.9em;

}
/*div.metro-ui div {
display:table-cell; 
vertical-align:middle;
width:300px;
height:100%;
padding:0px 10px 0px 70px; 
}*/
/*div.metro-ui-small {
font-size:1.1em;
width:110px;
height:110px;
margin:0 0 15px 0px;
}*/
div.metro-ui-small {
font-size:1.1em;
text-align:left;
width:105px;
height:105px;
float:left;
margin:0 0 10px 10px;
}
div.no-left-margin,
div#infra-pillars-wrapper div.no-left-margin,
div#usp div.no-left-margin {
margin:0 0 20px 8px;
}
/*div#content div.metro-ui a {
display:block;
width:140px;
height:100%;
padding:0px 10px 0px 70px;
color:#fff;
text-decoration:none;
}*/
div#content div.metro-ui-small a {
/*display:block;
width:90px;
height:30px;
padding:70px 10px 10px 10px;
color:#fff;
text-decoration:none;
text-align:center;*/
display:block;
width:85px;
height:45px;
padding:50px 10px 10px 10px;
color:#fff;
text-decoration:none;
}
div#all-solutions-wrapper div.metro-ui-small a {
height:40px;
padding:65px 10px 0px 10px;
/*color:#fff;*/
color:#636466;
text-decoration:none;
text-align:center;
}
div#content div.metro-ui-small a:hover {
color:#333;
}
div#all-solutions-wrapper div.metro-ui-small {
/*height:130px;*/
margin:0 15px 15px 0;	
}


/*div#websites {
background:url('../images/websites.png') no-repeat 0px 20px;
background-color: rgb(155, 155, 155);
background-size: 100% auto;
}
div#websites-small {
background:url('../images/websites.png') no-repeat 0px 10px;
background-color: rgb(155, 155, 155); 
background-size: 110px auto;
}
div#websites:hover, div#websites-small:hover {
background-color: rgb(255, 255, 255);
}
div#e-commerce {
background:url('../images/webshop.png') no-repeat 0px 20px;
background-color: rgb(155, 155, 155);
background-size: 100% auto;
}
div#e-commerce-small {
background:url('../images/webshop.png') no-repeat 0px 10px;
background-color: rgb(155, 155, 155); 
background-size: 110px auto;
}
div#e-commerce:hover, div#e-commerce-small:hover {
background-color: rgb(255, 255, 255);
}
div#online-marketing {
background:url('../images/online-marketing.png') no-repeat 0px 20px;
background-color: rgb(155, 155, 155); 
background-size: 100% auto;
}
div#online-marketing-small {
background:url('../images/online-marketing.png') no-repeat 0px 10px;
background-color: rgb(155, 155, 155);
background-size: 110px auto;
}
div#online-marketing:hover, div#online-marketing-small:hover {
background-color: rgb(255, 255, 255);
}*/


div#solutions-wrapper > div,
form#reference-search > div {
/*background:rgb(155, 155, 155);*/
background:#f8f7f7;
position:relative;
z-index:1;
display:block;
overflow:hidden;	
}
div#solutions-wrapper > div::after, 
form#reference-search > div::after {
content: "";
/*background-size: 300px auto;*/
opacity: 0.2;
filter:alpha(opacity=20);
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;   
}
div#solutions-wrapper > div:hover,
form#reference-search > div:hover {
/*background-color: rgb(155, 155, 155);*/
background:#f8f7f7;
}

div#graafmachines {
background:#fff url('../images/graafmachine.png') no-repeat 50% 50px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#knikladers {
background:#fff url('../images/kniklader.png') no-repeat 50% 50px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#walsen {
background:#fff url('../images/walsen.png') no-repeat 50% 50px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#hoogtewerkers {
background:#fff url('../images/hoogtewerker.png') no-repeat 50% 50px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}

div#websites {
background:#fff url('../images/websites.png') no-repeat 50% 20px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-websites {
background:#f8f7f7 url('../images/websites.png') no-repeat 0px 5px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
div#solutions-wrapper div#websites::after,
div#search-references-wrapper div#websites::after {
background:url('../images/websites.png') no-repeat 100% 90%;
background-size: 150px auto;
}
div#e-commerce {
background:#fff url('../images/webshop.png') no-repeat 50% 20px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-e-commerce {
background:#f8f7f7 url('../images/webshop.png') no-repeat 0px 5px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
div#solutions-wrapper div#e-commerce::after,
div#search-references-wrapper div#e-commerce::after {
background:url('../images/webshop.png') no-repeat 100% 90%;
background-size: 150px auto;
}
div#online-marketing {
background:#fff url('../images/online-marketing.png') no-repeat 50% 20px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-online-marketing {
background:#f8f7f7 url('../images/online-marketing.png') no-repeat 0px 5px;
/*background-color: rgb(155, 155, 155);*/ /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
div#solutions-wrapper div#online-marketing::after,
div#search-references-wrapper div#online-marketing::after {
background:url('../images/online-marketing.png') no-repeat 100% 90%;
background-size: 150px auto;
}
/*div.solution-websites,
div.solution-e-commerce,
div.solution-online-marketing {
background-position: 0px 5px;
}*/
div#websites:hover,
div.solution-websites:hover,
div#e-commerce:hover,
div.solution-e-commerce:hover,
div#online-marketing:hover,
div.solution-online-marketing:hover {
background-color: rgb(255, 255, 255);
}

div#references {
background:url('../images/references.png') no-repeat 0px 40px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
body#home div#references {
background:#fff url('../images/references.png') no-repeat 0px 40px;
background-size: 100% auto;
}
div#references:hover {
background-color: rgb(255, 255, 255);
}


div#nav {
position:absolute;
width:100%;
left:0px;
top:72px;
padding:5px 0 0 0;
height:59px;
/*background:#929496;*/
background:#636466; 
/*border-bottom:3px solid #ed1c24;*/
/*background:url('../images/nav-bg.png');*/
/*box-shadow:0 0 25px 15px rgba(0,0,0,0.4);*/
z-index:100;	
}
div#zone1 {
/*clear:both;
border-top:1px dotted #000;*/
padding:136px 0 0 0;
width:100%;
position:relative;
}
div#top {
/*padding:5px 0 0 0;
clear:both;*/
font-size:0.9em;
position:absolute;
top:0px;
left:0px;
width:100%;
height:69px;
background:#231f20;
border-bottom:3px solid #fff;
z-index:100;
}
div.shortcuts, div.social {
overflow:auto;	
width:220px;
float:right;
}
div.shortcuts {
width:165px;
}
div.social {	
margin:0 10px 0 10px;
width:55px;
}
div.shortcuts div, div.social div {
height:40px;
width:40px;
float:right;
/*padding:15px 0 0 0;*/
margin:15px 0 0 15px;
color:#50504f;
}
div.shortcuts div a, div.social div a {
display:block;
height:40px;
width:40px;
}
div#slogan {
height:37px;
width:100px;
float:left;
margin:0 15px 0 0;
font-family:'Rampung',Arial,Verdana;
font-size:2.5em;
line-height:110%;
padding:3px 0 0 95px;
color:#ed1c24;
text-transform:uppercase;
}
div#slogan span {
color:#000;	
}
div.telephone {
background:url('../images/telephone.png') no-repeat;
background-size:100% auto;
}
div.email-top {
background:url('../images/email.png') no-repeat;
background-size:100% auto;
}
div.route {
background:url('../images/route.png') no-repeat;
background-size:100% auto;
}
/*div#shop {
background:url('../images/shop.png') no-repeat;
background-size:100% auto;
}*/
div.facebook {
background:url('../images/facebook.png') no-repeat;
background-size:100% auto;
}
/*div.linkedin {
background:url('../images/linkedin.png') no-repeat;
background-size:100% auto;
}
div.youtube {
background:url('../images/youtube.png') no-repeat;
background-size:100% auto;
}
div#twitter {
background:url('../images/twitter.png') no-repeat;
background-size:100% auto;
}*/
/*div.facebook, div#youtube {
float:right;
}*/
/*div.facebook a, div#youtube a {
display:block;
width:40px;
height:40px;
}*/
/*div#top div img {
float:left;	
}
*/div#top-quicklogin {
width:700px;
height:25px;
color:#fff;
/*margin:0 0 0 10px;
padding:3px 5px 0 5px;
border:1px dotted #CCC;
border-radius: 5px;	
background-color:#f9f7f7;*/
}
div#top-quicklogin label {
display:inline;
}
div#top-quicklogin input[type="submit"] {
background:#3f758a;
padding:1px;
border:1px solid #3f758a;;
border-radius:3px;
color:#fff;
}
div#top-quicklogin input[type="submit"]:hover {
background:#fff;
color:#3f758a;
}
div#top-quicklogin a.button:link, div#top-quicklogin a.button:visited {
background:#3f758a;;
padding:2px;
border:1px solid #3f758a;;
border-radius:3px;
color:#fff;
text-decoration:none;
}
div#top-quicklogin a.button:hover, div#top-quicklogin a.button:active, div#top-quicklogin a.button#current {
background:#fff;
color:#3f758a;
}
.logoff {
display:inline-block;
float:right;
margin:1px 2px 0 0;	
}
span.divider {
font-size:1.3em;
font-weight:bold;
color:#fff;	
}
div#zone2 {
width:100%;
/*padding:10px 0 0 0;*/
/*height:277px;*/
/*overflow:auto;*/
}
div#logo {
float:left;
/*position:absolute;	
left:0px;
top:-70px;
width:297px;
height:60px;
z-index:100;
z-index:1;*/
margin:8px 0 0 0px;
}
/*div#logo img {
height:50px;
}*/
div.logo img { /*Google maps*/
/*width:100px;*/
}

.location {
width:100%;
margin:0 0 20px 0;
/*float:left;*/
}
/*.route-margin-right {
margin-right:10px;	
}*/
div#infowindow div.info, div#infowindow2 div.info {
/*font-size:0.9em;*/
color:#000;	
} 
div#infowindow div.info a, div#infowindow2 div.info a {
color:#000;	
}
#infowindow, #infowindow2 {
min-width:150px;
min-height:150px;	
}
div#contact {
margin:0 0 10px 0;
/*float:left;	
text-align:right;*/
}
/*div#contact p {
font-size:0.8em;
}
div#contact p:first-child {
margin:5px 0 10px 0;	
}*/
/*div#contact a:link, div#contact a:visited {
color:#000;
text-decoration:none;
}
div#contact a:hover, div#contact a:active {
text-decoration:underline;	
}*/

div#images, div#testimonials, div#left > div#images {
position:relative;	
width:610px;
height:270px;
margin:0px 0 0 0px;
/*border:5px solid rgba(0, 0, 0, 0);
border-radius:5px;
box-shadow:0 0 5px #333333;*/
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.7);
}
div#left > div#images {
margin:10px 0 0 10px;
}
/*div#testimonials {	
height:350px;
}*/
div#quotes {
position:relative;	
width:240px;
height:165px;
/*background:#9B9B9B;*/	
}
div#quotes span {
display:inline-block;
padding:5px 0 0 60px;
}
div#zone3 {
width:100%;
overflow:auto;		
}
div#h_nav {
margin:0 0 0 0px;	
/*float:left;*/
width:940px;
height:100%;
}
div#nav2, div#sponsors, div#coordinates, div#news-wrapper, div#footer div.calendar, div#footer div.partners-wrapper {
float:left;
width:240px;
margin:0 0 0 140px;
padding:0 0 0 0;
/*border-right:1px dotted #0c94a4;*/
text-align:center;
font-size:1.2em;
/*background-color:#061760;*/
/*font-family:'PT Sans', Arial,Verdana;*/
}
div#footer div.partners-wrapper {
width:180px;
margin:0 60px 0 140px;
}

#partners {
position:relative;
height:120px;
width:180px;
}
#partners div {
position:absolute;
top:0px;
left:0px;
z-index:8;
opacity:0.0;
height:120px;
/*line-height:90px;*/
width:180px;
background-color:#333333;
}

div#coordinates {
margin:0 0 0 0;
width:100%;
}
/*div#sponsors img {
float:left;	
}*/
div#coordinates p, div#opening p, div#sponsors p {
margin:7px 0 0 0;
line-height:145%;	
}
div#nav2 div {
float:left;
width:100%;
margin:0 10px 0 0;
}
div#nav2 div h3, div#coordinates h3, div#footer div.calendar h3, div#news-wrapper h3, div#opening h3, div#sponsors h3, div.partners-wrapper h3, ul.nav2 > li > span {
font-family:'Rampung',Arial,Verdana;
font-size:1.3em;
color:#BED62F;
text-decoration:none;
padding:15px 0 10px;
/*border-bottom:1px dotted #595656;*/
/*font-weight:bold;*/
/*font-variant:small-caps;*/
text-transform:uppercase;
}
div.partners-wrapper h3 {
text-align:center;
}
div#nav2 div ul {
padding:0 0 0 15px;
margin:5px 0 0 0;
color:#fff;
}
div#nav2 div ul li {
list-style-type:square;
padding:3px 0;
color:#595656;
}
div#nav2 div ul li span {
color:#fff;
}
div#nav2 div ul li:hover, div#nav2 div ul li#current {
/*list-style-type:square;*/
color:#fff;
}
div#nav2 div ul li a:link, div#nav2 div ul li a:visited, div#nav2 div ul li a:active { 
color:#fff;
text-decoration:none;
}
div#nav2 div ul li a:hover {
/*text-decoration:underline;*/
}
div#content {
padding:40px 0px 20px;
color:#fff;
overflow:auto;
line-height:110%;
width: 100%;
height: 100%;
/*text-align:justify;*/
}
body#home div#content {
padding:0px 0px 0px;	
}
div#usp {
padding:40px 0 40px 0;
background:#fafafa;
position:relative;
text-align:center;
color:#4b4c4d;
/*border-bottom:1px solid #4b4b4b;*/	
}
div#usp > div {
margin:0 auto;
width:940px;
}
div#usp > div > div {
margin:0 auto;
width:625px;
/*overflow:auto;*/
/*margin:0 0 0 10px;*/
}
/*div#usp::before {
border-color: #4b4b4b transparent;
border-style: solid;
border-width: 27px 27px 0;
bottom: -27px;
content: "";
display: block;
margin-left:-2px;
left:50%;
position: absolute;
width: 0;
}*/
/*div#usp::after {
border-color: #f8f7f7 transparent;
border-style: solid;
border-width: 25px 25px 0;
bottom: -25px;
content: "";
display: block;
margin-left:-25px; 
left:50%;
position: absolute;
width: 0;
}*/
/*div#usp .clientTriangle {
position:absolute;
top:-10px;
left:-10px;
width:0px; 
height:0px;  
border-top: 170px solid #BED62F;
border-right: 170px solid transparent;
background:none;
}*/
div#main {
/*float:left;	
width:790px;*/
width:100%;
padding:0 0 0 0px;
/*overflow:auto;*/
}
/*div#left, div#right {
float:left;	
}
div#left {
margin:20px 0 0 0;
width:200px;	
}
div#right {
margin:0 0 0 0;
width:432px;	
}*/

div#left, div#right,
div#right div.logo, 
div#right div.customer,
div#seminar-left,
div#seminar-right {
float:left;	
}
div#left {
margin:0px 35px 0 0;
width:630px;	
}
div#seminar-left {
margin:20px 0 0;
width:200px;
}
div#seminar-right {
margin:0;
width:740px;
}
div#left p.description {
font-size:1.1em;
font-style:italic;
line-height:120%;
}
div#right {
margin:0 0 0 0;
width:275px;	
}
div#right div.logo {
width:240px;
height:159px;
/*border:1px solid #BED62F;*/
background:#fff;
margin:0 10px 10px 10px;	
}
div#right div.customer {
width:240px;
margin:0 10px;
font-size:0.85em;	
}
div#right div.extra-info {
clear:both;
width:240px;
margin:0 10px 0 10px;
font-size:0.85em;	
}
div#right div.brand {
float:left;
width:113px;
height:113px;
border:1px solid #fff;
background:#fff;
margin:0 0 10px 10px;	
}
div#right div.no-left-margin {
margin:0 0 10px 0px;	
}


.advantage div a {
/*width:180px;
height:169px;*/	
}
div.strength, div.advantage, div.visit, div.spuitwerken {
position:relative;
border:2px solid #0C94A4;
border-radius:10px;
width:200px;
padding:4px;
margin:0 0 20px 0;	
font-size:1.2em;
}
div.advantage, div.visit, div.spuitwerken {
text-align:center;
line-height:150%;
}
div.advantage p {
font-size:0.7em;
}
div.strength div.more-info {
position:absolute;
top:-12px;
right:-12px;
height:30px;
width:30px;
background:url('../images/more-info.png') no-repeat;
padding:0;
}
div.strength div.more-info:hover {
cursor:pointer;
background:url('../images/more-info-hover.png') no-repeat;
}
div.strength div, div.advantage div, div.visit div, div.spuitwerken div {
background:#0C94A4;
/*border:4px solid #fff;*/
border-radius:5px;
color:#fff;
/*padding:10px;*/
font-weight:700;
font-family:'Rampung',Arial,Verdana;
width:200px;
font-size:1.4em;
}
div.advantage div {
height:189px;	
}
div.visit div {
height:141px;	
}
table.genomineerden td {
width:130px;	
}
div.spuitwerken div {
height:93px;	
}
div.strength div:hover, div.advantage div:hover, div.visit div:hover, div.spuitwerken div:hover {
background:#fff;
color:#0C94A4;
}
/*div.reference {
position:relative;
float:left;
width:280px;
height:185px;
border:1px solid #333333;
margin:0px 20px 20px 0px;
padding:5px;	
box-shadow:0 12px 12px -12px rgba(0,0,0,1);
}
.highlight {
background-color: #9b9b9b;
color:#fff;
font-size: 1.2em;
line-height: 125%;
margin: 20px 0;
overflow: auto;
padding: 15px 30px;
text-align: justify;
width: 730px;
}
div.reference div.adhesive {
position:absolute;
top:-13px;
left:110px;
height:24px;
width:75px;
z-index:20;
background:url('../images/adhesive-small-100.png') no-repeat;
}
div.reference div.images > div {
position:absolute;
top:5px;
left:5px;
z-index:8;
opacity:0.0;
height:185px;
width:280px;
}
div.reference div.images div.active {
z-index:10;
opacity:1.0;
}
div.reference div.images div.last-active {
z-index:9;
}
div.reference div.images div.info {
z-index:11;
background-color:#fff;
opacity:1.0;
padding:5px;
height:175px;
width:270px;
}
div.reference div.images div.info h2 {
font:16px 'PT Sans',Arial,Verdana;
color:#A7BC2A;
font-variant:small-caps;
text-align:left;
}
div.reference div.images div.info p {
color:#333;
}
div.reference div.images div.info a {
text-decoration:none !important;
display:block;
height:175px;
width:270px;
}
.hidden {
display:none;
}*/
div#aside {
float:left;
width:110px;
margin:0 0 0 0;
/*border-top:1px solid #3F758A;*/
/*background:#f8f7f7;*/
padding:0 0 0 40px;
}
div#aside div#kader {
background-color:#ED1C24;
padding:15px;
text-align:justify;
width:220px;
color:#fff;
margin:5px 0 30px 0;
/*font-weight:bold;*/
line-height:130%;
}
div#aside  div#kader a {
color:#fff;
text-decoration:none;
}
div#aside  div#kader a:hover {
text-decoration:underline;
}
.news-all {
display:block;
text-align:right;
font-size:0.85em;
font-style:italic;
padding:3px 0;
}
div#content form {
margin:0 0 20px 0;	
}
div#zone4 {
width:100%;	
}
div.push {
height:383px; /* total height footer */
}
body#home div.push {
height:488px; /* total height footer */
}
div#footer {
position:relative; /* Anders werken links niet in footer... */
width:100%;
height:400px;
/*border-top:1px solid #009390;*/
border-bottom:28px solid #333;
/*border-top:3px solid #9C0607;*/
padding:5px 0 0 0;
background:#4a4e4e;
/*background:url('../images/footer-bg-3.jpg') repeat-x;*/
color:#fff;
text-align:left;
/*font-size:0.8em;*/
}
body#home div#footer {
padding:60px 0 0 0;	
}
body#home div#footer::after {
border-color: #fff transparent;
border-style: solid;
border-width: 25px 25px 0;
top:0px;
content: "";
display: block;
/*left: 57px;*/
margin-left:-25px; /* center horizontally - half of total width */
left:50%;
position: absolute;
width: 0;
z-index:1000;
}
/*div#footer div.shortcuts, div#footer div.social {
display:none;	
}*/
div#quicklinks {
/*margin:15px 0 0 0;
width:100%;*/
display:none;
text-align:center;
}

/*div#footer table {
width:960px;
margin:0 auto;	
}*/
/*div#footer img {
border:0;
float:left;
margin:0 20px 0 0;
border:1px solid #747678;
height:110px;
}
div#footer img.last {
margin:0 0 0 0;
}*/
div#legal {
position:absolute;
bottom:-28px;
left:30px;
/*font-size:0.8em;*/
padding:10px 0 0 0;
width:600px;
height:20px;
color:#fff;
text-align:left;	
}

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
	position:relative;
	height:100px;
	padding:10px;
	margin:0 0 1em;
	border:5px solid #4B4B4B;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#4B4B4B transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:57px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/*.active {
background-color:#ffffff !important; 
}*/
#content > h1, #main > h1, #aside > h1, div#schedule h1, div.categories h1, div.order-online h1, div.cart h1, div.strengths h1, div.products h1.category-title-no-content, div.categoryinfo h1, div.product-details h1, div.accessories h2, div.order-overview h1, div#infra-pillars-wrapper h1, div#references-wrapper h1, div#usp h1, div#social-wrapper h1, div#coordinates h1 {
font-family:'Rampung',Arial,Verdana;
font-size:3em;
line-height:110%;
width:100%;
padding:0 0 3px 0;
margin:0 0 10px 0;
color:#6cccca;
/*text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5);*/
/*text-transform:uppercase;*/	
}
div#infra-pillars-wrapper h1,
div#social-wrapper h1, 
div#coordinates h1 {
text-align:center;
text-shadow:none;
}
div#infra-pillars-wrapper h1 {
color:#6cccca;
}
/*div#infra-pillars-wrapper h1 {
margin:30px 0 0px 0;
}*/
body#home div#references-wrapper h1,
div#usp h1 {
/*color:#636466;*/
color:#333;
text-align:center;
text-shadow:none;
}
div#usp h1 {
margin:20px 0 10px 0;
}
div#usp div > p,
div#infra-pillars-wrapper div > p,
body#home div#references-wrapper > div > p,
div#social-wrapper div > p,
div#coordinates > p {
font-family:'Rampung',Arial,Verdana;
font-size:1.2em;
line-height:130%;
}
div#infra-pillars-wrapper div > p.highlight,
div#usp div > p.highlight,
div#coordinates > p.highlight {
font-size:2em;
font-family:'Rampung',Arial,Verdana;	
}
#main > h2, #left > h2, #right h2, .testimonial > h2, div.reference div.images div.info h2 {
font-family:'Rampung',Arial,Verdana;
font-size:2.2em;
line-height:110%;
width:100%;
padding:0 0 3px 0;
margin:25px 0 10px 0;
color:#333333;
font-weight:bold;
/*text-transform:uppercase;*/	
}
#right h2 {
font-size:1.5em;
text-transform:uppercase;	
margin:0 0 10px 0;
padding:3px 0 3px 0;
background:#BED62F;
color:#fff;
text-align:center;
font-weight:normal;
}
/*div.reference div.images div.info h2 {
padding:0 0 0 0;
margin:5px 0 10px 0;	
}*/
#main > h3, #right h3, .testimonial > h3 {
font-family:'Rampung',Arial,Verdana;
font-size:1.6em;
line-height:110%;
margin:20px 0 15px 0;
/*font-style:italic;*/
/*font-weight:bold;*/
}
#right h4 {
font-size:1.2em;
/*line-height:110%;*/
margin:0 0 5px 0;
padding:15px 0 5px 0;
border-bottom:1px dotted #fff;
font-weight:bold;
}
#right h3 {
font-family:'Rampung',Arial,Verdana;
font-size:2em;
line-height:110%;
margin:0 0 0px 0;
font-style:normal;
}
#aside > h3 {
font-family:'Rampung',Arial,Verdana;
font-size:1.5em;
line-height:110%;
width:240px;
padding:5px 5px 3px 5px;
margin:0 0 0 0;
color:#fff;
text-transform:uppercase;
background-color:#BED62F;
}
div.product-details h3 {
font-family:'Rampung',Arial,Verdana;
font-size:1.3em;
font-weight:bold;
width:100%;
padding:0 5px 0 0;
margin:15px 0 10px 0;
color:#009390;
line-height:110%;
/*font-variant:small-caps;*/
border-bottom:1px dotted #009390;
/*background:#E0E4CC;*/	
}
div.newsitems h1, h1.showcase-title {
font-family:'Rampung',Arial,Verdana;
font-size:1.5em;
font-weight:700;
width:100%;
padding:10px 0;
margin:0 0 10px 0;
color:#fff;
/*background:#706b68;*/	
background:#0C94A4;
text-align:center;
border-radius:10px 0 10px 0;	
}
div.accessories h2 {
font-size:1.5em;	
}
.caption_content ul, #content ul {
margin-left:20px;
list-style-type:disc;	
}
#content ul.news-overview, #content ul.calendar-overview, #content .calendar ul.upcoming, #footer .calendar ul.upcoming {
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
#content ul.news-overview {
margin:0 0 20px 0;
}
#content ul.news-overview li, #content ul.calendar-overview li, #content .calendar ul.upcoming li, #footer .calendar ul.upcoming li {
padding:5px 0;
border-bottom:1px dotted #BED62F;
}
#content ul.news-overview li a, #content ul.calendar-overview li a, #content .calendar ul.upcoming li a, #footer .calendar ul.upcoming li a {
text-decoration:none;
}
.caption_content ul ul,#content ul ul {
list-style-type:circle;	
}
.caption_content ol, #content ol {
margin-left:20px;
list-style-type:decimal;	
}
#content ol.galery {
margin-left:0;
list-style-type:none;
}
#content ol.galery li {
float:left;
height:100px;
padding:5px;	
border:1px dotted #fff;
margin:5px 10px 5px 0;
}
#content ol.galery li:hover {
border:1px solid #BED62F;	
/*background:#B2B3B6;*/
}

div.register {
float:left;	
}
div.margin-right {
margin:0 80px 0 0;	
}
div#schedule table {
/*background:url('../images/schedule-bg.png');*/
font-size:0.9em;	
}
div#schedule table td {
padding:5px 0;
vertical-align:top;
border-bottom:1px dotted #BED62F;
}
div#schedule table h2 {
font-weight:bold;
font-size:1.3em;
}
div.traject-ondernemingen {
display:inline-block;
margin:0 0 0 2px;
width:10px;
height:10px;
background:#00a4e4;	
}
div.traject-onderwijs-instellingen {
display:inline-block;
margin:0 0 0 2px;
width:10px;
height:10px;
background:#8cc63f;	
}
div.traject-openbare-besturen {
display:inline-block;
margin:0 0 0 2px;
width:10px;
height:10px;
background:#ec008d;	
}
#shoppingcart-detail a:link, #shoppingcart-detail a:visited,
#order-overview-detail a:link, #order-overview-detail a:visited {
color:#3f758a;
text-decoration:none;
}
#shoppingcart-detail a:hover, #shoppingcart-detail a:active,
#order-overview-detail a:hover, #order-overview-detail a:active {
color:#000;
text-decoration:none;
}
#content a.salesconditions, div.billing-address a {
text-decoration:underline;	
}
div.categories, div.products {
width:100%;
margin:0;
overflow:auto;
float:left;	
}
div.accessory, div.delivery-address {
float:left;
text-align:center;
margin:10px 10px 0 0;
}
div.delivery-address, div.billing-address {
position:relative;
}
div.accessory {
margin:10px 6px 10px 0;
height:235px;
width:175px;
background-color:#fff;
border:1px solid #3f758a;
border-radius:15px;		
}
div.accessory table {
text-align:left;
margin:5px 0 0 25px;
font-size:0.9em;
}
div.delivery-address, div.billing-address {
text-align:left;
border:1px solid #3f758a;
border-radius:10px;
height:100px;
width:140px;
padding:15px 5px;
margin:5px;
font-size:0.9em;
}
div.billing-address {
float:left;
width:265px;
height:100%;	
font-size:1em;
margin:0 12px 10px 0;
padding:15px 5px 0;
}
div.billing-address p:last-child {
font-size:0.8em;
font-style:italic;	
}
div.delivery-address label:hover {
cursor:pointer;
}
div.delivery-address span, div.billing-address span, table#order-overview-detail span.on-behalf {
font-style:italic;
font-size:1em;
}
div.delivery-address div {
text-align:center;
}
/*div.tape img {
border:1px solid #FFC21D;
}*/
div.delivery-address h3, div.billing-address h3 {
position:absolute;
top:81px;
left:11px;
width:90px; 
height:20px;
text-align:right;
background:#3f758a;
color:#fff;
border-radius:10px 0 0 0; 
font-variant:small-caps;
font-size:0.8em;	
}
div.delivery-address h3, div.billing-address h3 {
top:0px;
left:0px;
width:120px; 
text-align:left;
border-radius:9px 0 10px 0;
font-size:0.9em;
height:18px;
padding:4px 0 0 5px;
}
div.billing-address h3 {
width:200px;
font-size:1em;	
padding:0;
height:20px;
}
div.category, div.product {
position:relative;
height:190px;
width:145px;
background-color:#fff;
border:2px solid #009390;
float:left;
text-align:center;
margin:10px 10px 0 0;
/*border-radius:15px;*/	
}
div.no-right-margin {
margin:10px 0 0 0;
}
/*div.product {
height:214px;	
}*/
div.category > div, div.product > div {
position:absolute;
top:0px;
left:0px;
z-index:1;
height:100%;
width:100%;
}
/*div.product > div {
height:214px;	
}*/
/*div.product > div img, div.accessory img {
width:135px;	
}*/
/*div.category div.info, div.product div.info {
z-index:2;
background-color:#000;
opacity:0.60;
filter:alpha(opacity=60);
border-radius:25px;
padding:15px;
top:31px;
left:5px;
height:190px;
width:210px;
}
div.product div.info {
height:128px;
opacity:0.80;
filter:alpha(opacity=80);
}*/
/*div.category > div > a {
position:relative;
}*/
div.category div.view-products, div.product div.view-product-details {
top:170px;
left:-2px;
width:144px;
padding:4px 5px 0 0; 
height:16px;
text-align:right;
background:#009390;
/*border-radius:15px 0 13px 0;*/
font-size:0.8em; 
/*font-variant:small-caps;*/	
}
/*div.product div.view-product-details {
top:194px; 	
}*/
/*div.category div.info p, div.product div.info p {
color:#fff;
text-align:left;
}
div.category div.info a, div.product div.info a  {
display:block;
height:190px;
width:210px;
}
div.product div.info a  {
height:128px;
}
div.category div.info p:first-child, div.product div.info p:first-child, div.categoryinfo p:first-child {
margin-top:0px;
}
.hidden {
display:none;
}*/
div.product-details {
float:left;	
width:100%;
}
/*div.categoryinfo, div.comparecollections {
width:508px;
margin:0 0 5px 0;
border:1px solid #FFC21D;
border-radius:0 0 25px 25px;	
}*/
div.order-online, div.categoryinfo {
width:549px;
margin:0 0 20px 0;
/*border:1px solid #3f758a;
border-radius:15px;*/
}
/*div.categoryinfo div {
padding:5px;
}*/
div.comparecollections div {
padding:5px 5px 15px 20px;
}
div.comparecollections div {
overflow:auto;
}
div.comparecollections div div {
float:left;
}
#content div.category a, #content div.product a, #content div.accessory a {
text-decoration:none;	
}
#content div.category a, #content div.product a {
color:#fff;	
}
div.category h2, div.product h1, div.accessory h1, div.secureshop h1, div.comparecollections h1 {
width:100%;
padding:5px 0;
/*margin:0 0 5px 0;*/
margin:0 0 5px 0;
text-align:center;
font-size:0.8em;
background-color:#009390;
text-transform:uppercase;
/*border-radius:13px 13px 0 0;*/
color:#fff;	
}
div.accessory h1 {
height:25px;
line-height:120%;	
}
/*div.products h1.category-title-no-content {
width:510px;
margin:5px 0;	
}*/
/*div.tapes h2 {
font-size:1.2em;	
}*/
div.delivery-addresses h2, div.delivery-date h2, div.delivery-remarks h2, div.product_images h2, div.order-summary h2, div.rental-period h2 {
padding:10px 0 10px 5px;
border-bottom:1px solid #999;
/*background:#e6e3e3;*/
font-weight:bold;
}
div.delivery-addresses {
position:relative;	
}
div.delivery-addresses a.add-delivery-address {
position:absolute;
bottom:0;
right:0;
width:160px;
height:18px;
/*padding:2px 0 0 5px;*/
font-size:0.8em;
font-variant:small-caps;
text-align:right;
/*border-radius:10px 0 0 0;
background:#E6E3E3;
border-top:1px solid #E6E3E3;
border-left:1px solid #E6E3E3;*/
}
div#content div.delivery-addresses a.add-delivery-address {
text-decoration:none;	
}
div.delivery-addresses a.add-delivery-address:hover {
/*border-top:1px solid #999;
border-left:1px solid #999;*/
}
div.product_images h2 {
/*font-variant:small-caps;
text-align:center;*/
}
/*div.product h1 {
font-size:1.1em;	
}*/
/*div.category h1, div.product h1, div.accessory h1 {
margin:0;
}*/
/*div.product_images {
float:left;
width:195px;
text-align:center;
}*/
div.product_image {
float:left;
/*text-align:center;*/
width:300px;
/*width:182px;
height:120px;*/
border:2px solid #009390;
margin:0 6px 0 0;
padding:5px;
/*text-align:center;*/	
/*background-color:#fff;*/
}
div.product_image img {
width:300px;
}
div.product_image a {
display:block;
width:100%;
height:300px;
}
div.product_thumbs {	
float:left;
width:310px;
/*padding:0 5px 5px 0;*/
}
div.product_thumb {
float:left;
width:94px;
height:94px;
padding:2px;
border:1px dotted #009390;
margin:0 5px 7px 0;
}
div.thumb-no-right-margin {
margin:0 0 5px 0;
}
div.product_thumb a {
display:block;
width:100%;
height:100%;
}
div.product_thumb a img {
width:94px;
}
div.product_info {
/*float:left;
width:395px;*/
width:100%;
/*margin-top:3px;*/
}
/*div.product_info table {
width:100%;	
}*/
div.product-price-calculator table tr td:first-child, #calculator tr td:first-child {
width:100px;
}
div.product-price-calculator {
float:left;
background-color:#F3F1F1;
border:1px solid #999;
margin:0;
width:236px;	
height:207px;
}
/*div.delivery-addresses, div.delivery-date, div.product_images {
width:486px;
overflow:auto;
float:left;
margin:10px 0;	
}
div.delivery-date, div.product_images {
overflow:visible;
}*/
div.delivery-addresses, div.delivery-date {
padding:0 0 30px 0;	
}
div.accessories {
width:550px;
overflow:auto;
/*border:1px solid #999;*/
clear:both;
margin:0 0 10px 0;	
}
div.delivery-date {
width:394px;
height:179px;
margin:10px 20px 10px 0;
}
div.delivery-remarks, div.order-summary {
width:900px;	
/*border:1px solid #999;*/
margin:0 0 10px 0;
}
div.product_images {
width:100%;
height:320px;
margin:0 0 10px 0;	
overflow:visible;	
}
div.base-price {
font-size:1.3em;
font-weight:bold;
padding:5px 0;
margin:0 0 15px 0;
/*border-bottom:1px solid #C9CDB7;*/
}
div.base-price span {
font-size:1.5em;
color:#009390;
}
div.delivery-remarks div, div.order-summary div {
padding:9px 6px;
}
div.delivery-date div, div.rental-period div {
padding:0 5px;
}
div.delivery-remarks {
clear:both;
}
div.order-overview {
width:100%;
}
div.cart, div.secureshop, div.strengths {
width:325px;
/*float:left;*/	
/*border:1px solid #CCC;*/
margin:5px 0 30px 0;
/*border:1px solid #3f758a;
border-radius:15px;*/	
}
div.strengths {
margin:0;
padding:30px 0 0 0;
border-top:1px solid #999;
/*border:1px solid #3f758a;
border-radius:15px;*/	
}
div#language div.strengths {
border:none;	
}
a.checkout {
display:block;
text-align:right;
}
#shoppingcart-detail, #order-overview-detail, div.product-price-calculator table, div.secureshop table, div.strengths table {
width:100%;	
}
#shoppingcart-detail, #order-overview-detail, div.secureshop table, div.strengths table {
/*border:1px solid #3f758a;
border-radius:15px;	*/
margin:0 0 10px 0;
}
#shoppingcart-detail td, #order-overview-detail td {
text-align:right;	
padding:5px 0 5px 5px;
vertical-align:top;
}
#shoppingcart-detail td {
font-size:0.9em;
}
tr.odd {
background-color:#f3f1f1;	
}
#shoppingcart-detail td:first-child, #order-overview-detail td:first-child {
padding:5px 0 5px 5px;
}
#shoppingcart-detail th, #order-overview-detail th, #order-overview-detail td.title, div.product-price-calculator table th {
padding:10px 0 10px 5px;
/*border-top:1px solid #999;*/
/*border-bottom:1px solid #999;*/
/*background:#fff;*/
text-align:right;
font-weight:bold;
}
div.product-price-calculator table th {
/*font-variant:small-caps;
text-align:center;*/
text-align:left;
border-bottom:1px solid #999;
border-top:none;
}
#shoppingcart-detail th:first-child, #shoppingcart-detail td:first-child, #order-overview-detail th:first-child, #order-overview-detail td:first-child {
text-align:left;
}
#shoppingcart-detail th:last-child, #shoppingcart-detail td:last-child, #order-overview-detail th:last-child, #order-overview-detail td:last-child {
padding:5px 5px 5px 0;	
}
/*#shoppingcart-detail tr,*/ #order-overview-detail tr:first-child {
border-bottom:1px solid #999;
}
#shoppingcart-detail tr.noborder, #order-overview-detail tr.noborder {
border:none;	
}
#content div.secureshop table ul, #content div.strengths table ul {
list-style-type:none;
padding:0;
margin:10px 0;
}
#content div.secureshop table ul li {
background:url('../images/check.jpg') no-repeat 0 50%;
padding:3px 0 3px 25px;
}
#content div.secureshop table tr td {
padding:5px;	
}
div.strengths table ul li {
background:url('../images/arrow-right-small.jpg') no-repeat 5px 50%;
padding:6px 0 6px 25px;
}
/*#content div.strengths table ul li:hover {
color:#3f758a;
}*/
#content div.strengths table tr td {
padding:5px;	
}
/*#shoppingcart-detail tr:last-child, #shoppingcart-detail tr.no-border {	
border:none;	
}
#shoppingcart-detail tr:last-child td {
padding:20px 0 20px 5px;
}*/
/*/#shoppingcart-detail tr.totalprice {
border-bottom:1px solid #999;
font-weight:bold;
}
#shoppingcart-detail tr.totalprice td {
text-align:right;
}
#shoppingcart-detail a.img {
float:left;
border:1px dotted #BDD73D;
margin:0 5px 0 0;	
}
#shoppingcart-detail a.img img {
height:75px;
}
#shoppingcart-detail a.name {
float:left;
font-weight:bold;
color:#BDD73D;
}*/
#shoppingcart-detail div.buttons a {
background:#ffc21d;
padding:3px;
border:1px solid #000;
border-radius:3px;
color:#000;	
text-decoration:none;
}
#shoppingcart-detail div.buttons a:hover {
background:#000;
color:#ffc21d;	
}
#shoppingcart-detail div.remove {
width:25px;	
}
#shoppingcart-detail div.remove span {
display:block;
float:right;
width:10px;
height:10px;
/*margin:0 2px 0 0;*/
background:#3f758a;
padding:3px;
border:1px solid #3f758a;
border-radius:3px;
color:#fff;	
text-decoration:none;
text-align:center;
font-size:0.8em;
font-weight:bold;
font-style:normal;
}
#shoppingcart-detail div.remove span:hover {
background:#fff;
color:#3f758a;
cursor:pointer;
}
#shoppingcart-detail td span, #order-overview-detail td span, div.info > a > p:first-child span, div.product-price-calculator table span {
/*font-style:italic;*/
font-size:0.8em;
}
div.info > a > p:first-child span.price, div.product-price-calculator table span.price {
font-size:1.4em;
font-weight:bold;
font-style:normal;
}
#calculator {
margin:0;
width:230px;
background-color:#f3f1f1;
border:1px solid #999;
}
div.product-price-calculator table tr td, #calculator tr td, #add_form_container table tr td, #actiondetails table tr td {
padding:4px 5px 0;
}
div.qtip-wrapper span {
font-style:italic;
color:#F00;	
}

div#legal a:link, div#legal a:visited {
color:#fff;
text-decoration:none;
}
div#legal a:hover, div#legal a:active {
color:#fff;
text-decoration:underline;
}
#images > div, div#testimonials > div, div#quotes > div {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height:100%;
width:100%;
background:#ffffff;
/*background-color:#FFF;*/
}
div#quotes > div {
background:none;	
}
#images div.active, #partners div.active, div#testimonials div.active, div#quotes div.active {
z-index:10;
opacity:1.0;
}
#images div.last-active, #partners div.last-active, div#testimonials div.last-active, div#quotes div.last-active {
z-index:9;
}
/*#images div img {
margin:0 0 0 200px;	
width:340px;
}*/

.paging, .paging-partners, .paging-testimonials {
width:150px; 
margin:0 0 0 240px;
text-align:center;
/*display:none;*/
height:18px;
padding:8px 0 0 0;
/*border-left:2px solid #FFC21D;
border-top:2px solid #FFC21D;
border-right:2px solid #FFC21D;*/
/*background:#FFC21D;
border-radius:15px 15px 0 0;*/ 
}
#content .paging a, #content .paging-partners a, #content .paging-testimonials a  {
display:inline-block;
margin:3px 3px 0 0;
width:8px;
height:8px;
text-decoration:none;
background-color:#333333 !important; 
border-radius:4px; 
}
#content .paging a.active, #content .paging-partners a.active, #content .paging-testimonials a.active {
/*border:2px solid #FFC21D;*/
border:2px solid #333333;
border-radius:6px;
background-color:#fff !important; 
}
/*.paging a:hover {
font-weight:bold;
}*/
.caption {
position:absolute;
top:0px;
right:0px;
width:250px;
height:100%;
background-color:#fff;
opacity:1;
filter:alpha(opacity=100);
/*border-radius:25px;*/
}
#partners .caption {
width:410px;
}
div.reference .caption {
top:111px;
height:110px;
width:100%;
/*opacity:0.8;
filter:alpha(opacity=80);*/	
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
background-color: rgba(255, 255, 255, 0.7);
}
/* transparant caption on right side */
div#left div#images .caption {
top:20px;
right:20px;
width:210px;
height:230px;
/*background-color: rgb(155, 155, 155);
background-color: rgba(155, 155, 155, 0.1);*/
/*border-radius:20px 0;*/
border-left:3px dotted #BED62F;
border-bottom:3px dotted #BED62F;
background:none;
font-family:'Rampung', Arial,Verdana;
text-transform:uppercase;
font-size:1.5em;
/*font-weight:bold;*/
}
div#left div#images .clientTriangle {
position:absolute;
top:-10px;
left:-10px;
width:0px; 
height:0px; 
/*border-top: 170px solid rgba(190, 214, 47, 0.95);*/ 
border-top: 170px solid #BED62F;
border-right: 170px solid transparent;
/*background-color: rgba(255, 255, 255, 0.0);*/
background:none;
}
div#left div#images img {
width:340px;
margin:0 0 0 65px;
}
/*#partners img {
padding:50px;
}*/
.caption_content {
padding:10px;
/*font-size:1em;*/
color:#50504f;
line-height:110%;
}
div.reference .caption_content {
color:#333;
}
div#left div#images .caption_content {
padding:0 0 10px 10px;
}
div#left div#images .triangle_content {
position:absolute;
top:-170px;
left:0;
width:125px;
height:130px;
font-family:'Rampung', Arial,Verdana;
color:#fff;
/*font-weight:bold;*/
font-size:1.3em;
line-height:110%;
padding:15px;
transform: rotate(-45deg);
text-align:center;
}
div#left div#images .caption_content p {
margin:0;
}
.caption_content h2 {
margin:0;
padding:0;
font-family:'Rampung', Arial,Verdana;
color:#BED62F;
/*font-weight:bold;*/
font-size:2em;
line-height:110%;
}
.caption_content h3 {
margin:0;
padding:0;
font-family:'Rampung', Arial,Verdana;
color:#333;
/*font-weight:bold;*/
font-size:1.6em;
line-height:110%;
}
#content .caption_content a:link, #content .caption_content a:visited {
color:#50504f;
text-decoration:underline;
}
#content .caption_content a:hover, #content .caption_content a:active {
color:#BED62F;
text-decoration:underline;
}
/*#overview_orders {
width:95%;
}*/
#main-installationguide {
float:left;	
width:440px;	
margin:0 10px 0 0;
}
#installationguide-wrapper {
float:right;
width:430px;
height:210px;
}
/*div#aside #calendar {
border:2px solid #BED62F;
height:226px;
width:226px;
padding:10px;
margin: 0 0 30px 0;
}*/
div#news {
position:relative;
/*border:2px solid #BED62F;*/
height:170px;
width:240px;
margin:0 0 0 0;
padding:0 0 0 0;
border-bottom: 1px solid #636466;
/*background:#fff;*/
}
div#news > div {
position:absolute;
top:0px;
left:0px;
z-index:8;
opacity:0.0;
height:100%; /* % enkel mogelijk als top en left 0px zijn. Anders px gebruiken. */
width:100%;
background:#333333;
color:#fff;
}
div#news div.active {
z-index:10;
opacity:1.0;
}
div#news div.last-active {
z-index:9;
}
div#news div > h4 {
/*background: none repeat scroll 0 0 #fff;*/
font-size: 1em;
padding: 5px 0 5px 0;
text-align: left;
/*text-transform: uppercase;*/
color:#BED62F;
/*border-bottom: 1px dotted #BED62F;*/
}
div#footer .newsitems {
width:100%; 
text-align:left;
/*display:none;*/
/*height:20px;*/ 
}
div#footer .newsitems a {
display:inline-block;
text-align:center;
margin:0px 3px 3px 0px;
width:18px;
height:17px;
padding:1px 0 0 0;
text-decoration:none;
background-color:#636466 !important; 
/*color:#298b9e;*/
border:2px solid #636466;
}
div#footer .newsitems a:link, div#footer .newsitems a:visited {
color:#fff;
text-decoration:none;
}
div#footer .newsitems a.active, div#footer .newsitems a:hover, div#footer .newsitems a:active {
/*border:1px solid #BED62F;*/
color:#636466;
background-color:#fff !important;
}
/* ORDERS */
#history-overview {
width:100%;	
}
/*tr.odd {
background-color:#f3f1f1;	
}*/
#history-overview th {
padding:10px 0 10px 5px;
border-top:1px solid #999;
/*border-bottom:1px solid #999;*/
background:#e6e3e3;
text-align:right;
font-weight:bold;
}
#history-overview th  {
text-align:left;
padding:0;	
}
#history-overview th > div {
padding:10px 0 10px 15px;	
}
#history-overview th:last-child {
padding:5px 5px 5px 0;	
}
#history-overview tr {
border-bottom:1px solid #999;
}
#history-overview tr:last-child {	
border:none;	
}
#history-overview tr td {
padding:20px 0 20px 5px;
}
#history-overview td:last-child {
padding:20px 5px 20px 0;	
}
#history-overview tr:last-child td {
text-align:right;
font-size:0.8em;
vertical-align:middle;
padding:5px 5px 5px 0;	
}
#history-overview div.buttons a {
border:1px solid #333333;
background:#b1b3b6;
color:#FFFFFF;
padding:3px;
text-decoration:none;
}
#history-overview div.buttons a:hover {
background:#e0e1e4;
color:#e4a03a;
}

/* Sorting */
#history-overview th > div {
position:relative;	
}
#history-overview th > div div.up, #history-overview th > div div.up-active, #history-overview th > div div.down, #history-overview th > div div.down-active {
position:absolute;
left:0;
width:16px;
height:11px;
}
#history-overview th > div div.up {
top:5px;	
background:url('../images/sort/bullet_arrow_up.png') no-repeat;
}
#history-overview th > div div.up:hover, #history-overview th > div div.up-active {
top:5px;
background:url('../images/sort/bullet_arrow_up_active.png') no-repeat;
}
#history-overview th > div div.down {
top:16px;
background:url('../images/sort/bullet_arrow_down.png') no-repeat center -3px;	
}
#history-overview th > div div.down:hover, #history-overview th > div div.down-active {
top:16px;
background:url('../images/sort/bullet_arrow_down_active.png') no-repeat center -3px;
}
/*****************/

/* Paging */
div.paging-results {
float:left;
height:14px;
padding:2px 0 0 0;	
}
div.first, div.previous, div.next, div.last {
float:left;
width:16px;
height:16px;	
}
div.first {
background:url('../images/paging/resultset_first.png');
}
div.previous {
background:url('../images/paging/resultset_previous.png');	
}
div.next {
background:url('../images/paging/resultset_next.png');	
}
div.last {
background:url('../images/paging/resultset_last.png');	
}
div.first:hover {
background:url('../images/paging/resultset_first_hover.png');
}
div.previous:hover {
background:url('../images/paging/resultset_previous_hover.png');	
}
div.next:hover {
background:url('../images/paging/resultset_next_hover.png');	
}
div.last:hover {
background:url('../images/paging/resultset_last_hover.png');	
}

div#breadcrumb p {
color:#fff;
font-size:0.8em;
padding:4px 0 4px;
margin:0;
/*border-top:1px dotted #3f758a;*/
/*border-bottom:1px solid #BED62F;*/
}
div#breadcrumb p a {
color:#fff;	
}
div#breadcrumb span.breadcrumb-divider {
font-size:0.9em;	
}
div#breadcrumb span#currentNavItem a {
/*font-weight:bold;*/
color:#BED62F;
/*font-size:1em;*/	
}
div#breadcrumb a:link, div#breadcrumb a:visited {
text-decoration:none;
}
div#breadcrumb a:hover, div#breadcrumb a:active {
text-decoration:underline;
}
span.button-info {
display:inline-block;
height:16px;
width:16px;
background:url('../images/buttonInfo.png') no-repeat;
}
table.flexaanbod {
border-collapse:collapse;
width:100%;	
margin-top:15px;
}
/*table.flexaanbod img {
height:20px;	
}*/
table.flexaanbod th, table.flexaanbod td.title {
color:#fff;	
font-weight:bold;
vertical-align:middle;
}
table.flexaanbod td.title {
width:100px;
text-align:left;
border-bottom:1px solid #fff;
padding:15px 5px 15px 5px;
}
table.flexaanbod td.bottom-border {
border-bottom:1px solid #0C94A4;
}
table.flexaanbod th, table.flexaanbod td {
padding:5px;	
}
table.flexaanbod th {
border-left:1px solid #fff;	
}
table.flexaanbod td {
text-align:center;
padding:15px 5px 5px 5px;
border:1px solid #0C94A4;	
background-color:#fff;
transition:all 0.2s linear;
}
table.flexaanbod td:hover {
background-color:#eeeeee;	
}
table.flexaanbod thead tr th:first-child {
background-color:#fff;
border-top:0px;
border-left:0px;
}
table.flexaanbod th, table.flexaanbod tr td:first-child {
background-color:#0C94A4;
/*transition:all 0.2s linear;*/
}
/*table.flexaanbod tbody tr td:first-child:hover {
background-color:#eeeeee;	
}*/
#content ul.legend {
list-style-type:none;
padding:0;
margin:0 0 0 0px;
font-style:italic;
font-size:0.8em;
}
p.legend {
text-decoration:underline;
margin:12px 0 0 0;
}
p.tip, p.legend {
font-style:italic;
font-size:0.8em;
}
ul.legend li.included {
background:url('../images/check.png') no-repeat 0 50%;
padding:8px 0 8px 30px;
}
ul.legend li.not-included {
background:url('../images/cross.png') no-repeat 0 50%;
padding:8px 0 8px 30px;
}
ul.legend li.optional {
background:url('../images/optional.png') no-repeat 0 50%;
padding:8px 0 8px 30px;
}

div.video {
float:left;
width:420px;
height:315px;
/*background:#E4F2F7;
color:#3F758A;*/
border:1px solid #BED62F;
margin:0 0 20px 0;
/*position:relative;*/
/*text-align:justify;*/
}
/*div#news div > h2 {
font-size:1.1em;
background:#fff;
color:#fff;
padding:5px 0 0px 50px;
}*/
/*div.mission div, div#news div > div {
padding:0 10px;	
}*/
a.read-more {
position:absolute;
bottom:0px;
right:0px;	
height:18px;
}
a.margin-right {
right:5px;	
}
div.video-margin-left {
margin:0 0 56px 56px;	
}
#overview_items {
float:left;
width:277px;
margin:0 12px 10px 0;
}
/* Add form */
#add_label {
display:block;
background:#fff url('../images/actions/add.png') no-repeat 5px 50%;	
cursor:pointer;
padding:10px 5px 10px 30px;
width:240px;
height:20px;
border:1px solid #D3D3D3;	
}
#add_form_container {
width:277px;
display:none;	
}
#add_form_container table {
margin:-1px 0px 0px 0px;	
width:100%;
border:1px solid #999898;
}
#add_label:hover, #add_label.open {
background-color:#f4f2f2;
border:1px solid #999898;
}

#content ol.sortable_items {
width:277px;
list-style-type:none;
padding:0;
margin:0;
}
ol.sortable_items li {
margin:5px 0 0 0;	
}
ol.sortable_items li div {
position:relative;
padding:10px 5px;
height:20px;
border:1px solid #D3D3D3;	
}
ol.sortable_items li div:hover, div#current_item {
background-color:#f4f2f2;
border:1px solid #999898;
cursor:pointer;
}
li div span {
position:absolute;	
}
span.remove {
top:0px;
right:0px;
}
span.remove {
display:inline-block;
width:15px;
height:15px;
}
span.remove {
background:#fff url('../images/actions/remove.png') no-repeat 50% 50%;	
}

/* action panel */
span.icon {
display:block;
width:30px;
height:30px;
}
span.update {
background:url('../images/actions/update.png') no-repeat 50% 50%;	
}
#actionpanel {
float:left;
width:300px;
border-left:1px solid #000;	
margin:0 0 10px 0;
}
#actionpanel ul {
list-style-type:none;
margin:0;
padding:0;	
width:100%;
}
#actionnavigation li {
float:left;
border-right:1px solid #000;
border-top:1px solid #000;
/*border-bottom:1px solid #000;*/
}
#actionnavigation li#current_action {
border-bottom:1px solid #f4f2f2;
background-color:#f4f2f2;	
}
#actionnavigation {
height:31px;
border-bottom:1px solid #000;
}
#actiondetails {
clear:both;
/*border-left:1px solid #000;*/
border-right:1px solid #000;
border-bottom:1px solid #000;
background-color:#f4f2f2;
padding:0 0 10px;
/*margin:10px;*/		
}
#actiondetails table {
width:100%;	
}
span.cke_skin_kama {
border:none !important;	
padding:0 !important;
}

#top a:link, #top a:visited {
color:#50504f;
text-decoration:none;
}
#footer a:link, #footer a:visited {
color:#fff;
text-decoration:none;
}
#footer a:hover, #footer a:active {
color:#6cccca;
text-decoration:none;
}
#top a:hover, #top a:active {
color:#50504f;
text-decoration:underline;
}
#top div.shortcuts a:hover, #top div.shortcuts a:active,
#top div.social a:hover, #top div.social a:active,
#footer div.shortcuts a:hover, #footer div.shortcuts a:active, 
#footer div.social a:hover, #footer div.social a:active {
text-decoration:none;
}
div#sitemap > ul.nav {
font-size:1.1em;
}
div#sitemap ul.nav2 {
margin-left:0px;
}
div#sitemap ul.nav2 ul {
margin-top:10px;
}
div#sitemap ul.nav2 > li {
list-style-type:none;
}
div#sitemap li {
padding:5px 0;	
list-style-type:square;
/*color:#B8B5B5;*/
}
div#sitemap ul li ul {	
margin-top:10px;
}
div#sitemap ul li ul li {	
list-style-type:circle;
}
div#sitemap ul.nav2 li ul li {	
list-style-type:square;
}
div#sitemap ul li ul li ul li {	
list-style-type:disc;
}
/*div#sitemap ul.nav li:hover, div#sitemap ul.nav2 li ul li:hover {
color:#0c94a4;
}*/
div#sitemap a:link, div#sitemap a:visited,
div#sitemap a:hover, div#sitemap a:active {
text-decoration:none;	
}
/*div#design a {
float:right;
display:inline-block;
padding:0 50px 0 0;
background:url('../images/it1.png') no-repeat right center;
font-size:0.75em;
line-height:26px;
}
div#design a:link, div#design a:visited {
font-size:0.8em;
color:#818283;
text-decoration:none;
}
div#design a:hover, div#design a:active {
color:#818283;
text-decoration:none;
}
div#design span:last-child {
display:none;
}*/
div#design a {
float:right;
display:inline-block;
padding:3px 121px 0 0;
background:url('../images/design-by-webrand.png') no-repeat right center;
font-size:0.75em;
line-height:26px;
}
div#design a:link, div#design a:visited {
font-size:0.9em;
color:#fff;
text-decoration:none;
}
div#design a:hover, div#design a:active {
color:#fff;
text-decoration:none;
}
div#design span:last-child {
display:none;
}

.slicknav_menu {
	display:none;
}

/*@media screen and (max-width: 40em) {
	#smoothmenu1 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}*/

@media screen and (max-width: 960px) {
	div#h_nav {
		width:100%;
	}
	
	div.wrapper {
		width:100%;
	}
	
	div#main {
		margin: 0 0 0 15px;
		width:90%;
	}
	
	body#home div#main {
		margin:0;
		width:100%;
	}
	
	div#usp > div,
	div#infra-pillars-wrapper > div, 
	div#social-wrapper > div,
	body#home div#references-wrapper > div {
		width:90%;
	}

	div#breadcrumb {
		margin: 0 0 0 15px;
		width:90%;
	}
	
	div#legal {
		left:15px;
		width:95%;
		text-align:left;
		/*height:100%;*/
	}
	
	/*div.social {
		display:none;
	}*/
	
	/*div.shortcuts, div.social {
		margin:15px 0 0 0;
		width:140px;
	}

	div.shortcuts div, div.social div {
		height:30px;
		width:30px;
		margin:5px 0 0 5px;
	}
	div.shortcuts div a, div.social div a {
		height:30px;
		width:30px;
	}
	
	div.social {
		margin:15px 15px 0 25px;
	}*/
	
	#footer div.calendar {
		display:none;
	}
	
	div#news-wrapper {
		float:right;
		margin:0 15px 0 0;
	}
	
	div#footer div.partners-wrapper {
		margin: 0 0 0 40px;
		width: 180px;
	}
	
	div#aside {
		display:none;
	}
	
	div.metro-ui-wrapper {
		/*float: left;*/
		margin: 15px;
	}
	
	div#infra-pillars-wrapper div.metro-ui-wrapper {
		/*float: left;*/
		margin: 0;
		padding: 0 10px 10px 0;
	}
	
	/*div#infra-pillars-wrapper div.metro-ui-wrapper > div {
		margin: 0 10px 10px 0;
	}*/
	
	/*div.metro-ui-wrapper {
		float: left;
		margin: 15px 15px 15px 15px;
	}*/
	
	/*div#coordinates {
		margin: 0 0 0 15px;
		width:150px;
	}*/
	
	div#logo {
		margin: 5px 0 0 15px;
	}
	
	div#design {
		right:15px;
	}
	
	/*.highlight {
	font-size: 1.1em;
	line-height: 120%;
	margin: 20px 0;
	overflow: auto;
	padding: 10px 20px;
	text-align: left;
	width: 90%;
	}*/
	
	/*div#infra-pillars-wrapper div.metro-ui,
	div#usp div.metro-ui {
		height:50px;
	}*/
	
	div#references-wrapper div.readmore {
		text-align:center;	
	}
	
	div#infra-pillars-wrapper div.metro-ui > a,
	div#usp div.metro-ui p {
		display:none;
	}
	
	div#solutions-wrapper div.metro-ui {
		width:100%;
		padding:20px 0;
		box-shadow:none;
		font-size:1.5em;
	}
	
	div#solutions-wrapper div.metro-ui div {
		padding:0 20px;
	}
	
	div#solutions-wrapper a.button {
		margin: 0 10px 10px 10px;
	}
	
	div#left {
		width: 100%;
		float:none;
	}
	
	div#right {
		float:none;
		margin:30px 0 0 0;
	}
	
	div#seminar-left {
		float:none;
	}
	
	div#seminar-right {
		float:none;
		width: 100%;
	}
	
	div#search-references-wrapper div.metro-ui {
		text-align:center;
		font-size:1.3em;
		margin:0 10px 10px 0;
	}
	
	div#search-references-wrapper div#divisions {
		width:100%;
		padding:5px 0 20px;
		box-shadow:none;
	}
	
	div#search-references-wrapper div#divisions div {
		margin:0 0 10px 10px;
	}
	
	div#references-wrapper div.reference,
	div#references-wrapper div.metro-ui {
		width:220px;
		height:165px;
		box-shadow:none;
	}

	div#references-wrapper div.reference img {
		width:220px;
		height:165px;
	}
	
	div.reference .caption {
		top:0px;
		height:165px;
		font-size:1em;
	}
	
	/*div.reference .caption_content p {
		display:none;
	}*/
	
	div#references-wrapper div.metro-ui div.readmore {
		width: 180px !important;
	}
	
	body#home div#references,
	div#references {
		background-position:0px 20px;
	}
	
	.caption_content h3 {
		font-size:1.4em;
	}

}

@media screen and (max-width: 700px) {
	
	div#usp > div > div {
		width:100%;
	}
	
	div#references-wrapper div.reference,
	div#references-wrapper div.metro-ui-wrapper,
	div#infra-pillars-wrapper div.metro-ui,
	div#usp div.metro-ui {
		margin: 0 10px 10px 0;
	}
	
	div#infra-pillars-wrapper div.metro-ui,
	div#usp div.metro-ui,
	div#search-references-wrapper div.metro-ui {
		/*width:180px;*/
		box-shadow:none;
		width:240px;
	}
	
	/*div#usp div.metro-ui {
		padding:150px 20px 30px 20px;
	}*/
	
	/*div#infra-pillars-wrapper div.metro-ui div.readmore,
	div#usp div.metro-ui div.readmore {
		width: 182px !important;
	}*/
	
	#smoothmenu1 {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
	
	/*div.shortcuts {
		display:none;
	}*/
	
	div#quicklinks {
		display:block;
		margin:0 0 15px 0;
	}

	div.shortcuts, div.social {
		margin:0px 0 0 0;
		float:none;
		width:20px;
	}
	
	div.shortcuts div, div.social div {
		height:20px;
		width:20px;
		margin:10px 0 0 0px;
	}
	div.shortcuts div a, div.social div a {
		height:20px;
		width:20px;
	}
	
	div.social {
		margin:0px 10px 0 0;
		
	}
	
	div.email-top, div.telephone {
		display:none;
	}
	
	div#top div.shortcuts, div#top div.social {
		display:none;	
	}
	
	div#footer div.shortcuts, div#footer div.social {
		display:inline-block;
	}
	
	div#news-wrapper {
		float:none;
		margin: 0;
		width:100%;
		text-align:center;
	}
	
	div#coordinates {
		float:none;
		margin: 0 auto;
		width:90%;
		text-align:center;
	}
	
	div#footer div.partners-wrapper {
		float:none;
		margin: 0 0 15px 0px;
		width:100%;
		text-align:center;
	}
	
	div#partners, div#news {
		margin: 0 auto;
	}
	
	div#news {
		text-align:left;
	}
	
	div#footer .newsitems {
		text-align:center;
	}
	
	/*div#coordinates h3, div#news-wrapper h3, div.partners-wrapper h3 {
		border-top:1px solid #9B9B9B;
	}*/

	div#design {
		margin-left:-99px; /* center horizontally - half of total width */
		left:50%;
		bottom:-68px;
	}
	
	div#right {
		width:100%;
	}
	
	div#breadcrumb {
		display:none;
	}
	
	body#home div#footer {
		height: 450px;
		border-bottom: 70px solid #333;
	}
	
	body#home div.push {
		height:580px;
	}
	
	body#home div#site {
		margin: 0 auto -580px;
	}
	
	div#legal {
		/*bottom: -30px;*/
		/*height: 40px;*/
		left:0px;
		width:100%;
		text-align:center;
	}
	
	div#images, div#testimonials, div#left > div#images {
		width:280px;
		height:400px;
		margin:0px 0 0 0px;
		border:none;
		border-radius:none;
		box-shadow:none;
	}
	
	div#images img, div#left > div#images img {
		width:260px;
		margin:0 0 0 10px;
	}
	
	/*div#partners {
		height:540px;
	}*/
	
	div#left div#images .clientTriangle {
		display:none;		
	}
	
	.caption,
	div#left div#images .caption {
		top:210px;
		right:0px;
		width:280px;
		height:190px;
		border:none;
	}
	
	div#left div#images .caption_content {
		padding:10px;
	}
	/*#partners .caption {
		top:200px;
	}
	
	#partners img {
		padding: 50px 90px;
	}*/
	
	.paging, .paging-testimonials {
		/*width:150px;*/ 
		margin:0 0 0 65px;
	}
	
	.testimonial div.quote {
		width: 225px;
	}
	
	div#map_canvas {
		max-width:100% !important;
	}
	
	#content > h1, #main > h1, #aside > h1, div#infra-pillars-wrapper h1, div#references-wrapper h1, div#usp h1, div#social-wrapper h1 {
		font-size:1.8em;
		padding:0 0 3px 0;
		margin:0 0 10px 0;
	}
	
	#main > h2, #left > h2, div.reference div.images div.info h2 {
		font-size:1.4em;
		padding:0 0 3px 0;
		margin:10px 0 10px 0;	
	}
	
	#main > h3 {
		font-size:1.2em;
		margin:10px 0 10px 0;
	}
	
}
	
@media screen and (max-width: 450px) {
	
	div#references-wrapper div.reference,
	div#references-wrapper div.metro-ui {
		width:280px;
		height:210px;
		box-shadow:none;
	}

	div#references-wrapper div.reference img {
		width:280px;
		height:210px;
	}
	
	div.reference .caption {
		height:110px;
		top: 100px;
	}
	div.reference .caption_content p {
		display:block;
	}
	
	div#references-wrapper div.metro-ui div.readmore {
		width: 257px !important;
	}
	
	div#references {
		background-position:0px 40px;
	}
	
	.caption_content h3 {
	font-size:1.6em;
	}
	
	/*div#infra-pillars-wrapper div.metro-ui,
	div#usp div.metro-ui,
	div#search-references-wrapper div.metro-ui {
		width:240px;
		font-size:1.5em;
	}*/
	
	/*div#infra-pillars-wrapper div.metro-ui div.readmore,
	div#usp div.metro-ui div.readmore {
		width: 242px !important;
	}*/
	
	div#logo {
		/*text-align: center;*/
		width:90%;
	}
	
	/*div.route {
		width:100%;
	}*/
	
	div.metro-ui {
		height:70px;
	}
	
	/*div.metro-ui p {
		display:none;
	}*/
	
	/*div#map2_canvas {
		max-width:100% !important;
	}*/

	div.ui-dialog {
    	max-width:90% !important;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea,
	select {
		width: 100%; 
	}	
	
}

div#logo img {
	max-width:100% !important;
	height:auto;
	/*display:block;*/
}
div#main > img, div#main > p > img, ol.galery img, div#infra-pillars-wrapper img {
	max-width:100%;
	height:auto;
}
@media screen and (max-width: 450px) {
	div#infra-pillars-wrapper img {
		height:75px;
	}
	div#infra-pillars-wrapper {
		padding: 20px 0;
	}	
}
/*div#map_canvas img {
	max-width: 59px !important;
	height: 492px !important;
}*/
.video16-9-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
.video4-3-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
.brochure-container {
    position: relative;
    padding-bottom: 100%; 
	height: 0; 
	overflow: hidden;
}
.video16-9-container iframe,
.video16-9-container object,
.video16-9-container embed,
.video4-3-container iframe,
.video4-3-container object,
.video4-3-container embed,
.brochure-container iframe,
.brochure-container object,
.brochure-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}