/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#444;
	font:12px/18px Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, p, ul, h2, h3, h4, h5, img{
	padding:0px;
	margin: 0px;
}

.crossed {
	text-decoration: line-through;
	font-size: 12px;
	color: #ddd;
	font-weight: normal;
}

.special {
	
}

img{
	border:none;
}

ul{
	list-style-type:none;
}
 

/*----MAIN PANEL----*/
#mainPan{
	width:778px;
	position:relative;
	margin:0 auto;
}

/*----TOP PANEL----*/
#topPan{
	width:778px;
	height:65px; 
	background:url(images/topbg.jpg) 0 0 no-repeat #fff; 
	color:#828282; 
	position:relative; 
	margin:0 auto;
}

#topPan img.logo{
	width:210px;
	height:31px;
	position:absolute;
	top:32px;
	left:235px;
}

#topPan p.caption{
	width:200px; 
	background:#fff; 
	color:#828282; 
	position:absolute; 
	top:43px; 
	left:235px;
}

/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{
	width:686px;
	height:160px;
	background:url(images/header.jpg) 0 0 no-repeat;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 92px;
}

#headerPan ul.leftmenu{
	width:110px;
}

#headerPan ul.leftmenu li{
	width:110px; 
	border-bottom:1px dashed #AECCCA;
}

#headerPan ul.leftmenu li a{
	width:97px;
	display:block;
	background:url(images/bullet-normal.gif) 0 4px no-repeat #fff;
	color:#a2c004;
	line-height:18px;
	text-decoration:none;
	padding:0 0 0 15px;
}

#headerPan ul.leftmenu li a:hover{
	color:#004c48;
	line-height:18px;
	text-decoration:none;
	padding:0 0 0 15px;
	background-color: #abe2dd;
	background-image: url(images/bullet-hover.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#headerPan ul.leftmenu li.Selected{
	width:95px; 
	display:block; 
	background:url(images/bullet-hover.gif) 0 4px no-repeat #abe2dd; 
	color:#305E5C; 
	line-height:18px; 
	text-decoration:none; 
	padding:0 0 0 15px;
}

#headerPan ul.leftmenu li.shop{
	width:110px; 
	border-bottom:none;
}

#headerPan ul.botton{
	width:150px; 
	height:45px; 
	position:absolute; 
	top:118px; left:250px;
}

#headerPan ul.botton li{
	float:left; 
	height:45px;
}

/*----/HEADER PANEL----*/

/*----BODY PANEL----*/

#bodyPan{
	width:778px;
	background:url(images/bodybg.gif) 0 0 no-repeat;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

/*----Body Left Panel----*/

#leftPan{
	width:211px;
	float:left;
	margin:10px 0 0 0;
	text-align: left;
}

#leftPan a {
	color:#b2ce24;
	text-decoration:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#leftPan a:hover {
	color:#004c48;
	text-decoration:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#leftPan h2{
	width:114px;
	height:34px; 
	background:#fff; 
	color:#5F7A77; 
	font-size:18px; 
	line-height:34px;
}

#leftPan h3 {
	color:#5cb8b0; 
	font-size:14px; 
	font-weight:normal; 
	line-height:18px;
	text-transform:uppercase;
	margin:0 0 5px 0;
}

#leftPan p.footnote{
	font-size:10px;
	line-height:14px;
	padding:10px 0 0 0;
}

#leftPan ul{
	width:112px;
	margin-left:80px;
}

#leftPan ul li{
	width:112px; 
	height:24px;
}

#leftPan ul li a{
	width:112px; 
	height:24px; 
	display:block; 
	background:url(images/bullet2-normal.gif) 0 6px no-repeat #fff; 
	color:#a2c004;
	text-decoration:none; 
	line-height:18px; 
	padding:0 0 0 12px;
}

#leftPan ul li a:hover{
	background:url(images/bullet2-hover.gif) 0 6px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:none;
}

#leftPan ul li span{
	text-decoration:none;
	white-space: nowrap;

}

#leftPan ul li.Selected{
	width:112px; 
	height:24px; 
	display:block; 
	background:url(images/bullet2-hover.gif) 0 6px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:none; 
	line-height:18px; 
	padding:0 0 0 12px;
	white-space: nowrap;
}

#leftPan .teaser-box {
	clear: both;
	width: 197px;
	position: relative;
	margin: 20px 0px 40px 0px;
}

#leftPan .teaser-box .center {
	width: 177px;
	height: auto;
	clear: both;
	padding: 0px 10px 0px 10px;
}

#leftPan .teaser-box .bottom {
	width: 197px;
	height: 37px;
	display: block;
	clear: both;
	background: url(images/teaser-box-bottom.gif) no-repeat top left;
}

#a_button {
    clear:both;
    position:relative;
    margin: 10px 0px 10px 10px;
    z-index: 999;   
}


