*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

.transparent_class {
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

img{
border: 0;
display:block;
}

body{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#000;
font-size:13px;
background: url(images/background.png) repeat-x #009997;
/*behavior: url("csshover3.htc");*/
}

#header, #content, #footer{
width:996px;
}

#wrap{
width:1000px;
display:block;
margin:0 auto;
position:relative;
}

#wrap:after{content:"";}

#content{
position:relative;
background:#006bb3;
border:2px solid #fff;
z-index:2000;
}

	#information {
		position:absolute;
		bottom:3px;
		left:463px;
		width:250px;
		padding:0px;
		margin:0px;
		text-align: right;
		line-height:13.5px;
		z-index:1000;
	}
	
		#information li {
			float: none;
			display: inline;
			color:#fff;	
			padding: 0px 0px 0px 6px;
			margin:0px;
			background: url(images/trenner_footer.gif) no-repeat 0 11px;
		}
		
		#information li.first {
			padding: 0px 0px 0px 0px;
			background:none;
		}
		
				#information li a {
					color:#fff;
					text-decoration:none;
					font-size:9px;
				}
				
					.normal #information li a {font-size:9px;}
					
				#information li a:hover {
					text-decoration: underline;
				}

	#rightcolumn{
	position:relative;
	width:781px;
	float:right;
	}
		
		#leftbox{
		width:581px;
		float:left;
		padding:74px 0px 0px 2px;
		background:#fff;
		z-index:200;
		}
		
			#textheader{
			padding:181px 15px 15px 180px;
			margin-bottom:14px;						
			background: url(images/headerimg.jpg) no-repeat;
			}
		
			h1{
			font-size:23px;
			line-height:25px;
			color:#006BB3;
			font-weight:bold;
			font-style:italic;
			text-align:right;
			font-size:25px;
			}
			
				.normal h1{font-size:25px;}
				.large h1{font-size:27px;}
			
			h2, h3{
			padding-left:20px;
			margin-bottom:14px;
			font-size:15px;
			line-height:20px;
			color:#009997;
			font-weight:bold;
			}
			
				.normal h2, .normal h3 {font-size:15px;}
				.large h2, .large h3 {font-size:17px;}
			
			#leftbox p{
			padding:0 20px 0 20px;
			margin-bottom:14px;
			font-size:13px;
			line-height:16px;
			}
			
				.normal #leftbox p{font-size:13px;}
				.large #leftbox p{font-size:15px; line-height:17px;}
				
			ul#produktbox{
			clear:both;
			padding:0 0 15px 35px;
			}
			
				#produktbox li{
				float:left;
				padding:0 29px 0 0;
				width:150px;
				overflow:hidden;
				}
				
					#produktbox li img{
					margin-bottom:5px;
					display:block;
					}
					
					#produktbox li span{
					display:block;
					width:150px;
					display:block;
					}
					
					#leftbox #produktbox a{
					width:150px;
					float:none;
					padding-bottom:4px;
					color:#000;
					text-decoration:none;
					background:url(images/link_dotted.gif) 0 15px repeat-x;
					height:16px;
					}
					
						#leftbox #produktbox a:hover{
						background:url(images/link_line.gif) 0 15px repeat-x;
						}
				
						#leftbox #produktbox a.headline{
						float:none;
						color:#0099ff;
						font-weight:bold;
						text-decoration:none;
						background:none;
						}
						
							#leftbox #produktbox a.headline:hover{
							background:none;
							}		
			
			ul#metanav{
			position:absolute;
			top:0;
			left:0;
			height:16px;
			width:544px;
			padding:56px 0 0 37px;
			}
		
				#metanav li{
				float:left;
				}
				
				#metanav a{
				display:block;
				padding-right:8px;
				margin-right:5px;
				background:url(images/trenner_metanav.gif) right no-repeat;
				color:#009997;
				font-size:12px;
				text-decoration:none;
				}
				
					.normal #metanav a {font-size:12px;}
					.large #metanav a {font-size:14px;}
				
					#metanav a.last{
					background:none;
					}
				
				#metanav a:hover{
				color:#006bb3;
				}
				
			#contentfooter{
				width:581px;
				height:37px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				clear:both;
				background: url(images/footer.gif) no-repeat 236px 0;
				z-index:100;
				color:#0055a8;
				font-size:11px;
			}
			
			#contentfooter p{	
				width:221px;
				padding:5px 90px 0px 15px;
				margin:0px;
				color:#67686A;
				font-size:9px;
				line-height:10px;
			}
				
					.normal #contentfooter p {font-size:9px;}
				
				#contentfooter a{
					color:#67686A;
					text-decoration:none;
				}
				
				#contentfooter a:hover{
					text-decoration:underline;
				}
		
		#rightbox{
		width:198px;
		float:right;
		}
			
			#textsizer{
			position:relative;
			top:0;
			left:0;
			margin:0px 0px 0px 0px;
			padding:24px 0px 0px 28px;
			font-size:14px;
			color:#fff;
			}
			
				.normal #textsizer {font-size:14px;}
				.large #textsizer {font-size:17px;}
			
				#sizer{
				position:absolute;
				top:22px;
				left:112px;
				width:62px;
				background:url(images/trenner_sizer.gif) 24px 0px no-repeat;
				}
				
					#sizer #klein{
					float:left;
					display:block;
					width:21px;
					height:21px;
					background:url(images/bt_schrift_norm.gif) no-repeat;
					}				
						
					#sizer #gross{
					float:right;
					display:block;
					width:28px;
					height:21px;
					background:url(images/bt_schrift_gross.gif) no-repeat;
					}
					
						#sizer #klein:hover{background:url(images/bt_schrift_norm_hover.gif) 0 1px no-repeat;}
						#sizer #gross:hover{background:url(images/bt_schrift_gross_hover.gif) no-repeat;}
					
			
				
			
		
	#leftcolumn{
	width:215px;
	float:left;
	}

		a#logo{
		display:block;
		background:#fff;
		height:73px;
		}


		#sidebarnav{
			float: left;
			width: 215px;
		}
		
		  .normal #sidebarnav li a{font-size:16px;}
		  .large #sidebarnav li a{font-size:18px;}
		  
		
		
			#sidebarnav li {
				float: left;
				width: 210px;
				height: 27px;
				padding:5px 0px 0px 5px;
				position: relative;
				border-bottom:2px solid #fff;
				background:url(images/bg-menu.gif) no-repeat right top;				
			}
			
			#sidebarnav li:hover{
				background:#b7dbea url(images/bg-menu.gif) no-repeat right bottom;
			}	
			
				#sidebarnav li a {
					text-transform:uppercase;
					color: #ffffff;
					text-decoration:none;
					font-size:16px;
				}
				
				#sidebarnav li:hover a {
					color:#006bb3;				
				}
				

			#sidebarnav li ul {
				width: 215px;
				display: none;
				border:1px solid #fff;
				position:absolute;
				top: 0px;
				left: 215px;
			}

			#sidebarnav li:hover ul {display:block;}

			#sidebarnav li ul li{
				padding:5px 0px 0px 10px;
				width: 205px;
				height: 23px;
				border:none;
				background: url(images/bg_subnavi_li_ul.png) no-repeat left top;
			}
				
			#sidebarnav li ul li:hover{
				background: url(images/bg_subnavi_li_ul.png) no-repeat left bottom;
			}

				#sidebarnav li:hover ul li a {
					color:#ffffff;
					text-transform:none;
					font-size:13px;
				}
				
				#sidebarnav li:hover ul li:hover a {
					color:#006bb3;
				}
				
				#sidebarnav li:hover ul li:hover li a {
					color:#ffffff;
					text-transform:none;
					font-size:13px;
				}
				
				#sidebarnav li:hover ul li:hover li:hover a {
					color:#006bb3;
				}
				

				#sidebarnav li ul li.first {
					padding:5px 0px 0px 10px;
					width: 205px;
					height: 23px;
				}
				
				#sidebarnav li ul li:hover.first {
					color: #006bb3;
				}
				
				#sidebarnav li ul li.last {
					height: 23px;
				}
				
				
				#sidebarnav li ul li.pfeil2{
					background:url(images/bg_menu_pfeil2.png) no-repeat left top;
				}
				
				#sidebarnav li ul li:hover.pfeil2{
					background:url(images/bg_menu_pfeil2.png) no-repeat left bottom;
				}
			
			
			

				
				#sidebarnav li:hover ul li ul {display:none;}
				#sidebarnav li ul li:hover ul {display:block;}


				#sidebarnav li#home {
					border-top:1px solid #fff;
					font-weight:bold;
					background:none;
				}
				
				#sidebarnav li#home:hover  {
					background:#b7dbea;
				}
				
				
				#sidebarnav li#leben {
					background:none;
				}
				
				#sidebarnav li#leben:hover {
					background:#b7dbea;
				}
				
					
				#sidebarnav li#shop {
					background:none;
				}
				
				#sidebarnav li#shop:hover  {
					background:#b7dbea;
				}
				
				
				#sidebarnav li#suche {
					border-bottom:none;
				}

				#sidebarnav li#suche:hover  {
					background:none;
				}

			
