@import url("norm.css");

*, *:before, *:after {
    box-sizing: content-box !important;
}

/*VERWENDETE FARBEN

body: rgb (253,255,232) = hellgelber hintergrund
kral-blau: rgb(0,60,121)
grün: rgb(148,193,30)
*/
@font-face {
	font-family: quicksand;
	src: url('../fonts/Quicksand-Regular.otf');
}

@font-face {
	font-family: quicksand-light;
	src: url('../fonts/Quicksand-Light.otf');
}

@font-face {
	font-family: quicksand-bold;
	src: url('../fonts/Quicksand-Bold.otf');
}

/*==========================================
              1. grundlayout
==========================================*/
html, body {
margin: 0;
padding: 0;
height: 101%; 
width: 100%; 
position:relative;
background-color: rgb(253,255,232); /*hellgelber hintergrund*/
}


#wrapper {
background-color: #fff; 
width: 950px;
margin: 0 auto; 
min-height: 101%; 
height:auto !important; 
height:100%; 
overflow:hidden !important; 
font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
font-size: 13px;
color: rgb(0,60,121);
line-height: 1.5;
padding:15px;
position:relative;
-moz-box-shadow: 0 0 5px 5px #D8D8D8;
-webkit-box-shadow: 0 0 5px 5px #D8D8D8;
box-shadow: 0 0 5px 5px #D8D8D8;
}

#bordertop {
background:rgb(0,60,121);
width:100%;
height:10px;
-webkit-box-shadow: 0px 5px 8px 0px #d4d4d4;
box-shadow: 0px 5px 8px 0px #d4d4d4; 
padding:0;
position:absolute;
left:0; top:0;
}


/*======= dreispaltiger header ========== */

header#company {
float:left;
width:290px;
padding-top: 27px;
}

header#company a  {
color: rgb(0,60,121);
border:none;
}

header#company a:hover {
color: rgb(148,193,30);
border:none;
}

header#company img {
padding-right:10px;
float:left;
}


header#company ul {
float:right;
width:137px;
margin:0;
padding:0;
}

header#company li {
font-size:15px;
margin:0;
padding:0;
height:18px;
}


header#allboxes {
float:right;
width:660px;
padding-top: 25px;
height:144px;
}

/*cart, search*/
div#leftboxes {
float:left;
width:368px;
padding-left:10px;
position:relative;

}

/*cart*/
div#cart {
margin-bottom:12px;
width: 210px;
position:relative;
left:134px;
line-height:0.9;
padding: 12px;

}

div#cart img {
float:left;
padding: 0 5px 5px 0;

}

div#cart span {
position:relative;
top:5px;
}

div#cart a {
border: none;
font-family:Trebuchet MS, Helvetica, Verdana, sans-serif;
}

div#cart a:hover {
color:rgb(148,193,30);
}


div#cart em  {
font-size:16px;
}

div#cart input,div#cart .basketcount {
width:30px;
height:20px;
margin-left:8px;
position:relative;
top:-10px;
color:rgb(148,193,30);
font-size: 12px;
font-weight:bold;
border-radius:5px;
background:#fff;
border: 1px solid rgb(148,193,30);
padding:1px;
text-align:center;
}

/*search*/
div#search {
background:rgb(0,60,121);
color:#fff;
padding: 12px;
height: 48px;
position:relative;
}

div#search input {
width:293px;
height:30px;
/*color:rgb(148,193,30);*/
color:#003C79;
font-size: 14px;
background:#fff;
border:none; /*1px solid #fff;*/
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px; 
margin:0 0 5px 8px;
padding:0 0 0 3px;
}

div#search input[type="submit"] {
background:#fff url(../images/search.png) no-repeat;
height:30px;
width:30px;
border:none;
padding:0;
margin:0;
position:absolute;
right:18px;
top:12px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px; 
cursor:pointer;
}

div#search a {
color:#fff;
margin:0 0 0 10px;
}


div#search a:hover {
color:rgb(148,193,30);
}

