@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
  max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width:100%;
}

/*
  Dreamweaver Fluid Grid Properties
  ----------------------------------
  dw-num-cols-mobile:    4;
  dw-num-cols-tablet:    8;
  dw-num-cols-desktop:  12;
  dw-gutter-percentage:  25;
  
  Inspiration from "Responsive Web Design" by Ethan Marcotte 
  http://www.alistapart.com/articles/responsive-web-design
  
  and Golden Grid System by Joni Korpi
  http://goldengridsystem.com/
*/

.fluid {
  clear: both;
  margin-left: 0;
  width: 100%;
  float: left;
  display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}


a:link { font-weight:normal; color:#4f8ecc; text-decoration:none; }
a:visited { font-weight:normal; color:#4f8ecc; text-decoration:none; }
a:focus { font-weight:normal; color:#4f8ecc; text-decoration:none; }
a:hover { font-weight:normal; color:#3f7ebc; text-decoration:none; }
a:active { font-weight:normal; color:#4f8ecc; text-decoration:none; }

/* Mobile Layout: 480px and below. */
  
.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  clear: none;
  float: none;
}
#div1 {
}

.interesse {
padding-left:100px;

}

.interesseGroup {
border-bottom:1px solid #EEE;
}

.interesseGroup h2 {
font-weight:200;
color:#888;
}

.interesseProduct {
float:left;
padding:10px;
}

.interesseImage {
width:150px;
height:150px;

border: 1px solid #AAA;

/* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;

}

.interesseImage:hover {
  background-color:#EEE;
}

.interesseImage img {
margin:auto;
}

.interesseText {
margin-top:10px;
width:150px;
}

.interesseCheckbox {
margin:5px;
}


.isClickable {
cursor: hand;
}

#TopMainMenu {
}

.topLogo {
  background-color: #FFFFFF;
  height: 120px;
}

#topLogoWappen {
  margin-top: 10px;
width:90px;
height:100px;
}


.topMenu {
  
  height: 36px;
  margin-top:1px;
  padding:0;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding-top:4px;
}

.topMenu ul {
  background-color: #FFFFFF;
  border:0;
  margin:0; 
  padding:0;
  padding-top:2px;
}

.topMenu ul li {
  border:0;
  margin:0;
  padding:0;
  display:inline; 
  color: #444;
  padding-left:20px;
  padding-right:20px;
  padding-top:2px;
  background-color: #FFFFFF;
  font-family: raleway, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size:20px;
}

.topMenu ul li:hover {
  background-color: #EEE;
  color:#000;
}


.topSubMenu ul {

  border:0;
  margin:0; 
  padding:0;
  padding-top:2px;
  width: 100%;

}

.topSubMenu ul li {
  border:0;
  margin:0;
  padding:0;
  display:inline-block;
  color: #444;
  padding:20px;
  font-family: raleway, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.topSubMenu ul li:hover {
background-color:#f4f4f4;
border-radius: 8px;
}

.topSubMenu ul li div {
}

.topSubMenu ul li h1 {
  margin:0;
  padding:0;
  font-size:18px;
  font-weight:normal; 
  padding-top:5px;
}

.topSubMenu ul li:hover {
  
}

.submenuSelected {
background-color:#EEE;
border-radius: 8px;
}

.topMenuFirstElement {
   border-left:0px solid #FFFFFF;
}

.topMenuMiddleElement {
  border-left:1px solid #FFFFFF; 
}

.isClickable {
  cursor: pointer; 
}

.mainPageImage {
}

.pageSpacer {
  width:100%; 
  padding-top:10px;
  padding-bottom:10px;
  clear:both;
}

.pageSpacer hr {
  width:70%;
  color:#000; 
}

.bottomLinks {
  margin-top:40px;
  margin-bottom:40px;
}

.textPadding {
padding-left:20px;
padding-right:20px;
}

.bottomLinks ul {
  border:0;
  margin:0; 
  padding:0;
  
}

.bottomLinks ul li {
  border:0;
  margin:0;
  padding:0;
  display:inline; 
  color: #4f8ecc;
  padding-left:20px;
  padding-right:20px;
  padding-top:2px;
  font-size:24px;
}

.bottomLinks ul li:hover {
  color: #2f6eac;
}

.bottomDisclaimer {
  padding-top:40px;
  padding-bottom:40px;
  color:#1261a2;
  background-color:#e2eaf0;
  border-top: 20px solid #adcbe4;
}


.bottomDisclaimer h1 {
  font-family: raleway, Helvetica, Arial, sans-serif;
  font-weight: 200;
}

.topSubMenu {
}

.product2RowLeft {
width: 100%;
}

.product2RowRight {
width: 100%;
clear: both;
margin-left: 0;
}

.standardText {
  font-family: antic, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.standardText h1 {
  font-family: raleway, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #222;
  font-size: 60px;
  font-style: normal;
}

.standardText h2 {
  font-family: raleway, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #222;
  font-size: 40px;
  font-style: normal;
margin-top:0;
padding-top:0;
}

.standardText p {
  color: #666;
  font-size: 20px;
  font-style: normal;
}
.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

.camera_caption {
        color: #000;
}
.camera_caption > div {
        background: #FFF;
        background: rgba(0, 0, 0, 0.8);
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
  width: 100%;
  clear: none;
  float: none;
  margin-left: auto;
}
#div1 {
}
#TopMainMenu {
}
.topLogo {

}
.mainPageImage {
}

.bottomLinks {
}
.bottomDisclaimer {
}

.topLogo {

}


.topSubMenu {
}

.product2RowLeft {
width: 100%;
}

.product2RowRight {
width: 100%;
clear: both;
margin-left: 0;
}


.textPadding {
padding-left:70px;
padding-right:70px;
}

.hide_tablet {
display: none;
}

.zeroMargin_tablet {
margin-left: 0;
}

#mainPageTeaser1 {
width: 33%;
}
#mainPageTeaser2 {
width: 33%;
margin-left: 0.48%;
clear: none;
}
#mainPageTeaser3 {
width: 33%;
margin-left: 0.48%;
clear: none;
}

}

@media only screen and (min-width: 800px) and (max-width: 920px) {
.topMenu ul li {
  font-size:16px;
}

}


@media only screen and (min-width: 620px) and (max-width: 799px) {
.topMenu ul li {
  font-size:12px;
}

}

@media only screen and (min-width: 400px) and (max-width: 619px) {
.topMenu ul li {
  font-size:10px;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
  width: 100%;
  max-width: 1420px;
  margin: auto;
  clear: none;
  float: none;
  margin-left: auto;
}
#div1 {
}
#TopMainMenu {
  position: absolute;
  top: 20px;
}

.topLogo {
  background-color: #FFFFFF;
  height: 120px;
}





.mainPageImage {
}
#mainPageTeaser1 {
width: 33%;
}
#mainPageTeaser2 {
width: 33%;
margin-left: 0.48%;
clear: none;
}
#mainPageTeaser3 {
width: 33%;
margin-left: 0.48%;
clear: none;
}
.bottomLinks {
}
.bottomDisclaimer {
}
.topSubMenu {
}
.product2RowLeft {
width: 49.1525%;
}
.product2RowRight {
width: 49.1525%;
margin-left: 1.6949%;
clear: none;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}