@charset "utf-8";
/* CSS Document */

/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/jakobfischer/fonts/michroma-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Michroma'),
       url('/templates/jakobfischer/fonts/michroma-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/templates/jakobfischer/fonts/michroma-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/templates/jakobfischer/fonts/michroma-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/templates/jakobfischer/fonts/michroma-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/templates/jakobfischer/fonts/michroma-v8-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url('/templates/jakobfischer/images/lines.png');
}

ul {
	margin: 0;
	padding: 0;
}

.clearing {
	clear: both;
}

.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#thePage {
	position: relative;
	margin: auto;
	width: 980px;
	min-height: 100%;
	background: #FFF;
	-moz-box-shadow: 0 0 2px #CCC;
	-webkit-box-shadow: 0 0 2px #CCC;
	box-shadow: 0 0 2px #CCC;
	font-size: 12px;
}

h1 {
	margin: 0;
	margin-right: -14px;
	font-weight: bold;
	font-size: 20px;
	height: 56px;
	color: #FFF;
	padding: 13px 0px 0px 20px;
}

.fluid h1 { background: url('/templates/jakobfischer/images/headline_fluid.png') no-repeat; }
.fluid h1.sub { background: url('/templates/jakobfischer/images/headline_fluid_sub.png') no-repeat; }
.pneu h1 { background: url('/templates/jakobfischer/images/headline_pneu.png') no-repeat; }
.pneu h1.sub { background: url('/templates/jakobfischer/images/headline_pneu_sub.png') no-repeat; }
.vakuum h1 { background: url('/templates/jakobfischer/images/headline_vakuum.png') no-repeat; }
.sicher h1 { background: url('/templates/jakobfischer/images/headline_sicher.png') no-repeat; }
.sys h1, .search h1 { background: url('/templates/jakobfischer/images/headline_sys.png') no-repeat; }
.aktion h1 { background: url('/templates/jakobfischer/images/headline_action.png') no-repeat; color: #000; }


#thePage #top {
	height: 136px;
	background: url('/templates/jakobfischer/images/top.gif') no-repeat;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 34px;
	color: #888;
}

#thePage #mid {
	padding-bottom: 62px;
}

/* *************** TOPMENÜ STYLING ************************************************* */

.copy {
	float: right;
	margin-left: 8px;
}

#top .moduletable {
	float: right;
}

#top ul {
	list-style: none;
	text-align: right;
}

#top ul li {
	float: left;
	padding: 0 8px;
	border-right: #888 1px solid;
}

#top ul a {
	text-decoration: none;
	color: #888;
}

#top ul a:hover  {
	color: #d6311b;
}

#top ul li.current a  {
	text-decoration: underline;
	color: #d6311b;
}

/* *************** HAUPTMENÜ STYLING *********************************************** */

#thePage #mid #left {
	width: 214px;
	float: left;
}

div.accordeonck {
	margin-bottom: 11px;
}

.accordeonck ul {
	list-style: none;
	margin-left: -14px;
	font-family: 'Michroma', sans-serif;
	font-size: 14px;
}

.accordeonck ul li {
	background: url('/templates/jakobfischer/images/menu3D.png') top no-repeat;
	padding-left: 28px;
	line-height: 25px;
}

.accordeonck ul li:first-child {
	background: #d6311b;
	padding-top: 24px;
}

.accordeonck ul li:last-child {
	padding-bottom: 40px;
	background: url('/templates/jakobfischer/images/menu3Dbottom.png') top no-repeat;
}

.accordeonck ul li a {
	text-decoration: none;
	color: #FFF;
}

.accordeonck .parent ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.accordeonck .parent ul li {
	background: #FFF;
	line-height: 20px;
}

.accordeonck .parent ul li:first-child {
	padding-top: 10px;
}

.accordeonck .parent ul li:last-child {
	padding-bottom: 10px;
}

.accordeonck .parent ul li a {
	color: #555;
	font-weight: bold;
}

.accordeonck .parent ul li a:hover {
	color: #d6311b;
}

.accordeonck .parent ul li.active a {
	text-decoration: underline;
	color: #d6311b;
}

