h1 {
 font-family: Arial;
 font-size: 1.5em;
 font-weight: bold; 
 
}
h2 {
 font-family: Arial;
 font-size: 1.3em;
 font-weight: bold;
}
h3 {
 font-family: Arial;
 font-size: medium;
 font-weight: bold;
}
h4 {
 font-size: 1.3em;
 font-weight: bold;
 color: #ffffff;
}

.hinweis {
 font-family: Arial;
 padding-bottom: 10px;
}
a {
 text-decoration:none; 
 font-family: Verdana, Arial;
 font-size: 15px;
 color: #000000;
}
.imageFloatLeft{

 float: left;
 max-width: 48%;
 padding-right: 1.8em;
 padding-bottom: 1.8em;

}
.imageFloatRight{
 float: right;
 max-width: 48%;
 padding-left: 1.8em;
 padding-bottom: 1.8em;

}
.imageFloatLeftMax{
 float: left;
 max-width: 100%;
 padding-right: 1.8em;
 padding-bottom: 1.8em;

}
.clearLeftFloat{
 clear:left;
}
.clearRightFloat{
 clear:right;
}
.indexPics{
 width: 100%;
 border:0;
 margin:0;
 padding:0;
}


.kleineListe li:before{
 content: "  \2714" "   ";
}
.kleineListe{
list-style-type: none!important;
 font-size: small;
 font-weight: bold;
 color: #990000;
 line-height: 1.5;
 margin-left: 1.0em;
}


.normalPics{
 max-width: 100%;
 text-align: center;
}

.merkliste
{
 background:#990000;
 font-family: Verdana, Arial;
 font-size: 15px;
 color: #ffffff;
 margin:0px;
 text-align: center;
 vertical-align: top;
 text-decoration:none;
}
.merklisteOuterCase
{
 position: absolute;
 width: 260px;
 height: 22px;
 right: 10%;
 text-align: right;
}
.merklisteButton
{
 position: relative;
 float: left;
 width: 59px;
 bottom: 33px;
}

.phoneOuterCase
{
 position: absolute;
 width: 260px;
 height: 22px;
 left: 10%;
 text-align: left;
}
 
.phoneButton
{
 position: relative;
 float: left;
 width: 59px;
 bottom: 30px;
} 
.produktButton
{
 position: relative;
 float: right;
 width: 250px;
 bottom: 57px;
 left: 10px;
}
.flagButton
{
 position: relative;
 float: right;
 width: 97px;
 bottom:10px;
 left: 0px;
}
.slimLogo
{
 position: relative;
 float: right;
 width: 150px;
 top: 80px;
 left: 0px;
}

.hintergrund{
 width: 100%;
 height: 200px;
 padding-top:100px;
 padding-bottom:100px;
}
#telefon
{
 position: absolute;
 left: 5%;
 width: 5%;
 color: #ffffff;
}
.produktSave
{
 position: relative;
 float: right;
 width: 100px;
 right: -110px;
 bottom: 57px;
}

.suchenOuterCase
{
 position: absolute;
 width: 260px;
 height: 22px;
 bottom: 30px;
 right: 10%;
 text-align: left;
}
.merkliste3
{
 background:#990000;
 font-family: Verdana, Arial;
 font-size: 16px;
 width: 201px;
 color: #ffffff;
 margin:0px;
 top: 0px;
 text-align: right;
 position: relative;
 vertical-align: middle;
 text-decoration:none;
 float: right;
}
.tabelle {
 font-family: Verdana, Arial;
 font-size: medium;
 color: #000000;
 background: #FFFFCC;
 padding: 1em;
 text-align: left;
}
.tabProd{
 background-color: #e6e6e6;
 text-align: center;
 width: 164px;
 height: 80px;
 max-height:80px; 
 min-height:10px;
 max-width:164px;
 min-width:50px; 
}
.tabProdFirst{
 background-color: #e6e6e6;
 text-align: left;
 padding-left: 0.2em;
 width: 16%;
}

