/* http://www2.insta-sets.de//
http://www2.insta-sets.de/standard.css */

/*ZAMMERT insta-sets*/
 
/* ---------------------------------------------- */
/*  Stylesheet etamis Firefox  */
/*  Stand: 06/2009  */
/*  Copyright: www.till.net  */
/* ---------------------------------------------- */


* { 
  margin: 0px;
  padding: 0px;
}

html { 
  font-size: 11px;
  min-width: 960px;
  width: 100%;  
}

body { 
  background: #fff;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  margin: 0px;
  min-width: 960px;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

.clear {
  clear: both;
}


#header {
  background: #eaeaea;
  height: 40px;
  margin: 0px 0px 15px 0px;
}

.topheader {
  background: url(righttopheaderimg.png) #FEC401 no-repeat right;
  background-position: 99% 50%; 
  height: 25px;
}

.headersearch {
  margin-left:10px;
  padding-top: 3px;
  width: 250px;
}

.headernav {
  float: right;
  margin-top: 6px;
  width: 425px;
}

.headernav a {
  color: #4f4f4f;
  font-size: 10px;
  margin-right: 20px;
  text-decoration: none;
}

.headernav a:hover {
  text-decoration: underline;
}

.headernav form {
  background-color: #f6ae24;
  display: inline;
}

input.suche {
  border: 1px #cecece solid;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 100%;
  padding: 0px 0px 2px 2px;
}

input.submitsuche {  
  background-color: transparent;
  border: 0px #B3B3B3 solid;
  color: #000;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 110%;
  /*font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-weight: normal;*/
  margin: 0px;
  padding-left: 2px;
}

/*input.submit {
  font-size: 12px;
}*/

/*ul.faqheader {
    margin-left: 18px;
}*/

	/* end header search */


.bottomheader{
background: #FFD900;
border-bottom: solid 1px #fff;
height: 15px;
}

.solidborder {
border-top: solid 1px #D6D6D4;
height: 1px;
margin-bottom: 15px;
}


/* --- CONTENT WRAPPER --- */


#contentwrapper{
float: left;
width: 100%;
}


/* --- CONTENT COL --- */


#contentcol{
border-bottom: 1px solid #FDC300;
margin: 0px 215px 0px 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

.centercoltopimg {
background: url(centerimg.png) no-repeat;
height: 88px;
}


/* breadcrumbs */


#breadcrumb {
	/*float: left;*/
	font-size: 11px;
	margin: 10px 0px 0px 40px;
	width: 400px;
}

#crumbs ul, li {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#crumbs li {
   color: #6F4C00;
   /*float: left;*/
   line-height: 1.7em;
   padding-right: .75em; 
}

#crumbs li a {
  background:url(crumbarrow.png) no-repeat right;
  display: block;
}

#crumbs li a:link, #crumbs li a:visited {
  color: #565656;
  text-decoration: none;
}

#crumbs li a:hover, #crumbs li a:focus {
   color: #4F4F4F;
}


/* end of breadcrumbs */




/* --- PRODUCTCONTAINER --- */


.productcontainer{
	overflow: hidden;
} 

.leftcontentcolsub{
    /*float: left;*/
	padding-right: 2%;
    width: 49%;
}

.rightcontentcolsub {
    /*float: left;*/
    width: 48.9%; /* -0.1% retracted to prevent DIV break in IE% */ 
}

.contentcolsubheader {
	background: url(contentsubback.png) no-repeat left;
	border: solid 1px #FDC300;
	border-right: none;
	display: block;
	height: 18px;
	margin-top: 5px;
}

.contentcolsubheader h3{
	color: #C28E21;
	font-size: 11px;
	margin: 2px 0px 0px 25px;
}

.contentcolsubinfo img {
	/*float: right;*/
	padding: 10px 5px 10px 10px;
}

.contentcolsubinfo a img{
	border-style: none;
	/*float: left;*/
}

.contentcolsubinfo a  {
	color: #E2801B;
	/*float: left;*/
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	text-decoration: none;
}