/* *************** STYLING DES AKTIONSMENÜS ****************************************** */
#aktion {
	list-style: none;
	margin-left: -14px;
	font-family: 'Michroma', sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#aktion li {
	line-height: 25px;
	padding-left: 28px;
}

#aktion li:first-child {
	background: #F3EA18;
	padding-top: 24px;
}

#aktion li:last-child {
	background: url("/templates/jakobfischer/images/menu3D_action.png") top no-repeat;
	padding-top: 24px;
	padding-bottom: 40px;
}

#aktion a {
	color: #000;
	text-decoration: none;
}

/* *************** STYLING DER SUCHFUNKTION ****************************************** */
#left > .searchForm {
	margin-left: -14px;
	font-family: 'Michroma', sans-serif;
	font-size: 14px;
	padding-bottom: 40px;
	color: #555;
	background: url('/templates/jakobfischer/images/menu3D_search.png') bottom no-repeat;
}

#left .search {
	padding-top: 24px;
	padding-left: 28px;
	/*background: #D6311B;*/
	background: #DDD;
}

#left .search .inputbox {
	width: 160px;
	border: none;
	margin: 8px 0px 0px 0px;
	padding: 6px;
	border-radius: 4px;
	color: #555;
}

#left .search .inputbox:focus {
	outline: none;
}

/* *************** STYLING DER SUCHERGEBNISSE **************************************** */
#content .searchNote {
	font-style: italic;
	color: #D6311B;
	margin-bottom: 11px;
}

#content .searchNote p {
	margin: 0;
	padding: 0;
	color: #D6311B;
	font-weight: bold;
}

#content .search > form {
	width: 700px;
}

#content .search .word {
	margin-bottom: 8px;
}

#content .search fieldset {
	margin: 0;
	padding: 10px;
}

#content .search .searchintro p {
	padding-left: 0px;
	color: #D6311B;
}

#content .search .form-limit {
	float: right;
	margin-top: 5px;
}

#content .search .search-results {
	width: 700px;
	margin-top: 20px;
}

#content .search .search-results a {
	text-decoration: none;
	color: #555;
}

#content .search .search-results a > div {
	display: block;
	padding: 10px;
}

#content .search .search-results a > div:hover {
	background: #DDD;
}

#content .search .result-title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

#content .search dd {
	margin-left: 15px;
}

/* *************** STARTSEITE STYLING START ****************************************** */

#thePage #mid #content {
	width: 734px;
	float: right;
}

#content .moduletable ul {
	list-style: none;
}

#content .moduletable ul a {
	display: none;
}
#content .showplus-images a {
	display: inline !important;
}

#content li.parent {
	float: left;
	width: 226px;
	margin-right: 11px;
	padding-top: 11px;
}

#content li.parent .separator {
	display: inline-block;
	width: 206px;;
	padding-left: 20px;
	padding-top: 13px;
	height: 38px;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}

#content .item-102 span { background: url('/templates/jakobfischer/images/fluidtechnik.png') no-repeat; }
#content .item-103 span { background: url('/templates/jakobfischer/images/pneumatik.png') no-repeat; }
/*#content .item-104 span { background: url('/templates/jakobfischer/images/sicherheit.png') no-repeat; }*/
#content .item-161 span { background: url('/templates/jakobfischer/images/vakuum.png') no-repeat; }

#content .item-104 {
	display: none;
}

#content li.parent ul {
	font-weight: bold;
	font-size: 12px;
	height: 410px;
	padding-top: 10px;
	opacity: 0.6;
}

#content li.parent:hover ul {
	opacity: 1;
	background: #DDD;
}

#content li.parent ul:hover,
#content li.parent ul.over {
	opacity: 1;
	background: #DDD;
}

#content li.parent li {
	padding-left: 20px;
	line-height: 22px;
}

#content li.parent a {
	color: #555;
	text-decoration: none;
	display: list-item;
}

#content li.parent a:hover {
	color: #d6311b;
	text-decoration: none;
	display: list-item;
}

/* *************** STARTSEITE VIDEO STYLING ******************************************** */