/*login*/
div#login {
float:right;
width:245px;
height:110px;
margin:15px 0 0 0;
position:relative;
padding:15px 8px 5px 15px;
text-align:right;
}
       
div#login h3 {
background:rgb(0,60,121);
color:#fff;
padding: 2px 0;
width:150px;
height: 20px;
text-align:center;
position:absolute;
top:-20px;
left:0;
-webkit-border-radius: 5px;
border-radius: 5px; 
font-size:1em;
font-family:Trebuchet MS, Helvetica, Verdana, sans-serif;
}


div#login label {
width: 80px;
display:block;
float:left;
padding: 0 8px 0 0;
margin-bottom:0;
}

div#login input {
width: 140px;
border-radius:5px;
background:#fff;
border: 1px solid rgb(0,60,121);
font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
font-size: 100%;
line-height:normal;

}

div#login input[type="submit"] {
background:rgb(0,60,121);
color:#fff;
border:none;
width:100px;
margin-left:129px;
margin-bottom: 5px;
cursor:pointer;
}

div#login input[type="submit"]:hover {
background:#94c11e;
color:rgb(0,60,121);
}


div#login a {
font-size:11px;
color:rgb(0,60,121);
padding:0 14px 0 3px;
display:block;
background:url(../images/go-arrow-blue.png) no-repeat 100% 1px;
border:none;
}

div#login a:hover {
text-decoration:underline;
padding:0 14px 0 3px;
background:url(../images/goover.png) no-repeat 100% 1px;
color:rgb(148,193,30);
border:none;
}

/*===============erweiterte Suche ================*/

#advsearch form{
margin:20px 0 0 0;

}

#advsearch label {
display: block;
float: left;
width: 180px;
margin-bottom:25px;
font-size:14px;
padding: 0 12px 0 0;
text-align:right;
}

#advsearch input, #advsearch select {
width:250px;
margin-bottom:25px;
height: 20px;
font-size:14px;
}

#konto input {
width:250px;
margin-bottom:10px !important;
margin-left:10px !important;
height: 20px;
font-size:14px;
}
#konto select {
margin-bottom:10px !important;
margin-left:10px !important;
height: 20px;
font-size:14px;
}
#konto td {
	vertical-align:top;
}
#advsearch select#lang, #advsearch select#kat, #advsearch select#alter, #advsearch select#kategorie {
width:120px; }

div#advsearch input#preismin, div#advsearch input#preismax {
width:50px;

}


/*===================== navi ============== */


