/*==============ARNOLD -- Service Seite Styles ============================================ */

/* Box Design / Layout */

.arnold_a {
	color: #e30613 !important;
}

.arnold_h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	color: 6f7781;
	margin-left: 20px;
}

.arnold_h4 {
	margin-left: 20px;
	font-size: 10px;
	color: #808080;
	border-bottom: 1px dotted #cfcfcf;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.arnold_h3 {
	margin-left: 20px;
	font-size: 16px;
	color: #808080;
	border-bottom: 1px dotted #cfcfcf;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.arnold_p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	font-size: 12px;
	color: #000;
	margin-left: 20px;
	width: 90%;
}

.arnold_select{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
	font-size: 16px;
	color: #000;
	margin: 0 0 20px 20px;
}

.box{
	margin-top: 20px;
	width: 100%;
	height: 200px;
}

.box h2{
	font-size: 21px;
	font-weight: bold;
	padding: 20px 0 0 220px;
	color: #000;
	
}

.box p{
	font-size: 14px;
	padding: 1px 0 0 220px;
	width: 470px !important;
}

.box a{
	font-size: 14px;
	padding: 20px 0 0 20px;
	color: #e30613;
	text-decoration: none;
}

.box a:hover{
	color:#000;	
}

.box a:visited{
	color: rgba(213,43,30,1.00);
}

.infoBild{
	width: 180px !important;
	height: 150px !important;
	margin-top: 20px;
	margin-left: 20px;
	float:left;
}

/*hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; margin-top: 30px;
	margin-bottom: 30px; }

hr .tr{
	margin-top: 30px;
	margin-bottom: 30px;
}*/

.boxMenu{
	width: 	725px;
	height: auto;
}

.boxMenu a{
	text-decoration: none;
	color: #fff;
}

.boxMenu a:hover{
	color:rgba(249,227,0,1.00);
}

.boxMenu img{
	width: 215px;
	height: auto;
	
}

