/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
**
**  YAML Version: 2.5
**  Dateiversion: 18.06.06
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@media all
{

/* ### Formatierung der Seite ########################################################################## */
body { background: #808080; padding: 10px; background-image: url(img/body_bg.gif);background-repeat: repeat-x;	}

/* ### Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden ########################### */

#page{ border: 0px #667 solid;  }
#page_margins {border:0; min-width: 971px; max-width: 80em; margin:auto;}

/* ### Formatierung der Kopfbereiches ################################################################## */

#header { position:relative; height: 174px; color: #fff; background: url(img/header.jpg) no-repeat top left; }
img#companyLogo {position:absolute; top: 80px; left: 10px; font-size:208%;}
#header  a{color: #fff;}

#nav {
	position:absolute; top: 47px;
}
/* ### Formatierung des Teasers (Brotkrumenpfad) ######################################################## */

#teaser {
  margin:0;
  background: #ffffff url(../../img/bread.gif) no-repeat;
  padding:7px 6px 6px 14px;
  color: #000;
  margin-bottom:5px;
  height:26px;
  font-size:0.8em;
}

#teaser a {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;

}

/* ### Formatierung der Fußzeile ####################################################################### */
#footer { color:#000; background: #fff; padding: 1em 0 0 0; border-top: 1px #000 solid; line-height: 1.5em; font-size:0.8em;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

/*Produktfinder*/

.filter-select {	
	margin-top:15px;
	float:left;
	}

#results a, 
#results span#toomuchresults{	
	margin-bottom:50px;
	float:left;
	background:url(img/button_search.gif) no-repeat;
	color:#FFFFFF;
	height:20px;
	
	margin-bottom:50px;
	padding:2px 10px 0 32px;
	}

#results span#toomuchresults{	

	background:url(img/button_search_inactive.gif) no-repeat;

	}
	
#productfinder .clearfix{
	clear:both;
	float:none;
	
	}
	

#col3_content #productfinder label{	
	width:180px;
	
	}	
	
	
/*
#results a{	
	margin-bottom:2px;
	color:#FFFFFF;
	}
*/


#main { background: #fff ; padding-top: 1em;}

/* ### linke Spalte ### */
#col1 {	width: 22.5%; }
#col1_content { margin-left:0px; margin-right:0; color: #444; background:inherit;padding-left:10px; }

/* ### Rechte Spalte ### */
#col2 {	width: 25%; }
#col2_content {	padding-left:0px; margin-left:0; margin-right:0px;padding-right:10px; }

/* ### Mittlere Spalte ### */
#col3
{

  border-left: 0px dotted #ddd;
  border-right: 0px dotted #ddd;
}

#col3_content { margin-left: 1em; margin-right: 1em;}

/* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */
#main_checkout {
  background:#ffffff;
}
#col3_checkout {
  width:100%;
}


#boxSearch {
  position:absolute;
  top: 151px;
  right: 20px;
  color:#fff;
  width:auto;

}

#boxSearchText {
  position:absolute;
  right:45px;
  top:152px;
  color:#fff;
  width:auto;
}
#boxSearchText input{
	height:15px;
	padding:0;
}


#boxSearchHeader {
  position:absolute;
  right:175px;
  top:152px;
  color:#fff;
  width:auto;
}

#rightLogin input{
  vertical-align:middle;
}

#leftLogin,#centerLogin {
  float:left;
  margin-right:15px;
  font-size:0.9em;
}

#leftLogin input,#centerLogin input{
  padding:1px;
  width:9em;
}

#leftLogin input:hover,#centerLogin input:hover ,
#leftLogin input:active,#centerLogin input:active ,
#leftLogin input:focus,#centerLogin input:focus {
  background-color:#E9BB04;
  border:1px solid #FEF2C2;
  color:#000000;
}

#rightLogin {
  text-align:right;
  padding-right:10px;
  float:left;
  line-height:1em;
}

#langHeader {
  position:absolute; top: 55px; right: 20px;
  color:#fff;
}

#lostPass{
	clear:both;
}

img#navihead {
height:26px;
padding:0;

}



/* ### stehen lassen ### */
}