/*// Trebuchet MS bold*/

/* General Demo Style */
/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 100%; padding: 0; margin: 0; min-height: 100%;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family:  'open sans', Calibri, Arial, sans-serif;
	color: #4e5860;
	background: #FFFFFF;
	font-weight:300;
//	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9900), to(#99FFCC));
//	background: -moz-linear-gradient(top, #F6F6F6, #cccccc);
//background-color:#EAEBEA;
}

.ui-widget-content {
border:0px;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?tu0312');
	src:url('fonts/icomoon.eot?#iefixtu0312') format('embedded-opentype'),
		url('fonts/icomoon.woff?tu0312') format('woff'),
		url('fonts/icomoon.ttf?tu0312') format('truetype'),
		url('fonts/icomoon.svg?tu0312#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e600";
}
.icon-newspaper:before {
	content: "\e601";
}
.icon-pencil:before {
	content: "\e602";
}
.icon-quill:before {
	content: "\e603";
}
.icon-image:before {
	content: "\e604";
}
.icon-camera:before {
	content: "\e605";
}
.icon-music:before {
	content: "\e606";
}
.icon-play:before {
	content: "\e607";
}
.icon-film:before {
	content: "\e608";
}
.icon-camera2:before {
	content: "\e609";
}
.icon-bullhorn:before {
	content: "\e60a";
}
.icon-connection:before {
	content: "\e60b";
}
.icon-podcast:before {
	content: "\e60c";
}
.icon-book:before {
	content: "\e60d";
}
.icon-books:before {
	content: "\e6ac";
}
.icon-file:before {
	content: "\e60e";
}
.icon-stack:before {
	content: "\e60f";
}
.icon-tag:before {
	content: "\e610";
}
.icon-qrcode:before {
	content: "\e611";
}
.icon-cart:before {
	content: "\e612";
}
.icon-coin:before {
	content: "\e613";
}
.icon-credit:before {
	content: "\e614";
}
.icon-phone:before {
	content: "\e615";
}
.icon-envelope:before {
	content: "\e616";
}
.icon-pushpin:before {
	content: "\e617";
}
.icon-location:before {
	content: "\e618";
}
.icon-location2:before {
	content: "\e619";
}
.icon-clock:before {
	content: "\e61a";
}
.icon-alarm:before {
	content: "\e61b";
}
.icon-bell:before {
	content: "\e61c";
}
.icon-calendar:before {
	content: "\e61d";
}
.icon-keyboard:before {
	content: "\e61e";
}
.icon-screen:before {
	content: "\e61f";
}
.icon-mobile:before {
	content: "\e620";
}
.icon-drawer:before {
	content: "\e621";
}
.icon-download:before {
	content: "\e622";
}
.icon-upload:before {
	content: "\e623";
}
.icon-disk:before {
	content: "\e624";
}
.icon-undo:before {
	content: "\e625";
}
.icon-redo:before {
	content: "\e626";
}
.icon-forward:before {
	content: "\e627";
}
.icon-reply:before {
	content: "\e628";
}
.icon-bubble:before {
	content: "\e629";
}
.icon-user:before {
	content: "\e62a";
}
.icon-users:before {
	content: "\e62b";
}
.icon-busy:before {
	content: "\e62c";
}
.icon-binoculars:before {
	content: "\e62d";
}
.icon-search:before {
	content: "\e62e";
}
.icon-zoomin:before {
	content: "\e62f";
}
.icon-zoomout:before {
	content: "\e630";
}
.icon-expand:before {
	content: "\e631";
}
.icon-contract:before {
	content: "\e632";
}
.icon-expand2:before {
	content: "\e633";
}
.icon-contract2:before {
	content: "\e634";
}
.icon-key:before {
	content: "\e635";
}
.icon-lock:before {
	content: "\e636";
}
.icon-unlocked:before {
	content: "\e637";
}
.icon-cog:before {
	content: "\e638";
}
.icon-wand:before {
	content: "\e639";
}
.icon-stats:before {
	content: "\e63a";
}
.icon-bars:before {
	content: "\e63b";
}
.icon-trophy:before {
	content: "\e63c";
}
.icon-glass:before {
	content: "\e63d";
}
.icon-mug:before {
	content: "\e63e";
}
.icon-food:before {
	content: "\e63f";
}
.icon-fire:before {
	content: "\e640";
}
.icon-remove:before {
	content: "\e641";
}
.icon-airplane:before {
	content: "\e642";
}
.icon-truck:before {
	content: "\e643";
}
.icon-road:before {
	content: "\e644";
}
.icon-lightning:before {
	content: "\e645";
}
.icon-list:before {
	content: "\e646";
}
.icon-menu:before {
	content: "\e647";
}
.icon-globe:before {
	content: "\e648";
}
.icon-earth:before {
	content: "\e649";
}
.icon-flag:before {
	content: "\e64a";
}
.icon-attachment:before {
	content: "\e64b";
}
.icon-eye:before {
	content: "\e64c";
}
.icon-eye-blocked:before {
	content: "\e64d";
}
.icon-bookmark:before {
	content: "\e64e";
}
.icon-star:before {
	content: "\e64f";
}
.icon-star2:before {
	content: "\e650";
}
.icon-star3:before {
	content: "\e651";
}
.icon-heart:before {
	content: "\e652";
}
.icon-heart2:before {
	content: "\e653";
}
.icon-thumbs-up:before {
	content: "\e654";
}
.icon-thumbs-up2:before {
	content: "\e655";
}
.icon-happy:before {
	content: "\e656";
}
.icon-happy2:before {
	content: "\e657";
}
.icon-smiley:before {
	content: "\e658";
}
.icon-smiley2:before {
	content: "\e659";
}
.icon-tongue:before {
	content: "\e65a";
}
.icon-tongue2:before {
	content: "\e65b";
}
.icon-sad:before {
	content: "\e65c";
}
.icon-sad2:before {
	content: "\e65d";
}
.icon-wink:before {
	content: "\e65e";
}
.icon-wink2:before {
	content: "\e65f";
}
.icon-grin:before {
	content: "\e660";
}
.icon-grin2:before {
	content: "\e661";
}
.icon-cool:before {
	content: "\e662";
}
.icon-cool2:before {
	content: "\e663";
}
.icon-angry:before {
	content: "\e664";
}
.icon-angry2:before {
	content: "\e665";
}
.icon-evil:before {
	content: "\e666";
}
.icon-evil2:before {
	content: "\e667";
}
.icon-shocked:before {
	content: "\e668";
}
.icon-shocked2:before {
	content: "\e669";
}
.icon-confused:before {
	content: "\e66a";
}
.icon-confused2:before {
	content: "\e66b";
}
.icon-neutral:before {
	content: "\e66c";
}
.icon-neutral2:before {
	content: "\e66d";
}
.icon-wondering:before {
	content: "\e66e";
}
.icon-wondering2:before {
	content: "\e66f";
}
.icon-point-up:before {
	content: "\e670";
}
.icon-point-right:before {
	content: "\e671";
}
.icon-point-down:before {
	content: "\e672";
}
.icon-point-left:before {
	content: "\e673";
}
.icon-warning:before {
	content: "\e674";
}
.icon-notification:before {
	content: "\e675";
}
.icon-question:before {
	content: "\e676";
}
.icon-info:before {
	content: "\e677";
}
.icon-cancel-circle:before {
	content: "\e678";
}
.icon-checkmark-circle:before {
	content: "\e679";
}
.icon-close:before {
	content: "\e67a";
}
.icon-checkmark:before {
	content: "\e67b";
}
.icon-checkmark2:before {
	content: "\e67c";
}
.icon-minus:before {
	content: "\e67d";
}
.icon-plus:before {
	content: "\e67e";
}
.icon-enter:before {
	content: "\e67f";
}
.icon-exit:before {
	content: "\e680";
}
.icon-play2:before {
	content: "\e681";
}
.icon-pause:before {
	content: "\e682";
}
.icon-stop:before {
	content: "\e683";
}
.icon-backward:before {
	content: "\e684";
}
.icon-forward2:before {
	content: "\e685";
}
.icon-first:before {
	content: "\e686";
}
.icon-last:before {
	content: "\e687";
}
.icon-previous:before {
	content: "\e688";
}
.icon-next:before {
	content: "\e689";
}
.icon-loop:before {
	content: "\e68a";
}
.icon-loop2:before {
	content: "\e68b";
}
.icon-loop3:before {
	content: "\e68c";
}
.icon-arrow-up:before {
	content: "\e68d";
}
.icon-arrow-right:before {
	content: "\e68e";
}
.icon-arrow-down:before {
	content: "\e68f";
}
.icon-arrow-left:before {
	content: "\e690";
}
.icon-arrow-up-left:before {
	content: "\e6ad";
}
.icon-arrow-up2:before {
	content: "\e6ae";
}
.icon-arrow-up-right:before {
	content: "\e6af";
}
.icon-arrow-right2:before {
	content: "\e6b0";
}
.icon-arrow-down-right:before {
	content: "\e6b1";
}
.icon-arrow-down2:before {
	content: "\e6b2";
}
.icon-arrow-down-left:before {
	content: "\e6b3";
}
.icon-arrow-left2:before {
	content: "\e6b4";
}
.icon-arrow-up-left2:before {
	content: "\e6b5";
}
.icon-arrow-up3:before {
	content: "\e6b6";
}
.icon-arrow-up-right2:before {
	content: "\e6b7";
}
.icon-arrow-right3:before {
	content: "\e6b8";
}
.icon-arrow-down-right2:before {
	content: "\e6b9";
}
.icon-arrow-down3:before {
	content: "\e6ba";
}
.icon-arrow-down-left2:before {
	content: "\e6bb";
}
.icon-arrow-left3:before {
	content: "\e6bc";
}
.icon-checkbox-checked:before {
	content: "\e691";
}
.icon-checkbox-unchecked:before {
	content: "\e692";
}
.icon-radio-checked:before {
	content: "\e693";
}
.icon-radio-unchecked:before {
	content: "\e694";
}
.icon-filter:before {
	content: "\e695";
}
.icon-embed:before {
	content: "\e6bd";
}
.icon-google:before {
	content: "\e696";
}
.icon-googleplus:before {
	content: "\e697";
}
.icon-facebook:before {
	content: "\e698";
}
.icon-instagram:before {
	content: "\e699";
}
.icon-twitter:before {
	content: "\e69a";
}
.icon-feed:before {
	content: "\e69b";
}
.icon-youtube:before {
	content: "\e69c";
}
.icon-vimeo:before {
	content: "\e69d";
}
.icon-flickr:before {
	content: "\e69e";
}
.icon-picassa:before {
	content: "\e69f";
}
.icon-yahoo:before {
	content: "\e6a0";
}
.icon-apple:before {
	content: "\e6a1";
}
.icon-android:before {
	content: "\e6a2";
}
.icon-skype:before {
	content: "\e6a3";
}
.icon-linkedin:before {
	content: "\e6a4";
}
.icon-delicious:before {
	content: "\e6a5";
}
.icon-pinterest:before {
	content: "\e6a6";
}
.icon-foursquare:before {
	content: "\e6a7";
}
.icon-paypal:before {
	content: "\e6a8";
}
.icon-file-pdf:before {
	content: "\e6a9";
}
.icon-file-word:before {
	content: "\e6aa";
}
.icon-file-excel:before {
	content: "\e6ab";
}

.infoicon{
width:100%;
text-align:center;
font-size:120px;
color:#c4ad8e;
}


a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
	color: #F68817;
	color: #42AFA6;
  color: #a52828;

	text-decoration: none;
	outline: none;
}

