html, body {
	margin: 0px;
	padding: 0px;
  height: 101%; 
  }

 
 /*
  font-size: 12px;
  font-family: Arial, Verdana, Helvetia, sans-serif; 
  */ 
  
  
#wrapper{
	width:        1020px;
  min-height:   100%; 
  margin: 0px auto 0px auto;
  padding: 0;
  overflow: auto;
  border-left: 1px solid #D3E9FF;
  border-right: 1px solid #D3E9FF;
 	background-image:  url(../images/trenner2.gif);
  background-repeat: repeat-y;
  background-position: 150px 0px;
 }  
 
 
#hintergrund {
  min-height: 590px;
  height:   100%; 
  width: 100%;
  background-image:  url(../images/trenner.gif);
  background-repeat: no-repeat;
  background-position: 150px 0px;
  border: 0px solid green;
 }   
 


#top{
  width: 100%;
  height: 90px;
  background-image:  url(../images/logo.gif);
  background-repeat: no-repeat;
  background-position: 9px 38px;
  text-align: right;
  padding: 10px 0px 0px 0px;
  border: 0px solid blue;
  }
 

#logo{
  width: 800px;
  height: 48px;
  background:  url(../images/logo.gif) no-repeat;
  }
    
  
#company{
  width: 435px;
  height: 48px;  
  background:  url(../images/company.gif) no-repeat;
  margin-top: 43px;
  margin-left: 350px;
  }

#home {
  width: 100px;
  float: left;
  margin-left: 20px;
  }
  
#maintopic{
  width: 820px;
  height:30px;
  float: right;
}



#maintopic ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#maintopic li {
	display: inline;
}

#maintopic a {
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 2px 16px 2px 16px;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 15px;
  line-height: 30px;
	font-weight: normal;
	color: #433930;
}

.blank {
  width: 200px;
  height: 21px;
 	background : url(../images/);
  }

.active {
  	background : url(../images/pic_maintopic_on.gif) no-repeat;
    }

.normal {
  	background : url(../images/pic_maintopic_off.gif) no-repeat;
    }  
      
#maintopic a:hover {
	background : url(../images/pic_maintopic_over.gif) no-repeat;
}



#topic {
	width: 100px;
	padding: 0px;
	margin-top: 20px;
  margin-left: 20px;
}

/* Korrektur fuer IE 6 */
* html #topic{  margin-left: 10px;}
* html #home{  margin-left: 5px;}

#topic h3 {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #373A3C;
	padding: 4px 10px 4px 10px;
	font-size: 100%;
	font-weight: bold;
	text-transform : uppercase;
	margin: 20px 0px 0px 0px;
}

#topic p {
	margin: 0px 0px 20px 0px;	
  text-align: right;
}

a.menuButton, a.homeButton , a.homeButtonactive , a.menuTopic,a.menuShop,a.menuShopactive,  a.menuTopicactive, a.menuSubTopic{
	display: block;
	width: 92px;
	text-decoration: none;
  background : url(../images/topic_off.gif) no-repeat;
  color: #000000;
  text-align: right;
}

a.menuButton, a.homeButton , a.homeButtonactive , a.menuTopic,  a.menuTopicactive, a.menuSubTopic{
  line-height: 30px;
  font-size: 15px;
  padding: 2px 10px 2px 10px;
}

a.homeButton, a.menuTopic, a.menuSubTopic{
     background : url(../images/home_off.gif) no-repeat;
  }
  
a.menuShop{
     background : url(../images/home_off.gif) no-repeat;
     	 
	 line-height: 30px;
  font-size: 15px;
  padding: 2px 10px 2px 10px;
}
  }

a.menuShop:hover{
     background : url(../images/home_on.gif) no-repeat;
  }  
  
a.menuShopactive{
     background : url(../images/home_on.gif) no-repeat;
  }   
  
a.homeButton:hover, a.menuTopic:hover, a.menuSubTopic:hover{
     background : url(../images/home_on.gif) no-repeat;
  }  
  
a.homeButtonactive, a.menuTopicactive{
     background : url(../images/home_on.gif) no-repeat;
  }   
  


  
a.menuButton:hover {
	text-decoration: none;
	background : url(../images/topic_over.gif) no-repeat;
}
 
 
.warenkorb{
  border: 1px solid #D3E9FF;
  display: block;
	width: 110px;
  margin: 0px;
  text-align: right;
  padding: 0px 0px 0px 0px;
}

.wtitel{
  width: 110px;
  padding: 0px 4px 0px 4px;
  text-align: center;
   background : url(../images/shop_on.gif) no-repeat;
   color: #FFFFFF;
  }



#content {
	width: 720px;
	padding: 20px 20px 20px 20px;
	margin-right: 20px;
  float: right;
  border: 0px solid red;
  }
  
  
  

form.search {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form.search input {
	margin: 0px;
	vertical-align : middle;
}

input.search {
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	background-color: #fcfcfc;
	width: 120px;
	padding: 2px;
	color: #373A3C}