.captionAR{
	width: 230px;
	height: 241px;
	float: left;
	position: relative;
	padding: 5px 0 0 0;
	margin: 5px 10px 5px 10px;
	background: #c8c8c8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDU0NTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c8c8c8 0%, #545454 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(100%,#545454));
	background: -webkit-linear-gradient(top,  #c8c8c8 0%,#545454 100%);
	background: -o-linear-gradient(top,  #c8c8c8 0%,#545454 100%);
	background: -ms-linear-gradient(top,  #c8c8c8 0%,#545454 100%);
	background: linear-gradient(to bottom,  #c8c8c8 0%,#545454 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#545454',GradientType=0 );
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
}

.captionAR p{
	width:210px;
	height: 40px;
	top: 210px;
	text-align:center;
	color: #000;
	font-size: 18px;
	font-family:Calibri;
}

.captionAR_inner:hover{
	-webkit-transform:scale(1.1);
	transform: scale(1.1);
}
	

.captionAR_inner{
	width: 215px;
	height: 226px;
	float: left;
	position: absolute;
	padding: 5px 0 0 0;
	margin: 2px 5px 2px 5px;
	background: #d1d1d1;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.outer {
	height: 300px;
	width: 240px;
	float:left;
}


.howtoBereich{
	float: left;
	width: 700px;
}

.infoBereich{
	float:left;	
}

.contentBereich{
	width: 960px;
}

.contentLinkeSeite{
	float:left;
	width: 725px;	
}

.contentRechteSeite{
	float:left;
}

.infoContent{
	width: 215px;
	background-color: #ededed;
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
}

.infoContent img{
	width: 215px;
}	


.infoContent h4 {
	font-size: 16px;
	font-weight:bold;
}

.infoContent a{
	color: #e2000a;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

.infoContent a:hover{
	color: #000;
}
.infoContentSmall{
	font-size: 12px;
}
.infoContentSmall a{
	font-size: 12px;
	font-weight:bold;
	color: #e2000a;
	text-decoration:none;
}

/*hr{
	margin-top: 5px;
	margin-bottom: 5px;
}*/

.containerTop {
	max-width: 960px;
	margin: auto;
}

#static {
	max-width: 960px;
	margin: auto;
	background-color:rgba(255,255,255,1.00);	
	margin-bottom: 15px;
}

.staticImg {
	width: 950px;
	height: auto;
	margin-top: -15px;
	border: 5px solid #fff;
}

/*======= How To's Seite Design ============= */

.howtoBox{
	width: 645px;
	height: 220px;
	background-color: #fff;
	margin: 5px 0 0 5px;
	border: #fff solid 5px;
	float:left;
}

.howtoBox:hover {
	border: rgba(249,227,0,1.00) solid 5px;
}

.howtoVideo{
	width: 200px;
	height: 100px;
	background-color:rgba(255,255,255,1.00);
	margin: 20px 0 0 5px;
	position: relative;
	z-index: 0;
	float: left;
}


.howtoVideo img{
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
}

.howtoThumbnail{
	width: 300px;
	height: 150px;
	position: absolute;
	z-index: 1;
}

.howtoIconVideo{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/iconvideo.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 200px;
	height: 100px;
	position:absolute;
}

.howtoIconVideo:hover{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/iconvideohover.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
}

.howtoIconDoc{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/icondoc.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 200px;
	height: 100px;
	position:absolute;
}

.howtoIconDoc:hover{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/icondochover.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
}

.howtoTitle{
	width: 100%;
	height: 30px;	
	background-color: rgba(213,43,30,1.00);
	text-align:center;
	/*font-family:Calibri;*/
	color:#fff;
	font-size:20px;
}

.howtoDescription{
	width: 430px;
	height: 100px;
	margin: auto;
	float: left;
}

.howtoDescription h3{
	text-align:center;
	/*font-family:Calibri;*/
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
}

.howtoDescription p{
	/*font-family:Calibri;*/
	text-align:left;
	padding: 2px 0 0 5px;
	
}

/*.trenner{
	clear: both;
	border-top: 5px solid rgba(213,43,30,1.00);
	font-size: 0px;
	line-height: 0px;

}*/

.ansehen{
	float:right;
	text-decoration: none;
	font-family: Calibri;
	color: rgba(213,43,30,1.00);
	font-weight: bold;
}

.ansehen:hover,visited{	
	color: #000000;
}

.ansehen:visited{
	color: #00695a;
}

/*.h1{
    color: rgb(0,105,60);
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 25px 0;
    text-transform:uppercase;
    line-height: 34px;*/
}

/*======= Design für Tipps & Tricks Seite ============= */
.tipsBox{
	width: 95%;
	height: 150px;
	background-color: #fff;
	margin: 15px auto;
}


.tipsBox img{
	width: 180px !important;
	height: 150px !important;
	margin: 15px 15px auto;
	float: left;
}

.tipsDescription {
	width: 65%;
	height: 120px;
	float:left;
	margin-top: 15px;
}

.tipsDescription h3{
	/*font-family:Calibri;*/
	font-size:22px;
	color: rgba(0,105,60,1.00);
}

.tipsDescription p{
	margin-top:8px;
	/*font-family:Calibri;*/	
}

.tipsDescriptionText{
	/*font-family:Calibri;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

.tipsReadMore{
	color: rgba(213,43,30,1.00);
	text-decoration: none;
	font-weight: bold;
}

.tipsReadMore:hover{
	color: #000;
}


.tipsReadMore:visited{
	color: rgba(213,43,30,1.00);
}


/* ---- Artikel Fehlerbehebung --- */

.artikelText{
	width: 450px;
	height: auto;
	float:left;
}

.artikelText h4{
	font-size: 16px;
	padding-top: 18px;
}


.artikelText_Alt{
	width: 100%;	
}


.artikelBild{
	float: left;
	width: 250px;
	height: auto;
}

.artikelBild_Alt img{
	width: 500px;
	height: auto;
	margin-left: 100px;
}

.artikelBild img{
	padding: 25px 0 0 10px;
	width: 220px !important;
}

.artikelBox{
	width: 700px;
	height: auto;
	float: left;	
}



/*=============Typenschilder====================*/
/*Define Accordion box*/
.accTypSchilder{
	width: 662px;
	overflow: hidden;
	margin: 10px auto;
	color: #FFFFFF;
	/*background: #fff;*/
	/*padding: 10px;*/

}

.accTypSchilder section{
	float: left;
	overflow: hidden;
	color: #3D3D3D;
	curson: pointer;
	background: rgba(213,43,30,1.00);
	margin: 3px;	
}

.accTypSchilder section:hover{
	background: rgba(249,227,0,1.00);
}

.accTypSchilder p{
	display: none;	
}

.accTypSchilder section:after{
	position: relative;
	font-size: 24px;
	font-family: Calibri;
	color: #000;
	font-weight: bold;	
}

.accTypSchilder section:nth-child(1):after{ content:'1'; }
.accTypSchilder section:nth-child(2):after{ content:'2'; }
.accTypSchilder section:nth-child(3):after{ content:'3'; }

.accTypSchilder section:target{
	background:#fff;
	padding: 10px;	
}

.accTypSchilder section:target:hover{
	background: #fff;	
}

.accTypSchilder section:target h2{
	width: 100%;	
}

.accTypSchilder section:target h2 a{
	color: rgba(213,43,30,1.00);
	padding-top: 10px;	
}

.accTypSchilder section:target p{
		display: block;
}

.accTypSchilder section h2 a{
	padding: 22px 10px;
	display: block;
	font-size: 16px;
	font-weight:normal;
	color: #fff;
	text-decoration: none;	
}

.accTypSchilder section h2 a:hover{
	color: rgba(213,43,30,1.00);

}

.vertical section{
	width: 100%;
	height: 40px;
	-webkit-transition:height 0.2s ease-out;  
    -moz-transition:height 0.2s ease-out;  
    -o-transition:height 0.2s ease-out;  
    transition:height 0.2s ease-out; 
}

/* Höhe des Slides */
.vertical :target{
	height: 250px;
	width: 97%;
}

.vertical section h2{
	position: relative;
	left: 0;
	top: -15px;	
}

.vertical section:after{
	top: -60px;
	left: 810px;	
}

.vertical section:target:after{
	left: -9999px;	
}

.typenContainer{
	width: 662px;
	height: auto;
}


/* FAQ - Einblenden/Ausblenden */
.jpfaqShow22{
	display:none;	
}


.jpfaqAnswer {
	margin-left: 20px;
	width:90%;
	text-align: justify !important;
}

/* Powermail */

#ServiceanfrageMTD{
	margin-left: 20px;	
}

.powermail_legend{
	display: none;	
}

.powermail_fieldset.powermail_fieldset_306, .powermail_fieldset.powermail_fieldset_310 {
	border: none !important;	
}

#powermail_field_strae, #powermail_field_name, #powermail_field_plz,#powermail_field_ort, #powermail_field_telefonnummer, #powermail_field_e_mailadresse, #powermail_field_gerteidentifikationsiehetypenschild, #powermail_field_kaufdatum, #powermail_field_land{
	width: 280px;
	height: 20px;
}

#powermail_field_bilderuploadmax2mb {
	padding: 8px 50px 8px 8px;
	width: 226px;
}


label[for=powermail_field_name],label[for=powermail_field_strae], label[for=powermail_field_plz], label[for=powermail_field_ort], label[for=powermail_field_land], label[for=powermail_field_telefonnummer], label[for=powermail_field_e_mailadresse], label[for=powermail_field_gerteidentifikationsiehetypenschild], label[for=powermail_field_kaufdatum], label[for=powermail_field_bilderuploadmax2mb], label[for=powermail_field_ihranliegen]    {
	width: 150px;
	margin-top: 5px;
	clear: both;
	float: left;
}

#powermail_fieldwrap_559, #powermail_fieldwrap_560, #powermail_fieldwrap_561, #powermail_fieldwrap_562, #powermail_fieldwrap_563, #powermail_fieldwrap_564, #powermail_fieldwrap_565, #powermail_fieldwrap_566, #powermail_fieldwrap_567, #powermail_fieldwrap_558, #powermail_fieldwrap_557 {
	padding: 5px 0 5px 0;
}

