html, body {
  height: 100%;
}
body {
  background:#f2f2f2;   
  color: #333333;    
  font: 1em/1.3em "ClanPro-Book",Arial,Sans-Serif; 
  font-feature-settings: "kern", "liga" off, "calt" off;  
  overflow-x:hidden;         
}
table {font: 1em/1.3em "ClanPro-Book",Arial,Sans-Serif}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {
  margin: 0;
  padding: 0;
}

blockquote {margin: 0 0 0 1.12em}      
a, img { border: none} 
a {color: #004C73}
a:hover {color:#3e7eae}

hr {border:none;border-top:1px solid #d7e5ef;margin:7px 0 5px 0}

ul {padding-left:1em}
ul {list-style:disc outside}
ul ul {list-style-type:circle}
ul ul ul {list-style-type:circle}

ol {padding-left:18px}
ol {list-style-type: decimal}
ol ol {list-style-type:lower-alpha}
ol ol ol {list-style-type:lower-roman}      

h1 {font-family: 'ClanPro-Book',Arial,Sans-Serif;font-size:2.2em;line-height:1.2em;font-weight:normal;color: #004c73;margin:0 0 0 0;letter-spacing: -1.8px;text-transform:uppercase}
h2 {font-family: 'ClanPro-Book',Arial,Sans-Serif;font-size:1.6em;line-height:1.2em;font-weight:bold;color: #004c73;margin:0 0 0 0;letter-spacing: -0.5px;}
h3 {font-family: 'ClanPro-Book',Arial,Sans-Serif;font-size:1.2em;line-height:1.3em;font-weight:bold;color: #004c73;margin:0 0 0 0}

b, strong {
  font-weight:normal;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
}
 
.icon:before, .button:before {
  font-size:1em;
} 
.button:before {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
  text-transform: none;
}       
.button:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
  display: inline-block;
  margin: 5px;
  padding: 3px;
}
.button {   
  background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
         
  text-decoration: none;  
  display: inline-block; 
  white-space:nowrap;
  padding-right:8px;
  line-height: 1em;
}
.button:hover {
	color: #004C73;
  background:#d7e5ef;  
}

.section {
	margin: 0 auto;       
  max-width:1300px; 
  padding:20px 0;
}
.center {
  text-align:center;
}
.spacer-before {
  padding-top:1em;
}
      
#header {
  background: none repeat scroll 0 0 #004C73;
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);
}
#header > .section {padding-top:0;padding-bottom:0}
#header ul {
  padding:0;margin:0;
  list-style:none;          
}
#header li {
  float:left; 
  position: relative;
  z-index: 1000;                  
}
#header li a {
  color: #D7E5EF;
  cursor: pointer;
  display: block;
  font-family: 'ClanPro-Book',Arial,Sans-Serif;
  font-size: 1.4em;
  line-height: 52px;
  margin-top:0px;
  padding: 8px 0.6em 0 0.6em;
  text-decoration: none;
  white-space: nowrap;
}
#header li a img {
  display:block;                
}
#header li a img.logo {
  margin:5px 0 0 -10px;
  height:40px;
  width:auto;
}      
#header li.active a {                
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  color:#FFFFFF !important;
  cursor:default !important;
}
#header li a:hover {
  color:#FFFFFF;
}       

#header li.language {
  float:right;
  position:relative;        
} 
#header li.language a {
  font-size: 1.2em;
  line-height: 48px;
  padding-bottom: 0;
  padding-top: 12px;
}  
#header li.language > ul {
  display: none;
  position: absolute;
  z-index: 900;
  left: auto;
  top: 100%;   
  right: -10px;
  background:#004c73;
  box-shadow: 01px 3px 2px 1px rgba(0, 0, 0, 0.35);
} 
#header li.language:hover > a {
  background:#FFFFFF;
  color:#004c73;
}
#header li.language:hover > ul {
  display:block;
  visibility: visible;
} 
#header li.language li {
  float:none;   
  display:block;          
}
#header li.language li a {
  margin:5px 15px 5px 10px;  
  line-height:1.8em;
}  

/* footer */
#footer {
  background: #004c73 none repeat scroll 0 0;
  position: relative;
  z-index: 101;
}
#footer > .wrap > .inner {
  padding:20px 0 0;
  color:#d7e5ef;
  font-size:0.9em; 
  line-height:1.3em; 
}
#footer > .wrap > .inner a {
  color:#d7e5ef;
  text-decoration:none;
}           
#footer > .wrap > .inner a:hover {
  color:#FFFFFF;
}
#footer > .wrap .inner h1 {font-family: 'ClanPro-Book', Arial, sans-serif;color:#D7E5EF;margin:0 0 8px 0;padding:0}
#footer > .wrap .inner h2 {font-family: 'ClanPro-Book', Arial, sans-serif;color:#D7E5EF;margin:0 0 8px 0;padding:0}
#footer > .wrap .inner h3 {font-family: 'ClanPro-Book', Arial, sans-serif;color:#D7E5EF;margin:0 0 8px 0;padding:0}

#footer .address {
  float:left;width:49%;min-height:180px
}
#footer .info {
  float:right;width:50%;min-height:180px;
  position:relative
}

#footer .selly-branding {
  display:block;float:right;
  padding-right:5px;
}
#footer .selly-branding img {
  height:30px;width:67px;
}

/* canvas */
#container {
  min-height: 50%;
  height: auto !important;
  height: 100%;  
}
#canvas {
  padding: 60px 0 0;
  z-index: 0;
}

/* slideshow */
#canvas #slideshow {                      
  position:relative; 
  padding:0;                            
}

