* {
  margin:0;
  padding:0;
}


body {
  font-size:10pt;
  color: #333;
  letter-spacing: 0.1ex;
  font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  background: #fdfdfd url(../images/design/bgimg.jpg) repeat-x left top;
}

a, a:link, a:visited {
  text-decoration:none;
  color: #252343;
}
a.selected, a:hover {
  color: #C12841;
}
a img{
  border: none;
}
input, textarea{
  background: #FFF;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 4px;
  margin: 0;
  border: 1px solid #CCC;
  color: #777;
}
input:focus, textarea:focus{
  color: #333;
  border: 1px solid #333;
  font-weight: bold;
}
.smalltxt{
  font-size: 9pt;
  color: #aaa;
}

p {
  padding: 0 0 8px 0;
}

hr{
  height: 1px;
  background: none;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 9px 0;
}
h1, h2, h3, h4, h5, #mainmenu, .specmenu, #sondernav{
  font-family: 'PT Sans Narrow', sans-serif;
}

h1 {
font-size: 21pt;
  line-height: 21pt;
  font-weight: normal;
  padding: 0 0 15px 0;
  margin: 0;
  font-style: normal;
  color: #C12841;
}
h2 {
  font-size:17pt;
  line-height:17pt;
  font-weight: normal;
  font-style: normal;
  padding: 10px 0 7px 0;
  color: #252343;
}
h3 {
  font-size: 11pt;
  font-weight: bold;
  padding: 7px 0 3px 0;
  margin: 0;
  font-style: normal;
  color: #444;
}
h4 {
  font-size:13pt;
  font-weight: normal;
  font-style: normal;
  padding: 0 0 7px 0;
  color: #AAA;
}
h5 {
  font-size:8pt;
  font-weight: normal;
  font-style: normal;
  padding: 4px 0;
  color: #252343;
}
#flash_notice, .flash_notice{
  background: #C12841;
    border: 1px solid #C12841;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  color: #FFF;
    font-weight:bold;
    padding:4px 9px;
    margin: 0 0 11px 0;
    font-size: 1.1em;
    line-height: 1.3em;
}

/* @group Header */

#header {
  width: 990px;
  height: 145px;
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
}
.spec_menu{
  display: block;
  font-size: 9pt;
  padding: 9px 0;
  float: right;
}
.spec_menu a:link, .spec_menu a:visited{
  color: #838299;
  padding-right: 15px;
}
#logger{
  display: block;
  font-size: 9pt;
  padding: 9px 0;
  float: left;
  color: #EEE;
}
#logger a:link, #logger a:visited{
  color: #DDD;
  padding: 4px 0 3px 22px;
  background: url(../images/icons/user.png) no-repeat left center;
}
#logger a:hover{
  color: #FFF;
}
#logo{
  display: block;
  width: 195px;
  height: 75px;
  position: absolute;
  left: 20px;
  top: 55px;
  z-index: 5;
  }
#logo a{
  width: 195px;
  height: 75px;
  display: block;
  background: url(../images/logo.png) no-repeat;
}
#logo a:hover{
  background-position: 1px 1px;
}
#mainmenu {
  margin: 0;
  display: block;
  float: left;
  height: 35px;
  margin: 75px 0 0 260px;
}
#mainmenu ul, #mainmenu ul li{
  display: inline;
  margin: 0;
  padding: 0;
}
#mainmenu ul
{
  height:  16px;
}
#mainmenu ul li a:link, #mainmenu ul li a:visited{
  display: block;
  color: #252343;
  float: left;
  padding: 0 16px 0 0;
  margin: 0;
  font-size: 1.2em;
  text-shadow: #FFF 1px 1px 0;
}
#mainmenu ul li a:hover, #mainmenu ul li a:active, #mainmenu ul li a.current{
  color: #C12841;
}





/* @end */

/* @group site */

#site{
  width: 990px;
  margin:0 auto;
  padding: 0;
}


