@charset "utf-8";

/* 
==========================================
==========================================
==========================================
		DEFAULT DEFINITION 
==========================================
==========================================
==========================================
 */
 
/* main body tag styles */
body {font-family: Trebuchet MS, Helvetica, sans-serif; font-size:12px; margin:0; text-align:center; background-color: #ebe9e8}

/* clear style */
.clear {clear:both}

#standard-page .clear {	margin-bottom:9px; } 

img{border:0}

a {text-decoration:none}
a:hover {text-decoration:underline}

.dotten-spacer {background: url(../img/page-construct/spacer-dotten.png) repeat-x; height:1px; margin-left: -7px}

.content-header-spacer {height:9px; display:block}

/* header spacer for preview pages */
.preview-header-spacer{height:15px; display:block}

b, strong {font-weight:700}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM elements */

form, /* forcing parent */
	input, textarea, select, button {font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif,Arial}

form {padding:0; margin:0}
input[type="button"], input[type="submit"],
	input[type="image"],
	input[type="checkbox"],
	label {cursor:pointer}

/* definition of all buttons used on page */
input[type="button"], input[type="submit"] {font-size:11px; color:#007647; width:auto; height:19px; padding-left:12px; padding-bottom:2px; line-height:19px; background: #b4d670 url(../img/page-construct/btn-background.png) no-repeat 0 0; border:1px solid #007647}

select {line-height:normal; border:1px solid #369551; cursor:pointer}

input[type="checkbox"] {vertical-align:top}

/* FORM elements */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ERROR styles */

/* can use global error? dunno! */
.shopping-cart .error {clear:both; color:red}

/* error message styles */
.error input {border:1px red solid !important}
.error-messages-address1, .error-messages-address2, .error label {color:red !important}

.csc-mailform .error {border:1px solid red}
.csc-mailform .lbl_error {color:red}

/* ERROR styles */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MISC styles */

/* hover effect */
div.hover:hover, td.hover:hover, tr.hover:hover, table.hover:hover {background-color:#fffcea}

/* MISC styles */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 
==========================================
==========================================
==========================================
		MAIN CONSTRUCT DEFINITION 
==========================================
==========================================
==========================================
 */

/* main construct container */  
#main-con {width:984px; margin-left: auto; margin-right: auto; text-align:left}

/* 
=================================================
		PAGE HEADER CONSTRUCT DEFNITION 
=================================================
 */
#page-header {background: url(../img/page-construct/bg-page-header.png) no-repeat; height:117px; color:#007647;display:none}
#page-header a {color:#007647}

/* container for logo  */
#header-left {float:left; padding:9px 0 0 13px}

/* container for top search, language switcher and header menu */
#header-right {float:right; padding: 11px 17px 0 0}

/* container for top search and top menu */
#top-search  {height:78px}
#top-search .left, #top-search .right {float:right}
#top-search .left {padding-right:15px; padding-top:2px}
#top-search .shoppingcart {float:right; margin-right:4px}
#top-search .right {border: 1px solid #369551}
#top-search .right table {height:16px}
#top-search .right .label {	background: #B4D670 url(../img/page-construct/btn-background.png) no-repeat 0 0}
#top-search .right a {padding-left:2px; padding-right:10px; font-size:10px; text-decoration:none}
#top-search .right input {width:112px; border:0px; padding:0; margin:0; font-size:10px; }
#top-search .right div.input { height: 15px}

/*styles ul for top menu*/
ul.meta-menu {list-style:none; border:none; margin:0 auto; padding:0; line-height:16px; font-size:12px}
ul.meta-menu li, ul.meta-menu li.spacer {float:left}
ul.meta-menu li.spacer {padding: 0 4px}
ul.meta-menu li.spacer:first-child {display:none}
ul.meta-menu a {text-decoration:none}
ul.meta-menu a:hover {text-decoration:underline}

/* main menu container */
#main-menu-con {float:right; padding-right:5px}

#main-menu, #lang-switcher {float:left}

#lang-switcher .tx-srlanguagemenu-pi1-flag {border:0; width:21px; height:14px; padding-top:1px}
#lang-switcher .tx-srlanguagemenu-pi1 {padding-top:1px}

#main-menu{padding-right:10px; height:27px; overflow:hidden; width:720px}



/* shadow under page header */
#page-header-shadow {height:8px; background: url(../img/page-construct/shadow-page-header.png) no-repeat;display:none}


/* 
=================================================
		PAGE NEWSTICKER 
=================================================
 */
#newsticker-con {background: url(../img/page-construct/bg-newsticker.png) repeat-y;display:none}
#newsticker {background-color:#B4D670; width:975px; margin-left:1px; height:23px}


/* 
=================================================
		PAGE MAIN CONTENT 
=================================================
 */
#main-content {background: url(../img/page-construct/bg-main-content.png) repeat-y;display:block !important}

#content-left, #content-center {float:left}
#content-right {float:right}

/*============== MAIN CONTENT LEFT COLUMN ============== */
#content-left {width:180px;display:none}

/*first left menu*/
.left-first-menu {padding-left:13px} 
/*styles ul for first left menu*/
ul.left-first-menu {list-style:none; border:none; margin:0 auto; padding:0; font-size:12px; line-height:15px; padding-bottom:25px}
ul.left-first-menu li {padding-top:12px}
ul.left-first-menu a {text-decoration:none; color:#007647}
/* activ item */
.leftsidemenu-activ {font-weight:700}


/*second left menu*/
.left-second-menu {padding-left:1px}
/*styles table for second left menu*/
table.left-second-menu {}
table.left-second-menu td.link {background: url(../img/page-construct/bg-left-second-menu.png) bottom no-repeat; line-height:15px;height:37px; text-align:center;}
.left-second-menu a {text-decoration:none; color:#fff; font-weight:700; font-size:15px; width:165px; margin:0 auto; display:block}


.csc-textpic-imagewrap, .csc-textpic-imagerow { clear: both }
.csc-textpic-imagewrap dl.csc-textpic-image , .csc-textpic-imagerow dl.csc-textpic-image{  float: left ; margin-right: 5px} 
.csc-textpic-imagewrap dl.csc-textpic-lastcol , .csc-textpic-imagerow dl.csc-textpic-lastcol{ margin-right: 0px} 


/*============== MAIN CONTENT CENTER COLUMN ============== */
#content-center {width:591px;padding:10px 8px 0 7px; color:#007647;display:block !important}
/* content links definitions */
#content-center .standard-text a {color:#007647; text-decoration:underline}
#content-center .standard-text a:hover {text-decoration:none}
/* content bullet list definitions */
#content-center ul {padding:10px 0 20px 10px; margin:0; list-style:none}
#content-center ul li {padding:0 0 0 15px; margin:0; background:url(../img/page-construct/bullet-content-list.png) no-repeat 0px}
#content-center ol {padding:10px 0 0 10px; margin:0; margin-left:15px}
#content-center ol li {padding:0; margin:0;}

iframe { margin-bottom:15px }

/*============== MAIN CONTENT RIGHT COLUMN ============== */
#content-right {width:191px;display:none}

/* banner container */
.banner {padding-top:3px}

/* container for link to newsletter login */
#newsletter-login  {text-align:center}
#newsletter-login a {font-size:12px; color:#fff; text-decoration:none; height:30px; background-color:#b4d670; margin-top:3px; margin-right:12px; padding: 14px 0 0; display:block}

/* container for aktuelle termine */
#aktuelle-termine {background-color:#b4d670; margin-top:3px; width:179px;}
#aktuelle-termine .title {color:#fff; font-weight:700; font-size:16px; padding: 9px 0 0 0; min-height:33px; text-align:center; background: url(../img/page-construct/spacer-aktuelle-termine.png) repeat-x bottom}
#aktuelle-termine .item {color:#12804b; line-height:15px; font-size:12px; padding:10px;display:block}
#aktuelle-termine .item a{color:#12804b}

/*divider under main content container*/
#main-content-divider {background: url(../img/page-construct/divider-main-content.png) no-repeat; height:20px}


/* 
=================================================
		PAGE FOOTER 
=================================================
 */
#footer {text-align:center; height:50px; padding-left:12px;display:none}
 
/*styles ul for bottom menu*/
ul.bottom-menu {list-style:none; border:none; margin:0 auto; padding:0; font-size:12px; line-height:15px}
ul.bottom-menu li, ul.bottom-menu li.spacer {float:left}
ul.bottom-menu li.spacer {padding: 0 4px}
ul.bottom-menu li.spacer:first-child {display:none}
ul.bottom-menu a {text-decoration:none; color:#007647}
ul.bottom-menu a:hover {text-decoration:underline}



/* ================================================================================================================================================
===================================================================================================================================================
===================================================================================================================================================
************************************************************CONTENT ELEMENTS**********************************************
===================================================================================================================================================
===================================================================================================================================================
=================================================================================================================================================*/

/* 
=================================================
FRONT PAGE
=================================================
 */
#firstpage {font-size:12px}
#firstpage  .item-large, #firstpage  .item-small {text-align:justify}
#firstpage  .item-large a.title, #firstpage  .item-small a.title {display:block; color:#8cc63f; font-size:15px; text-decoration:none}
#firstpage  .item-large a.mehr, #firstpage  .item-small a.mehr {display:block; color:#007647; font-size:12px; padding-bottom:14px; text-decoration:none}

#firstpage  .item-large {width:550px}

#firstpage  .item-small-con {background: url(../img/page-construct/spacer-dotten-vertical.png) center repeat-y}
#firstpage  .item-small {float:left; width:262px; padding-top:8px}
#firstpage  .item-small-con .right {padding-right:22px; padding-left:13px}
#firstpage  .item-small-con .left {padding-right:29px}

.dotten-spacer {background: url(../img/page-construct/spacer-dotten.png) repeat-x; height:3px; margin-left: -7px}

#firstpage  .item-large p, #firstpage  .item-small  p {margin:0; padding: 0 0 14px 0; color:#007647}
#firstpage  .item-large p a.description, #firstpage  .item-small  p a.description {text-decoration:none}
#firstpage  .item-large img, #firstpage  .item-small img {border:0; padding-bottom:9px}

/* 
=================================================
STANDART CONTENT ELEMENTS
=================================================
 */

/* wrap image only in standard-page */
#standard-page .page-teaser-image {float:left; padding-right: 12px}
 
/* page headers definitions */
h1.page-title, h2.page-subtitle {margin:0;padding:0; font-weight:normal}
h1.page-title, h1.page-title a {display:block; color:#8cc63f; font-size:16px;font-weight: 700}
h2.page-subtitle, h2.page-subtitle a {color:#8cc63f; font-size:14px}

.bodytext {margin:0; padding-bottom:15px}


.page-teaser-image img{border:0; padding-bottom:9px}
.page-teaser-text p, .standard-text{margin:0; padding: 0 0 14px 0; color:#007647}

#event-page .page-teaser-text { margin-bottom:9px; } 

/* event preview page */
.event-info table.event-info-table {padding-bottom:20px}
.event-info table.event-info-table img{padding:0px 20px 0px 0px}
.event-info table.event-info-table .infos{vertical-align:bottom; color:#007647; line-height:14px}
.event-info table.event-info-table .infos .category{font-weight:700}
.event-text {padding-bottom:14px; color:#007647}

/* mixed media definitions */
.mixedmedia-item {padding-bottom:15px}
.mixedmedia-item .link, .mixedmedia-item .infos {float:left}
.mixedmedia-item .infos {font-size:12px; line-height:14px; color:#00000; width:511px; color: black}
.mixedmedia-item .link {padding-right:10px}
.mixedmedia-item .infos span{display:block ;font-size:10px; color:#007647}

/* input & button definitions */
input.input {height:18px; border:1px solid #007647; margin:0; padding:0; font-size:12px}
input.button {height:17px; border:1px solid #007647; color:#007647; margin:0; padding:0; padding-bottom:2px; font-size:10px; background:#8cc63f; cursor:pointer}

/* search page */
.table-search {padding:17px 0 0 37px}
.table-search table{width:100%; text-align:right}
.table-search table input{width:287px}
.table-search table .button{padding-left:67px; text-align:left}
.table-search table input.button{width:60px; text-align:left; margin:0; padding:0; padding-bottom:2px}
.table-search table .label{text-align:left; color:#007647}
.table-search .spacer {height:15px}

.search-results-info {color:#8cc63f; padding: 15px 0}

/* search result item container */
.result-item {padding-bottom:10px; color:#007647; font-size:11px}
.result-item p {padding:0; margin:0}
.result-item span.date {font-size:8px; display:block}
.result-item a {color:#8cc63f; font-size:11px; font-weight:700}

/* paging definition */
#paging {text-align:right}
#paging a {color:#8cc63f; padding-right:2px; text-decoration:none}
#paging .active {color:#007647; padding:0; margin:0}

/* page register definition */
#register {padding-bottom:20px}
#register a.register-link {background: url(../img/icons/register.png) left no-repeat; text-decoration:none; font-size:12px; display:block; padding-left: 14px; color:#8cc63f; font-weight:700}


/*================================================================================================================================================
********************* TYPO elements ***************************************************************************************************************
================================================================================================================================================*/
.csc-textpicHeader h1,.csc-header h1, h1.csc-firstHeader {font-size:12px; display:block; color:#8cc63f; font-weight:700;margin:0px 0px 12px 0px; background : transparent url(../img/icons/register-dw.gif) no-repeat scroll left center; padding-left:14px}
.csc-textpic-clear {clear:both}

/* ================================================================================================================================================
===================================================================================================================================================
===================================================================================================================================================
************************************************************ PREVIEW PAGES DEFINITIONS - not for event preview page *********************************
===================================================================================================================================================
===================================================================================================================================================
=================================================================================================================================================*/

/*
.preview-item-withimage and .preview-item-withoutimage are styles for shop preview page, preview page and for shop page
*/

/* same definitions preview item for item with image and without image   */
.preview-item-withimage, .preview-item-withoutimage {padding: 20px 0}

/* ===========================================================================================
**************************************definitions for preview item with image 
=============================================================================================*/
.preview-item-withimage .image {float:left; text-align:center}

/* left padding for info container & image container width size in shop page  */
#shop-page .preview-item-withimage .info {padding-left:105px}
#shop-page .preview-item-withimage .image {width:100px}

/* left padding for info container & image container width size in shop preview page  */
#shop-preview-page .preview-item-withimage .info {padding-left:175px}
#shop-preview-page .preview-item-withimage .image {width:170px}

/* left padding for info container & image container width size in preview page  */
#preview-page .preview-item-withimage .info {padding-left:175px}
#preview-page .preview-item-withimage .image {width:170px}

/* wrap image only in preview-page */
#preview-page .page-teaser-image {float:left; padding-right: 12px}



/* ======================================================================================================
**************************************definitions for info container items same for all preview pages
========================================================================================================*/
/* titles and subtitle definitions same for all preview page */
h1.title, h2.subtitle {margin:0; padding:0}
h1.title, h1.title a {color:#8cc63f}
h2.subtitle, h2.subtitle a {color:#007647; font-weight:normal}
/* p tag definitions for all preview pages - with image also without image */
#preview-page .preview-item-withimage p, 
	#shop-preview-page .preview-item-withimage p, 
	#shop-page .preview-item-withimage p,
	#preview-page .preview-item-withoutimage p, 
	#shop-preview-page .preview-item-withoutimage p, 
	#shop-page .preview-item-withoutimage p
{margin:0; padding-top:15px}
#preview-page .preview-item-withimage p:first-child, 
	#shop-preview-page .preview-item-withimage p:first-child, 
	#shop-page .preview-item-withimage p:first-child,
	#preview-page .preview-item-withoutimage p:first-child, 
	#shop-preview-page .preview-item-withoutimage p:first-child, 
	#shop-page .preview-item-withoutimage p:first-child
{margin:0; padding-top:0px}
/* mehr link definitions */
#preview-page .preview-item-withimage a.mehr, 
	#shop-preview-page .preview-item-withimage a.mehr, 
	#shop-page .preview-item-withimage a.mehr,
	#preview-page .preview-item-withoutimage a.mehr, 
	#shop-preview-page .preview-item-withoutimage a.mehr, 
	#shop-page .preview-item-withoutimage a.mehr
{color:#007647; display:block}

/* preview page - event article container definitions */
#preview-page .event-article {padding-bottom:20px; font-size:9px; color:#007647; line-height:10px}

/* titles and subtitle definitions for preview page */
#preview-page h1.title a {font-size:12px}

/* titles and subtitle definitions for shop preview page */
#shop-preview-page h1.title a {font-size:15px}
#shop-preview-page h2.subtitle a{font-size:9px}

/* titles and subtitle definitions for shop page */
#shop-page h1.title {font-size:15px; padding-bottom:15px}
#shop-page h2.subtitle {font-size:9px}


/* ================================================================================================================================================
===================================================================================================================================================
===================================================================================================================================================
************************************************************ ESHOP *******************************************************************************
===================================================================================================================================================
===================================================================================================================================================
=================================================================================================================================================*/

/* ======================================================================================================
****************************Shop page definitions
========================================================================================================*/
/* product info items  and product price container */
#shop-page .product-infos {padding-top:15px; padding-bottom:15px}
#shop-page .product-infos {position:relative}
#shop-page .product-price {font-size:16px; font-weight:700; padding-bottom:15px}

#shop-page .product-infos .product-info-item {display:block} 

/*============== MAIN CONTENT FORMS ============== */

/*============== MAIN CONTENT FORMS ============== */
fieldset.csc-mailform
{
	margin-left:47px;
	border:0px none;
}

.csc-mailform-field
{
	margin-bottom:12px;
}

.csc-mailform label
{
	width:178px;
	display:block;
	float:left;
	color:#007647;
	font-size:11px;	
}

.csc-mailform input, .csc-mailform textarea, .csc-mailform select
{
	font-size:11px;
	border:1px solid #007647;
	width:283px;
}

.csc-mailform select
{
	width:285px;
}

.csc-mailform-radio fieldset
{
	border:0px none;
	padding:0px;
}

.csc-mailform-radio legend
{
	display:none;
}

.csc-mailform-radio input
{
	width:14px;
	display:block;
	float:left;
	clear:both;
	margin:0 7px 0 0;
	border:0px;
	height:16px;
}

.csc-mailform .csc-mailform-check
{
 	width:14px;
 	margin:0px;
 	padding:0px;
}

input.csc-mailform-submit
{
	width:auto;
	margin-left:178px;
	color: #007647;
	height:19px;
	line-height:19px;
	padding-left:12px;
	padding-bottom:2px;
	background: #B4D670 url(../img/page-construct/btn-background.png) no-repeat 0 0;
	
}

td.gray-text{color:#4f4f4f}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SHOP section */

input.button-buy.de {position:absolute; display:block; top:15px; right:0; width:146px; height:29px; padding:0; background:url('../img/btns/btn_add2cart.png') no-repeat; border:none}
/* product variants selector dropdown */
.product-variant select {}

/* SHOP section */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SHOPping CART section */

.shopping-cart h1 {font-size:18px; color:#8CC63F; padding:0}

/* divider lines */
.shopping-cart hr {border:none; border-top:1px #8cc63f solid}
/* slightly thicker line */
.shopping-cart hr.thick {border-top:2px}

/* cart sections overview */
.shopping-cart ul.order-steps {font-weight:700; margin:0 0 15px !important; padding:0 !important}
.shopping-cart ul.order-steps li {color:#8cc63f; list-style-type:none; background-image:none !important; margin:0; padding:0 !important}
.shopping-cart ul.order-steps a {color:#007647}
.shopping-cart ul.order-steps .current {color:#007647; background-color:#fff5b4 !important}

/* special styles for inputs in cart section */
.shopping-cart input[type="text"] {font-size:12px; color:#000; border:1px solid #369551}
.shopping-cart input[type="text"]:focus {background-color:#fff5b4}

/* page section titles */
.shopping-cart .section-label {font-size:14px; font-weight:700; margin:5px 0 0; padding:10px 0 15px ; border-top:1px #8cc63f solid}

/* cart buttons */
.shopping-cart #button-container {padding:20px 0; text-align:right}

/* CART screen : table with products and totals */
table#cart-products {clear:both; width:100%; margin:5px 0 0; border-collapse:collapse; border-bottom:3px #8cc63f solid }
table#cart-products input[type="text"] {font-weight:700; text-align:center; border:2px solid #369551}
table#cart-products td {font-weight:700; padding:5px 4px; border-right:1px #8cc63f dotted}
/* table header */
table#cart-products thead {font-weight:700; background-color:#eafcc6; border-bottom:1px #8cc63f solid}
/* main table content */
table#cart-products tbody tr.products {border-bottom:1px #8cc63f solid}
/* table footer styles */
table#cart-products tr.footer td {font-size:13px; font-weight:700}
/* special settings for columns */
table#cart-products td.pcs {text-align:center}
table#cart-products td.ids {text-align:center}
table#cart-products td.name {text-align:left}
table#cart-products td.pricepcs {text-align:right}
table#cart-products td.price {text-align:right}
table#cart-products td.delete {text-align:center; border-right:none}
/* total price */
table#cart-products td.total {text-align:right}

/* for last step we dont need right border in product overview table */
.shopping-cart.step4 table#cart-products td.price {border-right:none}

/* special highlighting for step 2 : confirm terms */
.shopping-cart .highlight {padding:10px; background-color:#eafcc6}

/* ADDRESS screen */
table.address {width:100%; padding:10px}
table.address table {border-collapse:collapse}
table.address table td {padding:0; padding-right:10px}

/* different input fields lenghts */
.address #vorname1, .address #nachname1,
		.address #vorname2, .address #nachname2,
	.address #address1, .address #strasse1, .address #ort1, .address #land1,
		.address #address2, .address #strasse2, .address #ort2, .address #land2,
	.address #email,
	.address #phone {width:270px}

.address #uidnummer {width:200px}

.address #titel1,
		.address #titel2,
	.address #strassenummer1, .address #plz1, 
		.address #strassenummer2, .address #plz2 {width:62px}

/* FINAL step */
.shopping-cart .shipping {padding:5px; margin-bottom:20px; background-color:#eafcc6}
.shopping-cart .address-preview, .shopping-cart .address-send-preview {padding:10px}

/* SHOP CART section */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#content-center .tx-dropdownsitemap-pi1 a { color:#007647 }
#content-center .tx-dropdownsitemap-pi1 li { list-style-type:none; background : none; padding: 0px}
#content-center .tx-dropdownsitemap-pi1 ul { padding:3px 0 10px 20px; }
#content-center .tx-dropdownsitemap-pi1 img { margin-right: 5px }

span.print {display:block}