#canvas #slideshow > .wrap {        
  padding:0;
  position:relative; 
  overflow:hidden; 
  background:#FFFFFF;
}
#canvas #slideshow > .wrap .slide {          
  position:absolute;
  top:0;left:0;width:100%;height:100%;
  z-index:1;
  visibility:hidden;  
}
#canvas #slideshow > .wrap .startslide {
  z-index:90;visibility:visible;
  position:relative;
}
#canvas #slideshow > .wrap img {
  display:block;
  width:100%;
  height:auto;
}
#canvas #slideshow > .wrap .slidedots {
  position:absolute;
  bottom:0;
  z-index:110;
  text-align:center;
  width:100%;
}
#canvas #slideshow > .wrap .slidedots a {
  background: #d7e5ef none repeat scroll 0 0;
  color: transparent;
  display: inline-block;
  height: 6px;
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
  vertical-align: middle;
  width: 40px;
  text-decoration:none;
}
#canvas #slideshow > .wrap .slidedots a:hover {
	background:#FFFFFF;
}
#canvas #slideshow > .wrap .slidedots a.active {
	background:#004C73;
	cursor:default !important;
}

/* groupnav */
#groupnavparent {
  background: #f2f2f2 none repeat scroll 0 0;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  z-index: 110;
}
#groupnavparent > .section {padding-top:0;padding-bottom:0}
#groupnavparent ul {
  padding:0;margin:0;
  list-style:none;          
}
#groupnavparent li {
  float: left;   
}
#groupnavparent li.active {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #e2e2e2;
}
#groupnavparent a {
  display:block;
  cursor:pointer;
  overflow:hidden;    
  text-decoration:none;
  color:#333333;
  line-height:2.8em;
  margin-left:1em;
  margin-right:1em;
  margin-top:0.2em;
  white-space:nowrap;     
}
#groupnavparent li.active a {                
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  color:#004c73;
  cursor:default !important;
}
#groupnavparent li a:hover {
  color:#004c73;
}

#groupnavparent li.rightButton {
  float:right; 
}
#groupnavparent li.rightButton .button {
  margin-right:0;
}
#groupnavparent li .button {
  line-height: 1em;
  margin-top: 0.4em;    
  color:#FFFFFF;
}
#groupnavparent a.button {
	background:#f2f2f2;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
#groupnavparent a.button:hover {
  color: #004C73;
  background:#d7e5ef;  
}

/* groupnav */
#groupnav {
  position: relative;
  z-index: 109;  
}
#groupnav > .wrap {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #e2e2e2;  
  overflow: hidden;
  padding:20px;
}
 
#groupnav > .wrap .frame {
	overflow: hidden; text-shadow: none; 
}
#groupnav > .wrap .frame ul { list-style: none; margin: 0; padding: 0; height: 100%;}
#groupnav > .wrap .frame ul li { 
  float: left; 
  width: 230px;  
  margin-right:1em;
  height: 100%;
  padding: 0; 
  cursor: pointer;
}
#groupnav > .wrap .frame ul li:hover {
  background:#ebf2f7;  
}
#groupnav > .wrap .frame ul li.active {background:#d7e5ef}


#groupnav .thumb {
  overflow: hidden;
  position: relative;
}
#groupnav img {
  display: block;
  height: auto;
  width: 100%;
}
#groupnav > .wrap .frame .title {
  color: #111111;
  padding: 8px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 11;
} 

#groupnav .thumb .areaOfApplications {
  bottom: 2%;
  left: 10%;
  opacity: 0.9;
  overflow: hidden;
  position: absolute;
  width: 80%;
  z-index:12;
}
#groupnav .thumb .areaOfApplications > .item {
  border-radius: 15px;
  float: left;
  overflow: hidden;
  width: 33.3333%;
}
#groupnav .thumb .areaOfApplications > .item > img {
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}
#groupnav .thumb .areaOfApplications > div.disabled {
  opacity:0.2;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
} 
#groupnav .scrollbar {
  height: 1px;
  line-height: 0;
  margin: 20px auto 0;
  background:#ebf2f7;
  position:relative;
}
#groupnav .scrollbar .handle {
	width: 100px; height: 100%; 
	background: #d7e5ef;
	position: absolute;
	height:7px;
	border-radius:20px;
	top:-3px
}
#groupnav .scrollbar .handle:hover {
  background:#3e7eae
}
#groupnav .scrollbar .handle .mousearea { 
	position: absolute; top:-11px;left: 0; width: 100%; height: 30px; 
	cursor: pointer;
}

#groupnav .controls {
	padding-top:20px;
	text-align:center;
}
#groupnav .controls a.button {
	background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: "ClanPro-Bold",Arial,sans-serif;
  font-weight: normal;
  padding-right:0;
  cursor:pointer;
}
#groupnav a.button:hover {
  color: #004C73;
  background:#d7e5ef;  
}
#groupnav .controls a.disabled {
	opacity:0.2;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor:default !important;
  background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #333333;  
}
.groupnavincontent {
  padding-top: 15px; 
}
         
/* contentnav */ 
#contentnav {
  background: #f2f2f2 none repeat scroll 0 0;
  margin-bottom: -20px;
  overflow: hidden;
  padding-top: 20px;
  position: relative;
  z-index: 100;
}
#contentnav > .section {padding-top:0;padding-bottom:0}
#contentnav ul {
  padding:0;margin:0;
  list-style:none;          
}
#contentnav li {
  float:left;  
}
#contentnav li.active {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #e2e2e2;
}
#contentnav a {
  display:block;
  cursor:pointer;
  height:auto;
  overflow:hidden;    
  text-decoration:none;
  color:#333333;
  line-height:2.8em;
  margin-left:1em;
  margin-right:1em;
  margin-top:0.2em;
  white-space:nowrap;          
}
#contentnav li.active a {                
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  color:#004c73;
  cursor:default !important;
}
#contentnav li a:hover {
  color:#004c73;
}   
#contentnav li.rightButton {
  float:right; 
}
#contentnav li.rightButton .button {
	margin-right:0;
}
#contentnav li .button {
  line-height: 1em;
  margin-top: 4px;
  color:#FFFFFF;
}

#contentnav a.button {
	background:#f2f2f2;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