#container{
  width: 985px;
  margin:0;
  padding: 20px 5px 0 0;
  position: relative;
  background: url("../images/design/shadow.png") no-repeat center top;
}
#container.home{
  background: url("../images/design/shadow.png") no-repeat center bottom;
  padding: 0 5px 16px 0;
}
#contenthome{
  background: url("../images/design/emohome.png") no-repeat right bottom;
  padding: 40px 500px 30px 60px;
  min-height: 355px;
}
#contenthome h1{
  display: block;
}

.site-content {
  text-align: justify;
}

#catalog.site-content {
  text-align: left;
}


/* @group loginbereich */

#logarea{
  display: block;
  padding:0;
  height: 57px;
  margin-bottom: 15px;
}

.loginform input[type=text], .loginform input[type=password]{
  width: 140px;
  display: block;
  margin: 4px 10px;
  padding: 4px 5px;
  border: 1px solid #ddd;
  float: none;
  }


input[type=text]:focus, input[type=password]:focus{
  color: #252343;
  border-color: #252343;
}

input[type=submit]{
  display: block;
  background: #C12841 url("../images/btn_gradient.png") repeat-x left center;
  border: none;
  color: #FFF;
  font-size: 1.1em;
  overflow: hidden;
  margin: 20px 10px 0 160px;
}
input[type=submit]:hover{
  background-color: #252343;
  border-color: #252343;
}

#context form input[type=text], #context form input[type=password]{
  width: 270px;
  }
#context form input[disabled] {
  background: #DDD;
  border-color: #ccc;
}
#context form input[type=submit], #contenthome form input[type=submit]{
  margin: 10px 0;
  padding: 3px 15px 3px 20px;
  display: block;
}


.form_row{
  display: block;
  clear: left;
  margin: 5px 0;
}
#context form label, #contenthome form label{
  width: 160px;
  display: block;
  float: left;
  color: #757575;
  font-size: 9pt;
  overflow: hidden;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 3px 20px 0 0;
  margin: 0;
  letter-spacing: 0;
}
#context form .smallhinttxt, #contenthome form .smallhinttxt{
  display: block;
  padding: 3px 0 0 185px;
  font-size: 0.9em;
}

#context form label.error, #contenthome form label.error{
  color: #e00000;
  display: block;
  width: 100%;
  font-weight: bold;
  margin: 0 0 9px 180px;
  font-size: 0.9em;
}
#context form input.error, #context form textarea.error, #contenthome form input.error, #contenthome form textarea.error{
  color: #e00000;
  border: 1px solid #e00000;
  background: #fff1f3;
}

#context form label.small,
#contenthome form label{
  width: 135px;
}
#contenthome form textarea{
  width: 200px;
}
#qrcode img{
  float:  right;
  margin: 0 7px 8px 0;
  padding: 0 0 1px 0;
        height: 130px;
        width: 130px;
}

#qrcode_big img{
        height: 300px;
        width: 300px;
}

.divider{
  display: block;
  width: 100%;
  border-bottom: 1px dotted #DDD;
  margin: 12px 0;
  clear:  both;
}


/* @end */

#context {
  float: left;
  display: block;
  padding: 0;
  line-height: 1.3 em;
  width: 660px;
  margin: 25px 0 25px 40px;
}

#context td, #context th{
  text-align: left;
  vertical-align: top;
  padding: 5px;
  margin: 0 3px;
}
 #context th{
  border-bottom: 1px solid #aaa;
}
#context p{
  margin: 0;
}
#context img{
  float:  left;
  margin: 0 7px 8px 0;
  padding: 0 0 1px 0;
}
#context a, #context a:link, #context a:visited, #context a.selected {
  text-decoration:none;
  color: #252343;
  font-family: Arial, Helvetica, sans-serif;
}
#context a:hover {
  color: #C12841;
}
#context ul{
  padding:  0 0 10px 0;
  margin: 0;
  list-style-type: square;
  list-style-position: inside;
}
#context ul li{
  padding:  0 0 5px 11px;
  list-style-type: none;
  background: url(../images/lister.gif) no-repeat 0 5px;
  list-style-position: inside;
}
table.partner{
  margin-bottom:15px ;
}