a:hover,
a:active {
	color: #00b4b4;
	color: #00b4b4;
}




select, input[type="text"], input[type="search"], input[type="password"], textarea {


    border: 1px solid #D1D1D1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 0 2px #F8F8F8 inset;
 		 max-width: 100%;
    padding: 10px 10px 10px 10px;

    vertical-align: middle;
    font-size:16px;
    margin-top:1px;
}

input[type="text"]{
 padding: 11px 10px 11px 10px;

}

select{
padding:5px;
}

img.insta{
//box-shadow: 8px 6px 8px #888888;

 	height: auto;
  max-width: 100%;

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;

}

img{
border:0px;
}




a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
	color: #F68817;
	color: #42AFA6;
  color: #555555;


	text-decoration: none;
	outline: none;
}

a:hover,
a:active {
	color: #00b4b4;
	color: #000000;
}
a.impressum {
  color: #76665e;
}

select, input[type="text"], input[type="search"], input[type="password"], textarea {


    border: 1px solid #D1D1D1;
    border-radius: 4px 0px 0px 0px;
    box-shadow: 0 0 0 2px #F8F8F8 inset;
 		 max-width: 100%;
    padding: 10px 10px 10px 10px;

    vertical-align: middle;
    font-size:16px;
    margin-top:-3px;
}

