/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ :: start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ :: end */










body{
	/*
	background-image: url(images/Liebenswert-Schmetterling-gepunktet.jpg);
	background-position: top;
	background-repeat: repeat; 
	*/
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* 90%; */
	color: #626262;
	text-align: center;	
}
p{
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 120%;
	color: #626262;
}
fieldset{
	padding: 10px;
	border: 1px;
	border-style: solid; 
	border-color: #cccccc; 
}
legend{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold;
	color: #626262;
}
hr{
	height: 1px;
	background-color: #9d9d9d;
	margin: 0 10px 0 10px;
	text-align: center;
	border: none;
}
ul{
	list-style-type: disc;
	list-style-position: outside; 
	margin-left: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
	font-size: 1.0em; 
}
li{
	list-style-type: disc;
	list-style-position: outside; 
	margin-left: 5px;
	line-height: 125%;
	font-size: 1.0em; 
}
li ul{
	list-style-type: disc;
	list-style-position: outside; 
	margin-left: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
	font-size: 1.0em; 
}
h1{
	font-family: Arial, Helvetica, sans-serif;  
	/* font-family: Georgia, Times, serif; */
	font-size: 1.0em; /* 1.5em; */ 
	font-style: normal;
	font-weight: bold; 
	font-variant: normal;
	line-height: 100%;
	color: #e0407e; /* #626262; */
	margin: 5px 0 5px 0;
}
h2{
	font-family: Arial, Helvetica, sans-serif;  
	/* font-family: Georgia, Times, serif; */
	font-size: 1.3em; 
	font-style: normal;
	font-weight: bold; 
	font-variant: normal;
	line-height: 100%;
	color: #626262;
	margin: 10px 0 5px 0;
}
h3{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 100%;
	color: #626262;
	margin: 10px 0 5px 0;
}
h4{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	font-style: italic;
	font-weight: normal; 
	font-variant: normal;
	line-height: 100%;
	color: #626262;
	margin: 10px 0 5px 0;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em; 
	font-weight: bold; /* normal */
	color: #968484; /* #cc0009; */ /* #c00010;  */
	text-decoration: none; 
}
a:hover{
	color: #e0407e;
	text-decoration: none; /* underline; */
}














#site_all{
	position: relative;
	width: 960px;
	overflow: hidden;
	margin: 0px auto;
	text-align: left;
}

#site_had{
	position: relative;
	width: 960px;
	height: 0; /* 20px; */
}

#site_head{
	position: relative;
	width: 960px;
	height: 165px;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #e0407e;
}

	#navi_claim{
		position: absolute;
		top: 70px; 
		left: 30px;
		width: 230px;
		height: 50px; 
	}
	
	#navi_logo{
		position: absolute;
		top: 20px; 
		right: 30px;
		width: 120px;
		height: 100px; 
	}
	
	/* navi level 1 :: start */
	#navi_top{
		position: absolute;
		bottom: 5px;
		right: 0;
		width: 960px;
		height: 20px;
		overflow: hidden;
		text-align: right;
	}

		.navi_top_passive{
			line-height: 20px;
			color: #968484; /* #626262; */
			font-weight: bold;
			text-decoration: none;
		}
		.navi_top_passive:hover{
			color: #e0407e;
			text-decoration: none;
		}

		.navi_top_active{
			line-height: 20px;
			color: #e0407e;
			font-weight: bold;
			text-decoration: none;
			/*
			background-image: url(images/Schmetterling-NaviAktiv.jpg);
			background-position: left top;
			background-repeat: no-repeat;
			*/
		}
		.navi_top_active:hover{
			color: #e0407e;
			text-decoration: none;
		}	
	/* navi level 1 :: end */
		
	/* navi left:: start */
	#navi_left{
		position: relative;
		margin: 40px 10px 10px 0;
		width: 250px;
	}
		/* navi level 2 :: start */
		#navi_left ul {
			margin: 0; /* 0 0 0 10px; */
			padding: 0;
			list-style-type: none;
			text-align: right;
		}
		#navi_left ul li {
			/*
			background-image: url(http://www.cewe.eu/images/cwde-submenue-arrow-right.png);
			background-position: 0 2px; 
			background-repeat: no-repeat;				
			*/
			margin: 0 0 0 5px; 
			padding: 5px 0 5px 20px;
			list-style-type: none; 
			cursor: pointer;
			font-weight: bold;
			/* border-bottom: 1px dotted #e0407e; */
			text-align: right;
		}
		#navi_left ul li.passive {
			/*
			background-image: url(http://www.cewe.eu/images/cwde-submenue-arrow-down.png);
			background-position: 0 2px; 
			background-repeat: no-repeat;
			*/
		}		
		#navi_left ul li:hover {
			/*
			background-image: url(http://www.cewe.eu/images/cwde-submenue-arrow-right.png);
			background-position: 0 2px; 
			background-repeat: no-repeat;			
			*/
		}
		#navi_left ul li a.passive {
			text-decoration: none;
			font-size: 1.0em; /* 0.9em; */
			color: #968484; /* #626262; */
			font-weight: bold;
			line-height: 110%;
		}
		#navi_left ul li a.passive:hover {
			color: #e0407e; 
		}
		#navi_left ul li a.active {
			text-decoration: none;
			font-size: 1.0em; /* 0.9em; */
			color: #e0407e;
			font-weight: bold;
			line-height: 110%;
		}
		#navi_left ul li a.active:hover {
			color: #e0407e; 
		}
		/* navi level 2 :: end */

		
		
		
		
