/*
CP::Shop Standard-Vorlagenset
© 2002-2011, sandoba.de medien agentur

CP::Shop ist das Shop-System der sandoba.de medien agentur (www.sandoba.de) aus Berlin. Weder ein Teil noch der gesamte Quellcode, Inhalte oder Grafiken sind ohne schriftliche Erlaubnis in anderen Medien (v.a. auf anderen Websites) einzusetzen, sofern nicht anderweitig angegeben.
*/

/* Formatierung für Standard-Tags in alphabetischer Reihenfolge. */

cite {
	font-style: italic;
}

form {
	display: inline;
}

h1, h2, h3, h4, h5 {
	font-weight: bold !important;
	line-height: 1.2em !important;
}

h1, .module_title, .font_title {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	margin-bottom: -6px;
}

h2 {
	font-size: 12px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D9D9D9;
}

h2 a {
	text-decoration: none !important;
}

p { }

table {
	font-size: 12px;
	line-height: 1.4em;
}

ul {
	color: #000000;
	list-style: square;
}

/* Hauptbereiche des Layouts */

body {
	margin: 10px;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	font-style: normal;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
}

body.mceContentBody {
   background: #FFFFFF;
}

#layout_wrapper {
  width: 960px;
  margin: 0 auto;
}

/* Kopfbereich mit Logo, Hauptnavigation und Suche */

#layout_header {
	height: 72px;
	background-image: url('images/header_background.png');
	background-repeat: no-repeat;
}

#layout_header_navigation {
	height: 39px;
	background-image: url('images/header_navigation.png');
	background-repeat: no-repeat;
}

#layout_navigation, #layout_navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 999;
}

#layout_navigation a {
	display: block;
}

#layout_navigation li {
	float: left;
	margin: 0;
}

#layout_navigation li a {
	border-right: 2px solid #ABA7A6;
	display: block;
	font-size: 11px;
	text-align: center;
	padding: 12px;
	padding-bottom: 16px;
}

#layout_navigation li a:hover {
	background-color: #ED7401;
	color: #FFFFFF;
}

#layout_navigation li ul {
	position: absolute;
	background-color: #FFFFFF;
	margin: 0 !important;
	margin-left: -2px !important;
	border: 2px solid #ABA7A6;
	padding: 0;
	width: 144px;
	left: -999em;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}

#layout_navigation li ul a {
	display: block;
	background-image: none;
	border: none;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 5px;
	padding-left: 8px;
	margin-bottom: 0;
	width: 131px;
	height: 15px;
}

#layout_navigation li ul a:hover {
	background-color: #ED7401;
	color: #FFFFFF;
}

#layout_navigation li:hover ul ul, #layout_navigation li.sfhover ul ul {
	left: -999em;
}

#layout_navigation li:hover ul, #layout_navigation li li:hover ul, #layout_navigation li.sfhover ul, #layout_navigation li li.sfhover ul {
	left: auto;
}

#layout_options {
	background-color: #ABA7A6;
	clear: both;
	height: 25px;
	padding: 5px;
	text-align: left;
}

#layout_options * {
	vertical-align: middle;
}

#layout_options_input {
	border: 1px solid #E9E7E3;
	font-size: 11px;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
	height: 16px;
	margin-top: 1px;
  width: 143px;
}

#layout_options_submit {
	background-color: #FBFBFB;
	border: 1px solid #E9E7E3;
	font-size: 11px;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
	height: 20px;
	margin-top: 1px;
	text-align: center;
	text-decoration: none;
	width: 20px;
}

/* Dreispaltiger Inhaltsbereich */

#layout_main {
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-top: 8px;
}

#layout_main_left {
	width: 180px;
	vertical-align: top;
	float: left;
	margin-right: 5px;
}

#layout_main_content {
	float: left;
	width: 574px !important;
	padding-bottom: 5px;
}

#layout_main_right {
	width: 180px;
	vertical-align: top;
  float: right;
	margin-left: 5px;
}

#layout_footer {
	background-color: #ABA7A6;
	color: #FFFFFF;
	height: 13px;
	margin-top: 15px;
	padding: 5px;
	width: 960px;
}