#powermail_field_ihranliegen{
		width: 280px;
}

#powermail_fieldwrap_568 {
	padding: 5px 0 10px 0;
	margin-left: 150px;
	float: left;
	clear: both;
}

#powermail_fieldwrap_568 input {
	width: 123px;
	height: 21px;
	font-size: 12px;
	text-align: left;
	padding: 0 0 0 5px;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	background-color:#E3001B;
	border: medium none;
}


/* Mischungsverhältnis - Rechner */
.rechnerbox{
	width: 650px;
	height: 400px;
	padding: 10px 0 10px 0;
}


.rechnerbasis{
	height: 300px;
	margin-left: 20px;
}

.benzin_text, .verhaeltnis, .oel_menge{
	width:400px;
	height:30px;
	float:left;
	font-size: 20px !important;
	margin: 10px 0;
}

.benzin_input, .oel_menge_ausgabe{
	float:left;	
	width:100px;
	height: 30px;
	margin: 10px 0px;
	font-size: 16px;
	
}

.verhaeltnis_options{
	width: 107px;
	height: 30px;
	float:left;	
	margin: 10px 0px;
	font-size: 16px;
}

.rechnen{
	width:100%;
	height: 30px;
    float:left;
	margin: 10px 0;
}

#rechnen{
	height: 100%;
	width: 25%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	/*background-color: #e30613;*/
	margin: 10px 0;
	border: none;
	
	background: rgb(226,115,121); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyNzM3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2UyMzg0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzA2MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(226,115,121,1) 0%, rgba(226,56,65,1) 48%, rgba(227,6,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,115,121,1)), color-stop(48%,rgba(226,56,65,1)), color-stop(100%,rgba(227,6,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,115,121,1) 0%,rgba(226,56,65,1) 48%,rgba(227,6,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,115,121,1) 0%,rgba(226,56,65,1) 48%,rgba(227,6,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,115,121,1) 0%,rgba(226,56,65,1) 48%,rgba(227,6,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,115,121,1) 0%,rgba(226,56,65,1) 48%,rgba(227,6,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27379', endColorstr='#e30613',GradientType=0 ); /* IE6-8 */

}

#rechnen:hover {
	background: rgb(227,6,19); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMDYxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2UyMzg0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjczNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(227,6,19,1) 0%, rgba(226,56,65,1) 52%, rgba(226,115,121,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,6,19,1)), color-stop(52%,rgba(226,56,65,1)), color-stop(100%,rgba(226,115,121,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(227,6,19,1) 0%,rgba(226,56,65,1) 52%,rgba(226,115,121,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(227,6,19,1) 0%,rgba(226,56,65,1) 52%,rgba(226,115,121,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(227,6,19,1) 0%,rgba(226,56,65,1) 52%,rgba(226,115,121,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(227,6,19,1) 0%,rgba(226,56,65,1) 52%,rgba(226,115,121,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30613', endColorstr='#e27379',GradientType=0 ); /* IE6-8 */

}

.oel_menge_ausgabe {
	background-color: #d1e2af;
	margin:10px 0;
}

.mm{
	float: left;
	padding:15px;
	text-align:center;
	font-size: 18px !important;
}

/*voting style */
.voting_wrapper {display:inline-block;}
/*.voting_wrapper .down_button {background: url(http://typo3.gartenteile24.eu/fileadmin/sunflower_62/template/images/thumbsdown.png) no-repeat;float: left;height: 25px;width: 25px;cursor:pointer;}
.voting_wrapper .down_button:hover {background: url(http://typo3.gartenteile24.eu/fileadmin/sunflower_62/template/images/thumbsdown_hover.png) no-repeat 0px 0px;}
.voting_wrapper .down_button:focus {background: url(http://typo3.gartenteile24.eu/fileadmin/sunflower_62/template/images/thumbsdown_hover.png) no-repeat 0px 0px;}
.voting_wrapper .up_button {background: url(http://typo3.gartenteile24.eu/fileadmin/sunflower_62/template/images/thumbsup.png) no-repeat 0px 0px;float: left;height: 25px;width: 25px;cursor:pointer;}
.voting_wrapper .up_button:hover{background: url(http://typo3.gartenteile24.eu/fileadmin/sunflower_62/template/images/thumbsup_hover.png) no-repeat 0px 0px;}*/
.voting_btn{float:left;}
.voting_btn span{font-size: 12px;float: right;padding:6px 9px 0px 0px;width:15px; height:15px;text-align:center; color: #fff; }
.voting_text{font-size: 13px; margin-top:20px; }
#voting_up{border-radius: 5px; /*border: 1px solid #ccc;*/ border-bottom-right-radius:0; border-top-right-radius:0; width: 60px; height: 25px; border-right: 0px;
background: url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/thumbsup_mtd.png) no-repeat; cursor: pointer;
}
#voting_down{border-radius: 5px; /*border: 1px solid #ccc;*/ border-bottom-left-radius:0; border-top-left-radius:0; width: 60px; height: 25px; background:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/thumbsdown_mtd.png) no-repeat; cursor: pointer;
}

#voting_up:hover{
	background:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/thumbsup_mtd_hover.png) no-repeat;
}

#voting_down:hover{
	background:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/thumbsdown_mtd_hover.png) no-repeat;
}

