/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em,  th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }




/* layout.css */

html 	{ 
text-align : center;
background-color : #fff;
background-image: url(../gimg/bg.gif);
 }

body { 
padding-top : 0px;
position : relative; 
width : 800px;
background-color : #fff; 
border: 1px solid #e5e5e5;
border-bottom: 0px;
margin : 0 auto; 
text-align : left;
overflow: -moz-scrollbars-vertical;  
}

div#info { 
top : 0px;
position : absolute;
z-index : 1;
width : 800px;
height : 48px;
padding-left: 16px;
color: #333;
background-color: transparent; }

table#infos {
width:230px;
margin-top:25px;
}

div#logo { 
top : 0px;
position : absolute;
width : 284px;
left:505px;
height : 75px;
text-align: right;
padding-top: 4px;
padding-right: 16px;
color: #333;
background-color: transparent; }

div#nav {
top: 75px;
position : relative;
z-index : 2;
width:800px;
height : 34px;
background : #8d8d8d; }

div#emotion {
top: 77px;
position : relative;
z-index : 3;
width:800px;
height : 102px;
padding-top:4px;
background : #0095d8; 
background-image: url(../gimg/emo_home.jpg); 
background-position: bottom; 
background-repeat: no-repeat;}


div#subnav_l { 
top: 219px;
position : absolute;
z-index : 5;
left: 0px;
height : 390px;
width : 152px;
padding: 0px 16px;
background : transparent;
background-image: url(../gimg/bg_nav_hp.gif) ; 
background-repeat: repeat-x;  }	

div#subnav_r { 
top: 219px;
position : absolute;
z-index : 6;
left: 616px;
height : 390px;
width : 152px;
padding:0px 16px;
background : transparent;
background-image: url(../gimg/bg_nav_hp.gif) ; 
background-repeat: repeat-x;  }	
	

table#text {
width:432px;
height:380px;
background:transparent;
margin-top:79px;
margin-left:184px;
margin-bottom: 20px;
border-right: solid 1px #e5e5e5;
border-left: solid 1px #e5e5e5;
}

td {
	vertical-align: top; }

.tdtext {
	padding: 20px;
}

div#footer {
position : relative;
z-index : 7;
padding-top: 4px;
vertical-align: bottom;
height : 18px;
background : transparent;  
border-top: solid 1px #e5e5e5;
padding-left:16px;
color: #b3b3b3; }

div#adresse {
left: -1px;
position : absolute;
z-index : 8;
padding-top: 6px;
width:786px;
height : 24px;
border-top: solid 1px #e5e5e5;
padding-left:16px;
color: #b3b3b3;
font-size: 0.9em; }



/* typography.css */

body { 
font : 0.70em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; }

h1 {
	font-size: 1.1em; color: #0095d8;
	}

h2 { font-size: 0.95em; color: #0095d8;}

h3 {
	font-size: 1.0em; font-weight: normal; color: #0095d8;}

p {
	margin: 0px;
	font-size : 100%; }
	
.legende {
	font-size:0.9em; color: #b3b3b3; padding-top:10px;  }
	
.img {
	border: 1px solid #e5e5e5;
}
	
.perlen { font-weight : bold; color: #0095d8; }
.packaging { font-weight :bold; color: #8d8d8d; }


a:link, a:visited { 
text-decoration :  underline; 
color : #333;
}

a:hover, a:active { 
text-decoration :   none; 
color : #0095d8;
 }


/* Navigation */
ul#navigation {
 list-style:none; 
 font-size: 1.2em;
 font-weight: bold;}

#navigation li {
 float:left;
 position:relative;
 margin:0px; }

#navigation a {
 display:block;
 padding: 8px 20px 9px 16px;
 color:#fff;
 background:transparent;
 text-decoration:none; }

#navigation li a:hover {
 background:#e5e5e5; 
 color: #333; 
 }

a.snav  { font-size: 1em;  color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; font-weight: normal; background: #fff; display: block;}
a.snav:link, a.snav:visited { text-decoration: none; color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; display: block; }
a.snav:hover, a.snav:active { text-decoration: none; font-weight: bold; background: #e5e5e5; background-color: #e5e5e5; display: block; }
.snav  { font-size: 1em;  color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; font-weight: bold; background: #e5e5e5; display: block; }

a.snavg, a.snavg:link, a.snavg:visited, a.snavg:hover, a.snavg:active {  font-size: 1em; text-decoration: none; color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; font-weight: bold; background: #e5e5e5; display: block;  }



a.ssnav, a.ssnav:link, a.ssnav:visited {font-size: 0.95em; color: #333;  font-weight:  normal; text-decoration: none; margin-left: 16px; }
a.ssnav:hover, a.ssnav:active {font-weight:  bold; }
.ssnav {font-size: 0.95em; color: #333;  font-weight: bold; text-decoration: none; margin-left: 16px; }

a.ssnavg, a.ssnavg:link, a.ssnavg:visited, a.ssnavg:hover, a.ssnavg:active { font-size: 0.95em; color: #333;  font-weight: bold; text-decoration: none; margin-left: 16px; }

a.perlanav, a.perlanav:link, a.perlanav:visited {background-color: #f0f0f0; display: block; font-size: 1em; color: #333;  font-weight:  normal; text-decoration: none;  }
a.perlanav:hover, a.perlanav:active {font-weight:  bold; }
.perlanav {background-color: #f0f0f0; display: block; font-size: 1em; color: #333;  font-weight: bold; text-decoration: none; }
.perlanavmap {background-color: #f0f0f0; display: block; font-size: 1em; color: #333;  font-weight: normal; text-decoration: none; }



a.flink, a.flink:visited, a.spamspan, a.spamspan:visited { text-decoration : none; color: #b3b3b3; }
a.flink:hover, a.spamspan:hover { color: #333; }


/* form */

#search {
	border: 1px solid #b3b3b3;
	height: 18px;
	width:124px;
}

#sbutton {
	border: 0px;
	background:  url(../gimg/ic_search_off.gif) no-repeat;
	height: 20px; 
	width: 22px;
}