/*----/Body Left Panel----*/

/*----Body Right Panel----*/

#rightPan{
	width:506px;
	float:left;
	border-left:1px solid #C8E8E2;
	margin:28px 0 0;
	padding:0 30px;
}


#rightPan p{
	padding:0 0 10px 0;
	clear:both;
}

#rightPan img.news{
	float:left;
	margin-right:1ex;
	margin-bottom:2ex;
}


#rightPan p.footnote{
	font-size:10px;
	line-height:14px;
	padding: 0 0 0 0;
}

#rightPan p.more{
	width:502px; 
	height:25px; 
	float:left; 
	background:url(images/sky-color-bg.gif) 0 10px repeat-x; 
	padding:0 0 20px 0;
}

#rightPan p.more a{
	width:200px;
	height:21px;
	display:block;
	background:url(images/icon2.jpg) 0 0 no-repeat #fff;
	color:#b2ce24;
	line-height:18px;
	text-transform:uppercase;
	text-decoration:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
	font-size: 14px;
	font-weight: normal;
}

#rightPan p.more a:hover{
	background:url(images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#004c48; 
	text-decoration:none;
}

#rightPan h1{
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	line-height:18px; 
	margin:0 0 15px 0;
}

#rightPan h2{
	display:block; 
	color:#5cb8b0; 
	font-size:24px; 
	font-weight:normal; 
	line-height:22px; 
	margin:0 0 15px 0;
}

#rightPan h3{
	color:#5cb8b0; 
	font-size:14px; 
	font-weight:normal; 
	line-height:18px; 
	margin:0 0 5px 0;
	clear:both;
}

#rightPan h4{
	width:96px; 
	height:77px; 
	float:left; 
	display:block; 
	background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; 
	color:#fff; 
	font-size:16px; 
	font-weight:bold; 
	line-height:18px; 
	text-transform:uppercase; 
	padding:46px 0 0 75px;  
	margin:0 0 5px 0;
}

#rightPan h5{
	color:#B2CE24; 
	font-size:14px; 
	font-weight:normal; 
	line-height:18px; 
	padding:0px 0 0 0px;  
	margin:0 0 10px 0;
}




#rightPan a{
	color:#b2ce24; 
	font-size:12px; 
	font-weight:normal; 
	line-height:16px; 
	margin:0px 0 5px 0; 
	text-decoration:none;
}

#rightPan a.dunkel {color:#444;text-decoration:underline;}

#rightPan a.cloaked, #rightPan a.cloaked:hover{
	color:#444; 
	font-size:12px; 
	font-weight:normal; 
	line-height:16px; 
	margin:0px 0 5px 0; 
	text-decoration:none;
}

#rightPan a:hover{
	color:#004c48; 
	text-decoration:none;
}

#rightPan ul.inhalt{
}

#rightPan ul.inhalt li{
	display:block;
	text-decoration:none;
	line-height:20px;
	padding:0 0 0 15px;
	background:url(images/bullet2-normal.gif) no-repeat 0 7px;
}

#rightPan ul.shop{
	float:left; 
	padding:10px 0 0 0;
}

#rightPan ul.shop li{
}

#rightPan ul.shop li a{
	display:block; 
	background:url(images/icon_shop_normal.gif) no-repeat; 
	text-decoration:none; 
	line-height:20px; 
	padding:0 0 0 25px;
}

#rightPan ul.mail{
	float:left; 
	padding:10px 0 0 0;
}

#rightPan ul.mail li{
}

#rightPan ul.mail li a{
	display:block; 
	background:url(images/icon_mail_normal.gif) no-repeat; 
	text-decoration:none; 
	line-height:20px; 
	padding:0 0 0 25px;
}

#rightPan ul.mail li a:hover{
	background:url(images/icon_mail_hover.gif) no-repeat;
	 color:#004c48; 
	 text-decoration:none;
}

#rightPan .news-box {
	clear: both;
	width: 503px;
	position: relative;
	margin: 0px 0px 18px 0px;
}

#rightPan .news-box .top {
	margin: 0 0 0 0;
	width: 503px;
	height: 10px;
	clear: both;
	background: url(images/news-box-top.gif) no-repeat top left;
}

#rightPan .news-box .center {
	margin: -5px 0 0 0;
	width: 443px;
	height: auto;
	clear: both;
	padding: 10px 30px 30px 30px;
	background-image: url(images/news-box-center.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#rightPan .news-box .pfinder {
	margin: -5px 0 0 0;
	width: 443px;
	height: auto;
	clear: both;
	padding: 10px 30px 16px 30px;
	background-image: url(images/news-box-center.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#rightPan .news-box .bottom {
	margin: 0 0 0 0;
	width: 503px;
	height: 10px;
	display: block;
	clear: both;
	background: url(images/news-box-bottom.gif) no-repeat top left;
}

#rightPan .news-box .top2 {
	margin: 0 0 0 0;
	width: 503px;
	height: 10px;
	clear: both;
	background: url(images/news-box-top2.gif) no-repeat top left;
}