.video {
	float: left;
	margin-right: 11px;
	width: 226px;
	height: 162px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.video video {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* *************** PRODUKTSEITEN STYLING ****************************************** */

#content .item-page {
	clear: both;
}

.item-page h2,
.item-page h3 {
	padding-left: 20px;
	color: #555;
}

.item-page h3 {
	font-size: 16px;
}

.item-page h4 {
	font-size: 14px;
	margin-left: 15px;
	margin-top: 25px;
	background: url("/templates/jakobfischer/images/producttitle.gif") repeat-x;
	padding: 5px;
	color: #FFF; 
}

.item-page ul {
	padding-left: 50px;
	color: #555;
}

.item-page ul li {
	text-align: justify;
}

.block ul li {
	text-align:left;
}

.item-page p {
	text-align: justify;
}

.item-page a {
	text-decoration: underline;
	color: #555;
}

.item-page a:hover {
	color: #d6311b;
}

.group {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 334px;
	margin-right: 29px;
	margin-bottom: 24px;
	float: left;
	border: #7B7B7B 1px solid;
	border-bottom: #7B7B7B 5px solid;
}

.block,
.smallBlock {
	position: relative;
}

.smallBlock ul li{
	text-align: left;
}

.block {
	border: #7B7B7B 1px solid;
	border-bottom: #7B7B7B 5px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-right: 29px;
	margin-bottom: 24px;
	width: 334px;
	float: left;
}

.wide {
	width: 700px;
	margin-right: 0;
}

.smallBlock {
	/*margin-bottom: 10px;*/
}

.group:hover,
.block:hover {
	-moz-box-shadow: 0 0 5px 5px #BBB;
	-webkit-box-shadow: 0 0 5px 5px #BBB;
	box-shadow: 0 0 5px 5px #BBB;
}

.group h2,
.block img,
.showplus-images span {
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#content .group h2,
#content .block h2 {
	margin: 0;
	height: 38px;
	line-height: 38px;
	color: #FFF;
	background: url('/templates/jakobfischer/images/producttitle.gif') repeat-x;
	padding-left: 20px;
	white-space: nowrap;
}

#content .block h2,
#content .smallBlock h2 {
	width: 314px;
	margin-bottom: 15px;
}

#content .block h2 {
	margin-top: -3px;
}

#content .wide h2 {
	width: 680px;
	margin-top: -3px;
}

#content .druckluft h2 {
	margin-top: 0;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#content .wide p {
	text-align: justify;
	padding-right: 20px;
}

#content .smallBlock h2 {
	background: #AAA;
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
}

#content .block ul {
	list-style: disc;
	margin-left: 33px;
	padding-left: 0;
}

#content p,
.block ul li {
	margin: 10px 0;
	padding: 0 20px;
	color: #555;
}

.block ul li {
	padding-left: 0;
}

.block p,
.smallBlock p {
	text-align: left;
}

#content .smallBlock p {
	padding-left: 110px;
}

.block .logo,
.smallBlock .logo,
.magnet .logo {
	bottom: 0;
	left: 0;
	position: absolute;
	margin-bottom: 11px;
}