#contentnav a.button:hover {
  color: #004C73;
  background:#d7e5ef;  
}



/* innercontentnav */
.innercontentnav {     
  padding-top:10px;
  padding-bottom:10px;
}
.innercontentnav > .wrap {
	border-bottom:1px dotted #3e7eae;
}
.innercontentnav > .section {padding-top:0;padding-bottom:0}
.innercontentnav ul {
  padding:0;margin:0;
  list-style:none;          
}
.innercontentnav li {
  float:left;  
}
.innercontentnav a {
  display:block;
  cursor:pointer;
  height:auto;
  overflow:hidden;    
  text-decoration:none;
  color:#333333;
  line-height:2.8em;
  margin-left:1em;
  margin-right:1em;
  margin-top:0.2em;
  white-space:nowrap;          
}
.innercontentnav li.active a {                
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  color:#004c73 !important;
  cursor:default !important;
}
.innercontentnav li a:hover {
  color:#004c73;
}   
.innercontentnav li.rightButton {
  float:right; 
}
.innercontentnav li.rightButton .button {
  margin-right:0;
}
.innercontentnav li .button {
  line-height: 1em;
  margin-top: 4px;
  color:#FFFFFF;
}  
.innercontentnav a.button {
  background:#f2f2f2;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
.innercontentnav a.button:hover {
  color: #004C73;
  background:#d7e5ef;  
}
.innercontentnav li:first-child a {
	margin-left:0
}

/*content */      
#content {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #e2e2e2;
  margin-top: 20px;
  position: relative;
}
#content.nogroupnav {
	margin-top:0;
}
#content > .wrap {	    
}
#content > .wrap .content img {  
  max-width:100% !important;
  height:auto !important;
}
#content > .wrap .content img[style*="float: right"] {
  max-width:50% !important;
}

/* content footer */
#content > .footer {
  background:#FFFFFF;        
}
#content > .footer ul {
  padding:0;margin:0;
  list-style:none;          
}
#content > .footer li {
  float:left;
  width:16.66667%;
}
#content > .footer div.box {
  display:block;
  height:auto;
  margin-right:10px;
  margin-bottom:10px;                  
  color:#333333;              
} 
#content > .footer div.header {
  text-align:center;
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  white-space:nowrap; 
  font-size:0.8em;
  text-overflow: ellipsis;
  overflow: hidden;            
}              
#content > .footer div.imgbox {     
  overflow:hidden;        
}
#content > .footer img {
  width:100%;
  height:auto;
  display:block;
}
#content > .footer div.content {
  color: #333333;
  font-size: 0.7em;
  line-height: 1.2em;
  margin-top: 5px;
}           
#content > .footer div.disabled {
  opacity:0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}             

/* pagNav */
.pagingNavTop {		
}
.pagingNavBottom {	
}
.pagingNav a.next {
	float:right;
}
.pagingNav .button {
	background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
.pagingNav .button:hover {
  color: #004C73;
  background:#d7e5ef;  
}

/* pN bottom */
.extraPagingNavBottom {
	padding-top:20px;padding-bottom:10px;
}
.extraPagingNavBottom a.next {
  float:right;
}
#content > .extraPagingNavBottom {
}
.extraPagingNavBottom > .wrap > .breadcrumbs {
  text-align: center;
  width: 100%;
}
.extraPagingNavBottom > .wrap > .breadcrumbs > ul {
  display: inline-block;
  list-style: outside none none;
  margin: 0 auto;
  padding: 0;
}
.extraPagingNavBottom > .wrap > .breadcrumbs > ul > li {
  float:left; 
  position: relative;
  font-size:0.846em;
}
.extraPagingNavBottom > .wrap > .breadcrumbs > ul > li > span.icon {
  font-size:smaller;
} 

.extraPagingNavBottom > .wrap > .breadcrumbs > ul > li a {  
  text-decoration:none;
  margin-left:6px;
  margin-right:6px;
}

