@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Customer specific adaptions of base-layout
 * (de) Kundenspezifische Basis-Anpassungen
 *
 * @copyright       Copyright 2009, Eugen Ulmer KG
 * @link            http://cms.ulmer.de
 * @version         0.1
 * @lastmodified    $Date: 2009-05-06 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
	body {
		/* Schriftschnitt */
		font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    	/* Standardschriftgröße; 100% = 16px */
		font-size: 75.00%; 
		/* Hintergrundfarbe Hauptseite */
		background-color:#009600; 
		/* Textfarbe */
		color:#612020;
  	}
	h1,h2,h3,h4,h5,h6 {
		font-family:"Times New Roman", Times, serif;	
	}
	/* Farbe Kopfbereich */
   	#header_top {
		background-color:#fff;
	}	
	/* Hoehe Kopfbereich */
   	#header_top {
		height:136px;
	}	
	
	#header,
	#main,
	#footer_inner{
		border-left:1px solid #612020;	
		border-right:1px solid #612020;	
	}
	#header {
		border-top:1px solid #612020;	
	}
	#footer_inner {
		border-bottom:1px solid #612020;	
	}

	/* Hintergrundbild Kopfbereich */
   	#header_top {
		/*background-image:url(images/winarbor_head_background.jpg);
		background-position:left top;
		background-repeat:no-repeat;*/
		background-image:none;
	}	
	/* Logo Kopfbereich */	
	#header_top_logo {
		background-image:url(images/winarbor_head_logo.gif);
		position:absolute;
		left:50px;
		top:35px;
		background-repeat:no-repeat;
		width:300px;
		height:75px;	
	}
	/* Igel im Kopfbereich */
	#igel {
		position:absolute;
		right:15px;
		top:30px;
		width:300px;
		height:180px;	
		z-index:99;
	}
	
	#igel-oben,
	#igel-unten {
		position:absolute;
		right:15px;
		z-index:99;
	}
	#igel-oben {
		top:30px;
		width:288px;
		height:70px;			
	}
	#igel-unten {
		top:100px;
		width:100px;
		height:107px;			
	}
	
	
	
	/* Hintergrundfarbe horizontales Menü */
   	#head_menu {
		background-color:#fff;
		border-bottom:15px solid #612020;
	}	
 	/* Schriftfarbe horizontales Menü */
	#nav_horizontal a {
		color:#612020;
		font-size:108.33%
	}
	#nav_horizontal {
		border-left:0;
		border-right:0;
	}
	#nav_horizontal li {
		border-left:0px;
		border-right:1px solid #612020;
		padding:0 10px;
		/*margin:7px 0 6px 0;*/
	}
	#nav_vertical_hydrangea {
		height:420px;
		background-image:url(images/menu_vertical_hydrangea.jpg);
		background-position:right top;
		margin-left:-15px;
	}
	
	#nav_vertical_hydrangea_youandme {
		height:450px;
		background-image:url(images/menu_vertical_hydrangea_youandme.jpg);
		background-position:right top;
		margin-left:-15px;
	}	
	/* Abstand unterhalb Menü mit Linie */
	#head_bottom {
		height:21px;
		border-bottom:1px dotted #EAD4B7;
	}	
	/* Schatten horizontales Menü ausschalten */
	.menu_shadow {
		display:none;
	}
	/* Hintergrundfarbe Linke Spalte  */
	#col3 { 
		border-left: #fff solid 200px;
	 }	
	/* Hintergrundfarbe Hauptbereich  */
	#col3 { 
		background-color:#fff;
	 }	
	/* Schriftfarbe vertikales Menü*/
	#nav_vertical li a {
		color:#000;
	}	
	#nav_vertical li li,
	#nav_vertical li li.active{
		background-image:none;
		padding-left:0;
	}	
	#nav_vertical ul {
		margin-left:0;
	}
	#nav_vertical ul li{
		list-style-type:disc;
		margin-left:15px;
	}
	/* Hintergrundfarbe Hauptbereich */
	#main {
  		background: #fff;
	}
	/* Textfarbe Fusszeile */
	#footer, #footer a { 
  		color:#999; 
  	}
	/* Hintergrundfarbe Boxen rechte Seite */
	.bbox_Head {
		background-color:#FEFBEA;
		background-image:url(images/BBox-Head-left_timm.gif);
	}
	.bbox_Head_InnerBox {
		background-image:url(images/BBox-Head-right_timm.gif);
	}	
	.bbox_Main {
		background-color:#FEFBEA;
		border:1px solid #612020;
	}		
	#shoppingcart .bbox_Main {
		border-bottom:none;
		background-image:url(images/BBox-timm-content-bg.gif);
		background-position:left bottom;
		background-repeat:no-repeat;
		padding-bottom:20px;
		margin-bottom:0;
	}		
	
	
	.bbox_Footer {
		height:90px;
		background-image:url(images/BBox-timm-etikett.gif);
		background-position:left;
		background-repeat:no-repeat;
		margin-bottom:20px;
	}
  	
	/**
   	*	Standardfaraben für Schriften und Hintergrundfarben
   	*/	
	/* Farbe für Headline 1 */
	h1 {
		color:#612020; 
	}
	/* Standardfarbe 1 Text */
	.fontColor1 {
		color:#612020;
	}
	.fontColor2 {
	
	}
	.fontColor3 {
	
	}
	.fontColor4 {
	
	}
	/* Hintergrund Button Shop zum Artikel */
	.background1,
	.background1:hover {
		background-color:#279D2D;
		color:#fff;	
	}
	/* Hintergrund Button zum Warenkorb, Warenkorblink Produkt-Detailansicht, Schaltflächen Bestellvorgang */
	.background2,
	.background2:hover {
		background-color:#CC071E;
		color:#fff;	
	}
	.background3,
	.background3:hover {
		background-color:#999;
		color:#fff;	
	}
	/* Hintergrund Button neutral in den Login, Suche, Warenkorb in Shopliste */
	.background4,
	.background4:hover {
		background-color:#ddd;
		color:#333;	
	}
	
}