input[type="text"]{
 padding: 11px 10px 11px 10px;

}

textarea:focus, input:focus{
    outline: 0;
}
*:focus {
    outline: 0;
}

img.insta{
//box-shadow: 8px 6px 8px #888888;

 height: auto;
  max-width: 100%;

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;

}

img{
border:0px;
}

h1{
font-weight:300;
font-size:1.3em;
}




/* ADMIN */

.adminmenu{
top:0px;
left:0px;
width:100%;
position:fixed;
height:55px;
background: #c4ad8e;
color:#FFFFFF;
box-shadow: 0 1px 4px #111111;
z-index:99;
}
.admininnermenu{
width:300px;
margin:auto;
}
.ml{
float:left;
height:100%;
line-height:55px;
text-align:center;
width:55px;
font-size:24px;
color:#FFFFFF;
text-transform: uppercase;
letter-spacing:3px;
margin-left:1px;
}

.ml:hover{
background:#A52828;
}
.mlactive{
background:#A52828;
}

.saved{
	background: #bccb00;
	color: #FFFFFF;
	padding:5px;
	display:none;
}

.infotextbox{
width:100%;
height:250px;
}


.aform td{
padding-top:20px;
}

#ranking { list-style-type: none; margin: 0; padding: 10px; width: 100%;height:100%;margin-top:100px; overflow:hidden;}
#ranking li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 150px; height: 150px; font-size: 4em; text-align: center; cursor:move; background:none; border:0px;}
.saveorderlink{
	display:none;
	position:fixed;
	top:100%;
	margin-top:-70px;
	left:10px;
}
.itemrankssub{
background:#FFFFFF;
margin-top:-50px;
color:#333333;
position:absolute;
font-size:12px;
width:150px;
height:40px;
overflow:hidden;
}