table.partner td {
  text-align: center;
  vertical-align: top;
}
#context table.partner tr td a:link, #context table.partner tr td a:visited{
  color: #252343;
  font-size: 9pt;
  background-position: 0 -18px;
}
#context table.partner tr td a:hover, #context table.partner tr td a:active{
  color: #C12841;
  background-position: 0 2px;
}
#context table.partner tr td img{
  border-top: 1px solid #CCCCCC;
  float: none;
  margin: 0;
  padding: 0;
  display: block;
}
.showman {
  padding: 5px 11px;
  display: block;
}
.showman h2{
  background: url(../images/plusminus.png) no-repeat right 5px;
}
.showman:hover{
  background: #eee;
}

.showman:hover h2{
  background: url(../images/plusminus.png) no-repeat right -95px;
}

.showman a:link, .showman a:visited{
  display: block;
  margin: 5px 0;
}


.pagination{
    width: 100%;
    padding: 3px 4px;
    margin: 0 0 8px 0;
    text-align: left;
    font-weight: bold;
    color: #AAA;
    border-top: 1px dotted #a4a4a4;
    border-bottom: 1px dotted #a4a4a4;
  font-size: 1em;
}
#context .pagination > span, #context .pagination > a {margin:0 2px;  padding-left: 0;
  background: none;}
#context .pagination a, #context .pagination a:link, #context .pagination a:visited{color:  #555;}
#context.pagination a:hover, #context .pagination a:active, #context .pagination .current{color: #C12841;}

.bprice{
  text-align: right;
  font-weight: bold;
  width: 45px;
  padding-left: 8px;
  font-size: 1.1em;
}
#context .book_detail a{
  background: none;
  /*padding-left: 0;*/
}

#context .book_detail a.fb_button_simple, #context .book_detail a.fb_button_simple:link{
  color: #3B5998;
  background: #ECEEF5;
  background-image: none;
  border: 1px solid #CAD4E7;
  padding: 3px 7px 2px 7px;
  font-size: 8pt;
  text-align: left;
  margin-top: 6px;
    -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3-4 */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome */
}

#context .book_detail a.fb_button_simple .fb_button_text{
  margin: 0;
}
.metainfo{
  font-size: 0.9em;
  color: #999;
}



/* @end */

/* @group colleft */

#colleft {
  margin: 10px 3px;
  padding: 0;
  width: 180px;
  display: block;
  float: left;
}
#googleoptimizer{
  margin: 10px 0 20px 0;
  padding:  0;
  background: #eee url(../images/whitegradient.png) repeat-x;
  position: relative;
  overflow: hidden;
  color: #777;
  -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
  -moz-box-shadow: 0 1px 2px #999;
  -webkit-box-shadow: 0 1px 2px #999;
  box-shadow: 0 1px 2px #999;
  text-shadow: #fffeff 1px 1px 1px;
  font-size: 1.1em;
  border-top:  1px solid #eee;
  border-bottom:  1px solid #eee;
}
#googleoptimizer p{
  padding:5px;
}
#googleoptimizer iframe{
  overflow: hidden;
}
#googleoptimizer a:link{
  margin-left: 15px;
  padding-left: 10px;
  background: url(../images/arrow_link.png) no-repeat 0 -17px;
  font-size: 0.9em;
  color: #252343;
}
#googleoptimizer a:hover{
  background-position: 0 3px;
  color: #C12841;
}


#submenu  {
  margin: 10px 0 20px 0;
  padding:  10px;
  background: #eee url(../images/whitegradient.png) repeat-x;
  position: relative;
  overflow: hidden;
  color: #777;
  -moz-box-shadow: 0 1px 2px #999;
  -webkit-box-shadow: 0 1px 2px #999;
  box-shadow: 0 1px 2px #999;
  text-shadow: #fffeff 1px 1px 1px;
  font-size: 1.1em;
  border:  1px solid #C12841;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  text-align: right;
}