.extraPagingNavBottom .button {
	background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
.extraPagingNavBottom .button:hover {
	color: #004C73;
	background:#d7e5ef;  
}



/* boxmenu */
.boxmenu {
  background:#3e7eae;      
}
.boxmenu > .wrap {
  padding-bottom: 10px;
  padding-top: 20px;
}
.boxmenu a {
	text-decoration:none;
}
.boxmenu ul {
  padding:0;margin:0;
  list-style:none;          
}
.boxmenu li {
  float:left;
  width:20%;
}
.boxmenu div.box {
  color: #d7e5ef;
  display: block;
  height: auto;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;            
} 
.boxmenu div.header {
  text-align:center;
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  white-space:nowrap;  
  font-size:0.8em;
  text-overflow: ellipsis;
  overflow: hidden;             
}
.boxmenu div.imgbox {      
}
.boxmenu div.imgbox img {
  width:100%;
  height:auto;
  display:block;
  border:solid 2px #d7e5ef;
  box-sizing:border-box;
}
.boxmenu a:hover .header {
	color:#FFFFFF;
}
.boxmenu a:hover img {
  border-color:#FFFFFF;
}


/* backToTop */
.backToTop {        
  bottom: -120px;
  cursor: pointer;
  display: inline-block !important;       
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 10px;        
  z-index: 9999;
  border-radius:10px 10px 0 0;
  height:35px;
  color:#004C73;
  background:#D7E5EF;
} 
.backToTop:hover {
  height:45px;
}

/* columns v2 */
div.columns {display:table;width:100%;empty-cells:show}    
div.column {display:table-cell;vertical-align:top;width:100%}   
div.columns1 > .column {width:100%}
div.columns2 > .column {width:50%}
div.columns3 > .column {width:33.3333%}
div.columns4 > .column {width:25%}
div.columns5 > .column {width:20%}
div.columns6 > .column {width:16.6666%}
div.columns7 > .column {width:14.2857%}
div.columns8 > .column {width:12.5%}
div.columns9 > .column {width:11.1111%}
div.columns10 > .column {width:10%}

/* right features */
div.content {
  position:relative;
  z-index:10;
}
div.rightFeatures {
  position:relative;
  float:right;
  margin:0 0 15px 15px;
  z-index:11;
}

div.rightFeatures > .isFirst {
  margin-top:0 !important;
}
div.rightFeatures > div.contentPicture {
  margin: 0 -55px 0 auto;
  max-width: 450px;
  padding: 0;
}
div.rightFeatures > div.contentPicture > img {
  display:block;
}
div.rightFeatures > div.sidebar {
  max-width:300px;
  margin:15px 0 0 auto
}
div.rightFeatures > div.linkbox {
  max-width:300px;  
  margin:15px 0 0 auto
}

div.rightFeatures > div.linkbox ul.linklist {
}
div.rightFeatures > div.linkbox ul.linklist > li {
  padding-bottom:3px;
}
div.rightFeatures > div.linkbox ul.linklist > li > span {
  color: #ffffff !important;
  cursor: default !important;
  font-family: "ClanPro-Bold",Arial,sans-serif;
}
div.rightFeatures > div.linkbox ul.linklist > li > a {
	text-decoration:none;
}

div.content a.button {
	background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
div.content  a.button:hover {
  color: #004C73;
  background:#d7e5ef;  
}

div.rightFeatures a.button {
  background:#004c73;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #d7e5ef;
  color: #d7e5ef;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
div.rightFeatures a.button:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background:none;
}


/* sidebar */
div.sidebar {
	background:#004c73;color:#D7E5EF;
	padding:20px;
}
div.sidebar h1, div.sidebar h2, div.sidebar h3, div.sidebar a {
  color:#D7E5EF;
}
div.sidebar a:hover {
  color:#FFFFFF;
}

div.sidebar a.button {
	background:#004c73;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #d7e5ef;
  color: #d7e5ef;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
div.sidebar a.button:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background:none;
}

/* linkbox */
div.linkbox {
  background:#004c73;color:#D7E5EF;
  padding:20px;
}
div.linkbox h1, div.linkbox h2, div.linkbox h3, div.linkbox a {
  color:#D7E5EF;
}
div.linkbox a:hover {
  color:#FFFFFF;
}

/* multibox */
#canvas .multibox { 
  position:relative;
  margin: 0 auto;      
  max-width:1340px; 
  padding:10px 0 0 0;                             
}
#canvas .multibox2 {  
  padding:0;                      
}
#canvas .multibox > .wrap {
}
#canvas .multiboxIsFirst {
}
#canvas .multibox > .wrap > .columns {
  border-spacing:20px;
}
#canvas .multibox > .wrap .column {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 1px 1px 5px #e2e2e2;
}
#canvas .multibox > .wrap .column > .wrap {
  padding:20px;  
}
#canvas .multibox div.imgbox {
  margin: -20px -20px 9px;
  overflow: hidden;
}        
#canvas .multibox div.imgbox > img {
  display: block;
  height: auto;
  width: 100%;
} 

#canvas .multibox .button {
	background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
#canvas .multibox .button:hover {
  color: #004C73;
  background:#d7e5ef;  
}

/*contentpicturebox */
.contentpicturebox {
  padding-bottom:20px;
  margin-top:-20px;
}
.contentpicturebox > .wrap {
  margin-left: -60px;
  margin-right: -60px;
}
.contentpicturebox >.wrap > .columns {
  border-spacing: 20px;
} 
.contentpicturebox div.imgbox {  
}  
.contentpicturebox div.imgbox > img {
  display: block;
  height: auto;
  width: 100%;
}
.contentpicturebox div.title {  
  margin:20px 40px 0;
}