#layout_footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Breadcrumb-Navigation */

#layout_breadcrumb_navigation {
	color: #FFFFFF;
	margin-bottom: -15px;
	padding: 0;
	position: relative;
	top: -32px;
	width: 770px;
}

#layout_breadcrumb_navigation a {
	color: #FFFFFF !important;
}

#layout_breadcrumb_navigation u {
	text-decoration: none !important;
}

/* Infobox mit Überschrift */

.layout_box_title {
	background-color: #ED7401;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	margin: 0;
	padding: 4px;
	padding-left: 8px;
}

.layout_box_content {
	color: #000000;
	margin-bottom: 10px;
}

.layout_box_title_dark {
	background-color: #ED7401;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	margin: 0;
	padding: 4px;
	padding-left: 8px;
}

.layout_box_title_dark a:link, .layout_box_title_dark a:hover, .layout_box_title_dark a:visited, .layout_box_title_dark a:active {
	color: #FFFFFF;
}

.layout_box_content_dark {
	color: #000000;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
}

.layout_box_content_dark a {
	text-decoration: underline !important;
}

.layout_box_content label, .layout_box_content_dark label {
	float: left;
	padding-top: 3px;
	width: 60px;
}

.layout_box_content ul {
	border: 1px solid #D9D9D9;
	border-bottom: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.layout_box_content_dark ul {
	margin-left: 20px;
}

.layout_box_content li {
	border-bottom: 1px solid #D9D9D9;
	line-height: 14px;
	margin-bottom: 2px;
}

.layout_box_content li a {
	display: block;
	padding: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-bottom: 2px;
}

.layout_box_content li a:hover {
	text-decoration: underline;
}

#layout_box_address {
	border: 1px solid #D9D9D9;
	margin-top: 50px;
	padding: 5px;
}

/* Häufige Suchbegriffe / Tagcloud */

.style_tagcloud {
	line-height: 19px;
	width: 550px;
}

.style_tagcloud a {
	text-decoration: underline !important;
}

.style_tagcloud_max {
	font-size: 17px;
	font-weight: bold;
}

.style_tagcloud_large {
	font-size: 15px;
	font-weight: bold;
}

.style_tagcloud_medium {
	font-size: 13px;
}

.style_tagcloud_small {
	font-size: 12px;
}

.style_tagcloud_min {
	font-size: 10px;
}

/* Warnhinweise in den Formularen */

.layout_form_error {
	font-size: 12px;
	font-weight: bold;
	color: #AD191D;
	display: none;
}

.layout_form_warning {
	font-size: 12px;
	font-weight: bold;
	color: #AD191D !important;
}

.layout_form_ok {
	font-size: 12px;
	font-weight: bold;
	color: #44AF2F;
}

/* Auflistung der Attribute einer Artikelklasse */

.shop_attribute {
	white-space: nowrap;
	border: 1px solid #DADADA;
}

.shop_attribute div {
	padding: 5px !important;
}

.shop_attribute_title {
	font-weight: bold;
	background-color: #F2F4F7;
	width: 150px;
	float: left;
	padding-left: 10px;
	margin-right: 10px;
}

.shop_attribute_value {
	font-weight: normal;
	background-color: #FFFFFF;
}

/* Gestaltung der Sitemap */

.layout_sitemap_main, .layout_sitemap_sub, .layout_sitemap_sub_2 {
	color: #000000;
	vertical-align: middle;
	padding-left: 9px;
	padding-right: 5px;
	margin-bottom: 1px;
}

.layout_sitemap_main {
	background-color: #D9D9D9;
	width: 560px;
	border-top: 4px solid #D9D9D9;
	border-bottom: 4px solid #D9D9D9;
}

.layout_sitemap_sub {
	background-color: #E9E7E3;
	width: 550px;
	border-top: 4px solid #E9E7E3;
	border-bottom: 4px solid #E9E7E3;
	margin-left: 10px;
	padding-left: 8px;
}

.layout_sitemap_sub_2 {
	background-color: #FFFFFF;
	width: 543px;
	border-top: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	margin-left: 10px;
	padding-left: 15px;
}

