/* 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);
overflow-y: scroll;  }



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: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: 4px;

background : #0095d8; }





div#subnav_l { 

top: 117px;

position : absolute;

z-index : 5;

left: 0px;

height : 390px;

width : 171px;

padding: 0px 16px;

background : #fff;

 }	



table#text {

width:596px;

height:380px;

background:transparent;

margin-top:79px;

margin-left:204px;

margin-bottom: 20px;

border-left: solid 1px #e5e5e5;

}



td { vertical-align: top; }



.tdtext { padding: 20px 16px 20px 20px; }

	

.list { list-style: disc; list-style-position: outside; margin-left:15px; }
.listnumber { list-style:  decimal; list-style-position: outside; margin-left: 20px; }



.table_oview, .td_oview_left, .td_oview_right {

border: solid 1px #e5e5e5;

font-size: 0.85em;

text-align: center;

padding: 4px;

}



.td_oview_left { text-align: left; }

.td_oview_right { text-align: right; }



.td_img_right { text-align: right; }







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


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


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

	

.legende2 {

	font-size:0.9em; color: #d4d4d4; padding-top:10px;  }

	

.img {

	border: 1px solid #e5e5e5;

}

	

.pepa { font-weight : bold; color: #0095d8; }





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; 

 }

 

  

 .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.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;  }



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



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, #american, #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:590px;

	top:350px;

	width:70px;

	height:30px;

	z-index:10;

	}

#europe {

	left:450px;

	top:90px;

	width:320px;

	height:115px;

	z-index:11;

	}

#american {

	width:50px;

	height:40px;

	z-index:16;

	left: 220px;

	top:150px;

	}	

#americas {

	width:140px;

	height:110px;

	z-index:12;

	left: 219px;

	top:300px;

	}

#africa {
	left:400px;
	top:220px;
	width:70px;
	height:90px;
	z-index:13;

	}

#middleeast {

	left:460px;

	top:252px;

	width:115px;

	height:80px;

	z-index:14;

	}

#fareast {

	left:600px;

	top:120px;

	width:150px;

	height:90px;

	z-index:15;

	}



iframe {

	width: 550px; 

	height:350px;

	border: 0px;

	overflow: auto;

}





/* contact form */ 

 

 .txtFld1, .txtFld2 {

	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;

	color:#333;

	text-decoration: none;

	background-color: #fff;

	border:  1px solid #b3b3b3;

	}





	

.txtFld1 {

	height: 100px;

	width: 250px;

	}

	

.txtFld2 {

	height: 20px;

	width: 250px;

	}	

	

 

 .smallBtn {

	color: #333;

	text-decoration: none;

	cursor: pointer;

	width: 250px;

	background-color: #e5e5e5;

	border: 1px solid #b3b3b3; }