#submenu h3{
  font-size: 1.2em;
  color: #C12841;
  padding: 2px 8px 2px 8px;
  font-weight: normal;
  font-style: normal;
  /*background: url(../images/arrow_down.png) no-repeat 6px -90px;*/
}
#submenu ul{
  padding: 0;
  margin: 9px 0;
  list-style-type: none;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  border-top: 1px solid #ccc;
}
#submenu ul li{
  display: block;
  padding: 2px 8px 3px 8px;
  margin: 0;
  text-align: right;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #FFF;
}
#submenu ul li a:link, #submenu ul li a:visited{
  color: #252343;
  text-shadow: 1px 1px 0 #FFF;
  font-size: 10pt;
}
#submenu ul li a:hover, #submenu ul li a:active, #submenu ul li a.current{
  text-shadow: 1px 1px 0 #FFF;
  color: #C12841;
}



.facebox{
  margin: 0;
  font-size: 0.9em;
  background: #f6f6f6;
  padding:  0;
  width: 300px;
  height: 406px;
  display: block;
  float: right;
  overflow:  hidden;
}

.facebox iframe{
  display: none;
  margin: -80px 0 0 -1px;
}
.fbheader {
  display: none;
  padding:12px 5px 12px 12px;
  height: 36px;
  background: #f6f6f6 url(../images/siteheader.png) repeat-x 0 bottom;
  z-index: 900;
  border-top:  1px solid #eee;
}
.fbheader a:link{
  color: #252343;
}
.fbheader a:hover{
  color: #C12841;
}

.fbheader h2{
  padding: 0;
  margin: 0;
  line-height:12pt;
  font-size: 13pt;
  width: 200px;
}
.fbheader h2 span{
  font-size: 9pt;
}
.fbheader .fb_button_simple{
  width: 80px;
  text-align: right;
  height: 45px;
  overflow: hidden;
  display: block;
  float: right;
  padding: 0;
  background: none;
}
.fbheader .fb_button_simple .connect_widget_like_button .liketext{
  display: none;
}
.facebutton a:link, .facebutton a:visited{
  font-size: 1.8em;
  display: block;
  background:  url(../images/facebook_40.png) no-repeat 0 3px;
  color: #345faa;
  padding: 0 1px 1px 50px;
}
.facebutton a:hover{
  padding: 1px 0 0 51px;
  background-position: 1px 4px;
}
/***.tweethead{
  padding: 10px 35px 4px 0;
  background: #FFF url(../images/arrow_down.png) no-repeat 270px 18px;
  color: #545454;
  font-size: 16pt;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  text-align: right;
}

 .tweet, .query {
  margin: 0;
  padding: 3px 20px 4px 20px;
  width:260px;
  color: #555;
  text-align: justify;
 }
 .tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
 .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase;
    }
 .tweet .tweet_list li, .query .tweet_list ul{
  list-style-image: none;
  list-style-type: none;
}
 .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: 10px 0 9px 0;
      margin: 0;
      }
 .tweet .tweet_list li a, #context .query .tweet_list li a {
        color: #999;
        background-image: none;
        padding: 0;
  }
.tweet .tweet_list li a:hover{
  color:#C12841;
}
 .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      display: none;}***/




/* @end */


/* @group catalog */
#catalog {
  padding: 0;
  width: 940px;
  margin: 0;
}
#searchbar {
  display: block;
  margin: 9px 0 0 0;
  height: 35px;
}
#catalog #searchbar form input{
  float: left;
  margin: 0 10px 0 0;
}
#catalog a{
  background: none;
  padding-left: 0;
}
#catalog td{
  border-bottom: 1px solid #eee;
  padding: 4px;
  margin: 0;
  text-align: left;
  vertical-align: top;
}

.book_thumb{
  height:  80px;
  margin: 4px 10px 5px 0;
}

.metainfo{
  font-size: 0.9em;
  color: #999;
}

#qrcode img{
  float:  right;
  margin: 0 7px 8px 0;
  padding: 0 0 1px 0;
        height: 130px;
        width: 130px;
}

#qrcode_big img{
        height: 300px;
        width: 300px;
}
#catalog td.bprice{
  text-align: right;
  font-weight: bold;
  width: 100px;
  padding-left: 8px;
  color: #C12841;
}

