/* 	20.05.2009
	Template fuer Website und Shop
*/


body { background: url(../gfx/bg-separator.gif) 0 78px no-repeat;}
#page { background:url(../gfx/bg-border.gif) 180px 121px no-repeat; padding-bottom:3px; }
.clear { clear:both; }

/* HEADER */

#header { height:78px; background-color:#FFFFFF; margin:0; padding:0; width:987px;}
#header hr { display:none; }
#logo { position: absolute; top:21px; left:13px;}

#header-special {position:absolute; top:0; width:987px;}
#language { border-left:1px solid #cccccc; padding-top:4px; margin-right: 8px; float:right; height:16px; }
#language ul { list-style:none; list-style-position:outside; padding:0; margin-left:6px;}
#language li { float:left; padding:0; margin:0 10px 4px 0; padding-bottom: 6px;}
#language a { font-weight:normal; }
#language a.active { color: #000;}
#login { font-size:10px; float:right;  height:18px; width: 50px; line-height: 12px; }
#login ul { list-style:none; list-style-position:inside; margin:0; padding:0; }
#login li { float:left; }
#login li a { padding:4px 5px 0 5px; height:16px; border-left:1px solid #cccccc; display:block; font-weight:normal; color:#000000;}
#cartwrapper { padding-top:2px; float:right; }



/* HAUPTNAVIGATION */

#channels-wrapper {height:31px; padding-top: 47px; background-color:#FFFFFF;}
#channels { padding:0 0 0 180px; line-height:16px; }
#channels ul { margin:0; padding:0; list-style:none; }
#channels li { margin:0; padding:0; float:left; }
#channels li a { margin:0; padding:0 8px 2px 8px; display:block; float:left; font-weight:normal; color:#666666;}
#channels li li a { margin:0; padding:0 8px 2px 8px; white-space:nowrap; }
#channels li { }
#channels li ul { }
#channels ul li {}
#channels ul li ul li { } 
#channels a.selected, #channels a.active {background-color:#6CC83A; color: #FFFFFF;}
#channels a:hover {  color:#6CC83A; }
#channels h6 { padding:0 10px 1px 8px; color:#aaaaaa; margin:0; line-height:12px; }
#channels .aural { visibility:hidden; display:block; }
#channels .split { border-left:1px solid #cccccc; width:0; height:31px;overflow:hidden; padding:0;}
#channels a.selected:hover, #channels a.active:hover { color: #FFFFFF;}


/* redundante gliederungselemente ausblenden */
.p100 { visibility:hidden; }
.p106 { visibility:hidden; }
.p299 { visibility:hidden; }

/* NAVIGATION LINKS */

#navleft ul { padding:0; line-height: 120%; list-style-image:none; list-style: none; list-style-position: outside; font-size: 12px; margin-bottom: 38px;  margin-top: 8px; padding-left:16px; margin-left:-16px;}
#navleft ul li { padding:1px 0 0 10px; margin: 2px 0; line-height:16px;}
#navleft ul li ul { font-size: 11px; padding:0; margin:0; margin-left:-10px; }
#navleft a { font-weight:normal; color:#4d4d4d; padding-right: 5px; }
#navleft a:hover { color:#6CC83A; }
#navleft ul li.selected{ background-color: #6CC83A; color:#FFFFFF; display:block; }
#navleft li.selected a { color:#FFFFFF; }
#navleft li.active a { color:#6CC83A; }
#navleft ul li.selected ul{ background-color:#FFFFFF; }
#navleft li.selected ul li a, #navleft li.active ul li a { color:#666666; }
#navleft ul li li.selected a { background-color: #6CC83A; color:#FFFFFF; display:block; }
#navleft ul li li.active a { color:#6CC83A; }
#navleft li.selected ul li a:hover, #navleft li.active ul li a:hover { color:#6CC83A; }
#navleft ul li ul li.selected a:hover{ color:#FFFFFF; }
#navleft .split { display:none; }

#navleft ul li ul li {padding: 0 6px 2px 20px; margin: 2px 0; line-height:13px; }



/* EINBINDUNG KONFIGURATOR */

#anfragetool { position:absolute; top:60px; left:15px; }
#anfragetool ul { padding:0; margin:0; }
#anfragetool li { list-style:none; padding:0; margin:0; }
#anfragetool a { color:#666666; font-weight:normal; }
#anfragetool a:hover { color:#FF0000; }

/*************************************/
#navigation { font-size:10px; width:100%; height:18px; background-color:#cccccc; overflow:hidden; border-bottom:2px solid #FFFFFF;  }
#navigation hr { display:none; }