nav {
width:980px;

background: #81a728; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYTcyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2JlZGM1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2JlZGM1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MWE3MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #81a728 0%, #bedc54 43%, #bedc54 67%, #81a728 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81a728), color-stop(43%,#bedc54), color-stop(67%,#bedc54), color-stop(100%,#81a728)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #81a728 0%,#bedc54 43%,#bedc54 67%,#81a728 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #81a728 0%,#bedc54 43%,#bedc54 67%,#81a728 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #81a728 0%,#bedc54 43%,#bedc54 67%,#81a728 100%); /* IE10+ */
background: linear-gradient(to bottom,  #81a728 0%,#bedc54 43%,#bedc54 67%,#81a728 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81a728', endColorstr='#81a728',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 2px 2px 4px 0px #d4d4d4;
box-shadow: 2px 2px 4px 0px #d4d4d4; padding: 20px 0 8px 0;
margin: 40px 0 0 -15px;
font-size:18px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px; 

}

nav ul {
text-align:center;
}


nav li {
list-style: none;
margin: 0;
display: inline;
}


nav li a {
text-shadow: 1px 1px 2px #b3adb3;
filter: dropshadow(color=#b3adb3, offx=1, offy=1);
padding: 15px 0.7em 12px 0.7em;
margin: 5px 18px 0 18px;
color: rgb(0,60,121);
border:none;
}



nav li a.current, nav li a:hover, nav li a.active, nav li.active a, nav li:hover a {
background:rgb(253,255,232);
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px; 
-moz-box-shadow: inset 0 0 4px #696969;
-webkit-box-shadow: inset 0 0 4px #696969;
box-shadow: inset 0 0 4px #696969;
border:none;
}

nav li a:visited { color: #686f92; border:none; }


/*angaben fuer subnav*/
nav .subnav {
background-color: rgb(253,255,232);
min-height: 120px;
padding: 20px;
width: 940px;
opacity:0.8;
border-radius:8px;
-moz-box-shadow: inset 0 0 4px #696969;
-webkit-box-shadow: inset 0 0 4px #696969;
box-shadow: inset 0 0 4px #696969;
border:none;
position:absolute;
top:-99999px;
z-index:290;
}

nav li:hover .subnav {
background-color: rgb(253,255,232);
min-height: 120px;
padding: 20px;
width: 940px;
opacity:1;
border-radius:8px;
-moz-box-shadow: inset 0 0 4px #696969;
-webkit-box-shadow: inset 0 0 4px #696969;
box-shadow: inset 0 0 4px #696969;
border:none;
position:absolute;
top:281px;
z-index:290;
}

nav li .subnav ol {
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

nav li .subnav li, nav li .subnav li a, nav li .subnav li a:hover {
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    background:none;
    box-shadow:none;
    border:none;
}

nav li .subnav li {
    float: left;
}

nav li.active .subnav li.active a {
	color: #7CA80A;
}

nav li .subnav .subnav-sub li, nav li .subnav .subnav-sub2 li {
    clear: both;
    display: inline;
    float: left;
    height: auto;
}

nav li .subnav .subnav-sub2 {
    margin-left:60px;
}

nav li .subnav .subnav-sub-side {
    position:absolute;
    right:20px;
    top:20px;
}

nav li .subnav .subnav-sub-side li {
    display: inline;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
}
nav li .subnav .subnav-sub-side li:before {
    border-left: 1px solid #003C79;
    content: "";
    display: inline;
    float: left;
    height: 16px;
    margin-top: 6px;
    padding-left: 10px;
    width: 0;
}
nav li .subnav .subnav-sub-side li:first-child {
    margin-left: 0;
}
nav li .subnav .subnav-sub-side li:first-child:before {
    display: none;
}
nav li .subnav .subnav-sub-side li a {
    padding: 0;
}

/*======================= banner =========================*/

div#bannerempty {
    border: medium none;
    height: 1px;
    margin: 0 0 0 -15px;
}

div#banner {
text-align:center;
width: 916px;
height: 230px;
margin: 0 0 0 -15px;
border: 2px solid rgb(148,193,30);
padding: 30px;
position:relative;
border-top:none;
}

div#banner img.ship {
position:absolute;
top:50px;
left:10px;
}

div#banner ul {
margin: 10px 0;
}


div#banner ul li {
display:inline;
margin: 0 8px;
}

div#banner ul li a{
text-transform: uppercase;
border:none;
}

/*======================= infobox =========================*/

div#infoboxempty {
    height:30px;
    line-height:30px;
    font-size:16px;
}

div#infobox {
    height:30px;
    line-height:30px;
    font-size:16px;
    text-align:center;
}

/*======================= content zwei spalten =========================*/



#content {
position: relative;
background:white;
overflow:hidden;
background:url(../images/background-aside.png) repeat-y 100% 10%;
}

#contentsub {
position: relative;
background:transparent;
overflow:hidden;
background-image:none;
}


#leftcol {
float: left;
width: 625px;
position: relative;
min-height:300px;
padding-bottom:20px;
background:#fff;
}


#leftcolsub {
float: left;
width: 625px;
position: relative;
min-height:300px;
padding-bottom:20px;
background:#fff;
margin-top:50px;
}

aside{
float:right;
width: 280px;
min-height:850px;
position:relative;
padding:12px;
background:url(../images/background-aside-top.png) no-repeat;
padding-top:80px;
}

/*aside ohne gruenem hintergrund*/
aside#sub {
float:right;
width: 280px;
min-height:850px;
position:relative;
padding:12px;
background:#fff;
padding-top:0px;
margin-top:50px;
border-left: 15px solid rgb(148,193,30);
}


/*======================booksrow=====================================*/

