/* 	20.05.2009
	Template fuer Website und Shop


*/


body { background-color:#efefef; background-color:#f3f3f3; background-image:url(../gfx/hg1.gif); background-repeat:repeat-y; }

#page { }

#header { height:78px; background-color:#FFFFFF; margin:0; padding:0;  }
#header hr { display:none; }
#logo { padding:21px 0 0px 15px; height: 26px; }

/**********************************************************/
#channels { padding:0 0 0 180px; line-height:16px; }
#channels ul { margin:0 0 0px 0; padding:0 0 0 0px; 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 a:hover { /*background-color:#CCCCCC;*/ color:#FF0000; }

#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; }

#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 { display:block; float:left; width:180px; height:18px; }
#ExternalShoppingCart a { font-weight:normal; color:#000000; display:block; padding: 3px 0 3px 15px; background-color:#FFE600;}
#ExternalShoppingCart a:hover { background-color:#FFE600; }
#ExternalShoppingCart iframe {  }
#ExternalShoppingCart a img { float:left;}
#ExternalShoppingCart a span { margin-left:5px;}



#user { padding:3px 0 3px 8px; display:block; float:left;  }
#logout {float:left; padding:18px 0 0 0;}
#logout a {font-weight:normal}



#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; }



#breadcrumb { padding:0 0 10px 15px; }


/**********************************************************/
#container { clear:both; border-top:0px solid #cccccc; }
#content { padding:0; }
#content-row1 { clear:both; }
#content-row2 { clear:both; }
#content-col1 { float:left; width:60%; }
#content-col2 { float:right; width:35%; }
#content-row3 { clear:both; }

.Spalte1, .Spalte3 { font-size:10px; }

#footer { clear:both; font-size:10px; line-height: 12px; margin:15px 0 0px 0; padding:0; overflow:hidden; width:100%; }
#footer a { font-weight: normal; }
#footer-lastmodified { float:left; padding: 0 0 0 10px; width:165px; }
#footer-copyright { float:left; padding: 0 0 0 15px; margin:0;}
#footer-navigation { margin:0 0 15px 0;  }



#footer-language, #help, #login { position:absolute; top:0; margin:0; padding:0 0px 0 0; background-repeat:no-repeat; background-position:right 7px;  }
#footer-language, #help, #login, #footer-language a, #help a, #login a { 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);*/ }
#login { left:954px; width:46px; /*background-image:url(../gfx/picto-more.gif);*/ }


#footer-language div, #help div, #login div {  padding:0; margin:0; overflow:hidden; }

#footer-language:hover, #help div:hover, #login div:hover { cursor:default; cursor:pointer; }

#footer-language div ul, #help div ul, #login div ul { list-style:none; margin:0; padding:0; clear:both }
#footer-language div ul li, #help div ul li, #login div ul li { visibility:hidden; list-style:none; margin:0; padding:0px; border-left:1px solid #cccccc;}
#footer-language div ul li a, #help div ul li a, #login div ul li a { padding:4px 0px 1px 5px; }
#footer-language div ul li a:hover, #help div ul li a:hover, #login div ul li a:hover { background-color:#efefef }

#footer-language:hover div ul li, #help div:hover ul li, #login div:hover ul li { visibility:visible; } 
#footer-language div ul li.switch, #help div ul li.switch, #login div ul li.switch { padding:3px 5px 2px 5px; visibility:visible; border-left:1px solid #cccccc; }
#footer-language div ul li.switch a, #help div ul li.switch a, #login div ul li.switch a { padding:0; }
#footer-language div ul li.switch a:hover, #help div ul li.switch a:hover, #login div ul li.switch a:hover { background-color:transparent; }

/*
* html #footer-language div {  width:5.5em; }
* html #footer-language div ul li a { width:4.35em; height:13px; }
*/


.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; }



/* ##########################################
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 {display:none;}