/* Gestaltung des Warenkorbs in der rechten Spalte */

.style_cart_item {
	color: #000000;
	font-size: 10px;
	height: 22px;
	padding: 5px;
	width: 166px !important;
}

.style_cart_image {
  float: left;
	width: 55px;
	padding: 4px;
	text-align: center;
	background-color: #FFFFFF;
	margin-bottom: 4px;
	border: 1px solid #E9E7E3;
}

.layout_cart_options {
	color: #000000;
	width: 166px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

/* Obere Navigation (Boxen) im Warenkorb */

.layout_cart_boxes {
	background-color: #D9D9D9;
	width: 100%;
	height: 30px;
}

.layout_cart_boxes_active {
	text-align: center;
	background-color: #D9D9D9;
}

.layout_cart_boxes_inactive {
	background-color: #FFFFFF;
	text-align: center;
}

.layout_cart_boxes_inactive a:link, .layout_cart_boxes_inactive a:active, .layout_cart_boxes_inactive a:hover, .layout_cart_boxes_inactive a:visited {
	text-decoration: underline;
}

/* Allgemeine Tabellengestaltung */

.layout_table, .layout_table_inside {
	font-size: 12px !important;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	line-height: 18px;
}

.layout_table a, .layout_table_inside a, .layout_table_gallery a {
	text-decoration: underline !important;
}

.layout_table_inside {
	padding: 8px;
}

.layout_table_gallery {
	font-size: 12px !important;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	line-height: 18px;
	padding: 8px;
	width: 168px;
	float: left;
	text-align: center;
	height: 200px;
	margin-right: 7px;
	margin-bottom: 7px;
}

.layout_table_1, .layout_table_2 {
	padding: 4px;
	padding-left: 6px;
  clear: left;
}

.layout_table_1 {
	background-color: #FFFFFF;
}

.layout_table_2 {
	background-color: #EBEBEB;
}

.layout_table_1 label, .layout_table_2 label {
	float: left;
	font-weight: bold;
	width: 118px;
}

.layout_table_3 {
	background-color: #D5D5D5;
}

.layout_table_4 {
	background-color: #D1D1D1;
}

.layout_table_title {
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 5px;
}

.layout_table_special {
	background-color: #E9E7E3;
	border: 1px solid #DADADA;
	padding: 10px;
	min-height: 130px;
}

/* Gestaltung der Preisangaben */

.layout_price {
	color: #000000;
	font-weight: bold;
	display: inline;
}

.layout_price_related {
	color: #ED7401;
	font-weight: bold;
	font-size: 13px;
	display: inline;
}

.layout_price_old {
	color: #B92121;
	font-weight: bE9E7E3text-decoration: line-through;
	display: inline;
}

/* Gestaltung der Detailansicht eines Artikels */

#layout_details_frame {
	background-color: #FFFFFF;
	border: 1px solid #DADADA;
	margin-bottom: 10px;
	padding: 0px;
}

#layout_details_image {
	text-align: center;
	vertical-align: top;
	width: 170px;
}

#layout_details_infos {
	vertical-align: top;
	padding: 15px;
}

.layout_details_oldprice {
	font-size: 15px;
	font-weight: bold;
	color: #929498;
	display: inline;
	text-decoration: line-through;
}

.layout_details_price {
	font-size: 17px;
	font-weight: bold;
	color: #ED7401;
	display: inline;
}

#layout_details_tabs {
	background-color: #ED7401;
	background-image: url('images/headline.gif');
	background-position: right;
	background-repeat: repeat-x;
	color: #FFFFFF !important;
	width: 100%;
	height: 24px;
}

#layout_details_tabs li {
	color: #FFFFFF;
}

#layout_details_tabs a {
	color: #FFFFFF;
}

#layout_details_tabs ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#layout_details_tabs li {
	float: left;
	margin: 0;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #DADADA;
	font-size: 11px;
}

#layout_details_tabs li a {
	text-decoration: underline;
}