section.booksrow h3 {
width:250px;
height:25px;
background: #003c79; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2M3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNjRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNjNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #003c79 0%, #1164b8 50%, #003c79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003c79), color-stop(50%,#1164b8), color-stop(100%,#003c79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* IE10+ */
background: linear-gradient(to right,  #003c79 0%,#1164b8 50%,#003c79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c79', endColorstr='#003c79',GradientType=1 ); /* IE6-8 */
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
margin:0 0 0 8px;
padding:8px 0 3px 0;
text-align:center;
color:#fff;
text-transform: uppercase;
font-size:1.2em;
font-weight:normal;
font-family:quicksand, verdana, sans-serif;
}

section.booksrow ul {
background:url(../images/shelf.jpg) no-repeat;
width: 625px;
height: 175px;
text-align:center;
padding: 50px 0 0 0;
margin: 0 0 40px 0;

}

section.booksrow ul li{
display:inline;
margin: 0 12px 0 6px; 

}


/* ==================== bookdetail ================================*/

#bookdetail {
border: 1px solid rgb(148,193,30);
border-radius:15px;
padding: 25px;
margin-right:30px;
margin-top:2px;
line-height:1.3;
position:relative;
}

#bookdetail > a img {
padding-right: 20px;
float:left;}

#bookdetail .beschreibung {
margin-left: 150px;}

.price {
color:rgb(148,193,30);
font-size:20px;
font-weight:normal;

}

#bookdetail #order {
width:150px;
height:60px;
border: 1px solid rgb(148,193,30);
border-bottom:none;
border-right:none;
position:absolute;
right:0;
bottom:0;
-webkit-border-radius: 15px 0px 15px 0px;
border-radius: 15px 0px 15px 0px;
padding:5px;
padding-top:8px;
text-align:center;
}

#options {
margin-top:15px;
line-height:2;
}


#options img {
position:relative;
top:-4px;}

#infos {
margin-top: 40px;
}

#infosheader{
font-size:14px;

}


#infosheader a.tabs {
font-size:14px;
padding: 5px 30px;
text-align:center;
border: 1px solid rgb(0,60,121);
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
border-bottom:none;
}

#infosheader a.tabs:hover {
border: 1px solid rgb(0,60,121);
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
border-bottom:none;
}

#infosheader a.current{
background: rgb(0,60,121);
color:#fff;
}

#infosheader a.tabs.current {
color:#fff;
}

#infoscontent{
border: 1px solid rgb(0,60,121);
-webkit-border-radius: 0px 15px 15px 15px;
border-radius: 0px 15px 15px 15px;
padding: 25px;
margin-right:30px;
margin-top:2px;
line-height:1.3;

}

#infoscontent p{
margin: 15px 0;
}

#infoscontent h4{
color:rgb(148,193,30);
}