/*  Landing Page */
.searcharea{
	background: url("../images/kirchenzeitung_bg.jpg") no-repeat scroll center center;
background-size: cover;
padding-bottom:80px;
}

.welcome{
height:100%;
width:100%;
background: url("../images/paper.jpg") no-repeat scroll center center;
background-size: cover;
padding-top:4%;

}

.jpbachemlogo{
width:400px;
height:355px;
margin:auto;
background: #c4ad8e;
text-align:center;
max-width:100%;
overflow:hidden;
position:absolute;
top:50px;
left:50%;
margin-left:-200px;
z-index:101;
}

.welcomemenu{

width:300px;
margin:auto;
text-align:center;
margin-top:5px;
}

.welcomemenu div{
background:#868887;
color:#FFFFFF;
margin-top:1px;
padding:10px;
font-size:20px;
}
.welcomemenu div:hover{
background:rgb(78, 88, 96);
}

.welcomemenubutton{
position:absolute;
color:#FFFFFF;
left:100%;
top:20px;
margin-left:-80px;
font-size:40px;
display:none;
z-index:102;
}

.welcometext{
width:900px;
margin:auto;
text-align:left;
text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
padding:0px;
color:rgb(78, 88, 96);
background: rgba(255, 255, 255, 0.7);

font-size:20px;
max-width:100%;
margin-top:420px;

}


.framecan{
background:#FFFFFF;
position: absolute;
top:80px;
height: 0;
overflow: hidden;
-webkit-overflow-scrolling: touch;
//overflow-y: scroll;
display:none;
z-index:100;
}
.theframe{
width: 100%;
height: 100%;
border:0px;
}

.frameloader{
display:none;
position:absolute;
left:50%;
top:200px;
}


/*  Verlag Page */

.scrolltotop{
position:fixed;
left:100%;
margin-left:-70px;
top:100%;
margin-top:-50px;
background:#FFFFFF;
font-size:30px;
box-shadow: 0 1px 3px #ddd;
padding:10px;
display:none;
}

.book{

width:100%;
background: url("../images/book.jpg") no-repeat scroll center center;
background-size: cover;
padding-top:75px;
padding-bottom:10px;
//background-position:0px -300px;
}
.pbook{

width:100%;
background: url("../images/welcome.jpg") no-repeat scroll center center;
background-size: cover;
padding-top:75px;
padding-bottom:10px;
background-position:0px -300px;
}


