/* TEMPLATE FÜR STARTSEITE 24.10.2008 */

* { margin: 0; padding: 0; list-style-type: none; padding: 0; }

html, body 
	{ 
	background: #FFF; 
	text-align: left; 
	font-family: Tahoma, 'Gill Sans', Georgia, 'Palatino Linotype', Palatino, Arial, Helvetica, sans-serif; 
	line-height: 1.5; 
	font-size: 0.8em; 
	color: #58585a;
	}


fieldset, img { border: 0; }

img {
	float: left;
	padding-right: 10px ; /* Styles the image in the second body text box */
	}

h1 { font-size: 20px; color: #000000; }
h2 { font-size: 18px; color: #000000; }

h3 /* Überschrift auf zB Produkt-Seite */
	{ 
	font-size: 16px; 
	color: #58585a;
	padding-top: 3px;
	font-weight: normal;
	}

h4 
	{ 
	font-size: 14px; 
	color: #58585a; 
	}
	
.jth-code { border-left: 7px solid #999999; border-right: 1px solid #999999; border-top: 3px solid #999999; border-bottom: 3px solid #999999; background-color: #DDDDDD; padding: 15px; width: 100%; height: auto; font-size: 12px; font-family: Courier News, monospace; }
a:link, a:visited { text-decoration: none; color: #111111; font-weight: bold; }
a:hover { text-decoration: none; }

#jth-top /* here on the right sits the Frühwald logo and the language links sit left */
	{ 
	width: 1000px; 
	height: 99px; 
	background: transparent url(../images/fruehwald-logo2.jpg) no-repeat right top; 
	margin-left: auto; 
	margin-right: auto; 
	}

.fruehwald_languageselection /* Menüs für die Sprachauswahl */
{
  float: left;
  width: 100%;
  margin-top: 66px;
}

.fruehwald_languageselection ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.fruehwald_languageselection li
{
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
}

.fruehwald_languageselection a
{
	display: block;
	font-weight: normal;
}

#jth-bottom 
	{ 
	font-size: 0px; 
	color: #fff; 
	text-align: center; 
	width: 1000px; 
	height: 20px; 
	background: /* transparent url(../images/back-bottom.png) no-repeat left bottom */; 
	margin-left: auto; 
	margin-right: auto; 
	}
	
#jth-bottom a { font-size: 0px; color: #fff; text-align: center; }

#jth-bottom-menu 
	{ width: 1000px; 
	height: 22px; 
	background-color: ;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 
	}

#jth-bottom-menu-left 
	{ 
	width: 750px; 
	height: 22px; 
	background-color: ; 
	float: left; 
	}

#jth-bottom-menu-right 
	{ 
	padding-top: 3px; 
	padding-left: 5px; 
	width: 200px; 
	height: 22px; 
	text-align: right; 
	background-color: ; 
	float: right; 
	}
	
#jth-bottom-menu ul { float: left; text-align: left; padding-top: 3px; padding-left: 5px; }
#jth-bottom-menu ul li { float: left; text-align: left; }
#jth-bottom-menu ul li a { font-weight: bold; float: left; text-align: left; font-size: 10px; color: #000000; padding: 2px 5px 0px 5px; border-right: 1px solid #DDDDDD; }
#jth-bottom-menu-right a { font-weight: bold; float: right; text-align: right; font-size: 10px; color: #000000; padding: 2px 5px 0px 5px; border-right: 1px solid #DDDDDD; }

#jth 
	{ 
	width: 1000px; 
	background: ; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	text-align: center; 
	margin-top: -10px; /* 22.01.2009 */
	}
	
#jth-nimbuse { 
	width: 500px; 
	height: auto; 
	background-color: #fff; 
	/* margin-left: auto; 
	margin-right: auto; */
	float: left; /* Positions the element left;  News module has float: right; */
	text-align: center;
	right: 0px;	
	}

#jth-nimbuse-top 
	{ 
	color: #fff; 
	width: 1000px; 
	height: 162px; 
	background: #FFF no-repeat left top; 
	max-width: 1000px;
	margin: auto;
	padding: auto;
	padding-right: 10px;
	}
	
#jth-nimbuse-top a { color: #fff; }
.jth-nimbuse-top- { width: 650px; height: 88px; text-align: left; float: left; }
.jth-nimbuse-top { width: 300px; height: 88px; text-align: left; float: right; }
#jth-nimbuse-top-menu { height: 20px; text-align: left; clear: both; }
#jth-nimbuse-top-menu ul { float: left; }
#jth-nimbuse-top-menu ul li { float: left; }
#jth-nimbuse-top-menu ul li a { float: left; padding: 14px 4px 0px 4px; height: 30px; color: #fff; font-size: 11px; font-weight: bold; }
#jth-nimbuse-top-second { height: 68px; text-align: left; clear: both; }
#jth_nimbuse-w2 .search .button { margin-left: 5px; }
#jth_nimbuse-w2 .search .inputbox { border: 0; background: url(../images/search.png) no-repeat left top; height: 20px; width: 170px; }


#jth-nimbuse-menu 
	{ 
	margin-left: auto; 
	margin-right: auto; 
	width: 1000px; 
	height: 35px; 
	text-align: left; 
	list-style: none; 
	position: relative; 
	z-index: 1; 
	background: #db0000; 
	}
	
#jth-advert1 
	{ 
	text-align: center; 
	margin: 3px; 
	padding: 3px; 
	}

#jth_nimbuse-w 
	{ 
	height: 12 px; /* 31px; 22.01.2009 */
	width: 1000px; 
	text-align: left; 
	background: #FFF; 
	padding-top: 1px; 
	margin-left: auto; 
	margin-right: auto; 
	}
	
#jth_nimbuse-wb 
	{ 
	color: /*#FFF; */ #58585a; 
	font-weight: normal; 
	height: 12px; /* 22 px 22.01.2009 */ 
	padding-top: 8px; 
	padding-left: 10px; 
	width: 770px; 
	text-align: left; 
	background-color: #FFF; 
	float: left; 
	}
	
#jth_nimbuse-wb a { color: #fff; font-weight: bold; }

#jth_nimbuse-ws 
	{ 
	color: #fff; 
	font-weight: bold; 
	height: 25px;  
	padding-top: 5px; 
	padding-left: 10px; 
	width: 190px; 
	text-align: left; 
	background-color: #FFF; 
	float: left; 
	}
#jth-login fieldset.jth_input { float: left; }
#jth-login ul li { float: left; padding-right: 16px; }
#jth-login ul { clear: both; }
#jth-login fieldset.jth_input p { float: left; padding-right: 3px; }
#jth-hi { float: left; padding-right: 10px; }
#jth-logout { float: left; }
p#form-login-remember { margin-top: 19px; margin-right: 5px; }
p#form-login-remember, .jth-button { margin-top: 15px; margin-right: 5px; }

#jth-nimbuse-center-left 
	{ 
	width: 200px; 
	text-align: left; 
	float: left;
	background: #ececed;
	min-height: 500px; 
	}

#jth-nimbuse-center-right 
	{ 
	width: /* 200px */ 500px; /* Styles the News module and gives it its width */ 
	text-align: left; 
	float: right; }

#jth-nimbuse-bottom { width: 970px; height: 35px; background: url(../images/bottom-back.png) no-repeat left top; margin-top: 3px; font-size: 11px; }

#jth-nimbuse-center-center3 
	{ 
	width: 500px /* 765px */; 
	text-align: left; 
	float: left; 
	}
	
#jth-nimbuse-center-center-center3 
	{ 
	float: left; 
	padding-left: /* 5px */; 
	padding-right: /* 5px*/; 
	background-color: #fff; 
	width: 500px /* 763px*/; 
	text-align: left; 
	margin-top: 2px;
	}

#jth-nimbuse-center3 
	{ 
	width: 1000px; /* 500px; */
	background: ;
	text-align: left; 
	border-top: 0px solid #EDEDED; 
	border-bottom: 0px solid #EDEDED; 
	margin-top: -10px; /* 22.01.2009 */
	}
	
#jth-nimbuse-center-center2 { margin-left: 5px; float: left; width: 765px; text-align: left; }
#jth-nimbuse-center-center-center2 { float: left; padding-left: 5px; padding-right: 5px; background-color: #fff; width: 763px; text-align: left; }

#jth-nimbuse-center2 
	{ 
	width: 1000px; 
	background: url(../images/center2_bg.png) repeat-y;
	text-align: left; 
	border-top: 0px solid #EDEDED; 
	border-bottom: 0px solid #EDEDED; 
	}
	
#jth-nimbuse-center-center1 

	{ 
	width: 490px; 
	text-align: left; 
	}
	
#jth-nimbuse-center-center-center1 
	{ 
	padding-left: 5px; 
	padding-right: 5px; 
	background-color: #fff; 
	width: 490px; 
	text-align: left; 
	}

#jth-nimbuse-center1 
	{ 
	width: 490px; 
	background-color: #fff; 
	text-align: left; 
	border-top: 0px solid #EDEDED; 
	border-bottom: 0px solid #EDEDED;  
	}
	
#jth-nimbuse-center-center4 { width: 560px; text-align: left; float: left; }
#jth-nimbuse-center-center-center4 { background-color: #fff; width: 547px; padding: 0px 7px 0px 7px; margin-left: 10px; }

#jth-nimbuse-center4 
	{ 
	width: 1000px; 
	background: ; 
	text-align: left; 
	border-top: 0px solid #EDEDED; 
	border-bottom: 0px solid #EDEDED; 
	}
	
#jth-users-top a { color: #fff; }
#jth-users-bottom a { color: #fff; }
#jth-users-top { background: #444444 url(../images/user-back.png) repeat-x left bottom; width: 980px; margin-left: auto; margin-right: auto;	text-align: left; clear: both; padding-bottom: 10px; }
#jth-users-top table.contentpaneopen { background: none; }
#jth-users-bottom table.contentpaneopen { background: none; }
#jth-users-bottom table.contentpaneopen img { padding: 1px; }
#jth-users-top table.contentpaneopen img { padding: 1px; }
#jth-users-bottom { background: #444444 url(../images/user-back.png) repeat-x left bottom; width: 980px; margin-left: auto; margin-right: auto; text-align: left; clear: both; padding-bottom: 10px; }
.jth-users1 h3, .jth-users2 h3, .jth-users3 h3, .jth-users4 h3 { color: #fff; }
.jth-users1 { color: #fff; padding: 10px 0px 0px 10px; float: left; width: 470px; }
.jth-users1 img { padding: 1px; margin-right: 3px; border: 1px solid #CBC3B0; }
.jth-users2 { color: #fff; padding: 10px 10px 0px 10px; float: right; width: 470px; }
.jth-users2 img { padding: 1px; margin-right: 3px; border: 1px solid #CBC3B0; }
.jth-users3 { color: #fff; padding: 10px 0px 0px 10px; float: left; width: 470px; }
.jth-users3 img { padding: 1px; margin-right: 3px; border: 1px solid #CBC3B0; }
.jth-users4 { color: #fff; padding: 10px 10px 0px 10px; float: right; width: 470px; }
.jth-users4 img { padding: 1px; margin-right: 3px; border: 1px solid #CBC3B0; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html > body .clearfix { display: block; width: 100%; }
* html .clearfix { height: 1%; }
form label { cursor: pointer; }
input, select, textarea, .inputbox, .button { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
.inputbox { padding: 2px; border: 1px solid #CCCCCC; background: #FFFFFF; color: #000000; font-size: 100%; }
.button { padding: 1px 8px; border: 1px solid #999999; background: #CCCCCC; color: #000000; font-weight: bold; font-size: 90%; }
* html .button { /*IE 6*/
	padding: 0 5px !important;
}
*+html .button { /*IE 7*/
	padding: 0 5px !important;
}
.small, .createdate { color: #BBBBBB; font-size: 11px; }

.contentheading, .contentheading a /* Überschrift des Beitrags - gemäß Startseiten beitrag gestylt */
	{
	background: transparent url(../images/h1-bg.jpg) no-repeat left 30px; 
	margin-left: -20px;
	color: #58585a; 
	font-size: 20px; 
	font-weight: bold;
	padding: 20px 0 0 30px; 
	}
	
.contentpaneopen img 
	{ 
	padding: /* 5px */; 
	}

td.contentheading
	{
	width: 500px; /* Makes sure that the heading has grey background all across the whole table-box of the main content. :) */
}
table.contentpaneopen /* Body-Text für Beiträge */
	{ 
	padding-bottom: /* 3px */ 10px; /* Gives the text boxes a bottom padding according to the design */ 
	background: /* url(../images/dot.gif) repeat-x left bottom */; 
	padding-top: 3px;
	padding-left: 30px !important;
	padding-right: 5px;
	background: #ececed;
	}



table.jth_contentpaneopen
	{	
	background: #ececed;
	}
#jth-nimbuse-center-right table.contentpaneopen /* Calls on the News module; removes there and only there the grey background of the body text :) */
	{
	background: #FFF;
	padding: 0 0 0 48px; /* Styles the margin of the NEU / AKTION / NEWSLETTER images see also line 371 */
	margin-left: 16px;
}

* html #jth-nimbuse-center-right table.contentpaneopen {
}

/* Commented out as it breaks the design  */
 *+html table.contentpaneopen td /* For IE 7.0 - criscom 28.01.2009 */
	{
	padding-left: 30px;
	padding-right: 5px;
}

 * html table.contentpaneopen td /* For IE 6.0 - criscom 28.01.2009 */
	{
	padding-left: 30px;
	padding-right: 5px;
}


*+html #jth-nimbuse-center-right table.contentpaneopen /* For IE 7.0 - aligns NEU / AKTION / NEWSLETTER with the right margin of the website 28.01.2009 */

	{
	margin-left: 18px; 
}

* html #jth-nimbuse-center-right table.contentpaneopen /* For IE 6.0 - aligns NEU / AKTION / NEWSLETTER with the right margin of the website 28.01.2009 */

	{
	margin-top: 8px;
	float: right;
	margin-left: 10px;
/*	margin-left: 46px; */
}


#jth-nimbuse-center-right table.contentpaneopen img /* Styles the images in the News block/module on the right */
	{
	padding: 0px;
}

	
table.blog
	{
	}

span.article_separator
{
	height: 0px;
	background: white;
	width: 1000px;
}
		
a:hover.readon { color: #000000; }
a.readon { 	float: right; font-size: 11px; font-weight: bold; padding: 4px 4px 0px 4px;	color: #666666;	width: 80px; height: 23px; }
#jth-nimbuse-center-right div.module div div div h3, #jth-nimbuse-center-left div.module div div div h3 { font-size: 15px; height: 30px; padding-top: 3px; }

#jth-nimbuse-center-right div.module div div div, #jth-nimbuse-center-left div.module div div div 		{ 
	padding-left: /* 5px */; 
	width: 450px /* 195px */; 
	}
	
#jth-nimbuse-center-right div.module div div, #jth-nimbuse-center-left div.module div div { padding-bottom: 11px; }

.module_menu, .module-vertical-menu 
	{ 
	width: 198px; 
	padding-left: 1px;
	padding-top: 27px;
	/* background: #ececed; */
	}
.module_text, .module_menu div div, .module-vertical-menu div div { padding-bottom: 11px; }
.module_text div div h3, .module div div h3, .module_menu div div h3, .module-vertical-menu div div div h3 
	{ 
	color: #222222; 
	padding-left: 10px; 
	font-size: 13px; 
	height: 28px; 
	padding-top: 4px; 
	background: url(../images/modh3.png) no-repeat center top; 
	display: none;
	}
	
.module ul li, .module_menu ul li, .module-vertical-menu ul li { height: 30px; padding-bottom: 1px; display: block; }
.module ul li ul, .module_menu ul li ul, .module-vertical-menu ul li ul { display: none; }

.module ul li a, .module_menu ul li a, .module-vertical-menu ul li a 
	{ 
	background: /* url(../images/vertical.png) no-repeat left center */; 
	height: 24px; 
	padding-top: 9px; 
	display: block; 
	padding-left: 20px; 
	}

.module ul li a:hover, .module_menu ul li a:hover, .module-vertical-menu ul li a:hover 
	{ 
	/* background: #FFFFCC url(../images/hover-vertical.png) no-repeat left center; */
	}
.bannergroup_text { padding: 5px; width: 180px; }

/* @group Horizontal Navigation */

#hornav{ clear: both; display: block; height: 35px; font-weight: bold; }
#hornav .moduletable{ margin: 0; }
#hornav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; }
#hornav ul li{ margin: 0; padding: 0; height: 35px; float: left; position: relative; }

#hornav ul li a /* Main Menu Links horizontal navigation HOME NEWS PRODUCTS */
	{ 
	color: #FFF;
	font-weight: normal; 
	text-transform: uppercase; 
	padding: 9px 15px 6px 15px; 
	height:20px; 
	display: block; 
	float: left; 
	}
	
.menu li ul li {
  display: none;
}


#hornav ul li a:hover, #hornav ul li a:active, #hornav ul li#current.active a
	{ 
	background-color: #ad0917; 
	text-decoration: none; 
	color: #fff;
	font-weight: bold; 
	}

#hornav ul li a:hover
	{
	font-weight: normal;
}
	

#hornav ul li ul ul { margin: -40px 0 0 11em; }
#hornav ul li li { width: 200px; }

#hornav ul li li a 
	{ 
	color: #000; 
	text-transform: none; 
	display: block; 
	background: none; 
	width: 177px; 
	border-top: 1px solid #DDDDDD; 
	border-left: 3px solid #999999; 
	}
	
#hornav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 177px; }
#hornav ul li ul { left: -999em; margin-top: 35px; margin-left: 0px; top: 36px; left: 0; display: block; height: auto; width: 200px; position: absolute; z-index: 99; left: -999em; background-color: #D3D3D3; clear: left; margin-top: 0px; margin-left: 0px; }
#hornav ul li:hover ul ul, #hornav ul li:hover ul ul ul { left: -999em; }
#hornav ul li:hover ul, #hornav ul li li:hover ul, #hornav ul li li li:hover ul { left: auto; }
.sectiontableheader { height: 30px; background-color: #CCCCCC; padding: 3px 3px 0px 3px; border-top: 3px solid #333333; margin-top: 5px; }

/* @end */
.sectiontablefooter { border-top: 3px solid #CCCCCC; }
.sectiontableentry1 { height: 26px; background-color: #DDDDDD; border-top: 1px solid #fff; }
.sectiontableentry1 td { border-top: 1px solid #fff; padding: 3px; }
.sectiontableentry2 { height: 26px; background-color: #EDEDED; padding: 3px; }
.sectiontableentry2 td { border-top: 1px solid #fff; padding: 3px; }
table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2 { border: none; background: none; text-align: left; left: 0; top: 0; padding: 0; margin: 0; }

.componentheading 
	{ 
	font-size: 22px; 
	}

ul.jth-pagination { float: right; color: #4692BF; }
ul.jth-pagination li { float: left; font-weight: bold; margin: 0px 1px 0px 1px; }
ul.jth-pagination li a { color: #333333; font-size: 11px; border: 1px solid #B4BAC0; background-color: #ECEDEE; padding: 0px 2px 0px 2px; }
ul.jth-pagination li a:hover { color: #fff; border: 1px solid #4692BF; background-color: #4692BF; }
#page-right, #page-left { border: none; background-color: #fff; font-weight: bold; }

div.searchsearch
{
	align: center;
}

/* +++ Styling Startseite Newsbereich rechts - Tabellen - Bilder wurden durch Text ersetzt - 22.01.2009 +++ */

/* Tabelle NEU 1. Tabelle oben */

.neu-table /* 22.01.2009 */ {
	height: 177px;
	padding: 0px;
}

.neu h2 /* TEXT GROSS 22.01.2009 */ {
	background-color: #ae0917;
    color: white;
    font-size: 3.5em; 
    padding: 0px;
    
   
}

.neu /* TEXT 22.01.2009 */ {
	background-color: #ae0917;
    color: white;
    font-size: 1.5em !important;
    padding-left: 10px;
	position: relative;
	height: 177px;
}


.neu a /* LINK 22.01.2009 */ {
	color: white;
    text-decoration: underline;
    font-size: 0.9em;
}

.neu a:visited {
	color: white;
}

.neu2 /* image 22.01.2009 */ {
	background-color: #ae0917;
    color: white;
    font-size: 1em; 
    width: 158px;
    height: 177px;
    padding-bottom: 0px;
   }

*+html table.contentpaneopen td.neu2  { /* IE 7.0 - criscom 29.01.2009 */
	width: 158px;
	padding: 0;
	margin: 0;
}

* html table.contentpaneopen td.neu2  { /* IE 6.0 - criscom 29.01.2009 */
	width: 158px;
	padding: 0;
	margin: 0;
}

.neu3 /* TEXT klein 22.01.2009 */ {
	background-color: #ae0917;
    color: white;
    font-size: 1.5em; 
    padding-left: 15px;
  }

/* Tabelle AKTION 2. Tabelle von oben */
 
.aktion h2 /* TEXT GROSS 22.01.2009 */ {
    color: white;
    font-size: 3.5em; 
    padding: 0px;
    
   
}

  
.aktion /* TEXT 22.01.2009 */ {
	background-color: #e2001a;
	 color: white;
    font-size: 1.5em; 
    padding-left: 10px;
	position: relative;
}

.aktion a /* LINK 22.01.2009 */ {
	color: white;
    text-decoration: underline;
    font-size: 0.9em;
}

.aktion a:visited {
	color: white;
}

/* Tabelle KATALOG 3. Tabelle von oben */
 
.katalog h2 /* TEXT GROSS 26.01.2009 */ {
    color: white;
    font-size: 1em; 
    padding: 0px;
    
   
}

  
.katalog /* TEXT 26.01.2009 */ {
	background-color: #AEAFB1;
	 color: white;
    font-size: 1.5em; 
    padding-left: 10px;
	position: relative;
	
}

.katalog a /* LINK 22.01.2009 */ {
	color: white;
    text-decoration: underline;
    font-size: 1em;
}

.katalog a:visited
	{
	color: white;
}

.katalog2 /* BILD26.01.2009 */ {
	width: 158px;
    height: 47px;
}

*+html table.contentpaneopen td.katalog2 { /* IE 7.0 - criscom 29.01.2009 */
	width: 158px;
	padding: 0;
	margin: 0;
}

* html table.contentpaneopen td.katalog2 { /* IE 6.0 - criscom 29.01.2009 */
	width: 158px;
	padding: 0;
	margin: 0;
}