@charset "UTF-8";

@import url(tx_commerce.css);
@media all
{

html * {
  font-size: 100%;
}
p {
  color: #002E54;
}

A {
	color: #009;
	text-decoration: none;
}
A:focus, A:hover, A:active {
	color: #222222;
	text-decoration: underline;
}

IMG {
	behavior: url("/fileadmin/css/pngbehavior.htc");
}

body {
  background:#C1E065;
  padding:0px;
  color:black;
  font-size: 84%;
  font-family: Arial, Helvetica, sans-serif;
  min-height:90%;
  text-align:left;
}

H2 {
	font-size:135%;
	color:#002E54;
}
H3 {
	font-size: 120%;
	color:#002E54;
}
H4 {
	font-size: 110%;
	color:#002E54;
}
H5 {
	font-size: 90%;
	color:#002E54;
}
H6 {
	font-size: 80% !important;
	color:#002E54;
	font-style:normal;
	font-weight:normal;
	padding-bottom:5px;
}

#holz{
  background:#EC8C29 url(Jollybooks/css/images/background-lq.jpg) repeat scroll 50% 0%;
}

#page {
  background:transparent none repeat scroll 0% 50%;
  border:none;
}

#page_margins{
  width:930px;
}

* html #page_margins{
  width:830px;
}

* html #content_main{
  width:870px;
}

#pagemargins{
  background:transparent none repeat scroll 0% 50%;
}

/****************** Header ********************/

#header {
  background:transparent;
  height:95px;
  width: 930px !important;
}

#header #topnav {
  top: 6px;	
  right: 220px;
  z-index: 1000;
}

#topnav a {
  text-decoration:none;
  color:white !important;
  font-size:12px;
  font-weight:bold;
	padding: 0 3px;
	margin: 0 5px;
}

#topnav a:hover,
#topnav a:focus{
	text-decoration: none;
	color: #012E54!important;
	background: #00B6E6;
}

#topnav strong {
	color: #012E54;
	background: #fff;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
	padding: 0 3px;
	margin: 0 5px;
}
/*
#header #topnav,
#topnav a,
#topnav a:hover{
  color:white;
  font-size:12px;
  font-weight:bold;
  right:110px;
  top:5px;
  text-decoration:none;
}
*/

#header img.headImg1{
  position:absolute;
  left:25px;
  top:22px;
  z-index:2;
}

div#banner {
  position:absolute;
  left:25px;
  top:15px !important;	
  display:none;	
}



input, textarea, select{
  	background: none;
 	border: 1px solid #ccc;
	/*/font-size: 84%;/**/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
SELECT OPTION {
	background: #fff;
}

input[type=image]{
border:none;
}

.csc-mailform-field {
	margin-bottom: 1em;
}

input.text,
input.required,
input.search_input,
.csc-mailform-field INPUT,
.csc-mailform-field TEXTAREA,
.tx-commerce-pi3 INPUT {
	background: #fff url(Jollybooks/css/images/input-back.gif) left top no-repeat;
}

input.text:focus,
input.required:focus,
input.search_input:focus,
.csc-mailform-field INPUT:focus,
.csc-mailform-field TEXTAREA:focus,
.tx-commerce-pi3 INPUT:focus {
	background: url(Jollybooks/css/images/input-back-focus.gif) top left no-repeat;
	color: #000;
	border-color: #999;
}

.hidden {
	display:none;	
}

div.tx-commerce-pi1 div span ul li a {display:none;}
/**************** Searchbox *******************/

#searchintables_input{
  background:transparent url(Jollybooks/css/images/searchbox.gif) no-repeat scroll 0% 5%;
  height:16px;
  padding:3px 10px 0px;
  width:150px;
  cursor:auto;
  border:0px;
  position:absolute;
  top:5px;
  right:35px;
  font-size:85%;
}

/*Button*/
#searchintables_submit{
  background: transparent url(Jollybooks/css/images/submit_button.gif) no-repeat scroll 0% 0% !important;
  height:23px !important;
  width:24px !important;
  margin:0pt 5px !important;
  border:0px;
  position:absolute;
  right:0px;
  top:3px;
}