/*				#sidebarnav li ul li{
				padding:0px 0px 0px 0px;			
			}
			
			#sidebarnav li.last{
				padding:1px 0px 0px 0px;		
			}
		
			#sidebarnav a{
				width: 203px;
				w\idth: 203px;
				\width: 203px;
				height: 15px;
				display:block;
				font-size:13px;
				color:#fff;
				text-decoration:none;
				padding:5px 0px 5px 10px;
				background: #006bb3;
				border-left:1px solid #fff;
				border-right:1px solid #fff;
			}		
				
				#sidebarnav a:hover{
					background:#b7dbea;
					color:#0055A8;
				}
			
				#sidebarnav a.more{
					background: url(images/navbackgr.gif) no-repeat #006bb3; 
				}		
				
					#sidebarnav a.more:hover{
						background: url(images/navbackgr_hover.gif) no-repeat #b7dbea;
					}	
				
				#sidebarnav a.bordertop{
					border-top:1px solid #fff;
				}
				
				#sidebarnav a.borderbottom{
					border-bottom:1px solid #fff;
				}
				
				#sidebarnav li a.uppercase{
					width: 210;
					font-size:16px;
					text-transform:uppercase;
					padding:5px 0px 5px 5px;
					margin:0px 0px 0px 0px;
					border:none;
				}			
				
					.normal #sidebarnav li a.uppercase{font-size:16px;}
					.large #sidebarnav li a.uppercase{font-size:18px;}
					
					#sidebarnav li a.uppercase:hover{
						color:#006bb3;
						font-weight:normal;
						text-transform:uppercase;
					}
					
					#sidebarnav li#home a.uppercase:hover{
						color:#006bb3;
						font-weight:bold;
						text-transform:uppercase;
					}					
				
				ul li ul{
					display:none;
					position: absolute;
					top: 0px;
					left: 215px;
					width: 215px;
				}
				
				ul#sidebarnav li:hover ul {
					display:block;
				}
				
				ul#sidebarnav li:hover ul li ul {
					display:none;
				}
				
				ul#sidebarnav li:hover ul li:hover ul {
					display:block;
				}
				
				#sidebarnav li#home {font-weight:bold;}
*/			
					
			#stichwortsuche{
			padding:7px 0px 15px 15px;
			background:#006bb3;
			}
			
				input#search{
				border:1px solid gray;
				color:#222222;
				font-size:10px;
				height:15px;
				margin:0;
				padding:0 0 0 0.5ex;
				vertical-align:middle;
				width:150px;
				}
				
				input#searchbtn{
				width:16px;
				height:18px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				border:none;
				color:#000;
				background:url(images/searchbtn.gif) no-repeat 0px 4px;
				}
				
				input#searchbtn:hover{
				background:url(images/searchbtn_hover.gif) no-repeat;
				}
		
		
		
	#footer{
	clear:both;
	}
	
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

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