.richter{
width:100%;
//background: url("../images/kirchenzeitung_bg.jpg") no-repeat scroll center center;
//background-size: cover;
padding-top:50px;
padding-bottom:10px;
background-position:0px -600px;
}

.werbung{
width:100%;
background: url("../images/werbung_bg.png") repeat scroll center center;
padding-top:75px;
padding-bottom:10px;
}

.ferien{
width:100%;
background: url("../images/ferien_bg.png") repeat scroll center center;
padding-top:75px;
padding-bottom:10px;
}

.immobilien{
width:100%;
background: url("../images/immobilien_bg.png") repeat scroll center center;
padding-top:75px;
padding-bottom:10px;
background-position:0px -60px;
}


.firsttopmenu{
//position:fixed;
//padding:10px;
//width:100%;
//background:#FFFFFF;
z-index:101;
}

.toptopmenu{
position:fixed;
padding:11px;
width:100%;
background:#FFFFFF;
z-index:1002;
top:0px;
}
.topmenu{
//position:absolute;
//left:100%;
//top:75px;
//margin-left:-600px;
width:100%;
text-align:right;
padding-right:50px;
}
.topmenuitem{
background:#EB121A;
//float:right;
display:inline-block;
margin-left:9px;
padding:5px;
color:#FFFFFF;
font-size:16px;
line-height:20px;
font-weight:700;
}
.topmenuitem:hover{
background:#c38d4d;
}

.topmenuitemg{
background:#666666;
//float:right;
display:inline-block;
margin-left:9px;
padding:5px;
color:#FFFFFF;
font-size:16px;
line-height:20px;
font-weight:700;
}
.topmenuitemg:hover{
background:#c38d4d;
}

.basketcount{
	position:absolute;
	border-radius:50%;
	padding:5px;
  width:25px;
  height:25px;
	text-align:center;
	margin-top:-25px;
	margin-left:20px;
	font-size:16px;
	color:#FFFFFF;
	background:#c38d4d;
	line-height:16px;
	font-weight:700;
	display:none;
}

.topmenu a{

color:#FFFFFF;
font-size:30px;
margin-right:5px;

}

.allinfos{
display:none;
width:600px;
margin:auto;
max-width:100%;
padding:10px;
}



.company{
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	background:#868887;
	font-size:3em;
	font-weight:300;
	width:741px;
	margin:auto;
	max-width:100%;
	margin-top:10px;
	font-family:  Calibri, Arial, sans-serif;
	display:none;
}

.searchboxcan{
	width:300px;
	max-width:100%;

	padding-left:10px;
	width:100%;
	text-align:left;
}
.searchbox{
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	padding:10px;
	text-align:left;
	color:#FFFFFF;
	background: rgba(0, 0, 0, 0.8);
	font-size:2em;
	border:0px;
	width:100%;
	margin:auto;
	width:300px;
}
.searchicon{
color:#FFFFFF;
//position:absolute;
margin-top:-55px;
margin-left:270px;
//margin-left:15px;
}


.tagcan{
width:300px;
//margin:auto;
margin-top:55px;
text-align:left;
width:100%;
padding-left:10px;

}

.taglink{
 text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	padding:8px;

	color:#FFFFFF;
	background:#32BEEB;
	background:#877F7a;
	background: rgba(0, 0, 0, 0.4);
	font-size:16px;
	font-weight:600;
	//width:80px;
	margin:auto;
	margin-top:5px;
	font-family:  Calibri, Arial, sans-serif;
	//border-radius:5px;
	display:inline-block;
	text-align:center;


}
.taglink:hover{
background: rgba(0, 0, 0, 0.5);
color:#FFFFFF;
//background:#776F6a;
}

.topcats{
width:100%;
text-align:right;
color:#000000;
font-size:25px;
padding:10px;
padding-right:50px;
}
.topcatsitems{
float:right;
margin-left:15px;
}

.outputtop{
//width:100%;
margin:auto;
width:1440px;
max-width:100%;
text-align:center;
margin-top:30px;
color:rgb(78, 88, 96);
font-size:16px;
display:none;
background:#FFFFFF;
}

