@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: Arial, Helvetica, sans-serif;
    	/* Standardschriftgröße; 100% = 16px */
		font-size: 75.00%; 
		/* Hintergrundfarbe Hauptseite */
		/*background-color:#f7f6dd; */
		background: #f7f6dd url(images/background_body_verlauf.png) repeat-x;
  	}
	/* Farbe Kopfbereich */
   	#header_top {
		background-color:#fff;
	}	
	/* Hoehe Kopfbereich */
   	#header_top {
		height:120px;
		padding: 20px;
	}	
	/* Hintergrundbild Kopfbereich */
   	#header_top {
		background-image:url(../../images/Head/header_image.png);
		background-position:left top;
		background-repeat:no-repeat;
	}	

   	#header_top_menu {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	#facebook_like { 
		position: absolute;
		top: 59px;
		left: 849px; 
	}	

	/* Logo Kopfbereich */	
	#header_top_logo {
		/*background-image:url(../../images/Head/logo_floramed.png);*/
		position:absolute;
		left:20px;
		top:20px;
		background-repeat:no-repeat;
		width:200px;
		height:120px;	
	}
	
	#head_suche {
		position:absolute;
		right:20px;
		top:100px;
		padding: 0;
	}
	
	/* Hintergrundfarbe horizontales Menü */
   	#head_menu {
		background-color:#282828;
		height: 40px;
		border-top: 1px solid #000;
		border-bottom:1px solid #000;
	}	

	#nav_horizontal  {
		padding: 0 0 0 20px;
		border: none;

	}
	
	 	/* Schriftfarbe horizontales Menü */
	#nav_horizontal a {
		color:#fff;
	    padding: 8px;
	}
	
	#nav_horizontal a:hover {
		background-color:#000;
		padding-bottom:8px;
	}
	
	#nav_horizontal li {
		line-height: 24px;
		border: none; 
	}

	#nav_horizontal li a.menulink_gaerten {
		background-color: #39a692;
		color: white;
		padding-bottom:8px;
		padding-top:8px;
	}
	
	#nav_horizontal a.menulink_gaerten:hover {
		background-color:#9bd8b2;
		color: #000;
	}
	
	
	
	#header_top_menu li {
		float: left;
		list-style-type: none;
/*		background-image:url(images/divider_top_menu.png);
		background-position: right center; 
		background-repeat:no-repeat;
		padding-right: 20px;*/
	}
	
	#header_top_menu li a{
		text-decoration:none;
		color: #000066;
		font-weight:bold;
		font-size: 108.33%;
	}
	
	/* Schatten horizontales Menü ausschalten */
	.menu_shadow {
		display:none;	
	}
	/* Hintergrundfarbe Linke Spalte  */
	#col3 { 
		border-left: #fff solid 330px;
	 }	
	/* Hintergrundfarbe Hauptbereich  */
	#col3 { 
		background-color:#fff;
	 }	
	 
	 #col3_content {
	 	border-left: 2px solid #F2F2F2;
	 }
	 
	#nav_vertical {
		padding: 25px;
	}		
	
	#nav_vertical_box {
		margin-bottom: 30px;
	}			

	#nav_vertical_top {
		background: url(images/background_module_top.png) no-repeat;
		height:22px;
	}

	#nav_vertical_bottom {
		background: url(images/background_module_bottom.png) no-repeat bottom;
		height:22px;
	}
	
	#nav_vertical_content {
		background-color: #f7eecd;
		padding-left: 10px;
		border-left: 1px solid #ead17c;
		border-right: 1px solid #ead17c;
	}

			 
	/* Schriftfarbe vertikales Menü*/
	#nav_vertical li a {
		color:#000;
	}	
	/* Hintergrundfarbe Hauptbereich */
	#main {
  		background: #fff;
	}
	/* Textfarbe Fusszeile */
	#footer, #footer a { 
  		color:#999; 
  	}
	
	#footer{ 
		background: #f7eecd url(images/background_footer.png) repeat-x;
  	}
	/* Hintergrundfarbe Boxen rechte Seite */
	.bbox_Head {
		background-color:#fff;
	}
	.bbox_Main {
		background-color:#fff;
	}		
  	
	/**
   	*	Standardfaraben für Schriften und Hintergrundfarben
   	*/	
	/* Farbe für Headline 1 */
	h1,h3 {
		color:#000;
		font-family: Comic Sans MS;
		font-weight: normal;
	}

	.headline_logo {
		background-image:url(images/content_titel_logo.png);
		background-repeat:no-repeat;
		background-position:top right;
		padding-right: 42px;
		display:inline;
	}
	
	h1 {
		font-size:175%;
	}



	/* Standardfarbe 1 Text */
	.fontColor1 {
	/*color:#82B414;*/
	color:#000066;
	}
	.fontColor2 {
	
	}
	.fontColor3 {
	
	}
	.fontColor4 {
	
	}
	/* Hintergrund Button Shop zum Artikel */
	.background1,
	.background1:hover {
		background-color:#f7eecd;
		color:#000;	
	}
	/* Hintergrund Button zum Warenkorb, Warenkorblink Produkt-Detailansicht, Schaltflächen Bestellvorgang */
	.background2,
	.background2:hover {
		background-color:#f7eecd;
		color:#000;	
	}
	.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;	
	}
	
	#col1_content .imgleft {
		border: 3px solid #F0F0F0;
	}
	
	#head_suche {
		background: url(images/background_head_suche.png) no-repeat;
		padding-left:20px;
		height: 30px;
		width: 260px;
	}

	#head_suche .eingabe {
		font-size: 120%;
		background:none;
		border: 0;
		margin-top:4px;
		float:left;
		color: #ccc;
	}	

	#head_suche .button_head_suche {
		background: url(images/head_suche_button.png) no-repeat;
		border: 0;
		hieght:24px;
		width:24px;
		margin-right:3px;
		margin-top:3px;
		float: right;
	}	
	
	.articleBody .floatbox {
		margin-top: 5px;

	}
	
	.teaser {
		margin-top:10px;
		line-height:140%;
	}
	
	#col1_content .teaser p {
		margin-top: 8px;
	}

	.creationdate {
		color: #999999;
		margin-bottom:3px;
	}
	
	.readmore, .readmore a {
		color: #999999;
	}

	#slideshow_overlay .teaser {
		font-size: 125%;
	}
	
	#slideshow_overlay .teaser .readmore, 	#slideshow_overlay .teaser .readmore a  {
		color:#000000;
		font-weight:bold;
	}
	
	#col3_content .floatbox	.main {
		width:260px; 
		float:left;
		margin-right:20px;
		margin-left:20px;
		padding-top:5px;
	}
	
	#col3_content .floatbox	.main p {
		padding-top:5px;
	}
	
	li .top_menu_warenkorb {
		background-image: url(images/warenkorb_button.png);
		background-position:right center;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	li .top_menu {
		/*background-image: url(images/divider_top_menu.png);
		background-position:right center;
		padding-right:20px;*/
	}
	
	#nav_admin,
	#nav_admin ul{
		list-style-type:none;
	}
	#nav_admin li {
		float:left;
	}
	
	#footer ul#mainmenu {
		display:inline-block;
		margin:0;
		padding:0;
	}
	
	#footer #mainmenu li{
		list-style-type:none;
		margin-left:0;
		}

}