@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by wolfgang maschke ##
** ################################################################
**
**  Date     : 15.03.10
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* alle Änderungen zum vorgegebenen CSS finden sich hier - wm 03.2010 */


/********** Jahresfarbe für Logo/Navigation/Links  **********/
/**********                                        **********/
/**********             #77aa14                    **********/

/*------------------------------------------------------------------------------------------------------*/

body {
		background:		#666666 url("01_layouts_basics/css/images/bg_gradient.gif") repeat-x top left fixed; 
		padding:		40px 0;
		font-family:	Verdana, Helvetica, Arial, sans-serif;
	}
h1 {	
		font-size:		150%;
		padding-bottom:	10px;
		letter-spacing:	0.2em;
	}                        /* 21px */
h2 {	font-size:120%; 
		color:#666;
		padding:		15px 0 6px 0;
	}         /* 18px */
h3 {font-size:120%}                        /* 18px */
h4 {font-size:110%}                     /* 16px */
h5 {font-size:100%}                     /* 14px */
h6 {font-size:100%; font-style:italic}  /* 14px */
h1,h2,h3,h4 {
		font-weight: normal;
		text-transform: uppercase;
		}

li {line-height:1.2em}

a {
		color:#77aa14;
		text-decoration:none;
	}


/* (de) Layout: Breite, Hintergrund, Rahmen */
#page_margins {
  		min-width:		960px; 
		max-width:		960px; 
		width: 			960px;
		margin:			0 auto; 
		border:			0px #889 dashed;
	}
	
#page {
  		float:			left;
		margin:			0px !important;
		border:			1px #333333 solid;
	}
	
   /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 {width:160px}
  #col1_content {padding:10px;}

  #col2 {width:180px}
  #col2_content {		padding:10px 0 0 0;}

  #col3 {
  		margin:			0 0 0 160px;
  		width:			620px;
  	}
  #col3_content {
  		padding:		10px 20px 10px 30px;
	}
  
/* header-bereich */
#header {
		height:			160px; 
		width:			960px;
		color:			#666666; 
		background-color:#ffffff;
	}
	
#header img.headImg1 {
		top:			0px; 
		left:			0px;
	}
	
#header #banner {
		top:			0px; 
		left:			160px;
	}
#header div.tx-macinasearchbox-pi1 {
		z-index:		11;
	}
#header #topnav {
		z-index:		12;
		top:			115px; 
		right:			10px;
		color:			#666666;
}

#topnav a {color:#666666; font-weight:normal; background:transparent; text-decoration:none;}
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active {color:#333333; font-weight:normal; text-decoration:none; background-color:transparent;}
 



	
/*****************************************
*	angepasstes stylesheet for Navigation
*	last changes: 15.03.2010
******************************************/

#submenu {
    	width: 100%;
    	overflow: hidden;
    	margin: 0 0 1em 0;
    	list-style-type: none;
    	border-top: 0;
}

#submenu a,
#submenu strong {
    border-bottom: 		0;
}
  
#submenu li#title {
  		display:		none;
}
	
#submenu li { 
		float:			left; 
		width: 			100%; 
		margin:			0; 
		padding: 		0;
}

/* Level 1 */
#submenu li#active,
#submenu li strong {
    	padding: 		5px 0px 5px 0;
    	color: 			#77aa14;
    	background-color:#ffffff;
    	border-bottom: 	0;
}

#submenu li a { background-color:#fff; color: #666;padding: 5px 0 5px 0; }
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#fff; color: #77aa14; }


/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span { padding: 0 0 0 5%; font-weight: normal;margin: 0;}

#submenu li ul li a { background-color:#fff; color: #666; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { padding: 0 0 0 5%; background-color:#fff; color: #77aa14; margin: 0;}

/* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span { padding: 0 0 0 15%; font-weight: normal;margin: 0;}

  #submenu li ul li ul li a { background-color:#fff; color: #666; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { padding: 0 0 0 15%; background-color:#fff; color: #77aa14; margin: 0; }

/* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { padding: 0 0 0 25%; font-weight: normal;margin: 0; }

  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #666; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { padding: 0 0 0 25%; background-color:#fff; color: #77aa14; margin: 0; }

/**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

table {width:80%; border-collapse:collapse; margin-bottom:0.5em;}
table.full {width:100%;}
	
/* Content element "table" */
table.contenttable {font-size:0.8em; width:100%; margin:0 0 1em 0; border-collapse:collapse; empty-cells:hide;}

/* Content element "table" bone butler */
table#bone {font-size:1em; width:90%; margin:0; border-collapse:collapse; empty-cells:hide;}
table#bone td {
	border:0px solid #FFFFFF;
	font-weight:normal;
	height:auto;
	padding:0px 3px;
	text-align:left;
}
table#bone td p {
	line-height:normal;
	margin:0;
} 

/* #############################
** ### tt_news #################
** #############################
*/
#newslist-title {
		padding:		5px 10px;
		font-weight:	bold;
		color: 			#fff;
		background-color:#77aa14;
		margin-bottom:	1em;
}

