@charset "UTF-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 93.1%;
	padding-left: 2.45%;
	padding-right: 2.45%;
}
#head_top_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#language_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align: right;
}
#language_container img {
	float: left;
	width: 25px;
	margin-right: 15px;
	-moz-transform: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
	-o-transform: rotate(-9deg);
	-ms-transform: rotate(-9deg);
	transform: rotate(-9deg);
	padding: 2px;
	border: 1px solid #D5D4D6;
	border-radius: 4px;
	margin-top: 0px;
	background-color: #F8F7FA;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#language_container img:hover {
	float: left;
	width: 25px;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	margin-top: 0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
}

.hidden-sm {
    display: none;
}

.rslides_container {
    margin-top:10px;
}

#logo_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#trusted_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 15px;
}
#trusted_container img {
	width: 10%;
	margin-right: 15px;
}
#basket_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: 101% 7px;
}
#additional_menue_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #36a4ff;
}

#category_menue_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#main_content_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#single_article_img {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:25px;
}
#single_article_img img {
	width: 96.5%;
	border: 0px solid #7F8C8D;
	padding: 1.5%;
	border-radius: 4px;
	background-color: #FFF;	
}

.single_article_video {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:25px;
}
.single_article_video video {
	width: 96.5%;
	border: 0px solid #7F8C8D;
	padding: 1.5%;
	border-radius: 4px;
	background-color: #FFF;	
}
#single_article_info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:25px;
}
#single_article_content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main_content_container_whole_site {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #ECF0F1;
	background-image: url(../img/hinter_main.jpg);
	background-repeat: repeat;
}
#footer_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container1_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
}
#footer_container2_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
}
#footer_container3_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
}
#footer_container4_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
}
#footer_whole_site {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #7F8C8D;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #fff;
}

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
#loginbox{}
.login_input input{
	background-color: #FFF;
	float: left;
	height: 25px;
	width: 99%;
	border: 1px solid #7F8C8D;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 15px;
}
h1 {
	font-size: 120%;

}
h2{
	font-size: 110%;
	}
h3{}
h4{}
@media only screen and (min-width: 481px) {
	h1 {
	font-size: 140%;

}
h2{
	font-size: 120%;
	}
h3{}
h4{}
.gridContainer {
	width: 95.55%;
	padding-left: 1.225%;
	padding-right: 1.225%;
}
#head_top_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 87.1794%;
	display: block;
}
#language_container {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 10.2564%;
	display: block;
}
.hidden-sm {
    display: block;
}

.rslides_container {
    margin-top: 0;
}
#logo_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#trusted_container {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
	margin-top: 0px;
}
#trusted_container img {
	width: 30%;	
}
#basket_container {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 35.8974%;
	display: block;
		background-image: url(../img/basket_bg.png);
}
#additional_menue_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#category_menue_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}
#main_content_container {
	clear: none;
	float: left;
	
	width: 100%;
	display: block;
}
#single_article_img {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
.single_article_video {
	clear: none;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#single_article_info {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#single_article_content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main_content_container_whole_site {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.0769%;
	display: block;
}
#footer_container1 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#footer_container3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#footer_container4 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}
#footer_container5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#footer_container6 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#footer_container1_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#footer_container2_3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#footer_container3_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#footer_container4_3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#footer_whole_site {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
	  
 h1 {
	font-size: 200%;

}
h2{
	font-size: 150%;
	}
h3{}
h4{}

.gridContainer {
	width: 86.9%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
}
#head_top_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.5762%;
	display: block;
}
#language_container {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#logo_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.6779%;
	display: block;
}
#trusted_container {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
	margin-top: 10px;
}
#trusted_container img {
	width: 20%;	
}
#basket_container {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#additional_menue_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	box-shadow: inset 0px -10px 10px -13px #000;
	border-radius: 4px 4px 0px 0px;
}
#category_menue_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#main_content_container {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 74.5762%;
	display: block;
}
#single_article_img {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
.single_article_video {
	clear: none;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#single_article_info {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#single_article_content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main_content_container_whole_site {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 15.2542%;
	display: block;
}
#footer_container1 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#footer_container3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#footer_container4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#footer_container5 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#footer_container6 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#footer_container1_3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#footer_container2_3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#footer_container3_3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#footer_container4_3 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#footer_whole_site {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 20px;
	margin-top: 15px;
}
}
.contentrow1{
	background-color: #F1F5F4;
	padding: 5px;
}
.subtotal{}
.subtotal select{
	background-color: #7F8C8D;
	float: left;
	width: 100% !important;
	margin-bottom: 15px;
	border: 0px solid #ECF0F1;
	border-radius: 4px;
	line-height: 30px;
	height: 30px;
	text-indent: 15px;
	color: #FFF;
}
.quantity{
	padding: 1%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}
.productname{
	padding: 1%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}
.singleprice{
	padding: 1%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}
.totalprice{
	padding: 1%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}
.delete{
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 1%;
}


.amazon_link_button {
    float:left;
    margin-top: 10px;
}