.contentpicturebox a.button {
	background:#FFFFFF;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
.contentpicturebox a.button:hover {
  color: #004C73;
  background:#d7e5ef;  
}

/* information */
.information .row {
	margin-bottom:15px;
}
.information .row:last-child {
	margin-bottom:0;
}
.information .row .columnPicture {
	width:25%;
	min-width:25%;
}
.information .row .columnPicture > img {
  width:100%;height:auto;
}
.information .row .columnText {
  padding-left:20px;
  width:50%;
}
.information .row .columnLinklist {
  width:25%;
  min-width:200px;
  padding-left:20px;	
}

.information div.linklist {
  background:#004c73;color:#D7E5EF;
  padding:20px;
}
.information div.linklist h1, .information div.linklist h2, .information div.linklist h3, .information div.linklist a {
  color:#D7E5EF;
}
.information div.linklist a:hover {
  color:#FFFFFF;
}
.information .link {
  display:block;
  margin-bottom:5px;
}
.information .link:last-child {
	margin-bottom:0;
}
.information .linkicon-onlinefolder {padding-left:20px;background:url('/resource/ext/16/yumpu.gif') left center no-repeat} 
.information .linkicon-brochure {padding-left:20px;background:url('/resource/ext/16/pdf.gif') left center no-repeat}
.information .linkicon-pricelist {padding-left:20px;background:url('/resource/ext/16/pdf.gif') left center no-repeat}
.information .linkicon-video {padding-left:20px;background:url('/resource/ext/16/wmv.gif') left center no-repeat}
.information .linkicon-webpage {padding-left:20px;background:url('/resource/ext/16/world-go.png') left center no-repeat}


/* comparepumps */
.comparepumps .table {
  width:100%;empty-cells:show;border-collapse:collapse;
  margin-bottom:25px;
}
.comparepumps .table th {
  text-align:left;
  width:100%;
  color: #004c71;
  font-family: 'ClanPro-Book',Arial,Sans-Serif;
  padding:0 6px 0 6px;
}
.comparepumps .table th.thumb {
  text-align:center;
  min-width:32px;
  white-space:nowrap;
}
.comparepumps .table td {
  padding:6px;
  border: 1px solid #D7E5EF;
  font-size: 0.8em;
  line-height: 1.3em;
}  
.comparepumps .table td.thumb {
  width:32px;height:32px;
  text-align:center;
}
.comparepumps .table td.thumb0 {
  background:url('comparepumps-0.png') center center no-repeat;
}
.comparepumps .table td.thumb1 {
  background:url('comparepumps-1.png') center center no-repeat;
}
.comparepumps .table tr.markRow td {
  background-color: #EBF2F7 ;
}


/* comparepresses */
.comparepresses .table {
  width:100%;empty-cells:show;border-collapse:collapse;
  margin-bottom:25px;
}
.comparepresses .table th {
  text-align:left;
  width:100%;
  color: #004c71;
  font-family: 'ClanPro-Book',Arial,Sans-Serif;
  padding:0 6px 0 6px;
}
.comparepresses .table th.thumb {
  text-align:center;
  min-width:32px;
  white-space:nowrap;
}
.comparepresses .table th.thumb a {
  text-decoration:none;
}

.comparepresses .table td {
  border: 1px solid #d7e5ef;
  font-size: 0.8em;
  line-height: 1.3em;
  padding: 6px;
}
.comparepresses .table td.thumb {
  width:32px;height:32px;
  text-align:center;
}
.comparepresses .table td.thumb_true {
  background:url('comparepumps-0.png') center center no-repeat;
}
.comparepresses .table tr.markRow td {
  background-color: #EBF2F7 ;
}

/* configurator */
#areaOfApplications {
  background:#3e7eae;     
}
#areaOfApplications a {
	text-decoration:none;
}
#areaOfApplications > .wrap {
}
#areaOfApplications ul {
  padding:0;margin:0;
  list-style:none;          
}
#areaOfApplications li {
  float:left;
  width:16.66667%;
}
#areaOfApplications div.box {
  display:block;
  height:auto;
  margin-right:10px;
  margin-bottom:10px;              
  color:#d7e5ef;              
} 
#areaOfApplications div.header {
  font-family: "ClanPro-Bold",Arial,sans-serif;
  text-align: center;
  white-space: nowrap;
  font-size: 0.8em;
  text-overflow: ellipsis;
  overflow: hidden;
}
#areaOfApplications div.selectbox {
	position:relative;
}
#areaOfApplications div.imgbox {           
}
#areaOfApplications div.imgbox img {
  width:100%;
  height:auto;
  display:block;
  border:solid 2px #d7e5ef;
  box-sizing:border-box;
}
#areaOfApplications div.content {
  color:#d7e5ef;  
  font-size: 0.7em;
  line-height: 1.2em;
  margin-top: 5px;      
}
#areaOfApplications .checkbox {
  background: url("unchecked32.png") no-repeat scroll center center #FFFFFF;
  border: 6px solid #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  height: 32px;
  left: 0;
  position: absolute;
  bottom: -3px;
  width: 32px;  
}
#areaOfApplications a:hover .checkbox {
  background-image:url('tocheck32.png');   
} 
#areaOfApplications a.active .checkbox {            
  background-image:url('checked32.png') !important;
}

#configuratorresults {
  padding-top:30px;
}

#configuratorresults .button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight:normal;
}
#configuratorresults .button:hover {
  color: #004C73;
  background:#d7e5ef;  
}

#noproducts {
  display:none;  
}
#noproducts.active {
  display:block;
}
#products {
  display:none;
}
#products.active {
  display:block;
}
#products .item {
  display:none;
  padding:15px 0;
  position:relative;
} 
#products .active {      
  display:block;
}
#products .item .namewrap {
  padding-bottom:5px;
}
#products .item .name {  
  font:16px/19px "ClanPro-Bold",Arial,Sans-Serif;
  color:#004C71;
  margin-bottom:3px;    
  background:top right no-repeat;
  padding-right:48px;
  padding-top:5px;
}
#products .item .catA {background-image:url('1star.png')}
#products .item .catB {background-image:url('2stars.png')}
#products .item .catC {background-image:url('3stars.png')}
#products .item .catD {background-image:url('4stars.png')}


#products .row .columnPicture {
  width:20%;
  min-width:20%;
}
#products .row .columnPicture > img {
  width:100%;height:auto;
}
#products .row .columnText {
  padding-left:20px;
  width:80%;
}
#products .columnText .infos a.button {
	margin-right:20px;
}


#products .areaOfApplications {
  margin-top:20px;       
}
#products .areaOfApplications > .wrap {  
}
#products .areaOfApplications ul {
  padding:0;margin:0;
  list-style:none;          
}
#products .areaOfApplications li {
  float:left;
  width:16.66667%;
}
#products .areaOfApplications div.box {
  display:block;
  height:auto;
  margin-right:5px;
  overflow:hidden;                  
  color:#333333;              
} 
#products .areaOfApplications div.header {
  text-align:center;
  font-family: 'ClanPro-Book', Arial, sans-serif;
  font-size:0.8em;
  white-space:nowrap; 
  text-overflow: ellipsis;
  overflow: hidden;  
            
}              
#products .areaOfApplications div.imgbox {
  overflow:hidden;  
}
#products .areaOfApplications img {
  width:100%;
  height:auto;
  display:block;
}           
#products .areaOfApplications div.disabled {
  opacity:0.3;
}


/* video */
 div.jw-flag-fullscreen {
   max-width:100% !important;
 }
div.video .subject {
	padding:5px;text-align:center;
}
div.videoitem {
	display:flex;
	margin:0 auto;
}
div#video {
  margin: 0 auto !important;
  background:#FFFFFF !important;
  color:#333333;                     
}
div#video .jwmain {
}
object#video {
  margin:0 auto !important;
  color:#333333;	
  background:#FFFFFF !important;
}

