 .bl {background: url(../images/bl.gif) 0 100% no-repeat #E9E9E9;  width: 200px;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0% no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:5px}
.clear {font-size: 1px; height: 1px}
#navigation a span
{padding-right:5px}
.style0 {
	font-size: 12px;
	font-style: italic;
color: #962F34}
.style1 {
	font-size: 12px;
	font-style: italic;
color: #cccccc;
}
.style2 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00386E;
	font-weight: bold;}
.style3 {
font-size: 12px;
font-weight: normal;
color: #00386e}
.style4 {
font-size: 12px;
font-weight: bold;
color: #00386e}

.style5 {
font-size: 12px;
font-weight: bold;
color: #ffffff}

.style6 {
font-size: 9px;
font-weight: normal;
color: #962F34}

.style7 {
font-size:  12px;
font-weight: bold;
color: #0083A6}#icons {
	width: 609px;
	height: 305px;
	background: url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/icons_DE.gif);
	margin: 10px auto;
	padding: 0;
	position: relative;
}
#icons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#icons a {display: block;}

#icon1 {left: 133px; top: 15px; width: 125px; height: 130px;}
#icon2 {left: 315px; top: 6px; width: 163px; height: 140px;}
#icon3 {left: 422px; top: 157px; width: 129px; height: 136px;}
#icon4 {left: 44px; top: 154px; width: 141px; height: 139px;}
#icon5 {left: 226px; top: 158px; width: 143px; height: 138px;}


#icon1 a {height: 130px;}
#icon2 a {height: 140px;}
#icon3 a {height: 136px;}
#icon4 a {height: 139px;}
#icon5 a {height: 138px;}



#icon1 a:hover {background: url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/icons_DE.gif) -133px  -306px no-repeat;}
#icon2 a:hover {background: url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/icons_DE.gif) -315px -297px no-repeat;}
#icon3 a:hover {background: url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/icons_DE.gif) -422px -448px no-repeat;}
#icon4 a:hover {background: url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/icons_DE.gif) -44px -445px no-repeat;}
#icon5 a:hover {background: url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/icons_DE.gif) -226px -449px no-repeat;}


a.info1 {
    position:relative; /* Tr&egrave;s important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info1:hover {text-decoration:none;
    z-index:10;
}

a.info1 span {
    display:none;
}

a.info1:hover span { /*la tag SPAN apparaitra avec l&#146;effet hover*/
    display:block;
    position:absolute;
    top:30px;
    right:65px;
     
    /* &Eacute;l&eacute;ments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:15px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    margin:0px;
    width:225px;
    height:45px;
	

    /* Style du character dans la bulle */
	font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:left;
	border:0px;
	overflow-y: none;
}


/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info1:hover>span {
background-image:url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/bgInfo1.png);
}

a.info1:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/objects/1_3_245893165/bgInfo1.png",
sizingMethod="crop");
}#tp_standard_desctext {position:absolute; left:10px; top:270px; width:280px; height:290px; overflow:auto; font-size:small; color:#00386e;}#tp_standard_text {position:absolute; left:300px; top:230px; width:710px; height:440px; }
#tp_navigation_menu {position:absolute; top:80px; left:960px; list-style-type:none; padding:0; margin:0;}
#tp_navigation_menu img{border:0;}
#flag {position:absolute; top:100px; left:0px}

#tp_general_menu {position:absolute; top:60px; left:80px; list-style-type:none; font-size:12px; font-weight:bold; width:160px; z-index:2;}
#tp_general_menu li{border-bottom:dashed 1px #989898; padding-top:2px;}
#tp_general_menu a {text-decoration:none; color:#666A75;}
#tp_general_menu a:hover {color:black;}
#tp_general_menu .arrow {color:#cd5c5c; font-size:8px; font-weight:bolder;}

#tp_general_menu2 {position:absolute; top:673px; left:615px; list-style-type:none; text-align:center; font-size:9px; font-weight:bold; padding:0; margin:0;}
#tp_general_menu2 li {display:inline; border-right:solid 1px black; padding-right:2px; margin-left:2px;}
#tp_general_menu2 a {text-decoration:none; color:grey;}
#tp_general_menu a:hover {color:#00386E}

#bottom_bar {position:absolute; top:690px; left:600px;}

.tp_chessboard_barr {position:absolute; top:75px; left:550px; width:300px; height:27px;}
.tp_chessboard_barr .tp_chessboard_cell {width:100px; height:13px;}
#tp_chessboard_cell1 {position:absolute; background-color:#999999; top:0px; left:0px;}
#tp_chessboard_cell2 {position:absolute; background-color:#c0c0c0; top:0px; left:100px;}
#tp_chessboard_cell3 {position:absolute; background-color:#DCDCDC; top:0px; left:200px;}
#tp_chessboard_cell4 {position:absolute; background-color:#e9e9e9; top:0px; left:300px;}

#tp_chessboard_menu {position:absolute; top:86px; left:550px; text-align:center;}
#tp_chessboard_menu ul { list-style-type:none; padding:0; margin:0;}
#tp_chessboard_menu a {text-decoration:none;}

#tp_chessboard_menu td {width:100px; height:57px; overflow:hidden; font-size:11px;}

#banner {position:absolute; top:580px; left:30px; width:200px;}

#banner div { border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
#banner .banner_boxtitle {background:#f0f0f0; border:none; font-weight:bold; font-size:12px;}
#banner .banner_boxpointer{color:#9F1B29}
#banner ul {margin:8px 0 0 0; padding:0; padding-left:4px; list-style-type:square;height:60px;  overflow:auto;}
#banner a {text-decoration:none; font-size:9px; color:grey;}
#banner a:hover {color:#00386e;}

.list_last_pr {position:absolute; top:580px; left:300px; width:650px;}
.list_last_pr ul { border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29; padding:0 0 0 20px; margin:0;}

.banner_b1 , .banner_b2, .banner_b3, .banner_b4 {font-size:1px; display:block; background:#f0f0f0; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
.banner_b1 , .banner_b2, .banner_b3{height:1px;}
.banner_b2, .banner_b3, .banner_b4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
.banner_b1 {margin:0 4px; background:#9F1B29;}
.banner_b2 {margin:0 2px; border-width:0 2px;}
.banner_b3 {margin:0 1px;}
.banner_b4 {margin:0; height:2px;}
.banner_c1 , .banner_c2, .banner_c3, .banner_c4 {font-size:1px; display:block; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
.banner_c1 , .banner_c2, .banner_c3{height:1px;}
.banner_c2, .banner_c3, .banner_c4 {border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
.banner_c1 {margin:0 4px; background:#9F1B29;}
.banner_c2 {margin:0 2px; border-width:0 2px;}
.banner_c3 {margin:0 1px;}
.banner_c4 {margin:0; height:2px;}

   #contact_links {position:absolute; top:180px; left:100px;}
   #img_bullet {position:absolute; top:4px; left:1px;z-index:0;}
   #img_contact {position:absolute; top:0px; left:110px;border:0;z-index:2; cursor:pointer;}

   #contact_info {position:absolute; top:192px; left:30px; z-index:100;display:block; width:260px;}
   #contact_info div {background:#f0f0f0;height:35px; overflow:auto; font-size:8px; color:#00386e; text-align:center;}
   #contact_info .btclose{position:absolute; right:1px; cursor:pointer;}
   #contact_info .btarobase{position:relative;top:3px;}

  .contact_title {font-weight:bold; font-size:9px; text-align:center;}
  .contact_title a {font-weight:bold; font-size:9px; text-align:center;}
#language_switch {position:absolute; top:140px; left:962px;}
     #language_switch img {border:0}

			#qsearch {position:absolute; top:205px; left:723px; width:267px;z-index:100; font-size:10px; color:#00386e;}
			#qsearch div { background:#f0f0f0;}
			
			.qsearch_b1 , .qsearch_b2, .qsearch_b3, .qsearch_b4 {font-size:1px; display:block; background:#f0f0f0; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
			.qsearch_b1 , .qsearch_b2, .qsearch_b3{height:1px;}
			.qsearch_b2, .qsearch_b3, .qsearch_b4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
			.qsearch_b1 {margin:0 4px; background:#9F1B29;}
			.qsearch_b2 {margin:0 2px; border-width:0 2px;}
			.qsearch_b3 {margin:0 1px;}
			.qsearch_b4 {margin:0; height:2px;}
			.qsearch_c1 , .qsearch_c2, .qsearch_c3, .qsearch_c4 {font-size:1px; display:block; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
			.qsearch_c1 , .qsearch_c2, .qsearch_c3{height:1px;}
			.qsearch_c2, .qsearch_c3, .qsearch_c4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
			.qsearch_c1 {margin:0 4px; background:#9F1B29;}
			.qsearch_c2 {margin:0 2px; border-width:0 2px;}
			.qsearch_c3 {margin:0 1px;}
			.qsearch_c4 {margin:0; height:2px;}
		#conteneur {position:absolute; top:0px; left:0px;}
#img_top_vertical {position:absolute; top:74px; left:300px;}
#img_logo {position:absolute; top:5px; left:820px; z-index:2; border:0;}
#img_top {position:absolute; top:75px; left:310px;}
#img_division {position:absolute; top:5px; left:210px;}
#right_home_content {position:absolute; top:200px; left:980px; height:500px; width:135px; display:block; overflow:auto;}
#website_url {position:absolute; top:55px; left:150px; width:838px; background-image:url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/images/horizontal_bar.png); color:white; font-size:12px; font-weight:bold;}
#path_selected {position:absolute; top:205px; left:310px;height:21px; width:600px; font-size:10px; font-style:italic;background-image:url(http://www.bfioptilas.de/a?sid=dea20e119c3b1d311c81bad2b54cdc31/images/search_bar.png); color:#962F34;  background-repeat:no-repeat;padding-top:4px;}
#path_selected a{ font-size:10px;}
#copyright {position:absolute; top:680px; left:0px; color:#a9a9a9; font-size:9px; width:400px;}
#copyright a {text-decoration:none; color:#A9A9A9;}


a {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;color:#00386E}
a:hover {color:#962F34}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-top: 0px;
	margin-left: 0px;
}

h1 {
	font-size: 13px;
	color: #00386E;
}
.style1 {
	font-size: 12px;
	font-style: italic;
color: #cccccc;
}
.style2 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00386E;
	font-weight: bold;}
.style3 {
font-size: 12px;
font-weight: normal;
color: #00386e}
.style4 {
font-size: 12px;
font-weight: bold;
color: #00386e}

.style5 {
font-size: 12px;
font-weight: bold;
color: #ffffff}

.formbutton1 {cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(./images/formbg.gif) repeat-x left top;}
html, body{
scrollbar-face-color:#E0E0E0;
scrollbar-base-color:#E0E0E0;
scrollbar-arrow-color:#00386E;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-3dlight-color:#00386E;
scrollbar-darkshadow-Color:#00386E;
}