.contentproductinfo {
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
}

.productrequest b a{
	padding-top: 14px;
}

/* --- LEFT COL --- */


#leftcol{
	/*float: left;*/
	margin: 0px 0px 0px 0px;
	width: 200px; /*Width of left column*/
}

.logo {
	background: url(logo.png) no-repeat;
	float: left;
	height: 65px;
	width: 180px;
}


/* navigation */


.navigation {
	float: left;
	font-weight: bold;
	margin: 110px 0px 40px 0px;
	width: 180px;
}

.navigation ul {
	list-style: none;

}

.navigation li a:link, .navigation li a:visited {
	background: url('navimg.png')  left no-repeat;
	background-position: 1% 58%;
	border-bottom: dashed thin #FFD800;
	color: #E67F1A;
	display: block;
	font-size: 110%;
	padding: 5px 0px 5px 25px;
	text-decoration: none;
}

.navigation li a:hover {
	color: #545454;
}

/* level 2 */

.navigation ul ul {
	margin-left: 22px;
}

.navigation ul ul a:link, .navigation ul ul a:visited {
	background: url('navimgsub.png') left no-repeat;
	background-position: 2% 58%;
	border: none;
	font-size: 100%;
}

.navigation li li a:hover {
	color: #545454;
}

/* level 3 */

.navigation ul ul ul a:link, .navigation ul ul ul a:visited {
	background: url('navimgsubsub.png') left no-repeat;
	background-position: 2% 58%;
	border: none;
	font-size: 85%;
}

.navigation li li li a:hover {
	color: #545454;
}

/* --- RIGHT COL --- */


#rightcol {
	float: right;
	/*margin: -215px; Set left marginto -(RightColumnWidth)*/
	width: 200px; /*Width of right column*/
}

.rightcoltopimg {
	background: url(mutter_kind.png) no-repeat;
	/*float: left;*/
	height: 90px;
	margin-bottom: 20px;
	width: 200px;
}

.rightcoltextheader {
	margin: 0px;
}

.rightcoltextheader h3{
	color: #E5821D;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 10px 19px;
}

.rightcolimg{
	height: 90px;
	margin: 30px 0px 70px 10px;
	width: 180px;
}

.rightcolimg p {
	border-top: thin dashed;
	color: #E97E16;
	font-size: 12px;
	padding: 5px 0px 15px 0px;
}

.rightcolimg a{
	color: #E5821D;
	clear: both;
	/*float: right;*/
	font-size: 12px;
	padding-top: 5px;
	text-decoration: none;
}

/* --- FOOTER --- */

#topfooter{
	background: url(logobottom.png) no-repeat right;
	height: 50px;
	margin: 0px 240px 10px 0px;
}

#topfooter  p { 
	color: #757575;
	float: left;
	font-size: 9px;
	margin: 40px 0px 0px 230px;
	width: 500px;
}

#bottomfooter{
	border-top: solid 1px #FEC400;
	clear: left;
	color: #757575;
	font-size: 9px;
	margin: 0px;
	padding: 4px;
	text-align: center;
}

#bottomfooter a{
	color: #757575;
	text-decoration: none;
}

#bottomfooter a:hover {
	text-decoration: underline;
}

.topbox h3{
	border-bottom: thin dashed;
	color: #E47F15;
}

.colinnerwrapper{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}


  div.leftnavigation {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 200px;
  }

  div.content {
    /*font-size: 11px;*/
	<div id="left">
		<div class="colinnerwrapper">
			<div class="logo">
			</div>
                        <span tal:replace="structure context/navigation" />
		</div>
	</div>	
    /*list-style-image: url(pic_button.gif); */
    /*line-height: 16px;*/
    /*margin: 0px 215px 0px 215px; */
    padding: 50px 25px 25px 25px;
  }

  div.right { 
    float: right;
    margin: 85px 0px 0px 0px;
    padding: 0px;
    width: 200px;
  }