#site_body{
	position: relative;
	width: 100%;
}

	#cont_main_full{
		position: relative;
		width: 960px;
		float: none;
	}
	
	#cont_main{
		position: relative;
		width: 660px;
		margin: 0;
		overflow: hidden;
		float: right;
	}
		.cont_main_box_uni{
			position: relative;
			width: 640px;
			margin: 10px;
			overflow: hidden;
		}
		#cont_gallery {
			position: relative;
			width: 100%;
			text-align: center;
		}
			#cont_gallery_picture {
				position: relative;
				left: 130px;
				width: 400px; 
				height: 280px;
				overflow: hidden;
				background-color: #ffffff;
				background-image: url(images/loading.gif);
				background-repeat: no-repeat;
				background-position: 50% 50%;
				border: 1px solid #cccccc; /* 8px */
					
			}
			#cont_gallery_thumbnails {
				position: relative;
				width: 100%;
				margin: 20px 0 20px 0;
				text-align: center;
			}
			#cont_gallery_thumbnails img {
				margin: 10px;
			}
			
	#cont_info{
		position: relative;
		width: 280px;
		height: 450px;
		overflow: hidden;
		float: left;
		background-image: url(images/Schmetterlinge-im-Schwarm.jpg);
		background-repeat: no-repeat;
		background-position: left bottom; /* 50% */
	}
		.cont_main_box_uni_250{
			position: relative;
			width: 250px;
			/* margin: 10px 0 10px 0; */
			overflow: hidden;
		}

		
		
		
#site_foot{
	position: relative;
	width: 660px;
	height: 90px;
	margin-left: 300px;
	margin-bottom: 30px;
	background-image: url(images/Liebenswert-Schmetterling-gepunktet.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center; /* left; */ /* right; */
}
	.footspace{
		border-width: 0 0 0 1px;
		border-style: dotted;
		border-color: #e0407e;		
	}
	.foot{
		color: #9c9c9c;
		font-size: 1.0em;
		font-weight: bold;
	}	
	a.foot{
		color: #9c9c9c;
		font-size: 1.0em;
		text-decoration: none;
		font-weight: bold;
		/*
		border-width: 0 0 0 1px;
		border-style: dotted;
		border-color: #e0407e;
		*/
	}
	a.foot:hover{
		color: #e0407e; 
		text-decoration: none;
	}



	
	
	
	






.red{
	color: #cc0009;
}
.pink{
	color: #e0407e;
}
.gray{
	color: #968484;
}
.white{
	color: #ffffff;
}
.black{
	color: #000000;
}





.hand{
	cursor: pointer;
}
.pointer{
	cursor: pointer;
}
.noborder{
	border-width: 0;
	border-style: none;
}
.hspace{
	height: 10px;
	width: 100%;
	overflow: hidden;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.tright{
	text-align: right;
}
.tleft{
	text-align: left;
}
.clear{
	float: none;
	clear: both;
}
.inline{
	display: inline;
}
.ma10{
	margin: 10px;
}
.ma20{
	margin: 20px;
}
.male10{
	margin-left: 10px;
}
.mare10{
	margin-right: 10px;
}
.dnone {
	display: none;
}
.dblock {
	display: block;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}










			
			
			


#butterfly{
	/*
	home:: top:70;left:57px:
	*/
	position: absolute;
	top: 600px; /* 71px; */
	left: 1px; /* 57px; */
	width: 19px;
	height: 18px;
	background: transparent;
	/* background-image: url(images/Schmetterling-NaviAktiv.jpg); */
	background-image: url(images/Schmetterling-NaviAktiv.png);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 100;
}



			
			



div#product_gallery {
    margin: 0 0 10px;
    position: relative;
    width: 460px;
    }
    div#product_gallery div.pic {
        background: transparent url(images/_layout/loader.gif) no-repeat 50% 50%;
        position: relative;
        width: 350px;
        }
        div#product_gallery div.pic a {
            display: block;
            height: 350px;
        }
        div#product_gallery div.magnifier {
            background: transparent url(images/_layout/lupe.png) no-repeat;
            bottom: 10px;
            height: 22px;
            position: absolute;
            right: 10px;
            width: 19px;
            }
            div#product_gallery div.magnifier a {
                height: 100% !important;   
            }
    div#product_gallery,
    div#product_gallery div.pic,
    div#product_gallery div.thumbnails {
        height: 350px;
        overflow: hidden;
    }
    div#product_gallery div.thumbnails {
        margin: 0 10px;
        position: relative;
        width: 84px;
        }
        div#product_gallery div.thumbnails a {
            border: 2px solid #eee;
            display: block;
            height: 80px;
            margin: 0 0 3px;
            outline: none;
            overflow: hidden;
            width: 80px;
        }
        div#product_gallery div.thumbnails a.current {
            border: 2px solid #aaa;
        }
        div.thumbnails div.scrollerTop,
        div.thumbnails div.scrollerBottom {
            height: 17px;
            left: 0;
            position: absolute;
            width: 84px;
        }
        div.thumbnails div.scrollerTop {
            background: transparent url(images/_layout/pfeil_zurueck.jpg) no-repeat;
            top: 0;   
        }        
        div.thumbnails div.scrollerBottom {
            background: transparent url(images/_layout/pfeil_vor.jpg) no-repeat;
            bottom: 0;
        }
        div.thumbnails div.scrollerTop:hover,
        div.thumbnails div.scrollerBottom:hover {
            background-color: #999;
        }