/* LATEST Ansicht */
.news-latest-item {
		margin-bottom:		1em;
		padding: 			0 10px;
		border-bottom:		#77aa14 1px solid;
}
.news-latest-item span.news-latest-date,.news-latest-item span.news-latest-date a {color:#aaa; font-weight:normal; font-size:0.8em;}
.news-latest-item h3 {
		padding-top:		0; 
		margin-top:			0;
		font-size:			1.0em;
}
.news-latest-item h3 a {text-decoration:underline;}
.news-latest-item h3 a:hover {background:transparent;}
.news-latest-item p {
		line-height:		1em;
}

.news-latest-item img {padding-right:1em; padding-top:0.5em; float:left;}
.news-latest-morelink {padding:0; border:0; background:0; text-align:left;}
.news-latest-morelink a {color:#77aa14;}


/* LIST Ansicht */
.news-list-item {
		margin-bottom:		1em;
		padding: 			0 10px;
		border-bottom:		#77aa14 1px solid;
		width:				60%;
		
}
.news-list-item h3 {
		padding-top:		0; 
		margin-top:			0;
		font-size:			1.0em;
}
.news-list-item p {
		line-height:		1em;
}

.news-list-item h3 span.news-list-date {color:#aaa; font-weight:normal; font-size:0.8em;}
.news-list-morelink {padding:0; border:0; background:0; text-align:left;}
.news-list-morelink a {color:#77aa14;}
.news-list-morelink a:hover {background:transparent;}


/* SINGLE Ansicht */
.news-single-item h3 {margin-bottom:0; color:#000; padding:0 0 10px 0; background:0; border-left:0; font-size:1em;}
.news-single-img {padding-right:15px;	float:left;}
.news-single-img p {padding:0; margin:0;}
.news-single-timedata {color:#aaa; margin-bottom:1em;}
.news-single-additional-info {}
.news-single-additional-info dd {margin-top:-1em;}
.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}




/***********************************
*	angepasstes stylesheet for commerce
*	last changes: 19.11.2009
***********************************/




/**************************
* Listview for Category
**************************/

div.com-category {
		/*border:	#006633 dashed 1px;*/
}

div.com-category-title {}
div.com-category-subtitle {}
div.com-category-desc {}
div.com-category-img {}

/**************************
* Listview for Products
**************************/

div.com-list { 
	border-collapse:collapse;
	border-spacing:0px;
	border:#006633 1px dotted;
	margin-bottom:58px;
	margin-top:5px;
	width:100%;	
}
div.com-list-header { }

div.com-list-header th { 
	padding:40px;	
}

div.com-list-header-img { }
div.com-list-header-title { }
div.com-list-header-teaser { }
div.com-list-header-price { }
div.com-list-header-action { }

div.com-list-col-title { padding: 0 0 10px 0; font-weight: bold; font-size:1.1em;}
div.com-list-col-subtitle { font-weight: bold; }
div.com-list-col-teaser  { padding-bottom: 1em;}
div.com-list-col-action { margin-left: 0px; }

span.com-list-article-subtitle { font-weight: bold;}
span.com-list-article-extra { font-style: italic;}

div.com-list-action-entry {
	text-align:left;
	padding: 1em 0 1em 0;
	border-top: #eee solid 1px;
 }
div.com-list-action-attributes {
	/*background-color:#eee;*/
	padding-left: 0px;
}
dl.com-select-attributes {
	width: 100%;
	margin: 0;
	line-height: normal;
}
dl.com-select-attributes hr.clearer {
	margin: 0;
	padding: 0;
}
dl.com-select-attributes dt, dl.com-select-attributes dd {
	float: left;
}
dl.com-select-attributes dt {
	/*clear: both;*/
	font-weight: normal;
	/*width: 30%;*/
	padding-right: 0.5em;
}
dl.com-select-attributes dd {
	margin: 0;
	width: 50%;
}
span.com-list-col-teaser-link {	
	line-height: 2em;
	margin: 0.5em 0;
}

/*Einstellung für 2-spaltige Ansicht*/
/*div.com-list-even {
	width: 270px;
	float:left;
}*/
div.com-list-even {
	width: 400px;
	margin-bottom: 2em;
	border-bottom: 1px solid #DDD;
}
div.com-list-odd {
	/*background-color: #999999;*/
	margin-left: 310px;
	width: 270px;
	/*float:left;*/
}
div.com-list-col-img {
	float: left;
	margin-right: 20px;
}
div.com-list-col-cont {
	float: left;
	width: 310px;
}
div.pagebrowser {
	width: 100%
}
div.itemblockclearer {
	/*display:block;*/
	margin-bottom: 20px;
	width: 100%;
	float: none;
	clear:left;
}

hr.clearer {
	clear:	left;
	color:	transparent;
	border-color:-moz-use-text-color -moz-use-text-color transparent;
}
/**************************
* Singleview for Products
**************************/


div.com-single { }

div.com-single-desc { }

div.com-single-aticle { }

div.com-single-action-entry {}

/**************************
* Singleview for Products
**************************/


div.com-single { }

div.com-single-aticle { }

div.com-single-cat { }


/**************************
* Attributes for Articels
**************************/

div.com-basket-sel-att { }


}