#ExternalShoppingCart { font-size:10px; display:block; float:left; float:right; width:160px;  height:18px; font-size:75%; overflow:hidden; }
#ExternalShoppingCart a { font-size:10px; font-weight:normal; color:#000000; display:block; padding: 3px 0 3px 15px; padding:4px 5px 0 5px; border-left:1px solid #cccccc; height:16px;}
#ExternalShoppingCart a:hover {  }
#ExternalShoppingCart iframe {  }
#ExternalShoppingCart span {}
#ExternalShoppingCart a img { float:left; }
#ExternalShoppingCart img {position:relative; top:-1px; left:0;  }
#ExternalShoppingCart a span { margin-left:5px; font-size:10px;}



#subnavigation { /*background-color:#fff064;*/ height:34px; }
#subnavigation ul { margin:0 0 0px 0; padding:0 0 0 0px; list-style:none; }
#subnavigation li { margin:0; padding:0; float:left; }
#subnavigation li a { margin:0; padding:3px 8px 3px 8px; float:left; font-weight:normal; color:#bb0000; }
#subnavigation li a:hover { color:#FF0000; }

#subnavigation-container {
    clear:both;
    white-space:nowrap;
	background-color:#fff064; height:34px;
}

#kunde-tabs { padding:16px 0 0 165px; float:left;}
#admin-tabs { padding:16px 0 0 0px; float:right;}
#kunde-tabs ul, #admin-tabs ul { margin:0; padding:0; list-style:none; }
#kunde-tabs li, #admin-tabs li { margin:0; padding:0; float:left; position: relative; /*background-color: #ffffff;
    border: 1px solid #cccccc;
    border-width:1px 1px 0px 0px;
    line-height:18px;*/}
#admin-tabs li { background-color:#cccccc;}
#kunde-tabs li.active {  background-color:#f3f3f3;}
#admin-tabs li.active {  background-color:#cccccc;}
#kunde-tabs li.split { border-top:1px dotted #cccccc; }
#admin-tabs li.split { border-top:1px dotted #f3f3f3; }
#kunde-tabs li.first-element,#admin-tabs li.first-element {  }
#kunde-tabs li.last-element, #admin-tabs li.last-element {  }
#kunde-tabs li .tabs-more, #admin-tabs li .tabs-more { background-repeat:no-repeat; background-position:right 5px; padding-right:13px; margin-right:5px;}
#kunde-tabs li a, #admin-tabs li a { margin:0; padding:0 8px 2px 8px;  float:left; font-weight:normal; color:#666666; }
#kunde-tabs li a:hover, #admin-tabs li a:hover { color:#FF0000; }

#kunde-tabs li ul, #admin-tabs li ul {
	display: none;
	/*visibility:hidden;*/
	font-weight: normal;
	padding: 0.5em 0 0.1em 0;
	z-index:10;
    position: absolute;
    top: 100%;
  	background-color:#e9e9e9;
	border:1px solid #e9e9e9;
	border-width:0px 1px 1px 1px;
}
#admin-tabs li ul {
  	background-color:#cccccc;
	border:1px solid #cccccc;
}


#kunde-tabs li>ul {
position: absolute;
	top: auto;
	/*top:1.5em; Neue Browser*/
	left: auto;
	min-width:200px;
	margin-top:16px;
	margin-left:-1px; /* wegen dem hellen rand, der das aufklappende menu von anderen grauen flaechen abgrenzt*/
}
#admin-tabs li>ul {
position: absolute;
	top: auto;
	/*top:1.5em; Neue Browser*/
	right: 0;
	/*right:auto;*/
	/*right:-1px;*/
	min-width:200px;
	margin-top:17px;
}
#kunde-tabs li li, #admin-tabs li li {
	display: block;
	float: none;
	border: 0;
	white-space:nowrap;
	margin:0;
	padding:1px 0 1px 0;
}

#kunde-tabs a, #admin-tabs a { text-decoration: none; color:#000000;  }
#kunde-tabs li li a, #admin-tabs li li a { display:block; float:none; width:auto;}


