html {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body, div, table, forms, ul, li, p {
  margin:0;
  padding:0;
}
h1, h2, h3 {
	font-family: 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight: normal;
}
ul {
  list-style:none;
}

input, textarea {
  border:0px;
  font:normal 13px/16px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

table {
  border-collapse:collapse;
}

img {
  border: 0;
  outline: none;
}

a {
  outline:none;
  color:#444;
  cursor:pointer;
}

html {
  overflow-y:scroll;
}

body {
  font:normal 13px/20px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color:#444;
  background:url(../Images/body-bg.png) 50% 0% repeat-y;
  
}

.clr, .clear {
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#wrapper {
  width:1024px;
  min-height: 800px;
  padding:0;
  margin:0 auto;
  position:relative;
  background:#fff;
}
#wrapper.hcr {
  width:976px;
}
#rightcol,
#subpage,
.productCategoryList {
 min-height: 800px;
}
/* Masked image */
.masked-image {
	position:relative;
	display: inline-block;
	width:100%;
	overflow:hidden;
}
.masked-image .mask {
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0;
	bottom: 0;
}
.masked-image.left .mask {
	background: url(../Images/masked-image-mask.png) top left no-repeat;
}
.masked-image.right .mask {
	background: url(../Images/masked-image-mask-right.png) top right no-repeat;
}


/*
round corners
*/

a.round-image {
  background:none !important;
  padding:0 !important;
  margin:0 !important;
  display:block;
  width:162px;
  height:157px;
  overflow:hidden;
}
#rightcol.productpage .productview a.round-image {
  width:115px;
  height:110px;
}

a.round-image img:first-child {
  height: 162px; /* HACK */
  max-height:162px; 
  overflow:hidden;
  margin-left: -5px; /* HACK */
}
a.round-image.small img:first-child {
  height: auto !important;
  max-height:157px; 
  overflow:hidden;
  margin-left: 0 !important;
}

#rightcol.productpage .productview a.round-image img:first-child {
  height: 110px;
  max-height:110px; 
}

a.round-image {
  position:relative;
  z-index:1;
}

a.round-image .overlay {
  position:absolute;
  left:0;
  top:0;
  width:162px;
  height:157px;
  z-index:2;
}
a.round-image.small .overlay {
  width: 124px;
  height:115px;
}

#rightcol.productpage .productview a.round-image .overlay {
  width:115px;
  height:110px;
}


a.round-image .overlay_text {
    color:#FFF;
    text-align:left;
    padding:10px;
}

#rightcol.productpage .productview a.round-image .overlay_text  {
  color:#000;
}
/*
round corners bottomfront
*/

a.round-image-bottomfront {
  background:none !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-block;
  width:124px;
  overflow:hidden;
  text-decoration: none;
  margin: 0 52px 0 0 !important;
  vertical-align: top !important;
}
a.round-image-bottomfront:nth-child(3n) {
	margin: 0 0 0 0 !important;
}
a.round-image-bottomfront.link:hover {
  opacity: 0.5;
}
a.round-image-bottomfront img:first-child {
  position: relative;
  overflow: hidden;
}
a.round-image-bottomfront  {
  position:relative;
  z-index:1;
}

a.round-image-bottomfront .overlay {
  position:absolute;
  left:0;
  top:0;
  width:124px;
  height:115px;
  z-index:2;
}
a.round-image-bottomfront .overlay_headline {
	display: block;
    color: #bed001;
	font: normal 18px/20px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 10px 0;
    text-align:left;
	width: 100%;
	z-index: 100;
}
a.round-image-bottomfront .overlay_text {
	display: block;
    font: normal 11px/15px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #444;
    text-align:left;
	width: 100%;
	z-index: 100;
}

/*
hidden content
*/
.hidden_content {
  display:none;
}

/*
widgets
*/
#rightcol .textwidget {
  float: left;
  /*width: 322px; */
  padding: 0 28px 0 0;
  margin:20px 0 0;
  font-size:11px;
}

/*
arrow link 
*/

a.arrow-link {
  /* width:246px; */
  display:block;
  /*padding:2px 58px 0 12px; */
  padding:2px 0px 0 12px;
  margin:0 0 10px;
  color:#444 !important;
  font:normal 16px/21px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  text-decoration:none !important;
  clear:both;
}