div.searchinp {
	display:inline;	
}

#searchbox {
	position:absolute;
	right:0px;	
}

.searchheader {
	background-color:#bbbbbb; 
	color:white; 
	padding: 4px;
}

.tablelist {
	display:none;
}

.searchresults {
}

.searchcategory{
	font-size:130%;
	color:#bbbbbb;
}

.searchentry{
	font-size:130%;
}

.searchdescription {
}

.searchlistentry{
	margin-bottom:10px
}
/**********************************************/
/**************** Headline ********************/
/**********************************************/

#headline{
  color:black;
  font-size:25px;
  width:900px;
  height:100px;
  position:absolute;
  top:44px;
  z-index:3;
  margin-left:15px;
}

/**********************************************/
/***************** Mainnav ********************/
/**********************************************/
#nav{
  width:930px !important;
  position:absolute;
  z-index:6;
}
* html #nav{
  height: 60px;
}
*+html #nav{
  height: 60px;
}

#nav_main {
  background:transparent none repeat scroll 0%;
  float:right;
  width:100%;
  position:relative;
  bottom:4px;
  z-index:2;
}

#nav_main span{
  visibility:hidden;
}

#nav_main ul {
  position:absolute;
  right:42px;
  top:-60px;
}

/*
#nav_main li,
#nav_main ul li:focus, 
#nav_main ul li:hover, 
#nav_main ul li:active {
  position:relative;
  border:medium none;
  float:left;
  height: 118px;
  margin:0px;
  background:transparent;
  padding:0px;
  width:103px;
}*/
#nav_main li {
  position:relative;
  border: none;
  float:left;
  height: 120px;
  margin: 0px;
  background: transparent;
  padding: 0px;
  width: 103px;
}
#nav_main UL LI A {
  height: 54px;
  position: relative;
}
#nav_main ul li.active a {
	height: 116px;
}

* html #nav_main ul li a{
  width: 103px;
  padding: 0px;
}

#nav_main a, #nav_main strong {
	background: none;
	padding: 0px;
}

/******* Start *******/
#nav_main LI#nav1, #nav_main LI#nav1 A {
  background-image: url(Jollybooks/css/images/Navigation/nav_start.gif);
}

/******* Leseprobe *******/
#nav_main LI#nav2, #nav_main LI#nav2 A {
  background-image: url(Jollybooks/css/images/Navigation/nav_leseprobe.gif);
}

/******* Bestellen *******/
#nav_main LI#nav3, #nav_main LI#nav3 A {
  background-image: url(Jollybooks/css/images/Navigation/nav_bestellen.gif);
}

/******* FAQ *******/
#nav_main LI#nav4, #nav_main LI#nav4 A {
  background-image:url(Jollybooks/css/images/Navigation/nav_faq.gif);
}

/******* Alle *******/
#nav_main LI, #nav_main ul li:focus, #nav_main ul li:hover, #nav_main ul li:active {
	background-position: -103px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
}
#nav_main LI A, #nav_main li:focus a, #nav_main li:hover a, #nav_main li:active a {
	background-position: 103px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
}
#nav_main LI A:focus,
#nav_main LI A:hover,
#nav_main LI A:active {
	background-position: 0px 0px;
}
#nav_main LI.active, #nav_main ul li.active:focus, #nav_main ul li.active:hover, #nav_main ul li.active:active {
	background-position: 0px 0px;;
}
/*/
#nav_main LI.active
#nav_main LI.active a:hover {
  background-position: top left!important;
}

#nav_main LI A:hover {
  background-position: top right!important;
}/**/

/***************** Submenu *********************/

#content_top{
  background: transparent url(Jollybooks/css/images/submenu.gif) no-repeat;
  height: 20px;
  width: 930px;
}


#submenu {
  border:none;
  padding:0px 0px 0px 0px;
  margin:-10px 0pt 0pt; 
}

#submenu_div {
	height:31px;	
}

#submenu li,
#submenu li a,
#submenu ul li a:hover,
#submenu li a:hover,
#submenu li:hover,
#submenu li strong{
  background:none;
  border:none;
  display:inline;
  float:left;
  width:auto;
  margin-left:15px;
  font-size:120%;
  color:#002e54;
}