/*mouseover tab*/
#kunde-tabs li:hover {background-color:#e9e9e9;}	/*hier muss etwas drin stehen wegen ie; elternelement :hover braucht angben wenn auf nachfahrelement ein styling erfolgen soll http://fwpf-webdesign.de/css/besonderheiten-der-browser/ie-und-hover */
#admin-tabs li:hover {} /*hier muss etwas drin stehen; siehe oben */
#kunde-tabs .active :hover {color:#666666;}
#kunde-tabs li:hover ul { display:block;  border-width:0 1px 1px 1px; border-style:solid; border-color:#f3f3f3;}
#admin-tabs li:hover ul { display:block; }
/*mouseover li im tab */
#kunde-tabs li li a:hover { background-color:#cccccc; }
#admin-tabs li li a:hover { background-color:#f3f3f3; }
#kunde-tabs li .tabs-more { background-position:right 7px; }
#admin-tabs li .tabs-more { background-position:right 7px; }


/* CONTAINER */

#container { clear:both; width:1009px;  }
#breadcrumb { padding:0 0 10px 15px; }
#content { padding:0; }
#content-row1 { clear:both; }
#content-row2 { clear:both; }



/* content-col1 */
#content-col1-wrapper { float:left; width:180px; font-size:10px; line-height:13px; padding-top:0; margin-top:43px; }
#content-col1 {padding-left:0;}
#content-col1 h1 {font-size: 100%; line-height:inherit; font-weight:bold;}
#content-col1 h2 {font-size:10px; line-height:14px; }
#content-col1 p {margin-bottom:0;}
#content-col1 .csc-textpic-image {margin:0;}
#content-col1 h3 { padding-bottom:3px;}
#content-col1 ul li { padding-bottom:3px;}


/* content-col2 */
#content-col2-wrapper {float:left; width:560px; padding-top:0px; padding-left:25px; margin-top:50px; margin-left:-1px; width:550px; width:805px;}
#content-col2 { width:550px; float:left; padding-top:0;} 
#content-col2 .small {line-height:133%;}
#content-col2 .csc-default { }
#content-col2 .csc-frame-frame2 .csc-textpic .csc-textpic-text{padding-left:7px;}
#content-col2 .csc-textpic-caption {padding:0; font-size:10px; padding-bottom:6px; }

/* content-col3 */
#content-col3 {float:left; padding-top:0; width: 222px; font-size:10px; line-height:13px; padding-left:25px; }
#content-col3 img {padding: 0;}
#content-col3 h1 { font-size:12px; line-height: 140%; font-weight:bold; }
#content-col3 h2 { font-size:10px;}
#content-col3 h3 { padding-bottom:3px;}
#content-col3 ul li { padding-bottom:3px;}
#content-col3 .csc-textpic-image { margin:0; }
#content-col3 .csc-default { margin-bottom:12px; }
#content-col3 p { margin-bottom:0; }


#content-row3 { clear:both; }


/* FOOTER */

#footer { width:965px; }
#footer-left, #footer-right { font-size:10px; line-height: 12px; margin:0; padding:14px 0 0 0; }
#footer-left a, #footer-right a { font-weight: normal; }
#footer-left { float:left; width: 153px; height:1px; padding: 0 14px 2px 13px; }
#footer-right { float:left; margin: 0 0 25px 24px; }
#footer-right ul { padding-left:0; }
#footer-left p { padding:0; }
#footer-lastmodified { font-size:10px; }
#footer-copyright { margin:0; padding-bottom:1px; clear:both; }
#footer-nav { padding-bottom:6px; display:block; height:12px; }
#footer-nav ul { margin-left:0; }
#footer-language, #help { position:absolute; top:0; margin:0; padding:0; background-repeat:no-repeat; background-position:right 7px;  }
#footer-language, #help, #login, #language, #language a, #help a, #login a, #ExternalShoppingCart { font-size:10px; line-height: 12px; font-weight:normal; color:#000000; display:block; }
#footer-language { left:883px; width:59px; background-image:url(../gfx/picto-more.gif); }
#help { left:830px; width:52px; /*background-image:url(../gfx/picto-more.gif);*/ }

/* footer-navigation */
#footer-nav ul li { list-style:none; float:left; padding-right:4px; }
#footer-nav ul li.active a { color:#000000; }


/* FORMATIERUNGEN CONTENT */

/* bilder */
.csc-textpic-caption {padding: 1px 0 7px 0;}
.csc-textpic-image {margin:0;}
div.csc-textpic div.csc-textpic-single-image img {margin:0;}
.csc-textpic-text {padding-bottom: 5px;}
.Spalte1, .Spalte3 { font-size:10px; }