*+html a.arrow-link {
  font:normal 18px/21px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

a.arrow-link:hover {
  background:url(../Images/arrow_active.png) 0px 4px no-repeat;
  color:#9aa807 !important;
}

/*
arrow link 
*/

a.news-link {
  width:246px;
  margin:0 0 10px;
  color:#808080 !important;
  font:normal 18px/23px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  text-decoration:none !important;
  clear:both;
}

*+html a.news-link {
  font:normal 18px/21px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

a.news-link:hover {
	/* Controlled in themes */
}

/*
news
*/
.news_element
{
    margin-top:10px;
    margin-bottom:20px;
	font: normal 18px/23px 'NeoSansProLight', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding: 0 0 20px 0 !important;
  	border-bottom: 1px solid #d7d7d7;
}
	
.news_element .news_date {
	  font:normal 16px/21px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.news_element .news-vertical-divider {
	color: #808080;
}
/*
documentlink widget
*/

.documentlink {
  float:left;
  width:100%;
  border-top:solid 1px #ccc;
  padding:0;
  margin:10px 0 10px;
}

.documentlink .image {
  float:left; 
  width:124px;
  height:115px;
  overflow:hidden;
}

#product-descr .documentlink .textContainer {
  width:294px;
}

#subpage .documentlink .textContainer {
  width:290px;
}

.documentlink .textContainer {
  float:left;
  margin:0;
}

.documentlink .textContainer a.titel {
  float:left;
  display:block;
  background:url(../Images/arrow.png) 0% 4px no-repeat;
  font:normal 18px/22px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  min-height:18px;
  padding:2px 0 0 23px;
  margin:2px 0 6px 16px;
  color:#444 !important;
  text-decoration:none !important;
}

.documentlink .textContainer a.text {
  float:left;
  margin:0 0 0 16px;
  text-decoration:none;
  color:#444 !important;
  text-decoration:none !important;
  font-size:11px;
  line-height:15px;
  clear:left;
}

.documentlink .textContainer a:hover {
  color:#9aa807 !important;
}

/* 
skillelinie | devider
*/

#wrapper.subpage .devider {
  float:left;
  width:100%;
  height:1px;
  background:url(../Images/devider-hline.png) 0% 50% repeat-x;
  margin:30px 0 20px;
}

#wrapper .devider {
  float:left;
  width:100%;
  height:1px;
  /* background:url(../Images/devider-hline.png) 0% 50% repeat-x; */
  margin:10px 0;
}

#wrapper #rightcol .devider {
  float:left;
  height:1px;
  /* background:url(../Images/devider-hline.png) 0% 50% repeat-x; */
  /* margin:40px 58px 20px 0; */
  width:272px;
}

/* 
video
*/
.video-row {
  float:left;
  margin:0 0 10px;
  padding:16px 0 0;
}

.video-row iframe {
  width:295px;
  margin:0;
  border:none;
}


.video-row .description {
  float:left;
  display:block;
  width:270px;
  margin:20px 0 0;
  font-size:11px;
}
.video-row ~ h2 {
	color: #bed001;
	font: normal 24px/26px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0 0 8px 0;
}
.video-row ~ h2 + p {
	font:normal 18px/23px 'NeoSansProLight', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.video-row ~ h2 + p a,
.video-row ~ h2 + p a:active,
.video-row ~ h2 + p a:link,
.video-row ~ h2 + p a:visited {
	color: #bed001;
	text-decoration: none;
}
.video-row ~ h2 + p a:hover {
	text-decoration: underline;
}

/* 
submenu subpages 
*/
#rightcol.contact .menu {
  float:left;
  width:272px;
  padding:0 58px 0 0;
}

#rightcol .menu a {
  -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
  float:left;
  width:100px;
  height:97px;
  background:url(../Images/navi-roundbox-bg.png) no-repeat;
  display:block;
  margin:0 0 20px 0;
  padding:18px 12px 0 12px;
  font:normal 16px/16px 'NeoSansProLight', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color:#fff;
  text-decoration:none;
}

/* ie7 hack */
*+html #rightcol .menu a {
  font:normal 16px/20px 'NeoSansProLight', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  padding:14px 12px 0 12px;
  height:101px;
}

#rightcol .menu a:hover {
  background:url(../Images/navi-roundbox-active-bg.png) no-repeat;
  color:#fff;
}

/*
statement above submenu
*/
#rightcol .statement {
  float:left;
  width:100%;
  margin:20px 0 30px;
}

#rightcol .answer {
  float:left;
  margin:0;
  font:normal 18px/18px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

#rightcol .yes {
  float:left;
  clear:left;
  font-family:'NeoSansProLight', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size:120px;
  line-height:120px;
  color:#bed001;
  margin:10px 0 30px;
}

/* ie7 hack */
*+html #rightcol .yes {
  line-height:140px;
}

#rightcol .question {
  float:left;
  margin:0 0 40px;
  clear:left;
  font:normal 19px/19px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color:#888;
}

/* ie7 hack */
*+html #rightcol .question {
  font:normal 19px/24px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

#jobFormular {
  display:none;
  width:100%;
}
        
.formularTabel {
  width:100%;
}
        
#jobFormular td:last-child {
  text-align:right;
  padding-left:4px;
}
        
#jobFormular td {
  font-weight:bold;       
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  vertical-align:top;
  padding-top:10px;
  font-size:12px;
  color:#666;
}
        
#jobFormular input,#jobFormular textarea {
  font-size:12px;
    width:300px;
    border:1px solid #ccc;
    padding-left:3px;
}

#jobFormular .normal {
  font-weight:normal;
}

#jobFormular input:focus,#jobFormular textarea:focus {
  background-color:#fcfcfc;
}
        
#jobFormular #uploadfile1, #jobFormular #uploadfile2, #jobFormular #submit {
  width:304px;
}

#jobFormular #submit {
  border:0px none;
  font:normal 16px/16px 'NeoSansProRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color:#fff;
  background-color:#9AA807;
  height:30px;
}