/* items */
.videoitems {
  margin-top:20px; 
}
.videoitems {
  background:#3e7eae;     
}
.videoitems a {
  text-decoration:none;
}
.videoitems > .wrap {
  padding-bottom: 10px;
  padding-top: 20px;
}
.videoitems ul {
  padding:0;margin:0;
  list-style:none;          
}
.videoitems li {
  float:left;
  width:20%;
}
.videoitems div.box {
  color: #d7e5ef;
  display: block;
  height: auto;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.videoitems li.active div.box {
  color:#FFFFFF;
}
.videoitems div.header {
  text-align:center;
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  white-space:nowrap;  
  font-size:0.8em;
  text-overflow: ellipsis;
  overflow: hidden;             
}
.videoitems div.imgbox {       
}
.videoitems div.imgbox img {
  width:100%;
  height:auto;
  display:block;
  border:solid 2px #d7e5ef;
  box-sizing:border-box;
}
.videoitems div.imgbox img:hover {
  border-color:#FFFFFF;
}
.videoitems li.active div.imgbox img {
  border-color:#FFFFFF;
}

/* gallery */
.galleryitems {
  background:#3e7eae;  
}
.galleryitems a {
  text-decoration:none;
}
.galleryitems > .wrap {
  padding-bottom: 10px;
  padding-top: 20px;	
}
.galleryitems ul {
  padding:0;margin:0;
  list-style:none;          
}
.galleryitems li {
  float:left;
  width:20%;
}
.galleryitems div.box {
  color: #d7e5ef;
  display: block;
  height: auto;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;             
}
.galleryitems li.active div.box {
  color:#FFFFFF;
}
.galleryitems div.header {
  text-align:center;
  font-family: 'ClanPro-Bold', Arial, sans-serif;
  white-space:nowrap; 
  font-size:0.8em;
  text-overflow: ellipsis;
  overflow: hidden;              
}
.galleryitems div.imgbox {      
}
.galleryitems div.imgbox img {
  width:100%;
  height:auto;
  display:block;
  border:solid 2px #d7e5ef;
  box-sizing:border-box;
}
.galleryitems a:hover img {
  border-color:#FFFFFF;
}

/* logos */
.logoitems {
  margin-top:20px;
  background: #f2f2f2;
}
.logoitems a {
  text-decoration:none;
}
.logoitems > .wrap {
  padding-bottom: 10px;
  padding-top: 20px;
}
.logoitems ul {
  padding:0;margin:0;
  list-style:none;          
}
.logoitems li {
  float:left;
  width:20%;
}
.logoitems div.imgbox { 
  display: block;
  height: auto;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: 1px 1px 5px #e2e2e2;
  padding: 8px;
  background: #FFFFFF;
}
.logoitems div.imgbox img {
  width:100%;
  height:auto;
  display:block;
  box-sizing:border-box;
}
.logoitems div.imgbox img:hover {
  border-color:#FFFFFF;
}


/* boxes */
.content > .boxesbefore {
	margin-bottom:15px;
}
.content > .boxesafter {
}

/* contact */
div.contactColumnRight { 
  padding-left:20px;
}
.forminfo {
	 margin-top:10px;
   font-size:0.7em;
   line-height:1.3em;
}
.labelwrap {
  font-size:0.8em;
  padding-top:3px;color:#333333;
}
.inputwrap {
	padding-bottom:8px;
}
.inputwrap > table {
  width:100%;
}
.forms textarea, .forms input, .forms select {  
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d7e5ef;
  display:block;  
  background:#FFFFFF;  
}
.forms textarea {
	max-width:100% !important;
  resize:vertical;  
  min-width:100%;
  margin:0;
}
.forms textarea:focus, .forms input:focus, .forms select:focus {  
  border:solid 1px #333333;
}
.forms .k2textInput, .forms .k2dropdownInput {  
  color: #333333;
  display: block;
  font-size: 1em;
  font-weight: 300;
  outline: 0 none;
  padding: 8px;
  transition: all 0.2s linear 0s;
  width: 100%;
  font-family:"ClanPro-Book",Arial,Sans-Serif;
}
.forms .k2dropdownInput {
  padding: 7px 3px;
  margin: 0;
}

.forms button {
	background:#004c73;
  color:#FFFFFF;    
  border:none;
  
  cursor:pointer;
  font-family:"ClanPro-Book",Arial,Sans-Serif;
  font-size:1rem;
  line-height:1rem;  
  padding:0 8px 0 0;
  margin:0;
  background:#004c73;
  color:#d7e5ef;
}
.forms button:hover {
  color:#FFFFFF;
  background:#004c73;
}
.forms button[disabled=true] {
  display:none;
}

.forms .k2checkboxInput label {
  display: block;
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0 0 0 3px;
}
.forms .k2checkboxesInput label {
  display: block;
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0 0 1em 3px;
}
.forms .k2checkboxesInput {
  color:#333333;	
}
.forms .k2textInputError,
.forms .k2dropdownInputError {	
	border:solid 1px rgba(255, 0, 0, 0.7);
	background:#fffafa;
}

/* special form inputs */
.forms .opportunities .k2checkboxesInput label {  
}
.forms .opportunities .k2checkboxesInput label span[style*=bold],
.forms .opportunities .k2checkboxesInput label strong,
.forms .opportunities .k2checkboxesInput label b {
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight: normal !important;
  color:#004c73;
  font-size:1.2em;
}

.forms .f_salutation {width:24%}
.forms .f_title {float:left;width:75%}
.forms .f_firstname {float:left;width:39%;margin-right:1%}
.forms .f_lastname {float:left;width:60%}
.forms .f_zip {float:left;width:24%;margin-right:1%}
.forms .f_city {float:left;width:75%}
.forms #message {height:144px}

.newsletter {
	max-width:300px;
}
.forms .newsletter #salutation {width:auto;}

.contact_questions #extradata_question1,
.contact_questions #extradata_question2,
.contact_questions #extradata_question3 {
	height:100px;
}