/* frames */	
#content-col1 .csc-frame-frame2 { padding: 5px 12px; border: 1px dotted #B5B5B5; border-width: 1px 0 0 0;}
#content-col1 .csc-frame-frame2 img { padding: 5px 0; }
#content-col1 .csc-frame-frame2 p { font-size:11px; padding-bottom:3px; }
#content-col1 .csc-frame-frame2 h2 { margin:0; padding-bottom:2px; }
#content-col2 .csc-frame-frame2 { padding-bottom: 4px; }
#content-col2  .csc-frame-frame2 p { font-size:11px; padding-bottom:6px; line-height: 135%; }
.csc-frame-frame1 { padding-left:0; margin:0; }
.csc-frame-frame1 p { font-size:11px; }
.csc-frame-frame1 h2 {}
.csc-frame-frame1 .small { font-size:10px; }

.subcolumns p {font-size:10px; padding-right:0; line-height:130%; margin-bottom:0;}
.subcolumns img {padding-left:15px;}
.subcolumns .csc-textpic-image {margin-bottom:1px!important;}

.shop-teaser {background-color:#ffffff; padding: 0 0 5px 0;}
.shop-teaser a span {font-weight:normal; padding-left:14px; display:block;}
.shop-teaser h2 {font-size:1em; padding:3px 0 0 0; }

/* um bilder floaten */
.csc-textpic-intext-left ul {padding-left:16px; }



/* ##########################################
erweitert das Basistemplate der Website	
########################################## */


#erfolgsmodell { position:relative; }
#erfolgsmodell span { position:absolute; top:0;top:254px;  left:0px; left:255px; height:15px; width:157px; background-color:#00FF00; color:#000000; display:block; padding:3px 8px 0px 15px; margin:0; font-size:10px; line-height:120%; font-weight:normal; }
#erfolgsmodell a:hover {border:none;} /* hier muss etwas drin stehen; siehe oben */
#erfolgsmodell a:hover span { background-color:#15c200; color:#FFFFFF; }
#erfolgsmodell span { left:0; /*top:16px; background-color:#efefef*/ }
#help, #footer-language, #sitetitle, #breadcrumb {display:none;}


/* hideLeftColumn */
.hideLeftColumn #content-col1 {display: none;}
.hideLeftColumn #content-col2-wrapper {margin-left:-180px;}
.hideLeftColumn .subcr {padding-left: 180px;}
.hideLeftColumn .c201 {width:180px;}
.hideLeftColumn .csc-header-n2 {padding-left: 180px;}



/* SPEZIELLE SEITEN */

/* meldung */
.news-single-item h2 {font-weight: normal; font-size:15px; padding-bottom:7px;}
.news-single-timedata {padding:0 0 8px 0; font-size:10px;}
.news-single-subheader {font-weight:bold; padding-bottom:7px;}
.news-single-img { padding:0 0 7px 0;}
.news-single-imgcaption {font-size:10px; padding: 3px 0 15px 0; line-height:125%;}
.news-single-files { font-size:10px; }
.news-single-files dt { padding-bottom:5px; }
.news-single-files a { font-weight:normal; }

/* meldungsarchiv */
.news-list-item { padding-bottom:18px; clear:both; }
.news-list-item h3 {font-size:12px; padding-bottom:2px;}
.news-list-date {font-size:10px; }
.news-image-float img {float:left; padding: 3px 10px 18px 0;}
.news-list-subheader p {margin-bottom:0; padding-bottom: 2px; font-size:11px; }
.news-list-subheader { display:table; }
.news-list-morelink { display:block; padding-top: 4px; }

/* newsletterarchiv */
.csc-menu-1 {list-style:none; padding:0; margin:0; }
.newsletter-list-item {clear:both; padding-bottom:18px;}
.newsletter-list-title {padding-bottom:2px; }
.newsletter-list-date { font-size:10px; }
.newsletter-list-item img {float:left; padding:3px 10px 8px 0;}
.newsletter-item-text { display:table; }
.newsletter-list-abstract { font-size:11px; }
.newsletter-list-morelink {  font-size: 11px; padding-top: 4px; }

.news-single-item .news-std-info {float:left; width:550px; margin:0 0px 16px 0;}
.news-single-item .news-additionalinfo{ float:left; width:222px; margin:0 0 0 0; padding:0 0 0 25px; }


/* sitemap */

.csc-sitemap ul { list-style-image:none; list-style: none; list-style-position: outside; margin-bottom:0; padding-left:0; margin-left:0; }
.csc-sitemap ul li li { margin-left:16px; }
.csc-sitemap li a { font-weight:bold; }
.csc-sitemap li li li a { font-weight:normal; }
.csc-sitemap li li li li a { }
.csc-sitemap ul ul { border-bottom: dotted 1px #AAAAAA; padding-bottom:7px; margin-bottom:7px; padding-left:0; }
.csc-sitemap ul ul li { padding-bottom:2px; }
.csc-sitemap ul ul ul { border:0;padding-bottom:0;margin-bottom:0; }
.csc-sitemap ul ul ul ul{ padding-bottom:0;margin-bottom:0; }
.csc-sitemap a { font-weight:normal; }
.csc-sitemap ul.sitemap-mehr li { padding-bottom:2px; }



/* PROJEKT-BEISPIELE */

/* uebersicht */
.csc-menu-4 .sitemap-item { float:left; width:125px; height: 230px; padding-right:15px; font-size: 10px; line-height: 135%; }
.csc-menu-4 .sitemap-item a { padding: 1px 0 2px; display:block; }
.csc-menu-4 .sitemap-item dd { font-size:10px; margin: 0;}

/* detail */
#content-col3 ul.csc-menu-1 {padding-left:0; margin-left:-13px; }
.csc-menu-1 li { float:left; float:left; margin:0; display:block; margin-bottom: 10px; }
.csc-menu-1 .sitemap-item { /*float:left;*/ width:90px; /* height: 135px; */ padding-left:15px;  padding-right: 0; font-size: 10px; line-height: 130%; display:block; } 
.csc-menu-1 .sitemap-item a { display:block; padding-top:1px;}


/* FORMULAR */

.csc-mailform {border: none; margin:0; padding:0;}
.formular input{ display:block; }
.formular input.csc-mailform-submit { }
table.formular {width:100%;}
.formular td, .formular th { vertical-align:bottom; font-size:11px; padding-right:35px; padding-bottom:7px; }
.formular th { padding:15px 0 7px 0; }
.formular .borderbottom { border-bottom: dotted 1px #AAAAAA!important;}


/* SUCHE */
.tx-googleajaxsearch-pi1 { position: relative; }

/* searchbox */
#searchbox { border-top: 1px dotted #B5B5B5; }
.gsc-input { padding: 0 0 0 12px; }
input.gsc-search-button { display:none; }
.gsc-branding-text {display:none;}
.gsc-branding-img {display:none;}
input.gsc-input { border: 1px solid #CCCCCC!important; background-image:url(../gfx/search.gif)!important; background-repeat:no-repeat; background-position: right center; height:16px; }
input.gsc-input:focus { background-image:none!important; }
div.gsc-clear-button { background-image:url(../gfx/clear.gif)!important; height: 14px!important; }

/* searchresult */
#ttcontent830_searchresults {position:absolute; top:-1px; left: 180px; z-index:200; background-color: #FFFFFF;  border: 1px dotted #B5B5B5; border-left: 0; display:block; height:auto; z-index:100;}
#ttcontent830_searchresults .search-noresult { padding: 14px 12px 14px 23px; width: 550px; display:block; font-size: 12px; }
#ttcontent830_searchresults p.searchresults-item { padding: 14px 12px 0 23px; width: 550px; display:block; }
#ttcontent830_searchresults p { font-size:11px; padding: 0 0 2px 0; width: 550px; display:block; }
#ttcontent830_searchresults p a { font-size:13px; padding-bottom: 4px; display:block; font-weight:normal; }
#ttcontent830_searchresults .searchresults-url {font-size:10px; }
#ttcontent830_searchresults .searchresults-pages { padding: 18px 0 20px 23px;  margin-bottom:0px; width: 550px; }
#ttcontent830_searchresults .searchresults-label { font-size:11px; padding: 1px 4px; margin-right:3px; font-weight:bold; border: 1px solid #CCCCCC; }


/* SLIDER */

.tx-jfmulticontent-pi1 .anythingSlider .csc-default { font-size: 11px; }
.tx-jfmulticontent-pi1 .anythingSlider .csc-default .csc-textpic-text { padding: 16px 20px 0 0; }
.tx-jfmulticontent-pi1 .anythingSlider .csc-default p, .tx-jfmulticontent-pi1 .anythingSlider .csc-default h2 { padding-left:15px; }
.thumbNav { z-index: 100; }
.thumbNav ul { z-index: 100; }
.thumbNav ul li { z-index: 100; }
.anythingSlider .csc-textpic-imagewrap { height: 218px; /* width:310px; */ }
.anythingSlider .csc-default h2 { font-size:11px; }
.tx-jfmulticontent-pi1 .thumbNav a { overflow: hidden; text-indent: -500px; width:0px; }

.checkbox>input {width:auto; border:0; clear:both; margin-right:2px!important;}
.checkbox {font-size:10px;}


/* AKTUELL */
#language { display:none; }
#footer-lastmodified { display:none; }