/*popup bei Buchcover*/
/*pfeil nach links = Subnav_Pfeil_links.png*/
.popup {
display:none;
color:#fff;
padding:10px;
width:200px;
background: #003c79; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2M3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNjRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNjNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #003c79 0%, #1164b8 50%, #003c79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003c79), color-stop(50%,#1164b8), color-stop(100%,#003c79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* IE10+ */
background: linear-gradient(to right,  #003c79 0%,#1164b8 50%,#003c79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c79', endColorstr='#003c79',GradientType=1 ); /* IE6-8 */
-webkit-border-radius: 8px;
border-radius: 8px;


}


.popup h1 {
font-size:1.2em !important;
margin:0;
}


.popup a {
color:#fff; 
padding: 0 0 0 18px;
background:url(../images/go.png) no-repeat;
border:none;
}

.popup a:hover {
color:rgb(148,193,30);
background:url(../images/goover.png) no-repeat;
border:none;
}

.zap-overlay .popup {
    display: block;
}
.zap-overlay {
    display: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 200;
}
.zap-overlay-show {
    display: block;
}
.zap-overlay-inner-helper {
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 30px;
}
.zap-overlay-inner-helper:after {
    background: url("/kral/images/Subnav_Pfeil_oben_lightgrey.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 30px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.zap-overlay.top-left .zap-overlay-inner-helper {
    bottom: -30px;
    left: 10px;
}
.zap-overlay.top-left .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_unten.png");
}
.zap-overlay.top-center .zap-overlay-inner-helper {
    bottom: -30px;
    left: 50%;
}
.zap-overlay.top-center .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_unten.png");
    left: -15px;
}
.zap-overlay.top-right .zap-overlay-inner-helper {
    bottom: -30px;
    right: 10px;
}
.zap-overlay.top-right .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_unten.png");
}
.zap-overlay.right-top .zap-overlay-inner-helper {
    left: -30px;
    top: 10px;
}
.zap-overlay.right-top .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_links.png");
}
.zap-overlay.right-center .zap-overlay-inner-helper {
    left: -30px;
    top: 50%;
}
.zap-overlay.right-center .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_links.png");
    top: -15px;
}
.zap-overlay.right-bottom .zap-overlay-inner-helper {
    bottom: 10px;
    left: -30px;
}
.zap-overlay.right-bottom .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_links.png");
}
.zap-overlay.bottom-left .zap-overlay-inner-helper {
    left: 10px;
    top: -30px;
}
.zap-overlay.bottom-left .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_oben_lightgrey.png");
}
.zap-overlay.bottom-center .zap-overlay-inner-helper {
    left: 50%;
    top: -30px;
}
.zap-overlay.bottom-center .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_oben_lightgrey.png");
    left: -15px;
}
.zap-overlay.bottom-right .zap-overlay-inner-helper {
    right: 10px;
    top: -30px;
}
.zap-overlay.bottom-right .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_oben_lightgrey.png");
}
.zap-overlay.left-top .zap-overlay-inner-helper {
    right: -30px;
    top: 10px;
}
.zap-overlay.left-top .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_rechts.png");
}
.zap-overlay.left-center .zap-overlay-inner-helper {
    right: -30px;
    top: 50%;
}
.zap-overlay.left-center .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_rechts.png");
    top: -15px;
}
.zap-overlay.left-bottom .zap-overlay-inner-helper {
    bottom: 10px;
    right: -30px;
}
.zap-overlay.left-bottom .zap-overlay-inner-helper:after {
    background-image: url("/kral/images/Subnav_Pfeil_rechts.png");
}

/* ==================== aside ================================*/

aside h3 {
margin-bottom:20px;
}

aside a {
line-height:0.9;
}

aside a:hover {
color:#fff;
border:none;
margin:0;
}

aside #related {
border-bottom: 1px dotted rgb(0,60,121);
padding-bottom:20px;
}

aside .relbox img {
float:left;
}

aside .relcont{
margin-left:90px;
}

aside #readforyou .relcont{
margin-left:80px;
}

aside .relbox {
clear:both;
overflow:hidden;
margin-bottom:12px;
}

aside #readforyou {
margin-top: 20px;
position:relative;
}

aside #readforyou h4 {
float:left;
margin-right:8px;
}

aside #readforyou span.white {
color:#fff;
font-size:13px;
}

aside #readforyou div.profile-mini {
margin-bottom:8px;

}

aside #readforyou p {
margin-top:8px;
}

aside#sub .fterms, aside#sub .fsterm {
margin:0 0 20px 20px;
}

aside#sub .fsterm {
font-weight:bold;
}

aside#sub .fterms a{
border:none;
color:#7CA80A;
}

aside#sub .fterms a:hover{
color:#003c79;
}

aside div.box, #leftcol div.box {
border: 1px solid rgb(0,60,121);
border-radius: 15px;
background-color:#fff;
color:rgb(0,60,121);
min-height: 105px;
width: 225px;
padding: 20px 20px 20px 20px;
margin: 15px 0px 15px 5px;
box-shadow: 0px 3px 8px 0px rgba(000,000,000,0.5);
position:relative;
}


#leftcol div.box {
width: 160px;
min-height: 80px;
padding: 12px;
margin: 10px 5px 10px 5px;
position:relative;
text-align:center;
}



#first {
margin-top:0;
}

