@charset "UTF-8";
/**
 * mamivac - CSS: Layout
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2009-10
 *
 * hacer con amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(fancybox.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg.png) center 0 repeat-y #f6f6f5; }
#margins { background: #fff; margin: 0 auto; padding: 0 10px; width: 976px; }



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/bg_header.png) 0 bottom no-repeat #fff0c1; height: 106px; position: relative; }
#header h1 { padding: 15px 0 0 22px; }
#header #kaweco-logo { position: absolute; top: 25px; right: 12px; }
/* */
.printlink { float: left; padding-right: .5em; }
.printlink img { vertical-align: baseline; }
/* */
#search { position: absolute; top: 37px; left: 280px; }
#search input { vertical-align: middle; }
#search input#f_suche { background: #fff; border: 1px #cfcfcf solid; border-top-color: #aeaeae; border-bottom-color: #fff; margin: 0 3px 0 0; padding: 3px 5px; width: 240px; }
/* */
#login-box { background: url(../images/bg_header_login.png) no-repeat; height: 73px; position: absolute; top: 0; right: 0; width: 199px; }
#login-box ul { line-height: 1em; margin: 0; padding: 42px 0 0 10px; text-transform: uppercase; }
#login-box li { display: block; float: left; list-style: none; margin: 0; padding: 0; }
#login-box li a, #login-box li strong { float: left; font-size: .9em; font-weight: normal; height: 22px; position: relative; overflow: hidden; width: 56px; }
#login-box li.first a, #login-box li.first strong { margin: 0 5px 0 0; width: 120px; }
#login-box li a img, #login-box li strong img { position: absolute; }
#login-box li strong img, #login-box li a:hover img, #login-box li a:active img, #login-box li a:focus img { top: -22px; }
/* */
#login-status { color: #666; position: absolute; right: 10px; bottom: 0; }


/* ------------------------------------------ */
/* Main */
#main { background: url(../images/bg_main.png) 0 bottom no-repeat; margin: 0 0 3px 0; padding: 0 0 19px 0; }
#cols { background: url(../images/bg_cols.png) repeat-y; padding: 0 0 2em 0; }
#cols-left { float: left; width: 714px; }
#cols-left .cols-headline { background: #fff; padding: 0 0 3px 0; }
#cols-left h1 {
  background: url(../images/bg_headlines-gray.png) repeat-x #d5d5d5;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #666;
  font-size: 150%;
  margin: 0;
  padding: 18px 15px;
  text-transform: uppercase;
}
body.c01 #cols-left h1 { background: #bb001d; color: #fff; }
body.c02 #cols-left h1 { background: #e53134; color: #fff; }
body.c03 #cols-left h1 { background: #e56a11; color: #fff; }
body.c04 #cols-left h1 { background: #fabd50; color: #fff; }
#col1 { background: #fff; float: left; margin: 0 3px 0 0; width: 200px; }
#col1_content { padding: 15px; }
#col2 { float: right; width: 510px; }
#col2_content { border-top: 1px #e4e4e4 solid; padding: 5px 15px 5px 15px; }
#col3 { background: #fff; float: right; width: 259px; }
.hidecol1 #cols { background: none; padding: 0; }



/* ------------------------------------------ */
/* Footer */
#footer { background: url(../images/bg_footer.png) 0 0 no-repeat; height: 200px; padding: 15px 1em 0 1em; position: relative; }
#footer p.top { position: absolute; top: 15px; right: 1em; }
#footer p { color: #888; margin: 0 0 5px 0; text-align: right; }
#footer p a { color: #888; text-decoration: none; }
#footer p a:hover, #footer p a:active, #footer p a:focus { text-decoration: underline; }



/* ------------------------------------------ */
/* Content */
.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.xxl { font-size: 1.4em; }
.c { text-align: center; }
.r { text-align: right; }
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }

div.hr { border-top: 1px #e4e4e4 solid; height: 1px; margin: 1.2em -15px; overflow: hidden; }
div.hr hr { visibility: hidden; }
#col3 div.hr { margin: 1.2em 0; }

/**/
body.c01 h3 { color: #bb001d; }
body.c02 h3 { color: #e53134; }
body.c03 h3 { color: #e56a11; }
body.c04 h3 { color: #fabd50; }

/* Subcols */
.c25l { float: left; margin: 0 4px 0 0; width: 241px; }
.c25r { float: right; width: 241px; }
#cols-left .c25l { width: 355px; }
#cols-left .c25r { width: 355px; }
#cols-left .subcols .c25l { width: 125px; }
#cols-left .subcols .c25r { width: 125px; }
#cols-left .subcols .c75l { float: left; width: 350px; }
#cols-left .subcols .c75r { float: right; width: 350px; }

/* Listen */
#main ul { list-style-image: url(../images/ico_ul.png); }
#main ul.plist { list-style-image: url(../images/ico_plus.png); }

/* Startseite */
#teaser { margin: 0 0 3px 0; position: relative; }
#teaser #teaser-circle {
  background: url(../images/bg_teaser-circle.png) no-repeat;
  height: 170px;
  padding: 39px;
  position: absolute; bottom: 30px; right: 30px;
  width: 170px;
}
#teaser #teaser-circle h3 { color: #bb001d; font-size: 1em; font-weight: bold; margin: .2em 0; padding: 0; }
#teaser #teaser-circle p { margin: .2em 0; }

/* Box-Styles */
.box01 h3, .box02 h3, .box03 h3, .box04 h3, .box05 h3 {
  background: url(../images/bg_headlines-gray.png) repeat-x #d5d5d5;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  color: #fff !important;
  font-size: 110%;
  margin: 0;
  padding: 20px 12px;
}
.box01 h3 { background: #bb001d; }
.box02 h3 { background: #e53134; }
.box03 h3 { background: #e56a11; }
.box04 h3 { background: #fabd50; }
.box05 h3 { color: #666 !important; }
.box01 h4, .box02 h4, .box03 h4, .box04 h4, .box04 h5 { font-size: 1em; font-weight: bold; margin-bottom: .2em; }
.box01 h4, p.c01 { color: #bb001d; }
.box02 h4, p.c02 { color: #e53134; }
.box03 h4, p.c03 { color: #e56a11; }
.box04 h4, p.c04 { color: #fabd50; }
.box04 h4, p.c05 { color: #666; }
.box01 .box-foto, .box02 .box-foto, .box03 .box-foto, .box04 .box-foto, .box05 .box-foto { border-right: 1px #e4e4e4 solid; border-left: 1px #e4e4e4 solid; }
.box01 .box-content, .box02 .box-content, .box03 .box-content, .box04 .box-content, .box05 .box-content {
  border: 1px #e4e4e4 solid;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  margin: 0 0 3px 0;
  padding: 5px 12px;
}
.box01 .box-foto, .box01 .box-content { border-color: #bb001d; }
.box02 .box-foto, .box02 .box-content { border-color: #e53134; }
.box03 .box-foto, .box03 .box-content { border-color: #e56a11; }
.box04 .box-foto, .box04 .box-content { border-color: #fabd50; }

/* JS-Box */
.jsbox { background: url(../images/ico_jsbox.png) right 0 no-repeat; }
.jsbox h4 { color: #666; cursor: pointer; font-size: 1em; padding-left: .3em; }
.jsbox h4:hover, .jsbox h4:active, .jsbox h4:focus { color: #ffcc66; }
.jsbox h4 img { margin-right: .2em; }

/* Slideshow */
.jsgalerie { border-top: 1px #e4e4e4 solid; margin: 0 -15px .5em -15px; padding: 0; }
.jsgalerie ul { list-style: none; margin: 0; padding: 0; }
.jsgalerie ul li { list-style: none; margin: 0; padding: 0; }
.jsgalerie ul li img { vertical-align: bottom; }
.jsgalerie-nav { border-top: 1px #e4e4e4 solid; border-bottom: 1px #e4e4e4 solid; padding: 0 15px; }
.jsgalerie-nav a { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #666; display: block; float: left; margin: 0 1px 0 0; padding: .3em .8em; text-decoration: none; }
.jsgalerie-nav a:hover, .jsgalerie-nav a:active, .jsgalerie-nav a:focus,
.jsgalerie-nav a.activeSlide { background: #fff0c1; font-weight: bold; }
.jsgalerie-nav a:visited { font-style: normal !important; }

/* Formulare */
form.yform { margin: 0 0 1em 0; padding: 0; overflow: hidden; }
form.yform fieldset { background: #f8f8f8; border: 0; margin: 0 0 1.5em 0; padding: .5em 1em; overflow: hidden; }
form.yform legend { background: #f8f8f8; border: 0; color: #717171; font-weight: bold; padding: .4em 1em; }
form.yform div.type-text, form.yform div.type-select, form.yform div.type-check, form.yform div.type-button { margin: 0.5em 0; position: relative; overflow: hidden; }
form.yform label { color: #717171; cursor: pointer; display: block; }
form.yform .type-text input, form.yform .type-text textarea { display: block; padding: 0.2em 0.3em; position: relative; width: 58.5%; }
form.yform .type-select select { cursor: pointer; display: block; padding: 0.2em 2px 0.2em 1px; position: relative; width: 60%; }
form.yform .type-select select optgroup { font-style: normal; font-weight: bold; }
form.yform .type-check input { cursor: pointer; }
form.yform .type-check label { display: inline; }
form.yform .type-text input, form.yform .type-text textarea, form.yform .type-select select { background: #fff; border: 1px solid #e8e8e8; color: #717171; }
form.yform div input:focus, form.yform div select:focus, form.yform div textarea:focus,
form.yform div input:hover, form.yform div select:hover, form.yform div textarea:hover,
form.yform div input:active, form.yform div select:active, form.yform div textarea:active { background: #fff; }
form.yform .type-button input, #shoplist form .button {
  background: url(../images/bg_nav-main.png) 0 bottom repeat-x #ebebeb;
  border: 1px #ebebeb solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #666;
  cursor: pointer;
  padding: .2em 1em;
  width: auto;
}
form.yform div.type-button input:focus, form.yform div.type-button input:hover, form.yform div.type-button input:active,
#shoplist form .button:hover, #shoplist form .button:active, #shoplist form .button:focus { background: #fff0c1; border: 1px #fff0c1 solid; }
form.yform .message { display: block; margin-bottom: 0.5em; }
form.yform input[type=hidden] { display: none !important; }
form.yform sup { color: #e4302b; font-weight: bold; }
form.yform div.error { background: #ffefef; border: 1px #e4302b solid; padding: 0.5em; }
form.yform div.error label { color: #d00000; font-weight: bold; }
form.yform div.error input { background: #fff; }
form.yform div.error .message { color: #e4302b; }
/* Darstellung als Spalten */
.columnar .type-text label, .columnar .type-select label { float: left; width: 30%; }
.columnar div.type-check, .columnar div.type-button { padding-left: 30%; }
.columnar div.error .message { margin-left: 30%; }
.columnar div.type-text input, .columnar div.type-text textarea { width: 64%; }
.columnar div.type-select select { width: 69.4%; }
.columnar div.info { color: #717171; font-size: .9em; margin: 0 0 0 30%; padding: .6em 0; }
.columnar div.info a { color: #717171; }
.columnar div.info a:hover, .columnar div.info a:active, .columnar div.info a:focus { color: #ffcc66; }
/* Formular in Col3 und Login */
#col3 form.yform fieldset, form.login fieldset { background: none; margin-bottom: .5em; padding: 0; }

/* Suche */
.search-result-item { margin: 0 0 2em 0; }
.search-result-item h4 { border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; margin-bottom: .4em; padding: 1em 0 .5em 0; position: relative; }
.search-result-item h4 a { color: #fbbf50; }
.search-result-item h4 a:hover, .search-result-item h4 a:active, .search-result-item h4 a:focus { color: #666;  }
.search-result-item h4 .rating { position: absolute; right: 0; }
.search-result-item p { margin-bottom: .4em; }
.search-result-item .tx-indexedsearch-redMarkup { color: #e2001a; font-weight: normal; }
.search-result-item .meta { margin: 0; padding: 0; }
.search-result-item .meta dt, .search-result-item .meta dd { color: #888; display: inline; font-weight: normal; margin: 0; padding: 0; }
.search-result-item .meta dd { padding: 0 1em 0 0; }
.search-result-item .meta a { color: #888; }

/* Paging */
.paging { margin: 2em 0; }
.paging ul { list-style: none; margin: 0; padding: 0; }
.paging li { display: inline; }
.paging a, .paging strong { background: #e4e5e7; color: #666; display: block; float: left; margin: 0 .5em 0 0; padding: .1em .8em; text-decoration: none; }
.paging a:hover, .paging a:active, .paging a:focus, .paging strong { background: #fabd50; color: #fff; }

/* Shoplist */
#shoplist { }
#shoplist table thead th { background: url(../images/bg_shoplist_th.gif) 0 bottom repeat-x; border: 0; color: #666; padding: .2em .4em; }
#shoplist table tbody th {  }
#shoplist table tbody td { background: #f6f6f5; border-bottom: 3px #fff solid; color: #666; margin: 2px 0; padding: .4em; }
#shoplist table tbody td.td-white { background: #fff; padding: 0 .4em 0 0; }
#shoplist table tbody td.td-grey-first {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  text-align: center;
}
#shoplist table tbody td.td-grey-last {
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  text-align: center;
}
#shoplist table tfoot td { padding: .5em 0; text-align: right; }
#shoplist table strong { color: #f7bb4f; }
#shoplist table strong.title { text-transform: uppercase; }
#shoplist input.input-count { background: #fff; border: 1px solid #e8e8e8; color: #717171; padding: 1px 3px; width: 24px; }
#shoplist .userinfo { background: #f6f6f5; -moz-border-radius: 8px; padding: 10px 1em; }
#shoplist .userinfo h4 { margin: .2em 0 1em 0; }

/* Sidebar ShoppingCart */
#shoppingcart { margin: 0 0 3px 0; }
#shoppingcart .sc-top {
  border: 1px #fabd50 solid;
  border-bottom-color: #e4e4e4;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  padding: 6px 12px;
}
#shoppingcart .sc-bottom {
  background: #fff0c1;
  border: 1px #fabd50 solid;
  border-top: 0;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  padding: 10px;
}
#shoppingcart .sc-bottom table { margin: 0; }
#shoppingcart .sc-bottom table td { text-align: right; white-space: nowrap; }

/* Adminpanel */
table.typo3-editPanel { background-color: #fff; border: none; margin: 1em 0; width: auto;}
table.typo3-editPanel td { background: #eee; border: 1px #b6bec8 solid; margin: 1px; padding: 5px; }
table.typo3-editPanel td a img { margin: 0 3px; vertical-align: middle; }
img.frontEndEditIcons { margin: 0 0 0 .4em; }