#catalog a.book_price{
  color: #C12841;
  font-size: 1.2em;
  margin-bottom: 5px;
}
 .book_detail h1{
  font-size: 15pt;
  padding: 0;
  font-weight: bold;
}
 .book_detail h2{
  font-size: 13pt;
  font-weight: normal;
  font-style: normal;
}
 .book_detail h4{
  font-size: 10pt;
  color: #999;
  font-weight: normal;
  font-style: normal;
  padding: 0 10px 0 0;
}
a.booktitle:link{
  font-size: 1.1em;
  font-weight:  bold;
  color: #C12841;
}
a.booktitle:hover{
  color: #555;
}
#catalog .facebook{
  display: block;
  margin: 7px 0;
  padding: 0;
}

#catalog .social_btns td{
  border:none ;
}

a.fb_button_simple{
  padding: 3px;
  margin: 0;
  background-color: #eceef5;
  border: 1px solid #cad4e7;
  -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #3b5998;
    font-size: 8pt;
    background-position: 3px 3px;
}

.book_detail_img {
    width: 230px !important;
    padding-right: 30px !important;
}

/* @group pagination */

.pagination{
  width: auto;
  margin: 10px 0;
    padding: 3px 4px;
    text-align: left;
    font-weight: bold;
    color: #aaa;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  font-size: 1em;
  height: 17px;
}
.pagination ul li{
  list-style: none inside none;
  display: block;
  float: left;
}
.pagination a:link, .pagination a:visited{color: #999; margin: 0 7px 0 0;}
.pagination a:hover, .pagination a:active, .pagination li.active a{color:  #C12841; font-weight: bold;}

/* @end */


/* @end */

.clear{
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
}
 .facebutton a:link, .facebutton a:visited{
  font-size: 1.7em;
  display: block;
  background:  url(../images/facebook_40.png) no-repeat 0 3px;
  color: #345faa;
  padding: 1px 1px 1px 50px;
  height: 45px;
  margin: 8px 0;
  line-height: 0.9em;
  display:none;
}
.facebutton a:hover{
  padding: 1px 0 0 51px;
  background-position: 1px 4px;
}
 .facebutton a .small{
  font-size: 0.7em;
  display: block;
}
#startfooter{
  color: #aaa;
  padding: 5px 0;
  margin: 0 auto 10px auto;
  font-size: 9pt;
  width: 870px;
}

#sitefooter{
  color: #aaa;
  padding: 8px 0;
  margin: 0 auto 10px auto;
  font-size: 9pt;
  width: 980px;
  border-top: 1px solid #DDD;
}
#socialshareprivacy{
  float: left;
  display: block;
  width:  470px;
}

.footent{
  display: block;
}

.footent p {
    text-align: right;
}

#sitefooter a:hover, #sitefooter a:active{
  color: #FFF;
}

.e-brochure {
  width: 180px;
  padding: 10px 0;
  border-top: 1px solid #c12841;
  border-bottom: 1px solid #c12841;
  margin-top: 20px;
  margin-bottom: 0;
}

/* Mailchimp */

#mc_embed_signup {
  width: 180px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 30px;
}

#mc_embed_signup form {
  padding-top: 10px !important;
}

#mc_embed_signup_scroll p {
  color: #000;
}

#mc_embed_signup .mc-field-group input {
  color: #000;
  width: 160px !important;
}

#mce-success-response{
  margin-top: 160px !important;
  padding: 0 !important;
  position: absolute;
  width: 180px !important;
}

/* Catalog styles */
.product-wrapper .book_thumb {
  width: 150px;
}

.product-details .product-text h3 {
  font-size: 16px;
  padding-top: 0;
  line-height: 20px;
}

.product-details .product-text h3 a {
  font-size: inherit;
}

.product-details .product-text h4 {
  font-size: 12px;
}

.product-details .product-price h3 {
  font-size: 18px;
  font-weight: 600;
}

#product-details-page .product-details h3 {
  font-size: 16px;
  line-height: 22px;
  padding: 0;
  margin-bottom: 10px;
}

#product-details-page .product-details h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
}