.vote_box{
	margin-left: 20px;	
}

/* Ãœberschreiben der jpfaq-CSS */
/*

***********************************************************

Title: jpfaq.css

Author: Jacco van der Post - www.TYPO3-webdesign.nl

Date: may 2011

***********************************************************

*/



.tx-jpfaq-pi1 fieldset {

    margin-bottom:10px;
	border: none;
}



.tx-jpfaq-pi1 legend {

    display:none;

}



.tx-jpfaq-pi1 label {

    font-weight: bold;
	font-family: "Calibri";
}



.tx-jpfaq-pi1 ul {

    margin:0;

    padding:0;

    padding-bottom:10px;

}





.tx-jpfaq-pi1 li {

    list-style: none;

    margin:0;

    padding:5px;

    margin-bottom:10px;
	
	color: #6E6E6E;

}



.tx-jpfaq-pi1 li h3 {

    background: url('http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/min_mtd.png') no-repeat left center !important;

    padding-left:20px;

    margin-bottom:3px;

	font-size: 18px;
}

.tx-jpfaq-pi1 li a {
	color: #E30613;
}



.tx-jpfaq-pi1 li h3.questionUnfolded  {

    background: url('http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/min_mtd.png') no-repeat left center !important;
	color: #0d903e !important;

}

.tx-jpfaq-pi1 li h3.active {
	background: url('http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/plus_mtd.png') no-repeat left center !important;
	color: #b4000c !important;
}