/* module contactFrom */
#content > .contactForm,
#content > .wrap > .contactForm,
#content > .wrap > .boxesaftercontactformwrap > .contactForm {
	background:#d7e5ef;
}
.contactForm > .wrap .forms .left {
  float:left;
  width:49%;
}
.contactForm > .wrap .forms .right {
  float:right;
  width:49%;
}

/* contact training */
.newsletter {
  max-width:300px;
}
.contact_training #extradata_couponcode {
	max-width:150px;
}
.contact_training .trainingoptions .k2checkboxesInput label span[style*=bold],
.contact_training .trainingoptions .k2checkboxesInput label strong,
.contact_training .trainingoptions .k2checkboxesInput label b {
  font-family: 'ClanPro-Bold',Arial,Sans-Serif;
  font-weight: normal !important;
  color:#004c73;
  font-size:1.2em;
}


/* admin */
.products_admin .item {
  margin:5px 0 5px 0; 
}
.areaofapplication_admin .item  {
  margin:5px 0 5px 0; 
}

.logo_austria {
  display: block;  
  float: right;
  margin: 20px 0 0;
}


/* waiting */
/* forms */
form {}
form > .k2formWaitingbox {
  position:absolute;
  top:0;left:0;width:100%;height:100%;
  display:none; 
  z-index:99999; 
}
form > .k2formWaitingbox > .k2formAnimation {  
  font-size: 64px;
  line-height: 64px;
  width: 64px;
  height: 64px;
  position: absolute;
  top:45%;  
  top: calc(50% - 32px);
  left: 45%;
  left: calc(50% - 32px);  
}
form.k2submitting .k2formFields {
  opacity: 1;
  -webkit-transition: opacity 0.33s linear;
  -moz-transition: opacity0.33s linear;
  -o-transition: opacity0.33s linear;
  transition: opacity 0.33s linear;   
}
form.k2submitting > .k2formWaitingbox {
  display:block;  
}
form.k2submitting > .k2formFields {
  opacity: 0.2;
  filter: grayscale(100%);
}


form label {    
}
form label.required {
}
form label.required:after {
  content:" *"
}
form .k2checkboxInputRequired label:after {  
}

div.k2formError {
  padding:5px;
  margin-bottom:5px;
  background:#FF0000;
  background:rgba(255, 0, 0, 0.7);
  color:#FFFFFF;
  font-weight:500;
}

/* footer nl */
#footer .forms > div {
  padding-bottom: 5px;
}
#footer .forms > div.spacer {
  padding: 5px 0 5px 0;
}


#footer a.button:before {
  background:#D7E5EF;
}      
#footer .forms textarea, #footer .forms input, #footer .forms select {
  background: #D7E5EF;
  border:solid 1px #D7E5EF;
  color: #004c73;
} 
   
   
#footer .forms div > label {
  float: left;
  line-height: 2.5em;
  overflow: hidden;
  width: 20%;
}
#footer .forms div > input,
#footer .forms div > select {
  float: left;
  width: 80%;
  max-width:300px;
}
#footer #footersalutation {
	width:auto;
}

#footer .forms .k2textInput, 
#footer .forms .k2dropdownInput {         
}
#footer .forms .k2dropdownInput {
}
#footer .forms .k2textInput:focus, 
#footer .forms .k2dropdownInput:focus {
	border:solid 1px #FFFFFF;
}
#footer .forms .button {
  background: #d7e5ef none repeat scroll 0 0;
  color: #004c73;
}
#footer .forms .button:hover {
	color:#3e7eae;
}

#footer .forms .k2textInputError,
#footer .forms .k2dropdownInputError {  
  border:solid 1px rgba(255, 0, 0, 0.7);
  background:#ffe6e6
}

/* navigation */
#header ul.mainnav > li.responsive {
  display:none;     
}
#header ul.mainnav > li.responsive a.icon {
	color:#004c73;
  background: none repeat scroll 0 0 #D7E5EF;
  border-radius: 50px;
  font-size: 19px;
  line-height: 16px;
  margin-top: 12px;
  padding: 8px;
}
#header ul.mainnav > li.responsive a.icon:before {
  padding:0 !important;
}

/* ------------------------------------------------- */
/* RESPONSIVE NAVIGATION                             */
/* ------------------------------------------------- */
#responsiveNavigation {
  display:none;
}
#responsiveNavigation {
	background: #4a4a49;  
  color:#FFFFFF;
  
  display: none;
  left: 0;
  top: 60px;
  bottom: 0;
  overflow: auto;
  position: fixed;  
  width: 100%;
  z-index: 999999;
  opacity:0; 
	
  background: -moz-linear-gradient(top, #FFFFFF 0, #eeeeee  100%) no-repeat;  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#FFFFFF), color-stop(100%,#eeeeee ));
  background: -webkit-linear-gradient(top, #FFFFFF 0, #eeeeee  100%) no-repeat;
  background: -o-linear-gradient(top, #FFFFFF 0, #eeeeee  100%) no-repeat;  
  background: -ms-linear-gradient(top, #FFFFFF 0, #eeeeee  100%) no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#eeeeee ',GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#eeeeee ', GradientType=0)";    
  background: linear-gradient(to bottom, #FFFFFF 0, #eeeeee  100%) no-repeat;    
}

#responsiveNavigation > a.close {
  background: none repeat scroll 0 0 #004C73;
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}   
#responsiveNavigation > a.close h2 {
  color: #FFFFFF;
  float: left;
  height: 60px;
  line-height: 63px;
  margin: 0;
  padding: 0;
  font-size: 31px;
  margin-left: 8px;
}
#responsiveNavigation > a.close span {
  float: right;
  background: #FFFFFF;
  color: #004C73;
  font-size: 22px;
  width: 38px;
  height: 38px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  margin: 5px 8px 0 0;
  border-radius: 100%;
  padding: 5px;
  -webkit-transition: color 0.33s linear, background-color 0.33s linear;
  -moz-transition: color 0.33s linear, background-color 0.33s linear;
  -o-transition: color 0.33s linear, background-color 0.33s linear;
  transition: color 0.33s linear, background-color 0.33s linear;
}
#closeResponsiveNavigationButton .icon::before {
  border-radius: 50px;
  padding: 0 !important;
  line-height: 38px;
}