#rightPan .news-box .center2 {
	margin: -5px 0 0 0;
	width: 443px;
	height: auto;
	clear: both;
	padding: 10px 30px 30px 30px;
	background-image: url(images/news-box-center2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#rightPan .news-box .bottom2 {
	margin: 0 0 0 0;
	width: 503px;
	height: 10px;
	display: block;
	clear: both;
	background: url(images/news-box-bottom2.gif) no-repeat top left;
}

#wmp {
	margin: 20px 24px 0 0;
}

#wmp_start {
	margin: 20px 0 0 20px;
}

.wmptext {
	margin: 0 0px 0 0;
	text-align:center;
	font-size:10px;
	color:#A2C004;
}

.cue {
	color:#A2C004;
	font-size:11px;
}

select {
	border: 1px #94C6D1 solid; 
	background: #fff;
	moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   -moz-border-radius-bottomleft:6px;
   -moz-border-radius-topleft:6px;
    margin: 8px 14px 10px 0px;
    color:#222;
    voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	margin: 2px 14px 5px 0px;

}

select.finder {
	
	width:185px;
	margin: 8px 0px 0px 0px;
	voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	margin: 2px 0px 0px 0px;
}

select.finder2 {
	
	width:430px;
	margin: 8px 0px 0px 0px;
	voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	margin: 4px 0px 0px 0px;
}

select.off {
	
	width:185px;
	border: 1px #ccccc solid; 
	background: #ffffff;
	moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   -moz-border-radius-bottomleft:6px;
   -moz-border-radius-topleft:6px;
    margin: 8px 14px 0px 0px;
    color:#aaa;
    voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	margin: 2px 14px 5px 0px;
    
}

select.off2 {
	
	width:430px;
	border: 1px #ccccc solid; 
	background: #ffffff;
	moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   -moz-border-radius-bottomleft:6px;
   -moz-border-radius-topleft:6px;
    margin: 8px 0px 0px 0px;
    color:#aaa;
    voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	margin: 4px 0px 0px 0px;
}

#dynalist, #staticlist {
	float:left;display:inline;margin:0px;padding:0px;height:26px;
}

#dynalist2 {display:inline;margin:0px;padding:0px;height:20px;
    
    voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	margin: -10px 0;
}

form {display:inline;}

a.produktfinder {
	position:absolute;
	top:18px;right:41px;
	text-align:right;
	cursor:pointer;
	display:block;
	background: #fff;
	z-index:999;
	width:200px;
}

#rightPan a.produktfinder{
	color:#b2ce24; 
	font-size:13px; 
	font-weight:bold; 
	line-height:16px; 
	margin:0px 0 5px 0; 
	text-decoration:none;
}

#rightPan a.produktfinder:hover{
	color:#004c48; 
	text-decoration:none;
}

#vertical_slide {
    visibility:visible;
	width: 503px;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	background: transparent url(images/finder.jpg) no-repeat top left;
	
	voice-family: "\"}\""; /* IE 6 hack  */
	voice-family:inherit;
	width: 489px;
  
}
td.trenner0 {border-bottom: 0px dotted #ccc; padding-top: 20px;}
td.trenner  {border-bottom: 1px dotted #ccc; padding-top: 20px;}
td.trenner1 {border-bottom: 1px dotted #ccc;border-right: 1px solid #ccc; padding-top: 20px;}
td.trenner2 {border-bottom: 1px dotted #ccc; padding-top: 20px;font-size: 11px;}
td.trenner3 {border-bottom: 0px dotted #ccc; padding-top: 20px;font-size: 11px;}

img.textpic { float:left;clear: both ;margin: 4px 10px 2px 0; }

#facebook {margin:20px 20px 20px 16px;height: 100px}
/*----/Body Right Panel----*/

/*----/BODY PANEL----*/

/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/

#footermainPan{
	height:103px; 
	background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; 
	color:#2F5958; 
	font:13px/20px Arial, Helvetica, sans-serif; 
	position:relative;
	 margin:0 auto; 
	 clear:both; 
	 padding:36px 0 0;
}
	
#footerPan{
	width:778px;
	position:relative;
	margin:0 auto;
}

#footerPan ul{
	width:778px;
	height:20px;
	position:relative;
	margin:0 auto;
}

#footerPan li{
	float:left;
}

#footerPan ul li a{
	padding:0 10px 0;
	color:#2F5958;
	text-decoration:none;
	font-size:13px;
}

#footerPan ul li a:hover{
	text-decoration:underline;
}


/*----/FOOTER PANEL----*/