.kontakt_hint {
 display: block;
}

#hauptseite_body {
 scrollHight: 9999px;
}

#button_up, #button_down {
 position: fixed; 
 width:50px; height:50px; 
 display: block; 

 background-repeat: no-repeat;
 background-position:  center fixed; 
 background-size: cover;
 background-color: transparent;
 border-style: none;
}


#button_up {
 background-image: url(/img/button_up.png);
}


#button_down {
 margin-top: 70px;
 background-image: url(/img/button_down.png);
}


#button_up:hover {
 background-image: url(/img/button_up.red.png);
 border-style: none;
}


#button_down:hover {
 background-image: url(/img/button_down.red.png);
 border-style: none;
}



.thumb_container, #grossbild_container {
 position: relative;
}

.piclabel {
			position: absolute; 
			top:4px; left: 4px; 
			background-color: #8080f0; color: white; 
			font-family: arial, helvetica; font-size: 14px; 
			width: 20px; height: 18px; 
			padding: 2px; 
			text-align: center; vertical-align: middle; 
			opacity: 1;
			display: block;
		}

.artikelname_hash_checkbox{
	/*opacity: 0.2;*/
}

.pm {
                 _background: none;
                 background-color: #f0f0f0;
                 border: solid 1px #606060;
                 margin-right:2px;
                 font-family: arial, helvetica;
                 font-size: 14px;
                 text-align: center;
                 vertical-align: middle;
		 opacity: 1;
                }


#button_mehr {
 background-image: url(/img/pensil.png);
 background-color: transparent;
 background-repeat: no-repeat;
 height: 29px;
 width: 29px;
 display: block;
 border: none;
}


#artikelname {
 color: black;
 border: solid 1px #f0f0f0;
 width: 100%;
 height: 80px;
 display: block;
 overflow: auto;
 margin-right: 20px;
}

.artikelname_hash_checkbox, .table_artikelname_hash td {
 color: black;
}

.top_gallery {
 display: block;
 min-width: 696px;
 list-style: none;
 height: 200px;
/*
 width: 200px;
 overflow: auto;
 overflow-y: hidden;
*/
}

.table_div {
 display: table; 
 margin: 0 auto;
}

.top_gallery li {
 float: left;
 margin-right: 10px;
}

.top_gallery img {
 height: 100%;
  float: left;
}

#disclaimer {
 padding: 5px;
 font-weight: bold;
 font-family: arial, helvetiva;
 margin-bottom: 15px;
}

#orderpage {
	width:50%; 
	padding:10px; 
	margin: auto; 
	background-color:#fffff0; 
	color: black;
	border-radius: 10px;
}

#helppage {
        position:absolute;
        padding: 5px;
        top: 10px; left: 10px;
	display: none; 
	width: 300px; height: 500px; 
	background-color: #fffff0; 
	color: black;
	border: solid 1px black;
	border-radius: 10px;
}


#selection {
        position:absolute;
        padding: 5px;
        top: 50px; left: 50px;
	display: none; 
	width: 390px; 
	height: 300px; 
	background-color: #fffff0; 
	color: black;
	border: solid 1px black;
	border-radius: 10px;

}

#inner_selection {
 width: 80%;
 height: 75%;
 margin: auto;
 overflow: auto;
}

.kf_button_help {
	border: none; 
	float: right; 
	width:29px; height: 29px; 
	display: block; 
	background-color: transparent; 
	background-image: url(/img/help.png); 
	background-repeat: no-repeat;
}


#kontaktformular, #feedback {
	display: none; 
	width: 600px; height: 500px; 
	margin: auto; 
	background-color: white; 
	color: black;
	border-radius: 10px;

}

.kf_button_close {
	border: none; 
	float: right; 
	width:25px; height: 25px; 
	display: block; 
	background-color: transparent; 
	background-image: url(/img/delete_button.png); 
	background-repeat: no-repeat;
}

.orderbutton {
 width: 100px;
 height: 20px;
 display: inline-block;
 background-color: #8080f0;
 color: white;
 text-align: center;
 vertical-align: middle;
 border: outset white 2px;
 line-height: 20px;
}

.orderbutton:hover {
 color: red;
}



.kontaktbutton {
 font-size: 20px;
 font-weight: bold;
 width: 200px;
 height: 40px;
 display: inline-block;
 background-color: #8080f0;
 color: white;
 text-align: center;
 vertical-align: middle;
 border: outset white 2px;
 line-height: 20px;
}

.kontaktbutton:hover {
 color: red;
}


table, th, td {
 border-color: #202020;
}

h1 {
  font-family: arial, helvetica;
}




.inner_table {
 /*border-collapse: collapse;*/
}


.hauptseite_text, .produktseite_text {
        vertical-align: top;
        border: none;
	background-color: #white; 
	color: white;
	font-family: arial, helvetica;
        padding-left: 10px;
	
}


#grossbild {
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 5px;
 padding-bottom: 5px;
 border: none;
}

.artikelbild_hs {
/* border: 1px solid #d0d0d0;*/
 border: 1px solid #202020;
 padding: 10px;
 vertical-align: top;
 background-color: #202020;
}

.produktseite_thumbs {
 vertical-align: top;
 border: 1px solid #202020;
 vertical-align: top;
 background-color: black;
 width: 150px;
 height: 640px;
 overflow: auto;
 /*scrollbar-color: #ff0000;*/
}


.produktseite_thumbs_mobile {
 vertical-align: top;
 border: 1px solid #202020;
 background-color: #404040;
 width: 50px;
 height: 70px;
 overflow:scroll;
}


.produktseite_thumbs img {
 margin-bottom: 4px;
}

.hauptseite_text2 {
 color: white;
}

/*hoppelhäschen für Google Chrome!*/

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #8080f0; 
  border-radius: 10px;
}

::-webkit-box-shadow: {
  inset 0 0 6px     rgba(0,0,0,0.5);
}


::-webkit-scrollbar-thumb:hover {
  background: #0000d0
}




a, a:link, a:visited {
 font-weight: bold;
 color: #8080f0;
 text-decoration: none;
}

a:hover {
 color: red;
}