.block .logo img,
.smallBlock .logo img,
.magnet .logo img {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.block .logo img,
.smallBlock img,
.magnet .logo img {
	float: left;
	margin-left: 20px;
}

.magnet .logo img {
	margin-left: 155px;
}

td.tableBlock {
	background: #DDD;
	width: 33%;
	vertical-align: top;
	border: solid 1px #BBB;
}

td.tableHead {	
	background: #7b7b7b;
	background: #7b7b7b -webkit-gradient(linear, 0 0, 0 100%, from(#969696), to(#686868));
	background: #7b7b7b -webkit-linear-gradient(#969696, #686868);
	background: #7b7b7b -moz-linear-gradient(#969696, #686868);
	background: #7b7b7b -ms-linear-gradient(#969696, #686868);
	background: #7b7b7b -o-linear-gradient(#969696, #686868);
	background: #7b7b7b linear-gradient(#969696, #686868);
	text-align: center;
	color: #FFF;
}

/* *************** KONTAKTFORMULAR STYLING ************************************************** */

/* Unterschiedliche Hintergründe je nach Websitebereich */
.fluid .pwebcontact_toggler.modal.blue { background: url('/templates/jakobfischer/images/request_fluid.png'); }
.fluid .pwebcontact_toggler.modal.blue:hover, .fluid .pwebcontact_toggler.modal.blue.active { background: url('/templates/jakobfischer/images/request_fluid_hover.png'); }

.pneu .pwebcontact_toggler.modal.blue { background: url('/templates/jakobfischer/images/request_pneu.png'); }
.pneu .pwebcontact_toggler.modal.blue:hover, .pneu .pwebcontact_toggler.modal.blue.active { background: url('/templates/jakobfischer/images/request_pneu_hover.png'); }

.vakuum .pwebcontact_toggler.modal.blue { background: url('/templates/jakobfischer/images/request_vakuum.png'); }
.vakuum .pwebcontact_toggler.modal.blue:hover, .vakuum .pwebcontact_toggler.modal.blue.active { background: url('/templates/jakobfischer/images/request_vakuum_hover.png'); }

.sicher .pwebcontact_toggler.modal.blue { background: url('/templates/jakobfischer/images/request_sicher.png'); }
.sicher .pwebcontact_toggler.modal.blue:hover, .sicher .pwebcontact_toggler.modal.blue.active { background: url('/templates/jakobfischer/images/request_sicher_hover.png'); }

.pwebcontact_toggler.modal.modal-static {
	width: 152px;
	height: 56px;
	line-height: 20px;
	margin-right: 15px;
	margin-bottom: 12px;
	padding: 0;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}

.pwebcontact_toggler.modal.blue {
	bottom: 0;
	right: 0;
	position: absolute;
}

.pwebcontact_toggler.modal.blue a {
	padding-top: 31px;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	color: #FFF;
}

.pwebcontact.pweb-static {
	padding-left: 15px;
}

.pwebcontact.pweb-static .pwebcontact-form {
	font-family: Arial, Helvetica, sans-serif;
}

.pwebcontact-modal.modal {
	z-index: 2;
	background: rgba(0,0,0,0.7) !important;
}

.modal .pwebcontact-box {
	background: #333;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	border-radius: 3px;
}

.modal .pwebcontact-container {
	padding: 10px !important;
	background-color: transparent !important;
}

.modal .pwebcontact-form {
	padding: 22px 10px 0 200px;
	background: url('/templates/jakobfischer/images/contact.gif') repeat-y #FFF;
}

.modal .pweb-separator-text {
	padding-right: 10px;
}

.modal .pwebcontact-form input.pweb-input {
	width: 250px !important;
	height: 22px !important;
	border-radius: 3px !important;
}

.pwebcontact.pweb-static input.pweb-input {
	border-radius: 3px !important;
}

.modal .pweb-fields-group input, .pweb-fields-group label {
	margin: 0 !important;
	height: 22px;
	line-height: 22px;
}

.modal .pwebcontact-form textarea {
	width: 250px !important;
	border-radius: 3px !important;
}

.modal .pweb-field-buttons {
	padding: 0 0 0 119px;
}

.pwebcontact.pweb-static .pweb-field-buttons {
	padding: 0 0 0 186px;
}

.pwebcontact.pweb-static .pweb-field-buttons button,
.modal .pweb-field-buttons button {
	border-radius: 3px !important;
	background: #737373 !important;
	background: #737373 linear-gradient(#8f8f8f, #595959) !important;
}

.pwebcontact.pweb-static .pweb-field-buttons button:hover,
.modal .pweb-field-buttons button:hover {
	background: #d6311b !important;
	background: #d6311b linear-gradient(#f1462f, #b81600) !important;
}

.modal .pweb-msg {
	padding-bottom: 10px;
	padding-left: 120px;
}


/* *************** PRODUKTSEITEN STYLING ENDE ******************************************* */

#bot {
	position: absolute;
	border-top: #D1D1D1 1px solid;
	width: 100%;
	height: 62px;
	bottom: 0;
}

#bot .custom {
	padding-top: 12px;
	padding-left: 30px;
}

#bot .custom a {
	margin-right: 15px;
	float: left;
}

#bot .custom a:last-child {
	margin-right: 0;
}

#bot a img {
	border: none;
}