.tabProdLeft{
 background-color: #e6e6e6;
 
 text-align: left;
 padding: 0.25em;
}
.tabProdZwei{
 background-color: #e6e6e6;
 text-align: center;
 width:117px; 
 height:75px;
 max-width:117px;
 min-width:15px; 
 max-height:75px; 
 min-height:9px;
}
.tabProdDrei{
 background-color: #e6e6e6;
 text-align: center;
 width: 80px;
 height:51px;
 max-width:80px;
 min-width:15px; 
 max-height:51px; 
 min-height:9px;
}
.tabProdVier{
 background-color: #e6e6e6;
 text-align: center;
 width: 80px;
}
.prodTable{
text-align: center;
background-color:#ffffff;
border-spacing:0;
padding:0;
margin:0;
width:100%;
}
.prodAuswTable{
text-align: center;
background-color:#ffffff;
border-spacing:0;
padding:0;
margin:0;
width:46%;
}
.produkte {
 font-family: Arial;
 font-size: small;
 color: #000000;
 background: #FFFFFF;
}
.info-box {
    color:#555;
    /*border-radius:10px;*/
    padding:10px 10px 10px 36px;
    text-align:left;
}
.info-box ul{
    padding-left: 50px;
}
.info-box p{
    padding-left: 30px;
}
.notice {
    background:#e3f7fc url('../info.png') no-repeat 10px 15%;
    border:1px solid #8ed9f6;
}
.info-box a:link { font-weight: bold; text-decoration:none; font-size: 1em; color:#555; }
.info-box a:visited {font-weight: bold; text-decoration:none; font-size: 1em; color:#555;}
.info-box a:hover { font-weight: bold; text-decoration:none; font-size: 1em; color:#555;}
.info-box a:active { font-weight: bold; text-decoration:none; font-size: 1em; color:#555;}

.bbUeber{
font-size: 1.4em;
}

aa {
 font-size: 1.2em;
 color: #CC6666;
 font-weight:bold;
}
aaa {
 font-size: 1.2em;
 color: #990000;
 font-weight:bold;
}
aab {
 font-family: Verdana, Arial;
 font-size: small;
 color: #000000;
 font-weight:bold;
}
tafont {
 font-family: Courier;
 font-size: larger;
 color: #000000;
}

fr {
 font-family: Arial;
 font-size: medium;
 color: #FF0000;
 font-weight:bold;
}

v {
 font-family: Arial;
 font-size: medium;
 color: #990000;
 font-weight: bold;
}

 a:link { text-decoration:none; color:#000000; }
 a:visited { text-decoration:none;}
 a:hover { text-decoration:none; font-weight:medium; color:#FF7F00;}
 a:active { text-decoration:none; font-weight:medium; color:#FF7F00;}

 a.schwarz:link { font-size: medium; text-decoration:none; color:#000000; }
 a.schwarz:visited {font-size: medium; text-decoration:none;}
 a.schwarz:hover { font-size: medium; text-decoration:none; font-weight:bold; color:#0000FF;}
 a.schwarz:active { font-size: medium; text-decoration:none; font-weight:bold; color:#0000FF;}
 
 a.schwarzU:link { font-size: medium;  text-decoration:underline;color:#000000; }
 a.schwarzU:visited {font-size: medium; text-decoration:underline;}
 a.schwarzU:hover { font-size: medium;  text-decoration:underline; color:#0000FF;}
 a.schwarzU:active { font-size: medium;  text-decoration:underline; color:#0000FF;}
 
 a.zw:link { font-size: medium; text-decoration:none; color: #FFFFFF; }
 a.zw:visited {font-size: medium; text-decoration:none; color: #FFFFFF;}
 a.zw:hover { font-size: medium; text-decoration:none; font-weight:bold; color:#FFFFFF;}
 a.zw:active { font-size: medium; text-decoration:none; font-weight:bold; color:#FFFFFF;}

.orange  { background-color:#FF9900; text-align:center; cursor:pointer;}
.d_rot { background-color:#FF6666; text-align:center; cursor:pointer;}
.rot { background-color:#FF9999; text-align:center; cursor:pointer;}
.d_blau { background-color:#999999; text-align:center;}
.d_blau_courier { font-family: Courier New, Courier, FreeMono; font-size: 1.2em; background-color:#999999; text-align:center;}
.blau {background-color:#CCCCCC; text-align:center;}
.blau_courier {font-family: Courier New, Courier, FreeMono; font-size: 1.2em; background-color:#CCCCCC; text-align:center;}
.d_gelb { background-color:#e6e6e6; text-align:center; cursor:pointer;}
.gelb { background-color:#f2f2f2; text-align:center; cursor:pointer;}
 
 a.links:link { text-decoration:none; font-weight:600; color: #FF7F00;}
 a.links:visited { text-decoration:none; font-weight:600; color: #FF7F00;}
 a.links:hover { text-decoration:none; font-weight:600; color: #FF7F00;}
 a.links:visited:hover { text-decoration:none; font-weight:600; color: #FF7F00;}

 a.unter:hover { text-decoration:none; font-size:small; font-weight:bold; color: #FF7F00;}
 a.unter:link:hover { text-decoration:none; font-size:small; font-weight:bold; color: #FF7F00;}
 a.unter:visited:hover { text-decoration:none; font-size:small; font-weight:bold; color: #FF7F00;}
 
 a.subNavi:link { font-size: 1.2em; text-decoration:none; font-weight:bold; color:#CC6666; }
 a.subNavi:visited { font-size: 1.2em; text-decoration:none; font-weight:bold; color:#CC6666;}
 a.subNavi:hover { font-size: 1.2em; text-decoration:none; font-weight:bold; color:#990000;}
 a.subNavi:active { font-size: 1.2em; text-decoration:none; font-weight:bold; color:#990000;}
 
 a.parentNav:hover { font-size: 1.2em; text-decoration:none; font-weight:bold; color:#990000;}
 
 a.breadcr:link { font-size: 1.0em; text-decoration:none; color:#CCCCCC; }
 a.breadcr:visited { font-size: 1.0em; text-decoration:none; color:#CCCCCC;}
 a.breadcr:hover {  font-size: 1.0em; text-decoration:none; color:#CCCCCC;}
 a.breadcr:active { font-size: 1.0em; text-decoration:none; color:#CCCCCC;}

 a.phoneOuterCase:link { text-decoration:none; font-size: 1em; color:#ffffff; }
 a.phoneOuterCase:visited { text-decoration:none; font-size: 1em; color:#ffffff; }

 
  #slideshow { 
      margin: 0px auto; 
      position: relative; 
      width: 600px; 
      height: 353px; 
      padding: 0px; 
      box-shadow: 0 0 0px rgba(0,0,0,0.4); 
  }
  
  #slideshow > div { 
      position: absolute; 
      top: 0px; 
      left: 0px; 
      right: 0px; 
      bottom: 0px; 
 }

 #produktshow { 
      margin: 0px auto; 
      position: relative; 
      width: 400px; 
      height: 220px; 
      padding: 0px; 
      box-shadow: 0 0 0px rgba(0,0,0,0.4); 
  }
   #produktshow > div { 
        position: absolute; 
        top: 0px; 
        left: 0px; 
        right: 0px; 
        bottom: 0px; 
 }
 
 #items {
     margin: 0px auto;
     position : relative;
     width :400px;
     height : 220px;
     padding: 0px;
     
 }
 .item {
     position : absolute;
     background-color : #fff;
     border : 0px solid #ccc;
     width : 400px;
     height : 220px;
     display :none;
     text-align : center;
     font-size : 72px;
 }
 .first{
     display : block;
 }
 #controls {
      margin-top : 30px
 }
 .nav{
    display : inline-block;
    padding : 5px;
    border : 1px solid #ccc;
    background-color : #eee;
    cursor : pointer;
    margin-left: -30px;
 }
 .sidemenu {
 	display: list-item;
 	/*display: contents;*/
         /*background: #ffffff;*/
         border: none;
         /*padding-left: -5em;*/
        list-style-image: url(../heaven.png)
 }
 .parentNav{
  font-size: 1.2em;
  color: #990000;
  font-weight:bold;
 }
 .subNav{
  list-style-type: none;
 }
 .subSubNav{
   list-style-type: none;
   padding-left: 25px;
 }
 
 .muetosButton{
  background:#CCCCCC;
  border: 0;
  color: #ffffff;
  font-size: 1em;
  cursor: pointer;
 }
 
 .muetosDWLButton{
   background: none;
   border: 0;
   color: #000000;
	
  font-size: 1.1em;
   cursor: pointer;
   max-width: 100%;
   padding: 0.5em;
 }
 
 .footer{
 font-size: 1em;
 padding-left: 1em;
 list-style-type: none;
 color: #ffffff;
 }
 
 .footer a:link { text-decoration:none; font-size: 1em; color:#ffffff; }
 .footer a:visited { text-decoration:none; font-size: 1em; color:#ffffff; }

 
 .footerUl{
 float: left;
 margin-left: 0; /*für <= IE7*/
 
 padding: 1em;
 padding-left: 3em;
 padding-right: 2em;
 
 }
 
  .button-suchen{
   color: #ffffff;
   background: #5cb85c;
   border-color: #4cae4c;
   border: none;
   border-radius: 4px;
   padding: 8px;
   margin: 12px 0 0 26px;
   font-size: 1em;
 }
 .textFieldSuchen{
  font: inherit;
 }
 input{
   font: inherit;
 }
 textarea{
    font: inherit;
 }
 select{
    font: inherit;
 }
 .button-okay{
  color: #ffffff;
  background: #5cb85c;
  border-color: #4cae4c;
  border: none;
  border-radius: 4px;
 }
 .button-okay.ui-state-hover{
 	color: #ffffff;
 	background: #47a447;
 	border-color: #398439;
 }
 .button-cancel{
 	color: #ffffff;
  	background: #d9534f;
 	border-color: #d43f3a;
 	
 }
 .button-cancel.ui-state-hover{
  	color: #ffffff;
  	background: #d2322d;
  	border-color: #ac2925;
  	
 }

.ui-button-doit{
 color: #ffffff;
 background: #5fbcd3;
 border-color: #37abc8;
 border-color: #4cae4c;
 border: none;
 border-radius: 4px;
}
.ui-button-doit.ui-state-hover{
	color: #ffffff;
	background: #37abc8;
	border-color: #2c89a0;
}

 #neuFrame{
 	position: relative;
 }
 #neuImage{
 	position: absolute;
 	float: right;
 	left: -14px;
 	bottom: -12px;
 }
 #neuImageBig{
  	position: absolute;
  	float: right;
  	left: -14px;
  	bottom: +12px;
 }
#message{
	position: absolute;
	left: 30%;
	width: 40%;
	color: #ffffff;
}

}
.arc{
    //height: 20px;
    //width: 20px;
    //background-color: #5cB85c;
    color: #ffffff;
    font-weight: bold;
    //linear-gradient(to left, #ffffff , #5cB85c 70%);
    //border-radius: 50%;
    display: block;
    margin: auto;
}
.thumbIMG {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 80px; /* Set a small width */
}

/* Add a hover effect (blue shadow) */
.thumbIMG:hover {
  box-shadow: 0 0 2px 1px rgba(153, 0, 0, 0.5);
}
table.fixedTABLE {
	table-layout:fixed;
	width:600px;
	height:250px;
	padding-bottom: 32px;
	}/*Setting the table width is important!*/
	
table.fixedTABLE td {overflow:hidden;}/*Hide text outside the cell.*/
table.fixedTABLE td:nth-of-type(1) {width:300px;}/*Setting the width of column 1.*/
table.fixedTABLE td:nth-of-type(2) {width:100px;}/*Setting the width of column 2.*/

#dialog-form{
	display: none;
}

.Fixed
{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 40px;
    align-self: flex-start;
    margin: 0 auto;
    max-width: 190px;
    min-height: 481px;
    border: 0.1em solid;

}

.ueberEndeCss{
	transform: rotate(90deg);
	position: absolute;
	left: 1px;
	top:199px;
}
.rowLeft{
	text-align:left;
}

@media only screen and (max-width: 1190px){
.button-okay{
	padding: 32px;
	font-size: 2.0em;
}
input[type="checkbox" i] {
	height: 32px;
	width: 32px;

}
.merklisteButton
{
 position: relative;
 float: right;
 width: 59px;
 bottom: 33px;
}
.merklisteOuterCase {
    right: 2%;
}
.merkliste3 {
    text-align: left;
    
}
}