/* ----------------------------------------------------------------
	screen.css Affenkönig Verlag
	erstellt 2010/02/08
-----------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* general - tags */
/* --------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

/* scrollleiste erzwingen, um "hüpfen" der Seite zu verhindern */
html {
    overflow: scroll; 
}

/* 100.1% im body --> 1em entspricht somit 16px */
body {
    font-size: 100.01%;
    font-family: verdana, arial;
    background-color: #fbfbed;
    padding-bottom: 20px;
}

textarea {
    font-family: verdana, arial;
    font-size: 1em;
}

/* Links bearbeiten */
a {
    text-decoration: underline;
    color: #7E3245;
}

/* Rahmen für Formularbereich und Bild nullsetzen */
fieldset, img {
    border: none;
}

/* Listen, Absätze und Zitate neu formatieren */
ul {
    list-style-type: none;
}

p {
    line-height: 18px;
}


/* --------------------------------------------------------------*/
/* general - ids*/
/* --------------------------------------------------------------*/

/* Wenn die Seite mittig ausgerichtet sein soll, */
/* muss im Container-Div "margin: 0 auto;" stehen und im Body-Div "text-align: center;" */

#container {
    margin: 20px 0 0 60px;
}

#container_main {
    width: 895px; 
    background: transparent url(../images/bg_container_main.jpg) top left repeat-y;
    float: left;
}

#container_main_top {
    background: transparent url(../images/bg_container_main_top.jpg) top left no-repeat;
    padding: 83px 60px 10px 40px;
    min-height: 520px;
    position: relative;
}

* html #container_main_top {
    height: 520px;
}

#container_main_slogan {
    background: transparent url(../images/bg_container_main_slogan.jpg) bottom right no-repeat;
    height: 35px;
}

#container_main_bottom {
    background: transparent url(../images/bg_container_main_bottom.jpg) top left no-repeat;
    height: 15px;
}

* html #container_main_bottom {
    font-size: 0px;
}

#container_teaser {
    float: left;
}

/* --------------------------------------------------------------*/
/* general - classes */
/* --------------------------------------------------------------*/

.cleaner {
    clear: both;
    margin: 0;
    padding: 0;
}

* html .cleaner {
    height: 0px;
    font-size: 1px;
}

*:first-child+html .cleaner {
    height: 0px;
}

.right {
    text-align: right;
}


/* --------------------------------------------------------------*/
/* header */
/* --------------------------------------------------------------*/

#header {
    position: absolute;
    left: 108px;
    top: 58px;
    /*background-color: red;*/
}

#header span a {
    display: block;
    outline: none;
    text-indent: -999em;
    width: 145px;
    height: 52px;
}


/* --------------------------------------------------------------*/
/* Suche */
/* --------------------------------------------------------------*/

#searchbox {
    background-color: #fff;
    border: 2px solid #e5e1e1;
    width: 150px;
    height: 22px;
    margin: 0 0 40px 650px;
    
}

#searchbox input {
    border: none;
    background: none;
}

#searchbox input#searchtext {
    width: 125px;
    padding-left: 5px;
}

#searchbox button {
    border: 0;
    color: transparent;
    background: transparent url(../images/searchbutton.jpg) top left no-repeat;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

* html #searchbox input#searchbutton {
    margin-bottom: -4px;
}


/* --------------------------------------------------------------*/
/* navigation_main */
/* --------------------------------------------------------------*/

#nav_hint {
    float: left;
    margin-left: -51px;
    width: 195px; 
}

* html #nav_hint {
    margin-left: -20px;
}

#navigation_main {
    background: transparent url(../images/bg_navigation_main.jpg) top left repeat-y;
}

#navigation_main_top {
    background: transparent url(../images/bg_navigation_main_top.jpg) top left no-repeat;
    padding: 20px;
    min-height: 260px;
}
* html #navigation_main_top {
    height: 300px;
}

#navigation_main_bottom {
    background: transparent url(../images/bg_navigation_main_bottom.jpg) top left no-repeat;
    height: 4px;
}

* html #navigation_main_bottom {
    font-size: 0px;
}

#navigation_main ul li {
    margin-top: 2px;
}

#navigation_main ul li a {
    padding: 0 0 3px 30px;
    font-size: 0.9em;
    text-decoration: none;
    background: transparent url(../images/bg_navigation_main_1.jpg) top left no-repeat;
}

#navigation_main ul li a.active, #navigation_main ul li a:hover {
    background: transparent url(../images/bg_navigation_main_1_active.jpg) top left no-repeat;
}