.tx-jpfaq-pi1 li h3 {

    cursor:pointer;

}



.tx-jpfaq-pi1 .jpfaqAll {

    margin-bottom:10px;

}



.tx-jpfaq-pi1 .jpfaqShowAll,

.tx-jpfaq-pi1 .jpfaqHideAll {

   background: url('../Img/all_plus.png') no-repeat left center;

   padding-left:20px;

   cursor:pointer;

}



.tx-jpfaq-pi1 .jpfaqHideAll {

   background: url('../Img/all_min.png') no-repeat left center;

}

.jpfaqShow44{
	display:none;	
}

.toggleTrigger{
	color: #000 !important;	
}

#jpfaqSearch {
	background: url('http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/searchicon_mtd.png') no-repeat 0px 0px;
	width: 500px;
	margin: 3px;
	padding: 3px 15px 1px 30px;
	border: 1px solid #ADADAD;
	background-color: #fff;
	color: #454545;
	font-size: 11px;
	padding: 2px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 30px;
}



/* ENDE Ãœberschreiben der jpfaq-CSS Datei */

/* Ãœberschreiben der df-tabs CSS Datei */
.tx-dftabs-tabContent {
	width: 95% !important;
	margin-left: 25px;
}

.tx-dftabs-tabTitle {
	margin: 1em 0 1em 0;
	padding: 0 0 .5em 0;
	font-size: 1.4em;
	border-bottom: 1px solid #B2B2B2;
}

.tx-dftabs-tabContent {
	padding: 1em 0 0 0;
}