.layout_details_tabs_selected {
	color: #000000 !important;
	font-weight: bold;
	background-image: url('images/headline_light.gif');
	background-repeat: repeat-x;
	border-bottom: 1px solid #F9F9F9 !important;
}

.layout_details_tabs_selected a {
	color: #000000 !important;
	text-decoration: none !important;
}

#layout_details_tabs_general, #layout_details_tabs_reviews, #layout_details_tabs_items, #layout_details_tabs_downloads, #layout_details_tabs_recommend {
	padding: 15px;
	background-color: #F9F9F9;
	border: 1px solid #DADADA;
	border-top: 0;
	clear: left;
}

#layout_details_tabs_reviews li {
	padding-bottom: 10px;
}

/* Gestaltung der Menubar (auf den Detailseiten usw.) */

.layout_menubar {
	background-color: #DCDCDC;
	height: 26px;
}

.layout_menubar_bright {
	background-color: #F2F2F2;
	text-align: center;
}

.layout_menubar_dark {
	background-color: #ED7401;
	text-align: center;
	width: 110px;
}

.layout_menubar_dark a {
	color: #FFFFFF !important;
}

.layout_menubar_line {
	border-top: 1px solid #DCDCDC;
	margin-bottom: 6px;
}

/* Sonstige CSS-Befehle */

.layout_discount {
  position: relative;
	top: -20px;
	left: 60px;
	margin-bottom: -20px;
}

.layout_special {
  position: relative;
	top: -20px;
	left: 60px;
	margin-bottom: -20px;
}

.layout_image_frame {
	border: 1px solid #E9E7E3;
}

#layout_deliverybox span {
  vertical-align: middle;
	padding-left: 5px;
	line-height: 18px;
}

.layout_linkbox, .layout_linkbox_hover {
	padding: 5px;
	padding-top: 2px;
	font-weight: bold;
	color: #FFFFFF !important;
	text-decoration: underline;
	background-color: #ED7401;
	border: 0;
	font-size: 11px;
	height: 20px;
	cursor: pointer;
}

.layout_linkbox a, .layout_linkbox_hover {
	color: #FFFFFF !important;
	text-decoration: underline !important;
}

.layout_linkbox_hover {
	background-color: #ABA7A6;
}

.layout_linkbox_hover:hover {
	background-color: #ED7401;
}

.layout_optionbox {
	margin: 0;
	margin-bottom: 5px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 2px;
	font-size: 12px;
	border: 1px solid #DADADA;
	height: 20px;
}

.layout_optionbox span {
	vertical-align: middle;
	margin-right: 5px;
}

.layout_text_title {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
	margin-bottom: -16px;
	color: #000000;
	border-bottom: 1px dotted #000000;
}

.layout_text_small {
	font-size: 11px;
	padding-top: 4px;
}

.style_text_nav_inactive {
	display: inline;
	color: #000000 !important;
	text-decoration: underline !important;
}

.layout_text_images span {
	vertical-align: middle;
	margin-right: 5px;
}

.layout_text_images a {
	text-decoration: underline !important;
}

/* Gestaltung des Kalenders für die Veranstaltungen / Seminare */

#layout_calendar_search {
	border: 1px solid #D9D9D9;
	margin-bottom: 15px;
	padding: 4px;
	width: 950px;
}

#layout_calendar_search * {
	vertical-align: middle;
}

#layout_calendar_months * {
	vertical-align: middle;
}

#layout_calendar_months a {
	background-color: #D9D9D9;
	display: block;
	margin-right: 2px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

#layout_calendar_months_active {
	background-color: #ED7401 !important;
	color: #FFFFFF !important;
}

#layout_calendar_title {
	background-color: #ED7401 !important;
	color: #FFFFFF !important;
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
}

#layout_calendar_title * {
	vertical-align: middle;
}

#layout_calendar_title a {
	color: #FFFFFF !important;
}

#layout_calendar_content {
	border: 1px solid #D9D9D9;
	padding: 4px;
	width: 950px;
}

#layout_calendar_header {
	background-color: #D9D9D9;
	font-weight: bold;
}

.layout_calendar_body {
	background-color: #EBEBEB;
}

.layout_calendar_body_active {
  background-color: #FFB66F;
}