#responsiveNavigation .spacer {
  height:5em;
}


/* ------------------------------------------------- */
/* RESPONSIVE NAVIGATION  - entries                  */
/* ------------------------------------------------- */
#responsiveNavigation ul {
  padding-left:0 !important;list-style:none outside none;
  padding-bottom:20px;
}
#responsiveNavigation .hmenusep {display:none}
#responsiveNavigation ul a[href="#"] {
  cursor: default !important;
}


#responsiveNavigation ul ul {
  display:none;
}
#responsiveNavigation ul li {  
  display: block;  
  background: none;
}
#responsiveNavigation ul > li.active > a {
  color:#004C73;
  font-weight:bold;
}

#responsiveNavigation ul li.opened > ul {
  display:block!important;
}
#responsiveNavigation ul li.closed > ul {
  display:none!important;
}
     
#responsiveNavigation ul li a {
  color: #666666;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;  
  padding:3px 0 3px 3px; 
  font-size:20px;
  line-height:34px;  
  white-space:nowrap;
}

#responsiveNavigation ul li a > i.ellbow {
  color:#666666;
  width:30px;
  font-size:24px;
  line-height:34px;
  cursor:pointer!important;
}
#responsiveNavigation ul li a > i.ellbow.fa-arrow-circle-right {
	color: #AAAAAA;
}
#responsiveNavigation ul li a > i.ellbow.fa-plus-circle {
  color: #666666;
}
#responsiveNavigation ul li a > i.ellbow.fa-minus-circle {
  color: #666666;
}

#responsiveNavigation ul > li li a {  
  padding-left:34px;
}
#responsiveNavigation ul > li li li a {
  padding-left:65px;
}
#responsiveNavigation ul > li li li li a {
  padding-left:96px;
}
#responsiveNavigation ul > li li li li li a {
  padding-left:127px;
}



/*
#responsiveNavigation ul li {  
  display: block;  
  background: none;
}     
#responsiveNavigation li a {
  color: #333333;
  cursor: pointer;
  display: block;
  font-family: "ClanPro-Book", Arial,Sans-Serif;
  font-size: 1.3em;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  padding:5px 0 5px 8px; 
}
#responsiveNavigation .wrap > ul > li > a {
  font-size: 1.8em;
  line-height: 1.3em;
}
#responsiveNavigation .wrap > ul > li li > a {  
  font-size: 1.7em;
  line-height: 1.6em;
  padding-left:20px;
}
#responsiveNavigation .wrap > ul > li li li >  a {  
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:30px;
}
#responsiveNavigation .wrap > ul > li li li li > a {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:40px;
}
#responsiveNavigation .wrap > ul > li li li li li a {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:50px;
}
#responsiveNavigation .wrap > ul > li li li li li li a {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:60px;
}
#responsiveNavigation .wrap > ul > li li li li li li li a {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:70px;
}
#responsiveNavigation .wrap > ul > li li li li  a:before {
  content: "•";
  padding-right: 5px;
}
#responsiveNavigation .wrap > ul > li li li li li a:before {
  content: "»";
  padding-right: 5px;
}
#responsiveNavigation .wrap ul li a.active {
  color: #004C73;
  cursor: default !important;
  font-weight:bold;
}
#responsiveNavigation .wrap ul li a[href="#"] {
  color: #cccccc  !important;
  cursor: default !important;
  font-weight:normal;
}

#responsiveNavigation .wrap ul li a.mlevel0 {
	background:#FFFFFF;
}
*/
        
          
/* effects */
a { 
  transition: all 0.4s linear 0s;
}
button {
  transition: all 0.4s linear 0s;
}
#footer .selly-branding img {
  opacity:0.75;
  transition:opacity 0.3s linear 0s;
}
#footer .selly-branding:hover img {
  opacity:1;        
}

#groupnav > .wrap .frame ul li {	
	transition: background-color 0.4s linear 0s;
}
#groupnav .scrollbar .handle { 
	transition: background-color 0.4s linear 0s;
}

div.k2nottranslated {
  border: 1px dashed #333333;
  background: #f2f2f2;
  padding: 5px;
  margin-bottom: 15px;
}

NOTINUSE .box imgXX {
  -webkit-transition:transform 0.8s ease-in 0s;
  transition:transform 0.8s ease-in 0s;
}     
NOTINUSE .box:hover imgXX {
  -webkit-transform: scale(1.5);    
  transform: scale(1.5);
}
NOTINUSE .disabled:hover img {
  -webkit-transform:none !important;
  transform:none !important;
}   

NOTINUSE #groupnav a .thumb > img {
  -webkit-transition:all 0.3s linear 0s;
  transition:all 0.3s linear 0s;
}     
NOTINUSE #groupnav a:hover .thumb > img {
  -webkit-transform: scale(1.5) rotate(2deg);
  transform: scale(1.5) rotate(2deg);
} 
NOTINUSE #canvas .multibox div.imgbox > img {
  -webkit-transition:all 0.3s linear 0s;
  transition:all 0.3s linear 0s;
}  
NOTINUSE #canvas .multibox div.imgbox:hover > img {   
  -webkit-transform: scale(1.5) rotate(2deg);
  transform: scale(1.5) rotate(2deg);
}
NOTINUSE .contentpicturebox div.imgbox > img {
  -webkit-transition:all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
NOTINUSE .contentpicturebox div.imgbox:hover > img {
  -webkit-transform: scale(1.5) rotate(2deg);
  transform: scale(1.5) rotate(2deg);
}

/* responsive */
.showAt768 {display:none}


/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
*:first-child+html .clearfix { min-height: 0; }      
* html .clearfix { height: 1%; }