.outputtopitem{
width:300px;
height:300px;
text-align:left;
display:inline-block;
background:#FFFFFF;
margin:90px;
//margin-top:1000px;
font-size:16px;
float:left;
//overflow:hidden;
}

.relateditem{
width:300px;
height:300px;
text-align:left;
display:inline-block;
background:#FFFFFF;
margin:90px;
font-size:16px;
float:left;
}

.abview{
margin:auto;
width:620px;
max-width:100%;
margin-top:20px;
}
.abviewpic{
width:300px;
height:300px;
float:left;
}
.abviewtext{
float:left;
width:300px;
}
.abviewdesc{
//font-family: Georgia,"Times New Roman",Times,serif;
color:#000000;
font-size:14px;
text-align:left;
padding-top:5px;
padding-left:10px;
}

.outputitemtitle{
color:#000000;
text-transform: uppercase;
font-weight:600;
}

.outputtopitemoverlay{
width:370px;
height:208px;
line-height:18px;
margin-top:-140px;
margin-top:100px;
margin-top:-110px;
position:absolute;
font-family: Georgia,"Times New Roman",Times,serif;
color:#000000;
font-size:14px;
text-align:left;
overflow:hidden;


}
.outputtopitemoverlayinner{
background-color:#FFFFFF;
margin-top:15px;
margin-left:65px;
padding-top:20px;
padding-left:20px;
box-shadow: 0 1px 3px #ddd;
height:180px;
}

.innerdesc{
height:110px;
overflow:hidden;
}
.thisitemtags{
margin-top:10px;
}

.thisitemtags a{
color:#c38d4d;
}
.thisitemtags a:hover{
color:#000000;
}


.oneitem{
position:fixed;
z-index:1000;
width:100%;
margin:auto;

background: rgba(0, 0, 0, 0.5);
//padding-left:20px;
//padding-right:20px;
display:none;
padding-left:20%;
padding-right:20%;
top:80px;
height:800px;
overflow:auto;
}
.oneiteminner{
width:100%;
background:#FFFFFF;
text-align:center;
padding-bottom:50px;
padding-top:50px;
}

.closeoneitemlink{
font-size:30px;
float:right;
display:none;
padding:10px;
width:50px;
height:50px;
color:#FFFFFF;
background:#877f7a;
border-radius:50%;
}

.closeoneitemlink a{
color:#FFFFFF;
}

.closeoneitemlink a:hover{
color:#FFFFFF;
}






.mybtn{
background:#868887;
background:#c38d4d;
color:#FFFFFF;
font-size:20px;
line-height:48px;
padding:10px;
}

.mybtn:hover{
color:#FFFFFF;
background:#555555;
}

.section{
display:none;
margin:auto;
margin-top:85px;
width:900px;
}
.close{
width:100%;
text-align:right;
}
.close a{
color:#A52828;
font-size:16px;
}


/* items */
.storyviewicon{
margin:10px;
margin-top:100px;
font-size:80px;
color:#4e5860;
}
.storyviewtitle{
 font-size:2em;
 margin:10px;
}
.storyviewtitle a{
color:#4e5860;
}
.storyviewtitle a:hover{
color:#000000;
}

.storyviewtext{
width:600px;
margin:auto;
margin-top:10px;

text-align:left;
max-width:100%;
color:#4e5860;
}


.bookviewdesciption{
width:600px;
margin:auto;
margin-top:10px;

text-align:justify;
max-width:100%;
color:#4e5860;
font-size:1.2em;
}

/*
.peopleviewname{
width:300px;
height:30px;
line-height:30px;
background: rgba(0, 0, 0, 0.75);
color:#c4ad8e;
font-size:25px;
text-align:center;
margin:auto;
}
*/
.peopleviewname{
color:#000000;
text-transform: uppercase;
font-weight:600;
line-height:30px;
margin-top:20px;
}
.peopleviewdesciption{

width:600px;
margin:auto;
margin-top:20px;

text-align:justify;
max-width:100%;
color:#4e5860;
font-size:1.2em;
}

.bookviewtitle{
margin-top:10px;
}

.peopleviewtags{
margin-bottom:10px;
}
.bookviewtags{
margin-bottom:10px;
}
.bookviewbasket{
margin-top:10px;
margin-bottom:20px;
}