#navigation_main ul li a.active {
    font-weight: 700;
}

#navigation_main ul ul li {
    margin: 0 0 2px 30px;
}

#navigation_main ul ul li a {
    padding: 0 0 0 15px;
    font-size: 0.75em;
    color: #c6753a;
    background: transparent url(../images/bg_navigation_main_2.gif) center left no-repeat;
}

#navigation_main ul ul li a.active, #navigation_main ul ul li a:hover {
    background: transparent url(../images/bg_navigation_main_2_active.gif) center left no-repeat;
}

#navigation_main ul ul li a.active {
    font-weight: 700;
}


/* --------------------------------------------------------------*/
/* Portohinweis */
/* --------------------------------------------------------------*/

#hint_postage {
    margin: 15px 0 0 50px;
    background: none;
}

#hint_postage p {
    font-size: 0.7em;
}

#hint_postage p span.color {
    color: #c6753a;
}

#hint_postage p span.hint {
    font-size: 0.7em;
}


/* --------------------------------------------------------------*/
/* content */
/* --------------------------------------------------------------*/

#content {
    font-size:0.8em;
    float: left;
    width: 628px;
    padding-left: 20px;
    min-height: 420px;
}

* html #content {
    height: 420px;
}

#content p {
    margin-bottom: 0.8em;
}

#content a:hover {
    text-decoration: none;
}

#content ol {
    margin: 0 2em 1em;
}

#content ul {
    margin: 0 0 10px 0;
    list-style-type:none;
    list-style-position: inside;
    list-style-image: url(../images/bg_content_ul.jpg);
}

#content ul li {
    margin-left: 15px;
}

#content h1 {
    font-size: 1.3em;
}

#content h2 {
    margin: 20px 0 0 0;
    font-size: 1.15em;
}

#content h3, #content h4, #content h5, #content h6 {
    font-size: 1em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin-bottom: 0.6em;
    color: #c6753a;
}

#content .csc-textpic-caption {
    margin: 5px 0 0 0;
    font-size: 0.8em;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 15px !important;
}


/* --------------------------------------------------------------*/
/* teaser */
/* --------------------------------------------------------------*/

.teaser {
    background: transparent url(../images/bg_teaser.jpg) top left repeat-y;
    width: 209px;
    margin: 180px 0 0 20px;
}

.teaser_top {
    background: transparent url(../images/bg_teaser_top.jpg) top left no-repeat;
    padding: 20px 20px 0 25px;
    min-height: 145px;
    font-size: .7em;
}

* html .teaser_top {
    height: 188px;
}

.teaser_top_img {
    padding-left: 5px;
}

.teaser_top ul {
    list-style-image:url(../images/bg_teaser_ul.jpg)
}

.teaser_bottom {
    background: transparent url(../images/bg_teaser_bottom.jpg) top left no-repeat;
    height: 61px;
}

.teaser_bottom p {
    padding: 25px 0 0 21px;
    font-size: 0.6em;
}

.teaser_bottom p a {
    color: #c33;
    font-weight: 700;
}

.teaser-blank {
    margin: 30px 0;
}


/* --------------------------------------------------------------*/
/* browser */
/* --------------------------------------------------------------*/

.browsebox-results, .browsebox-pages {
	margin: 5px 0;
	float: left;
	width: 50%;
}

.browsebox-pages {
	text-align: right;
}

.tx-browser-pi1 ol {
	margin: 0 !important;
	list-style-type: none;
}

.tx-browser-pi1 .single-image {
    float: left;
    margin-right: 15px;
}

.tx-browser-pi1 .summary {
    float: left;
    width: 420px;
}

.tx-browser-pi1 .listview .summary {
    width: 500px;
}

.tx-browser-pi1 dl h3 {
    margin-top: 0.5em;
}


.tx-browser-pi1 .summary input#tx_trbooks_qty {
    width: 30px;
}

.tx-browser-pi1 .summary form {
    padding-top: 10px;
    margin-top: 5px;
    border-top: 1px solid #ccc;;
}

.tx-browser-pi1 .summary th {
    padding: 0 15px 2px 0;
}

.tx-browser-pi1 .text {
    margin-top: 10px;
}

.tx-browser-pi1 div.azSelector {
    height: auto;
    padding: 10px 0;
    display: block;
}

.tx-browser-pi1 div.azSelector ul {
    background-color: #efefef;
    padding: 5px;
    margin: 0 !important;
}

.tx-browser-pi1 div.azSelector li {
    margin: 0 5px !important;
    border-right: none;
}

