@charset "utf-8";

/**
**@file name:   base.css
**@website:     fleischereimaschinen.de
**@author:      Syle Shehu
**@version:     2.0
**@date:        16.12.08
**@e-Mail:      shehu.syl@gmx.de
**/


@media screen, projection{

	*{padding: 0; margin: 0; border: 0; text-decoration: none;}
	html{font-size: 100%; height: 101%;}
  body{font: 62.25% Arial, Verdana, sans-serif; line-height: 1.6; background: #ededed; color: #5d5d5d;
	     text-align: center; position: relative; padding: 0 0 30px 0;} 
		 
	a{color: #326d9f; text-decoration: underline;}
	
	a:hover,
	a:visited,
	a:focus{text-decoration: underline;font-weight:normal;}
	
	h1,h2,h3,h4,h5,h6{font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;margin: 0 0 0.5em 0;}
	h1{font-size: 1.6em;}
  h2{font-size: 1.4em; color: #326d9f; font-weight: bold;border-bottom: 1px solid #ddd;}
	h3{font-size: 1.4em;}
	h4{font-size: 1.3em; text-decoration: underline;}
	h5{font-size: 1em;}
	h6{font-size: 0.8em; font-family: verdana;}
	
	p{margin: 0 0 1.5em 0; font-size: 1.2em;}
	
	ul{margin: 0 0 0 30px;}
/**@Id's**/
	#wrapper     {width: 966px;height:auto;margin: 0 auto; text-align: left;
	              background: #fff url(../pix/wrapper_bg.gif) center center repeat-y;}
			 
	#head        {height: 139px; background: transparent url(../pix/head_bg.gif) center center no-repeat;position: relative;}
	#head .domains {position:absolute; left: 16px; top:0; width: 850px;}
	#head .quickbar    {right: 40px; top: 35px; position: absolute;width: 230px;}
	#head .quickbar p  {margin: 0;font-size: 11px;font-weight: bold;}
	#head .quickbar h3 {color: #333;}
	#head .slogan    {background: transparent url(../pix/slogan.gif) left top no-repeat; position: absolute; height:53px; width: 215px; left: 23px; top: 62px; }

  #main        {padding: 0 13px; height: auto;}
	#footer      {padding: 15px 13px 0 13px; position:relative; clear:both; height: 30px; background: url(../pix/footer_end.gif) left bottom no-repeat;}
  
  
  #logomenu ul{margin:0; padding: 10px 0 0 0;;}
	#logomenu ul li{list-style: none;float: left;}
  
  
  #companyMenu ul{margin: 0; padding:0 0 0 45px;}
  #companyMenu li{list-style: none; float:left;margin: 0 5px 10px 5px;}
  #companyMenu li a{display: bolck;}
	
/**@Classes**/
    
   p.info{border: 1px solid #ddd; padding: 5px; background: #F4F8F4; font-size: 12px;}
    
   /**@White Box**/
   div.box-outer               {background: url(../pix/box_foot.gif) left bottom no-repeat;padding: 0 0 12px 0;}
   div.box-outer .wrap         {border: 1px solid #979797;border-width: 1px 1px 0 1px;padding: 5px;}
   div.box-outer .box-content  {font-size: 1.1em;}
   div.box-outer .box-link     {font-size: 1.1em;}
   div.box-outer h3            {font-size: 1.2em;font-weight: bold;font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;}
   div.box-outer h3 a          {font-weight: normal;} 
   div.box-outer p             {margin: 0 0 1em 0;}
   
   div.box-content ul          {margin: 0;padding: 0;}
   div.box-content ul li       {list-style: none;}
   div.box-content ul li ul    {margin: 0 0 5px 0; padding: 0;}
   div.box-content ul li ul li {border-bottom: 1px solid #ddd;}
   div.box-content ul li ul li.short {border-bottom: none;}
   

   
	/**@Clear float**/
	.clear                 {clear: both;}
	.clearleft             {clear: left;}
	.clearright            {clear: right;}
	/**@float**/
	.floatright            {float: right;}
	.flaotleft             {float: left;}
	 
  /**@Cols**/
  .c22l {float:left;  width: 220px;}
  .c70r {float:right; width: 700px;}
  
  .c52l {float:left;  width: 520px;}
  .c40r {float:right; width: 400px;}
  
  .c70l {float:left;  width: 700px;}
  .c22r {float:right; width: 220px;}
	
	/**@Punktliste**/
	ul.csc-bulletlist        {margin: 0; padding: 0;border-top: 1px solid #c6d3de;border-right: 1px solid #c6d3de;border-left: 1px solid #c6d3de;}
	ul.csc-bulletlist li     {font-size: 1.2em;list-style:none;padding: 2px 0 2px 3px;}
	ul.csc-bulletlist li.odd {border-bottom: 1px solid #c6d3de;background: #e6edf0;}
	ul.csc-bulletlist li.even{border-bottom: 1px solid #c6d3de;}
	
	
	/**@Tabelle**/
	table.contenttable               {width: 100%;font-size: 1.1em;}
	table.contenttable .tr-0 td      {font-weight: bold;}
	table.contenttable tr.tr-odd     {background: #f1f1f1;}
	table.contenttable tr .td-0      {width: 120px;}
	table.contenttable tr .td-1      {width: 120px;}
	/**@Bildunterschrift**/
	dd.csc-textpic-caption   {font-size: 1.1em;}
	
/**@Hacks**/
.cf:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */


}