/* #########################
 * ### JavaScript Styles ###
 * #########################*/

.tx-dftabs-tabMenu {
	margin: 0 !important;
	padding: 0 0 5px 0;
	height: 1%;
	border-bottom: 2px solid #777777;
	display: none;
	width: 98% !important;
}

.tx-dftabs-tabMenu:after {
	display: block;
	clear: both;
	content: ' ';
	font-size: 0;
	line-height: 0px;
	visibility: hidden;
}

.tx-dftabs-tabMenuEntry {
	list-style: none none;
	cursor: pointer;
	float: left;
	/*width: 151px;*/
	/*background-color:rgb(122,148,0);*/
	width: 208px !important;
	height: 228px;
	border: 4px solid #fff;
}

.tx-dftabs-tabMenuEntry:hover, .tx-dftabs-tabMenuEntry:active, .tx-dftabs-tabMenuEntry:focus {
	color: rgb(213,43,30);
}
	

.tx-dftabs-tabMenuEntry a,
.tx-dftabs-tabMenuEntry a:visited {
	/*padding: 80px 26px 5px 5px;*/
	height: 48px;
	overflow: hidden;
	width: 100%;
	/*background: url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/backgroundTabInactive.png) right top no-repeat;*/
	background-color: #b4000c !important;
	display: block;
	float: left;
	text-decoration: none !important;
	color: #fff !important;
	font-weight: bold !important;
	/*border-left: 1px solid #FFF;*/
	font-size: 18px !important;
	margin-top: 180px;
	text-align: center;
	/*color: #7F7F7F;*/
}

.tx-dftabs-tabMenuEntrySelected a,
.tx-dftabs-tabMenuEntrySelected a:visited,
.tx-dftabs-tabMenuEntry a:focus,
.tx-dftabs-tabMenuEntry a:active,
.tx-dftabs-tabMenuEntry a:hover {
	/*background: url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/backgroundTabActive.png) right top no-repeat;*/
	/*background-color: rgba(248,12,16,1.00);*/
	color: #b4000c !important;
	/*border-left: 1px solid #528630;*/
	outline: none;
	/*text-decoration: none;*/
	background-color: #E3E3E3 !important;
}

.tx-dftabs-plugin1 {
	margin-left:20px;
}


.tx-dftabs-plugin1-hasJS .tx-dftabs-tabTitle,
.tx-dftabs-plugin1-hasJS .tx-dftabs-tabContent {
	display: none;
}

.tx-dftabs-plugin1-hasJS .tx-dftabs-tabMenu,
.tx-dftabs-plugin1-hasJS .tx-dftabs-tabContentSelected {
	display: block;
}

.tx-dftabs-plugin1-hasJS .tx-dftabs-tabContentSelected {
	overflow: hidden;
}
/* Icons for Categories */

#tx-dftabs-tabMenuEntry0{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/allefragen.png) !important;
	background-repeat:no-repeat;
	margin-left: 30px;
}

#tx-dftabs-tabMenuEntry0:hover, #tx-dftabs-tabMenuEntry0:focus, #tx-dftabs-tabMenuEntry0:active{
	border:4px solid #fff !important;
}

#tx-dftabs-tabMenuEntry1{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/benzingeraete.png) !important;
	background-repeat:no-repeat;
}

#tx-dftabs-tabMenuEntry1:hover, #tx-dftabs-tabMenuEntry1:active, #tx-dftabs-tabMenuEntry1:focus{
	border:4px solid #fff !important;
}

/*#tx-dftabs-tabMenuEntry2{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/roboterMini.png);
	background-repeat:no-repeat;
}
*/

#tx-dftabs-tabMenuEntry2{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/elektrogeraete.png) !important;
	background-repeat:no-repeat;
}

#tx-dftabs-tabMenuEntry2:hover, #tx-dftabs-tabMenuEntry2:active, #tx-dftabs-tabMenuEntry2:focus{
	border:4px solid #fff !important;
}


/*#tx-dftabs-tabMenuEntry3{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/vertikutiererMini.png);
	background-repeat:no-repeat;
}*/

#tx-dftabs-tabMenuEntry3{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/gartenpflege.png) !important;
	background-repeat:no-repeat;
}