.tx-browser-pi1 div.browsebox {
    display: block;
}

.tx-browser-pi1 .selectbox {
    margin-bottom: 15px;
}

.tx-browser-pi1 .booklist_item {
    float: left;
	padding: 15px 20px 0 0;
	width: 30%;
	height: 320px;
	overflow: hidden;
}

.auto_height {
    height: auto !important;
}

.tx-browser-pi1 .col2-set .booklist_item {
    margin: 0 !important;
    width: 45%;
    list-style: none;
}

.tx-browser-pi1 .col2-set .single-image {
    float: left;
    margin: 0 0 10px 0;
    width: 40%;
}

.tx-browser-pi1 .col2-set .summary {
    float: left;
    width: 60%;
}

.tx-browser-pi1 .booklist_item h3 {
	margin: 0;
}

.tx-browser-pi1 .booklist_item h3 span.author, .tx-browser-pi1 .booklist_group h3 span.author, .tx-browser-pi1 .booklist_group_nf h3 span.author {
	font-size: .85em !important;
}

.tx-browser-pi1 .booklist_item h3 a, .tx-browser-pi1 .booklist_group h3 a, .tx-browser-pi1 .booklist_group_nf h3 a {
	padding-top: 5px;
    display: block;
    text-decoration: none;
}

.tx-browser-pi1 .booklist_item p.description, .tx-browser-pi1 .booklist_group p.description, .tx-browser-pi1 .booklist_group_nf p.description {
	display: inline;
}

.tx-browser-pi1 .booklist_item p.morelink, .tx-browser-pi1 .booklist_group p.morelink, .tx-browser-pi1 .booklist_group_nf p.morelink {
	display: inline;
	margin: 0 10px 0 0;
	text-align: right;
}

.tx-browser-pi1 .booklist_image {
    float: left;
    width: 100px;
    margin-right: 15px;
}

.tx-browser-pi1 .booklist_content {
    margin-left: 115px;
}

.tx-browser-pi1 .booklist_content h4 {
    margin-bottom: 5px !important;
}

.tx-browser-pi1 .booklist_content .booklist_author {
    margin: 0 !important;
}

.tx-browser-pi1 .booklist_group dt, .tx-browser-pi1 .booklist_group_nf dt {
    clear: left;
    padding: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: 700;
    color: #c6753a;
    background: url(../images/bg_booklist_group.gif) 0 18px no-repeat;
}

.tx-browser-pi1 .booklist_group dd {
    float: left;
	padding: 15px 20px 0 0;
	width: 30%;
	height: 320px;
	overflow: hidden;
}

.tx-browser-pi1 .booklist_group_nf dd {
    padding: 15px 0;
}

.tx-browser-pi1 .listview-author li {
    margin-left: 0 !important;
}

.tx-browser-pi1 .listview-author li a {
    text-decoration: none;
}

.tx-browser-pi1 .listview-author li a:hover {
    text-decoration: underline !important;
}

    
/* --------------------------------------------------------------*/
/* comments */
/* --------------------------------------------------------------*/

.tx-comments-pi1 .tx-comments-comment {
    margin-bottom: 10px;
}

.tx-comments-pi1 .tx-comments-comment-header {
    font-weight: 700;
}

.tx-comments-pi1 .tx-comments-pi1 .tx-comments-comment-content {
    display: inline;
}

/* forms */
#content fieldset {
    margin: 0 0 10px 0;
    background: #fff;
}

#content fieldset.tx-powermail-pi1_fieldset {
    padding: 5px;
    border: 1px solid #843c4e;
}

#content fieldset label, .address_billing th, .address_shipping th, .address_contact_data th {
    float: left;
    width: 100px;
    font-weight: 700;
    color: #939598;
}

#content fieldset input, #content fieldset textarea {
    margin-bottom: 10px;
    padding: 2px 5px;
    font-size: 0.9em;
    color: #843c4e;
    border: 1px solid #939598;
}

#content fieldset input {
    width: 210px;
}

#content fieldset input:hover, #content fieldset textarea:hover {
    border-color: #843c4e;
}

#content fieldset br, #content fieldset .tx_powermail_pi1_fieldwrap_html {
    clear: both;
}

/* special form stuff */
.tx-comments-comment-form h4 {
    margin: 15px 0;
    padding: 0 0 0 25px;
    line-height: 25px;
    background: url(../images/bg_rezension.png) left top no-repeat;
    cursor: pointer;
}

.tx-comments-required-error {
    margin: 0 0 0 100px;
}

.powermail_mandatory_js {
    margin: 0 0 10px 180px;
}