.peopleviewimage{
height:100%;
width:100%;
//background: url("../images/paper.jpg") no-repeat scroll center center;
background-size: cover;

}
.bookviewimage{
height:100%;
width:100%;
//background: url("../images/paper.jpg") no-repeat scroll center center;
background-size: cover;
margin-top:20px;
margin-bottom:20px;
}

.bookviewsubprice{
margin-top:10px;
font-size:18px;
}

.quantity{
width:60px;
border-radius:0px;
text-align:center;
}

.totalamount{
width:100%;
position:fixed;
height:40px;
top:100%;
left:0px;
margin-top:-40px;
color:#FFFFFF;
//background:#c4ad8e;
background:#868887;
line-height:40px;
}

.orderimage{
max-width:100%;

max-height:300px;
}
.leftorder{
margin-top:10px;
}

.green{
color:#bccb00;
}

/* Abbo */
.abbocan{
display:none;
width:100%;
padding-top:60px;
}
.abbo{
width:600px;
max-width:100%;
margin:auto;
text-align:left;

}
.abbolabel{
margin-top:5px;
margin-bottom:3px;
}
/* MAP */

.jumpcanvas{
position:absolute;
z-index:110;
width:90%;
left:80px;

top:20px;
}
.jumpcanvas input{
border-radius:0px;
width:200px;
margin-top:-6px;
text-align:center;
border:0px;
}

.jumpbutton{
background:#c38d4d;
//background:#bccb00;

color:#FFFFFF;
font-size:20px;
line-height:48px;
padding:10px;
}
.jumpbutton:hover{
color:#FFFFFF;
background:#555555;
}

.routetextcan{
background:#FFFFFF;
display:none;
padding:10px;
border:5px solid #c38d4d;
}

.scollon{
position:fixed;
width:100%;
height:30px;
background-color:	#EB121A;
color:#FFFFFF;
top:100%;
margin-top:-30px;
font-size:16px;
text-align:center;
padding:5px;
}

.teaser{
width:290px;
height:110px;
font-size:14px;
line-height:18px;
font-family:Georgia,"Times New Roman",Times,serif;
resize: none;
padding:0px;
overflow:hidden;
font-weight:300;
}


@media (max-width: 746px) {
.jpbachemlogo{
width:100%;
margin:0px;
left:0px;
top:0px;
}

.oneitem{
padding-left:10px;
padding-right:10px;
}
.oneiteminner{
padding-left:5px;
padding-right:5px;
}

/*
.searchbox{
margin-top:70px;
}
#welcome{
background:#FFFFFF;
}
#q{
background:#F1F1F1;
}
*/
/*
.topmenu {
    left: 0%;
    margin-left:50px;
    position: absolute;
    top: 75px;
    width:300px;;
    text-align:center;
}
*/
}

@media (max-width: 481px) {

.outputtopitemoverlay{
width:300px;
}
.outputtopitemoverlayinner{
margin-left:0px;
}

.outputtopitem{
margin:5px;
margin-top:180px;
overflow:hidden;
}




.topcatsitems{
width:100%;
float:left;
}

}

@media (max-width: 1079px) {
.topcatsitems{
width:100%;
float:none;
}
}


/*EU-RIGHTS Cookie Consent Begin*/

#myCookieConsent {
z-index: 999;
min-height: 20px;
font-family: Muli, arial, "sans-serif";
padding: 10px 20px;
background: rgba(62,79,96,0.8);
overflow: hidden;
position: fixed;
color: #FFF;
bottom: 0px;
right: 0px;
display: none;
left: 0;
text-align: center;
font-size: 1.25em;
font-weight: bold;
}
#myCookieConsent div {
padding: 5px 0 0;
}
#myCookieConsent a {
color: #ffffff;
display: inline-block;
padding: 0 10px;
}
#myCookieConsent a:hover {
color: #ffffff;
}
#myCookieConsent a#cookieButton {
display: inline-block;
color: #000000;
font-size: 1.1em;
background: #FFFFFF;
text-decoration: none;
cursor: pointer;
padding: 2px 20px;
float: right;
border-radius: 20px;
}
#myCookieConsent a#cookieButton:hover {
background: #21bfd1;
color: #ffffff;
}

/*EU-RIGHTS Cookie Consent END*/