#tx-dftabs-tabMenuEntry3:hover, #tx-dftabs-tabMenuEntry3:active, #tx-dftabs-tabMenuEntry3:focus{
	border:4px solid #fff !important;
}


/*#tx-dftabs-tabMenuEntry4{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/schneefraesenMini.png);
	background-repeat:no-repeat;
}*/

#tx-dftabs-tabMenuEntry4{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/handgeraete.png);
	background-repeat:no-repeat;
}

#tx-dftabs-tabMenuEntry4:hover, #tx-dftabs-tabMenuEntry4:active, #tx-dftabs-tabMenuEntry4:focus{
	border:4px solid #fff;
}

#tx-dftabs-tabMenuEntry5{
	background-image:url(http://dev.wolf-garten.de/fileadmin/wolf_garten/style/imagesServiceArnold/motoGartenpflege.png);
	background-repeat:no-repeat;
}

#tx-dftabs-tabMenuEntry5:hover, #tx-dftabs-tabMenuEntry4:active, #tx-dftabs-tabMenuEntry4:focus{
	border:4px solid rgb(249,227,0);
}


/* ####################
 * ### Print Styles ###
 * ####################*/

@media print {
	.tx-dftabs-plugin1-hasJS .tx-dftabs-tabTitle,
	.tx-dftabs-plugin1-hasJS .tx-dftabs-tabContent {
		display: block;
	}

	.tx-dftabs-plugin1-hasJS .tx-dftabs-tabMenu {
		display: none;
	}
}

/* ENDE Ãœberschreiben der df-tabs CSS Datei */

/* Tabelle Mischungsverhältnis */

.tabelle {
	vertical-align: middle; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #fff; 
	height: 606px; 
	width: 765px;
	text-align: justify !important ;
}

.tabelle_header{
	color: #fff; 
	background-color: rgb(227,6,19); 
	text-align: center;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #fff;
	
}

.tabelle_header p{
	font-size: 15px;
	font-weight: bold;
	float:left;
	width: 85px;
	margin-top: 8px;
	color: #fff;
	text-align: center !important;
}

.tabelle_row_even {
	color: #000; 
	background-color: rgb(227,227,227);
}

.tabelle_row_even p {
	font-size: 15px;
	float:left;
	width: 85px;
	margin-top: 8px;
	text-align: center !important;
}

.tabelle_row_uneven {
	color: #000; 
	background-color: rgb(255,255,255); 
	text-align: center;
}

.tabelle_row_uneven p {
	font-size: 15px;
	float:left;
	width: 85px;
	margin-top: 8px;
	text-align: center !important;
}

/* Ende Tabelle Mischungsverhältnis */

/* Tabelle mit Div */
.t_body{
	width: 600px;
	height: auto;	
}

.t_head {
	width: 100%;
	height: 45px;	
	background-color: #e1e1e1;
}

.t_head p {
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 300px;
	text-align: center;
}

.t_row {
	width: 100%;
	height: 45px;	
	margin-bottom: 80px;
}

.t_row p {
	float: left;
	font-size: 15px;
	width: 300px;
	text-align: left;
}

/* Ende Tabelle mit Div */

/* Typenschilder */
#res{
	display: block;
	margin-left: 20px;
	width: 95%;
}

#res img{
	float: left;
	margin-right: 20px;	
	border: 3px solid #e3e3e3;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70);
}

.white_content{
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: auto;
	height: auto;
	padding: 16px;
	border: 5px solid black;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.white_content a{
	text-decoration: none;
	color: #000;
	font-weight: bold;	
	margin-left: 280px;
}

.ts{
	height: 160px;	
}

.ts img {
	margin:10px 10px 10px 20px;
	float: left;
}	

#spare_parts_button{
	width: 235px;
	height: 30px;
	background-color: #b4000c;
	color: #e3e3e3;
	font-weight: bold;
	font-size: 12 px;
	cursor: pointer;
	border: none;
}

#spare_parts_button:hover{
	color: #fff;
	text-shadow: 1px 1px #000;
	
}


/* ENDE Typenschilder */