/* 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; 
}

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:0px;
}


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

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

div#emotion {
top: 50px;
position : relative;
z-index : 3;
width:800px;
height: 4px;
background : #e8522b; }


div#subnav_l { 
top: 90px;
position : absolute;
z-index : 5;
left: 0px;
height : 390px;
width : 171px;
padding: 0px 16px;
background : #fff;
 }	

table#text {
width:596px;
height:482px;
background:transparent;
margin-top:52px;
margin-left:204px;
margin-bottom: 20px;
border-left: solid 1px #e5e5e5;
}

table#results {
width:760px;
height:482px;
background:transparent;
margin-top:152px;
margin-left:20px;
margin-bottom: 20px;
border-left: solid 1px #e5e5e5;
}

td { vertical-align: top; }

.tdtext { padding: 20px 16px 20px 20px; }
	
.list { list-style-type: disc; list-style-position: outside; margin-left:16px; }

.table_oview, .td_oview_left {
border: solid 1px #e5e5e5;
font-size: 0.85em;
text-align: center;
padding: 4px;
}

.td_oview_left { text-align: left; }

.td_img_right { text-align: right; }

.img_right {
	margin-left: 12px;
	margin-bottom:12px;
	border: solid 1px #e5e5e5;
}

.legende {color: #b3b3b3; font-size:0.85em; padding-top: 4px;}

div#footer {
position : relative;
z-index : 7;
width:784px;
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;
	}

h2 { font-size: 0.95em; }

h3 {
	font-size: 0.9em; }

p {
	margin: 0px;
	font-size : 100%;
}


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

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


/* 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; 
 }
 
  
 .navilink {
 display:block;
 padding: 0px 0px 0px 0px;
 color:#333;
 background:#e5e5e5;
 text-decoration:none; }
 
 .navitxt {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.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:143px;
}

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



/* worldmap */

 #australia, #europe, #americas, #africa, #middleeast, #fareast {
	position:absolute;
	font-size:0.9em;
	line-height:1.3em;
	border: 1px solid #b3b3b3;
	padding: 4px;
	background-color: #fff;
}

#australia {
	left:615px;
	top:318px;
	width:80px;
	height:30px;
	z-index:10;
	}
#europe {
	left:460px;
	top:90px;
	width:250px;
	height:100px;
	z-index:11;
	}
#americas {
	width:71px;
	height:85px;
	z-index:12;
	left: 359px;
	top:300px;
	}
#africa {
	left:399px;
	top:260px;
	width:71px;
	height:27px;
	z-index:13;
	}
#middleeast {
	left:485px;
	top:237px;
	width:85px;
	height:135px;
	z-index:14;
	}
#fareast {
	left:600px;
	top:120px;
	width:140px;
	height:90px;
	z-index:15;
	}