aside h4.boxheader, aside h4.boxheader a, #leftcol h4.boxheader,  #leftcol h4.boxheader a  {
font-family:Trebuchet MS,Helvetica,Verdana,sans-serif;
text-transform:uppercase;
font-size:14px;
text-decoration:none;
color:rgb(0,60,121);
padding:2px 25px 0 0;
background:url(../images/go-arrow-aside.png) no-repeat 100% 3px;
margin:0;
}


aside h4.boxheader,  #leftcol h4.boxheader {
background:none;
}

aside h4.boxheader a:hover,  #leftcol h4.boxheader a:hover {
color: rgb(148,193,30);
text-decoration:none;
background:url(../images/go-arrow-aside-green.png) no-repeat 100% 3px;
border:none;
}


aside span.boxtext, aside span.boxtext a, #leftcol span.boxtext, #leftcol span.boxtext a {
font-family:Trebuchet MS,Helvetica,Verdana,sans-serif;
font-size:11px;
color:rgb(0,60,121);
text-decoration:none;
}

aside .box img.buchhandl {
margin: 0 0 8px 0;
}

aside a {
text-decoration:none;
border:none;
margin: 0 0 5px 0;
}

#leftcol a {
text-decoration:none;
border:none;
color: #7CA80A;
}
#leftcol a:hover {
text-decoration:underline;
border:none;
color: #003C79;
}

div a.kralverlag {
float:left;
padding: 0 8px 0px 0;
margin-bottom:8px !important;
}

div.buchbrille {
position:absolute;
bottom:0px;
left:0px;
}

div.buchbrille img {
margin: 0;
}

div.readfromimg {
margin: 12px 0 0 0;
width:80px;
}


div.readfromtxt {
margin: 8px 0 30px 0;
color:rgb(148,193,30);
width:80px;
line-height:1;
}

div.coverbookread{
position:absolute;
width:80px;
top:50px;
right:30px;
}

div.padbotnull{padding-bottom:0 !important;}
div.padrignull{padding-right:0 !important;}
div.padlrnull{padding-right:0 !important;padding-left:0 !important; }
.empf{min-height:180px !important;}


div.bestseller, div.buecherdetektiv {
text-align:right;
}

div.aktuell {
margin: 5px 0 0 0;
}

div.veranstaltungen{
position:absolute;
width:80px;
bottom:0px;
left:0px;
}

div.produkthightlights {
position:absolute;
left:0;
bottom:0;
}

div.bueroprofi {
float:left;
margin-left:15px;
width:101px;
margin-top:15px;
}

div.bueroprofi2 {
float:left;
position:absolute;
margin-left:0px;
width:60px;
margin-top:0px;
}

div.bueroprofi2 a{
vertical-align:unset;
border:none;
}

div.scribo{
position:relative;
margin-left: 115px;
top:30px;
}


h4.youtube{
position:absolute;
top: 70px;
left: 40px;
}

div.ytlogo{
margin-top: 5px;
}


div.leseprobe {

margin: 12px 0 0 0;
}


div.hoerprobe img {

position:absolute;
bottom:0;
left:0;

}

.floatleft {
float:left;
}


/* ==================== general styles =======================*/
/*VERWENDETE FARBEN

body: rgb(253,255,232) = hellgelber hintergrund
kral-blau: rgb(0,60,121)
grün: rgb(148,193,30)
grün-dunkler für text: rgb(124,168,10)
evt. hellblau fuer visited link  #858aa2
*/

h1, h2, h3, h4, h5 {
font-family:quicksand-bold;line-height: 1;

}

h1 {font-size:28px; margin-bottom:15px;}

h2 {font-size:24px; margin-bottom:12px;}

h3 {font-size:18px; margin-bottom:10px;}

h4 {font-size:15px; margin-bottom:10px;}

h5 {font-size:12px; margin-bottom:10px;}


h4 a {
font-family:quicksand-bold;
color:rgb(124,168,10);
border-bottom:none;
}


h4 a:hover {
font-family:quicksand-bold;
color:rgb(0,60,121);
border-bottom:1px solid rgb(0,60,121);

}