#submenu li a:focus, #submenu li a:active {
  color:#002e54;
  background: none;
}
#submenu li a:hover {
	color: #00B6E6;
}


*html #submenu li{
  width:0px;
}

*+html #submenu li{
  padding-left:0px;
  margin-left:-80px;
}

*+html #submenu li a:hover {  
  margin-left:-71px;
}

*+html #submenu li strong:hover {  
  margin-left:-71px;
}

#submenu li#active {
	font-weight:normal;
}
/**********************************************/
/**************** Maincontent *****************/
/**********************************************/

#main {
  padding:0px 0px 0px;
  position:relative;
  z-index:1;
  background-color:transparent;
}

#content_main{
  background:white url(Jollybooks/css/images/main_content.png) repeat-y scroll 0%;
}

*html #content_main{
  height:500px;
}

#content_main_text{
  background:transparent url(Jollybooks/css/images/main_content.png) repeat-y scroll 0%;
  /*/min-height:500px;/**/
}

*html #content_main_text{
  height:500px;
}

#start_button{
  bottom:35px;
  position:absolute;
  right:120px;
  text-decoration:none;
}
*html #start_button {
  bottom:0px;
}
*+html #start_button{
  bottom:10px;
}

#content_main div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	/*margin:-25px -19px 0pt 0pt;*/
	margin: 0px;
}

/*
*html #content_main div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin: -40px -10px 0px 0px;
}*/

/**********************************************/
/*************** content_bottom ***************/
/**********************************************/

#content_bottom{
  background:white url(Jollybooks/css/images/main_content.png) repeat-y scroll 0%;
  height:150px;
  width:930px;
}


#start_button span{
  height:33px;
  width:190px;
  background-color:green;
}


#col3_scrollbox {
	background:white url(Jollybooks/css/images/scrollbox_leer.png) no-repeat;
	margin: 15px;
	height: 150px;	
	position:absolute;
	overflow:auto;
	width:900px;
}

div.scrollbox_element{
  float: left;
  padding: 0px 10px;
  width: 70px;
}

#col3_scrollbox .csc-textpic-imagecolumn{
	margin:20px 0px 0px 60px;
}

/*****************************************************/
/******************** Subcols ************************/
/*****************************************************/
.floatbox{
  position:relative;
  margin:0px 30px 5px;
  z-index:3;
}

#content_main_text .floatbox{
  margin:0px 50px 5px;
}

.subcr{
	/*padding: 0em 0em 2.5em 1em;	*/
}

/*
#content_main .subc, .subcr  {
	padding-top:135px;	
}*/

.c62r {
  padding-right:17px;
  font-size:100%;
}

.c38l, .c38r {
  width:34%;
 	padding-top:20px;
}

.c62l, .c62r {
  width:64%;
  padding-top:105px;
}

*html .c62r {
  width:60%;
}

.c100{
  padding-top:110px;
  width:100%;
  float:left;
}

.c63r{
  padding-top: 130px;
  width:63%;
  float:right;
}
.c37l{
  padding-top: 20px;
  width:37%;
  float:left;
}

.c60r{
  width:60%;
  float:right;
}
.c40l{
  width:40%;
  float:left;
}

.c33l {
  /*/width:35%;/**/
}

.c33c {
	width:32%;
	margin-left: 2%;
}
* html .c33c {
	width:32%;
	margin-left: 0;
}

.c33r {
	width:32%;
}

/*
.subcr {
  padding:0pt 0pt 0pt 3px;
}

.subcl {
	padding-top:20px;	
}

*html .subcl{
  padding-top:0px;
}

*html .subcr{
  padding-left:0px;
  margin-left:0px;
}

/**********************************************/
/******************** FAQ *********************/
/**********************************************/
.tx-irfaq-answer h4{
	font-size: 18px;	
}

.tx-irfaq-answer P {
	margin-left: 3em;
}

.tx-irfaq-questions-list{
	display:none;
}

.tx-irfaq-pi1 .additional-info {
	border: 1px solid #fff;
}