.layout_calendar_body_active:hover {
  background-color: #ED7401;
}

.layout_calendar_body_active a {
  display: block;
  text-decoration: none;
}

.layout_calendar_body_active a:hover {
  text-decoration: none;
}

#layout_calendar_empty {
	border: 1px solid #D9D9D9;
	height: 26px;
	text-align: center;
}

#layout_calendar_legend {
	border: 1px solid #D9D9D9;
	padding: 4px;
	width: 950px;
}

#layout_calendar_legend * {
  vertical-align: middle;
}

.layout_calendar_link {
	background-color: #ED7401;
	color: #FFFFFF !important;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	text-decoration: underline !important;
	width: 100px;
}

/* Lightbox für die Screenshots */

#jquery-overlay {
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 90;
}

#jquery-lightbox {
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}

#jquery-lightbox a img {
	border: none;
}

#lightbox-container-image-box {
	background-color: #FFFFFF;
	height: 250px;
	margin: 0 auto;
	position: relative;
	width: 250px;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	height: 25%;
	left: 0%;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

#lightbox-nav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block;
	height: 100%;
	width: 49%;
	zoom: 1;
}

#lightbox-nav-btnPrev {
	float: left;
	left: 0;
}

#lightbox-nav-btnNext {
	float: right;
	right: 0;
}

#lightbox-container-image-data-box {
	background-color: #FFFFFF;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	overflow: auto;
	padding: 0 10px 0;
	width: 100%;
}

#lightbox-container-image-data {
	color: #666666;
	padding: 0 10px;
}

#lightbox-container-image-data #lightbox-image-details {
	float: left;
	text-align: left;
	width: 70%;
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	clear: left;
	display: block;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	float: right;
	padding-bottom: 0.7em;
	width: 66px;
}

/* Live-Suche / Autovervollständigung in der oberen Leiste */

.live_search_loading {
	background: Window url('./indicator.gif') right center no-repeat;
}

.live_search_over {
	background-color: #F2F4F7;
	color: #000000;
}

.live_search_results {
	background-color: #FFFFFF;
	border: 1px solid #BBC2D1;
	overflow: hidden;
	padding: 0px;
}

.live_search_results ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	width: 100%;
}

.live_search_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	filter: mask();
	height: 3000px;
	left: 0;
	position:absolute;
	top: 0;
	width: 3000px;
	z-index: -1;
}

.live_search_results li {
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	margin: 0px;
	overflow: hidden;
	padding: 2px 5px;
	width: 100%;
}

/* Positionierung des Frontend-Editing-Fensters */

#frontend_editing_opener, #frontend_editing_content {
 top: 15px !important;
 left: 10px !important;
}

#frontend_editing_extended {
	background-color: #E1E2EC;
	background-image: url('images/frontend_background.gif');
	background-repeat: repeat-x;
	border: 1px solid #7C7C94;
	left: 10px !important;
	padding: 3px;
	padding-bottom: 0;
	position: fixed !important;
	top: 50px !important;
	z-index: 1001;
}

/* Formular-Elemente */

.inputfull, .inputbig, .inputnormal, .inputsubnormal, .inputsmall, .inputsubsmall, .inputmini2, .inputmini, .inputsub, .inputsub2, .inputsub3 {
	font-size: 12px;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
	border: 1px solid #E9E7E3;
}

.inputfull { width: 380px; }
.inputbig { width: 280px; }
.inputnormal { width: 280px; }
.inputsubnormal { width: 240px; }
.inputsmall { width: 184px; }
.inputsubsmall { width: 150px; }
.inputmini2 { width: 100px; }
.inputmini { width: 80px; }
.inputsub3 { width: 60px; }
.inputsub2 { width: 40px; }
.inputsub { width: 25px; }

.inputsubmit, .inputsubmit2 {
	background-color: #ABA7A6;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	height: 24px;
	text-decoration: underline;
}

.inputsubmit:hover, .inputsubmit2:hover {
	background-color: #ED7401;
}

.inputerror {
	border: 1px solid #AD191D;
}

/* Gestaltung der Links */

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}