a {
text-decoration:none;
border-bottom:1px solid rgb(0,60,121);
color:rgb(0,60,121);
}

a:hover {
border-bottom:1px solid rgb(0,60,121);
color:rgb(124,168,10);
}


.green {
color:rgb(124,168,10);
}




.clear {
clear:both;
}



.box {
border-radius: 15px;
border: 1px solid rgb(0,60,121);
padding:5px;
}

.shadow {
-webkit-box-shadow: 0px 3px 5px 0px #d4d4d4;
box-shadow: 0px 3px 5px 0px #d4d4d4; 
}



.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}



.textshadow {
text-shadow: 1px 1px 2px #b3adb3;
filter: dropshadow(color=#b3adb3, offx=1, offy=1);
}

em {
font-weight:bold;
}

/*========================== footer =======================*/


footer {
width:950px;
height:auto;
padding: 20px 15px;
color:#fff;
text-align:center;
background: #003c79; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2M3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNjRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNjNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #003c79 0%, #1164b8 50%, #003c79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003c79), color-stop(50%,#1164b8), color-stop(100%,#003c79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #003c79 0%,#1164b8 50%,#003c79 100%); /* IE10+ */
background: linear-gradient(to right,  #003c79 0%,#1164b8 50%,#003c79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c79', endColorstr='#003c79',GradientType=1 ); /* IE6-8 */
clear:both;
margin:0 0 0 -15px;
}

footer ul {
margin: 0 0 20px 0;
}


footer ul li {
display:inline;
border-right:1px solid #fff;
padding: 0 10px;
}


footer li:last-child {
border-right:none;
}
footer address {
margin: 0 0 5px 0;
}
footer a {
color:white;
border:none;
}

footer a:hover {
color:rgb(148,193,30);
border:none;
}

footer a.tellink:hover {
color:#fff;
cursor:default;
border:none;
}

#tb_suche_treffer_01 {
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 6px;
    width:100%;
}
#tb_suche_treffer_01 td {
    border-bottom: 1px solid #999999;
    font-size: 13px;
    padding: 8px 4px 2px 8px;
    vertical-align: top;
}
#tb_suche_treffer_01 td a, #stylel1small a{
    font-family:quicksand-bold;
    color:rgb(124,168,10);
    border-bottom:none;
    text-decoration:none;
}
#tb_suche_treffer_01 td a:hover, #stylel1small a:hover {
    font-family:quicksand-bold;
    color:rgb(0,60,121);
    border-bottom:1px solid rgb(0,60,121);
    text-decoration:none;
}
#stylel1small a:hover {
    font-family:quicksand-bold;
    color:rgb(0,60,121);
    border-bottom:1px solid rgb(0,60,121);
    text-decoration:none;
}

#tb_suche_treffer_01 td.td_such_titel {
    background-color: #F3F3F3;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 6px;
}
#tb_suche_treffer_01 tr.tr_zwo {
    background-color: #F3F3F3;
}
#tb_suche_treffer_01 td.td_such_bild {
    width: 50px;
}
#tb_suche_treffer_01 td.td_such_text {
    width: 320px;
}
#tb_suche_treffer_01 td.td_such_preis {
    width: 170px;
}
.hed {
    font-size: 16px;
    font-weight: normal;
}

.sitemap ul{
    margin:3px 0 3px 20px;
}

/***Bestsellerlisten***/

.bm_bestlist_titel a {
	color:#7CA80A;
}

.bm_bestlist_titel a:hover {
	color:#003C79;
	text-decoration:underline;
}

#leftcol ul li
{list-style: disc; margin-left:20px;}

#leftcol ol li
{list-style: decimal; margin-left: 20px;}

strong {font-weight:bold;}

.filmenu ul li {
	list-style-type:none !important;
}

#basket_form .trennlinie, #notepad_form .trennlinie, #konto .steps {
    border-bottom: 1px solid #94C11E;
}

/***termine***/
.termine .termine_bild {
	width:100px;	
}

.termine .details {
	float:right;
	margin-top:10px;
}