.tx-irfaq-questions-list a{
	color:#002E54 !important;	
}
/*****************************************************/
/******************* Footer **************************/
/*****************************************************/
#footerbar {
  background-image:url(Jollybooks/css/images/footer_small.png);
  height:100px;
  margin:0px auto;
  padding:0pt;
  width:930px;
  border:none;
}

#footer{
  background:transparent;
  padding:0px;
  border:none;
  padding-top:45px;
}

#footerbg{
  background:#C1E065 url(Jollybooks/css/images/footer_small_bg.png);
  height:100px;
  margin: 0px auto;
  width:100%;
}


/**********************************************/
/************** Kontaktformular ***************/
/**********************************************/

.kontaktl{
  width:32%;
  float:left;
}

.kontaktr{
  width:62%;
  float:right;
}


form#mailform fieldset {
	background:none;
	border:none;
	padding-top:0px;
}

fieldset.csc-mailform .csc-mailform-field label {
	font-size: 85%;
	width: auto;
	color: #002E54;
	background:none;
}
fieldset.csc-mailform .csc-mailform-field label.error {
	color: #c00;
	background: #fdd;
	margin-bottom: 1em;
	border-top: 2px solid red;
}

fieldset.csc-mailform .csc-mailform-field textarea {
	height: 200px;
}

fieldset.csc-mailform .csc-mailform-field input, 
fieldset.csc-mailform .csc-mailform-field select, 
fieldset.csc-mailform .csc-mailform-field textarea {
	width: 100%;
}

/*
input#mailformformtype_mail:hover,
input#mailformformtype_mail {
	width: auto;	
	margin:5px -13px 0px 0px;
	float:right;
}*/

/**********************************************/
/***************** Commerce *******************/
/**********************************************/

.tx-commerce-pi1 {
	margin:0px;		
}

.textarea,
.text {
	margin:0px;	
	width: 97%;
}

#maincontent .checkbox {
	float:left;		
}

.subfirstrow {
	height:55px;	
}

.submitbutton {
	border:none;	
	float:right;
}

.refreshbutton {
	float:right;
	margin-top:4px;
}

.buchvorschau a,
.leseprobebutton {
	border:none;
	background:none;
	text-decoration:none !important;
}


div#adobelink{
	font-size:85%;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	text-align:center;
	margin-bottom: 20px;
}

.buchvorschau {
	text-align:center;
	margin-top:10px;	
}
#button_order {
	text-align: center;
	color: #999;
	margin-bottom: 10px;
}
#button_order INPUT {
	border: none;
}

.formwrap {
	margin-bottom: 1em;
}

/***************** Warenkorb ******************/

#tx_commerce_pi1[alter]{
	float:left;	
}
/****** Checkout ******/

.chkout_address_label{
	margin-bottom: 1em;
	font-size: 11px;
	color: #002E54;
}
.chkout_address_error {
	color: #c00;	
}


.tx-commerce-pi3 input[type=text]{
 	width: 312px;
 	color: #000;
}

/**********************************************/
/**************** Suchseite *******************/
/**********************************************/
.tx-indexedsearch-icon,
.tx-indexedsearch-info {
	display:none;	
}

.tx-indexedsearch-browsebox,
.tx-indexedsearch-res{
  float:left;
  width:545px;
}


.tx-indexedsearch-percent,
.tx-indexedsearch-whatis{
	font-size:20px;	
  float:left;
}

.tx-indexedsearch-whatis,
.tx-indexedsearch-browsebox{
  margin-left: 20px;
}

.tx-indexedsearch-title {
	background: none !important;
	font-size:18px;	
}

.tx-indexedsearch-sw,
.tx-indexedsearch-redMarkup {
	color:#99cc00;
	background:none;	
}

.tx-indexedsearch-searchbox{
	float:left;		
}
  
TABLE {
	width: 100%;
}
TD, TH {
	vertical-align: top;
}
TH {
	background: #cce57f;
}

/**********************************************/
/**************** Highslide *******************/
/**********************************************/
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}

.highslide-html-content-pageflip {
	position: absolute;
    display: none;
}

A.highslide {
	border: none;
	padding: 5px;
	display: block;
}
#col3_scrollbox A.highslide {
	padding: 6px;
}