.tx-comments-required-mark, .tx-comments-required-error, .powermail_mandatory_js {
    font-size: .85em;
    color: #939598;
}

.powermail_submit, .tx-powermail-pi1 .powermail_check_inner input, .powermail_radio_inner input {
    width: auto !important;
}

.tx-powermail-pi1 legend {
    padding: 5px 5px 0 5px;
}

.tx-powermail-pi1 legend, .address_billing thead th, .address_shipping thead th, .address_contact_data thead th {
    margin: 0 0 10px 0;
    font-weight: 700;
    color: #843c4e;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_label {
    margin: 0 0 0.6em 0;
}

.tx-powermail-pi1 label {
    width: 180px !important;
}

.tx_powermail_pi1_fieldwrap_html_radio_title {
    font-weight: 700;
}

.powermail_check_inner, .powermail_radio_inner {
    margin: 10px 0;
}

.powermail_check_inner label, .powermail_radio_inner label {
    float: none !important;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check  .powermail_mandatory_js {
    margin-left: 0px !important;
}

.tx_powermail_pi1_formconfirmation_back, .tx_powermail_pi1_formconfirmation_submit {
    float: left;
    margin-top: 10px;
    width: 50%;
}

.address_billing, .address_shipping, .address_contact_data {
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}

.address_billing th, .address_shipping th, .address_contact_data th {
    float: none;
    padding: 2px 0;
}

.address_billing td, .address_shipping td, .address_contact_data td {
    width: 70%;
    text-align: left;
}

/* cart */
.wtcart_cart_empty {
    padding: 0 0 0 31px;
    height: 32px;
    line-height: 32px;
    font-weight: 700;
    background: url(../images/btn_warenkorb_empty.gif) left top no-repeat;
}

.tx-wtcart-pi1 table {
    margin: 0 0 10px 0;
    width: 100%;
    border: 1px solid #843c4e;
}

.tx-wtcart-pi1 th {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #e4e6ed;
    background: #843c4e;
}

.tx-wtcart-pi1 tbody td {
    padding: 5px 10px;
}

.tx-wtcart-pi1 tbody td input {
    width: 20px;
}

.tx-wtcart-pi1 tfoot tr.total {
    font-weight: 700;
}

.tx-wtcart-pi1 tfoot td {
    padding: 3px 10px 2px 10px;
    color: #fff;
    background: #939598;
}

/* tr_event */
#content #ext_tr_event_person_detail img {
    float: left;
    margin: 0 0 10px;
}

#content #ext_tr_event_person_detail .data {
    margin-left: 210px;
}

#content .tx-trevent-pi1 .caption {
    font-weight: 700;
    color: #939598;
}

/* colorbox - core */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; color:#999; font-size:0.8em;}

/* colorbox - user style */
#cboxOverlay{background:#fff;}
#cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:-2px; left:100px; color:#999; font-size:0.8em;}
#cboxSlideshow{position:absolute; bottom:-2px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; background: url(../images/colorbox/controls.png) -5px -31px no-repeat; text-indent:-9999px; width:13px; height:11px;}
#cboxNext{position:absolute; bottom:0px; left:63px; background: url(../images/colorbox/controls.png) -27px -31px no-repeat; text-indent:-9999px; width:13px; height:11px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; font-size:0.8em; background: url(../images/colorbox/controls.png) -54px -29px no-repeat; text-indent:-9999px; width:14px; height:14px;}

#cboxPrevious:hover{background-position:-5px -6px;}
#cboxNext:hover{background-position:-27px -6px;}
#cboxClose:hover{background-position:-54px -4px;}

/* colorbox ie6 fix */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* --------------------------------------------------------------*/
/* accordion */
/* --------------------------------------------------------------*/

#content .rgaccord1-nest .rgaccord1-toggle {
	margin: 5px 0;
	padding: 0 0 1px 30px;
	line-height: 22px;
	font-weight: normal;
   	cursor: pointer;
	background: transparent url(../images/icon_accordion_toggle.png) left top no-repeat;
}

#content .rgaccord1-nest .act {
	font-weight: bold;
	background: transparent url(../images/icon_accordion_act.png) left top no-repeat;
}

#content .rgaccord1-nest .rgaccord1-content {
	padding-left: 30px;
}

/* the content */
#content .rgaccord1-nest .rgaccord1-content {
	margin: 5px 0;
}

/* remove the header inside the CE, twice is not nice */
#content .rgaccord1-content h1,#content .rgaccord1-content h2, #content .rgaccord1-content h3 {
	display: none;
}