A.highslide:hover {
	/*/border: 1px solid #aaa;
	padding: 4px;/**/
	cursor: hand;
	cursor: pointer;
}
#col3_scrollbox A.highslide:hover {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	padding: 5px;
	border: 1px solid #999;
}
*+html #col3_scrollbox A.highslide:hover {
	cursor: url('/fileadmin/css/Jollybooks/css/images/lupe.cur'), pointer;
}
* html #col3_scrollbox A.highslide:hover {
	cursor: url('/fileadmin/css/Jollybooks/css/images/lupe.cur'), pointer;
}


a.pageflip_link:hover {
	border:none;
	padding:5px;	
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
	background-image: url(../templates/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

.pageflip_highslide-header {
	position:absolute;
	right:15px;
	top:15px;		
	z-index:1000;
}

.highslide-header {
	font-size: 75%;
	color: #999;
	text-align: right;
	text-transform: uppercase;
}
.highslide-body H3 {
	margin-top: 0px;
}
.highslide-teaser-text {
	margin-left:85px;
}
.highslide-teaser-button {
	float: right;
	margin-left: 7px;
	margin-bottom: 0px;
	overflow:hidden;
}
.highslide-teaser-button SPAN {
	line-height: 38px;
}

.highslide-teaser-button A {
	text-decoration: none;
}

.highslide-teaser-button A:hover {
	background: none;
}
a.highslide-credits {
 display: none;	
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.tx-commerce-pi1 li {
	list-style-type: none;
	float: left;
}

li.highslide-close{
	font-size:80%;	
} 



/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}

.highslide-wrapper .highslide-html-content-pageflip {
    width: 705px;
    padding: 5px;
}

.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
	float: right;
}/*
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}*/
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-dimming {	background: black;	position: absolute;}
}
/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

h1.G{
	height:100px;
}

ul, ol, dl {
	margin: 0pt 0pt 0em 1em;	
}

label.error{
	color:red;
	display:block;
	font-size:85% !important;
}

.haftungl{
  width:49%;
  float:left;
}

.haftungr{
  width:49%;
  float:right;
}

}

div.error1{
	background: url(../img/error1.gif) no-repeat 100% 2px;
}
div.warning1{
	background: url(../img/warning1.gif) no-repeat 100% 2px;
}
div.error2{
	background: url(../img/error2.gif) no-repeat 100% 2px;
}
div.warning2{
	background: url(../img/warning2.gif) no-repeat 100% 2px;
}

.margin_top {
	margin-top:100px;
}

label.warning{
	background:none;
	border:none;
	padding:0;
	color:#FFBE01;
}
label.label {
	display:block;	
	color:#002E54;	
	font-size:85%;
}

div.topformwrap_right {
	height: 45px;	
	color: #e0081d;
	font-size: 0.8em;
}

div.topformwrap_center {
	color: #339900;
	font-size: 0.8em;
}
div.topformwrap_center H3 {
	font-size: 1.5em;
	margin-bottom: 0.3em;
}

.toplabel {
	font-weight:bold;	
}

.search_submit,
.button_blue {
	background: url(Jollybooks/css/images/button_blue.gif);
	height:34px;
	color:white;
	border-right:2px solid #ccc;
	border-left:none;
	border-top:none;
	border-bottom:none;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0 1em;
}

input#mailformformtype_mail,
input#mailformformtype_mail:hover {
	background: url(Jollybooks/css/images/button_nachricht-abschicken.gif) no-repeat top left;
	width: 218px;
	height: 38px;
	float: right;
	margin-top: 0.5em;
	border: none;
	text-indent: -999em;
}
* html input#mailformformtype_mail {
	font-size: 0px;
	padding-top: 36px;
	text-indent: 0px;
	color: #eee;
}


.button_blue_round {
	background: url(Jollybooks/css/images/button_blue_round.gif);
	height:32px;
	width: 194px;
	border:0px;
	color:white;
	font-weight:bold;
}

#content_main_text #maincontent{
	padding-top:80px;
}

label.topdescription_iframe {
	display:none;	
}


} /* End Tag for Media! */