/* */

html, body, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input {
   font-size: 1em;
}
html, body, div, p, form, img, h1, h2, h3, h4, h5, h6, input {
   font-family: Tahoma,Verdana,Segoe,sans-serif;
   padding: 0px;
   margin: 0px;
   border: 0px transparent none;
   background-position:left top;
   background-repeat:no-repeat;
   text-align: left;
}
body{
   font-size: 80.0%;
   color: #222222;
   line-height: 1.3;
   padding: 10px;
   margin: 0px;
   background-color: #FFFFFF;
   background-image: url("templates/ftm.1.0/gfx/bg2.gif");
   background-repeat: repeat;
}
p, td, h1, h2, h3, h4, h5, h6 {
   line-height: 1.2em;
}
a, a:visited{
  color:#999;
  font-weight:normal;
  text-decoration:none;
}
a:active, a:hover{
   color:#e3110d;
   text-decoration:underline;
}
ul{
   margin:0;
   padding:0 0 0 25px;
}
li{
   margin:0;
   padding:0;
}
/* for iePC */
td{
font-size: 1em;
}
h1{
   color:#444444;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:1.35em;
   font-weight:normal;
}
h2{
   color:#222222;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:1.15em;
   font-weight:bold;
   font-style:italic;
}
h3{
   font-size:1.1em;
   color:#6c7275;
   font-weight:normal;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   margin-bottom:13px;
}
h4{
   font-weight:bold;
   line-height:1.0em;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:1em;
}

h5{
   font-weight:bold;
   line-height:0.8em;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:0.8em;
}

/* error */
h6{
   font-weight:bold;
   line-height:1.2em;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:1.0em;
   color: red;
}
form{
   padding: 0px;
   margin: 0px;
}
.form{
padding: 0px;
margin: 5px 20px 15px 20px;
}

.small{
   font-size:0.8em;
}

textarea, .formgenerell input, input.formgenerell {
width:390px;
border: 1px dotted #96A67B;
margin-top: 5px;
padding: 2px;
font-size: 12px;
}

.formbutton {
width:100px;
border: 1px solid #96A67B;
background-image:url("templates/ftm.1.0/gfx/buttonbg.jpg");
}

/* patforms filter */
.formErrors {
margin: 5px 25px 25px 25px;
padding: 5px 5px 5px 5px;
border: 1px solid ;
background-color: #C99C77;
}

.formlabelerror {
color: #A06C11;
font-weight: bold;
}

/* container to center the layout
-------------------------------------- */
.container {
  margin-left:auto;
  margin-right: auto;
  /*width: 934px;*/
  min-width: 720px;
  max-width: 1120px;
  position:relative;
  padding: 0px;
}

/* head container for logo and metanavi
-------------------------------------- */
.menubar {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 30px;
}

.menubar .left{
  position: absolute;
  border:0px;
  left: 0px;
  width: 25px;
  height: 30px;
  margin: 0px; 
  padding: 0px;
  background-color:transparent!important;
  background-image: url("templates/ftm.1.0/gfx/hdr_bg_left.png");
}

.menubar .right{
  position: absolute;
  border:0px;
  right: 0px;        
  width: 25px;
  height: 30px;
  margin: 0px; 
  padding: 0px;
  background-color:transparent!important;
  background-image: url("templates/ftm.1.0/gfx/hdr_bg_right.png");
}

.menubar .middle{
  text-align:right;
  margin: 0px 20px 0px 25px;
  border:0px solid #000000;
  padding: 5px;
  color: #aaaaaa;
  height: 30px;
  background-color:transparent!important;
  background-image: url("templates/ftm.1.0/gfx/hdr_bg_middle.png");
  background-repeat:repeat-x;
}

.menubar a, .menubar a:link, .menubar a:visited, .menubar a:hover, .menubar a:active{
  font-size:80%;
  padding: 0;
  margin:0;
}


.main {
  background:#fff;
  border-bottom:0px solid #fff;
  border-left:1px solid #DDD;
  border-right:1px solid #BBB;
  border-top:0px solid #fff;
}

.banner {
  padding: 0px;
  margin: 0px;
  height:140px;
  background-image: url("templates/ftm.1.0/gfx/head.png");
}
.banner a
{
color: #444444;
text-decoration:none;
}

.banner h1
{
  font-size: 25px;
  padding: 60px 0px 0px 180px;
  margin: 0px;
  font-weight: bold;
}

.banner h2
{
  color: #444444;
  font-size: 14px;
  padding: 12px 0px 10px 180px;
  margin: 0px;
  font-weight: bold;
}

/*main-navi
-------------------------------------- */
.navigator {
	width: 100%;
 	margin:0;
 	padding:0;
}

/* elements for left and right navigation
-------------------------------------- */

.orient {
	width: 100%;
 	margin: 0;
 	padding: 0;
 	color: #006699;
	font-size: 0.625em;
	text-transform:lowercase;
}

.left {
  position: absolute;
  left: 0px;
  width: 170px;
  margin: 0 0 0 3px ; 
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}

#navi_hdr {		/* <-- Abgerundete weisse Ecken ueber dem div "naviinnen" */
  width: 165px;
  height: 20px;
  margin: 10px 0 0 0;
  padding: 2px 0 0 0;
  text-align:right;
  color:#CCC;
  font-size:0.85em;
  font-weight: bold;
  background-color:transparent!important;
  background-image: url(templates/ftm.1.0/gfx/navi_hdr.png);
  background-repeat: no-repeat;
}

#navi_cnt {
  width: 165px; 
  margin: 0px;
  padding: 0px;
  border-bottom:1px solid #fff;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  border-top:1px solid #fff;
  color:#222;
  font-size:0.90em;
  font-weight: normal;
  line-height: 200%;
  /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch
  font: normal normal 11px/22px Arial, Helvetica, sans-serif;*/
  background-color: #fff;
} 

#navi_ftr {	/* <-- Abgerundete weisse Ecken unter dem div "naviinnen" */
  width: 165px;
  height: 20px;
  margin: 0 0 10px 0;
  background-color:transparent!important;
  background-image: url(templates/ftm.1.0/gfx/navi_ftr.png);
}

/* content elements
-------------------------------------- */
.content {
  margin: 0px 0px 0px 190px;
  padding: 5px;
  border:0px solid #000000;
  min-height: 400px;
  color: #444444;
  background: white;
}

.content h1 {
  padding: 0px 20px 0px 0px;
  margin:10px 0px 30px 0px;
}

.content h2 {
  padding: 0px 20px 0px 0px;
  margin:20px 0px 10px 0px;
}

.content h3, .content h4, .content h5,  .content h6{
  padding: 0px 20px 0px 0px;
  margin:15px 0px 5px 0px;
}
.content p{
  line-height: 1.5em;
  padding: 0px;
  margin:5px 0px 5px 0px;
}
.content p.center{
  text-align:center;
}

/* elements for the gallery
-------------------------------------- */
.content #gallerie{
float:left;
padding: 0px 0px 10px 20px;
margin:0px 0px 20px 0px;
}

.content .thumbnail{
float:left;
width:100px;
margin: 10px 10px 0px 0px;
padding: 0px;
padding-right:8px;
}
.content .thumbnail img{
border-style: solid dotted;
border-color: #AEBD9E;
border-width:1px;
padding: 1px;
}

img.m {
  padding:3px;
  border:1px solid #bbb;
}

.content  br.antileft {
clear: left;
}
.antifloat
{
clear: both;
visibility: hidden;
}

.spDottedLine{
	float:left;
	margin:8px 0 8px 0 ! important;
	padding:0pt ! important;
	clear: both;
	float: left;
	width: 100%; 
	height:1px !important;
	background-image: url("templates/ftm.1.0/gfx/bg_maincontainer_line.gif");
	font-size:1px;
	background-repeat: repeat-x;
	line-height: 1px;
}

/*footer
-------------------------------------- */
.sponsors {
  padding: 0 5px 0 5px;
  margin: 0px;
  color:#AAA;
  align:center;
  text-align:center;
  border:1px;
}

.footer {
  padding: 5px;
  margin: 20px 0 0 0;
  text-align:center;
  font-size:80%;
  color:#AAA;
  background:#FFF;
  border-top:1px solid #DDD;
}

.bottombar {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 30px;
}

.bottombar .left{
  position: absolute;
  border:0px;
  left: 0px;
  width: 25px;
  height: 30px;
  margin: 0px; 
  padding: 0px;
  background-color:transparent!important;
  background-image: url("templates/ftm.1.0/gfx/ftr_bg_left.png");
}

.bottombar .right{
  position: absolute;
  border:0px;
  right: 0px;        
  width: 25px;
  height: 30px;
  margin: 0px; 
  padding: 0px;
  background-color:transparent!important;
  background-image: url("templates/ftm.1.0/gfx/ftr_bg_right.png");
}

.bottombar .middle{
  margin: 0px 25px 0px 25px;
  border:0px solid #000000;
  padding: 5px;
  text-align:center;
  font-size:80%;
  color:#AAA;
  height: 30px;
  background-color:transparent!important;
  background-image: url("templates/ftm.1.0/gfx/ftr_bg_middle.png");
  background-repeat:repeat-x;
}


.button {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-color: #eaeaea;
	border-left-color: #eaeaea;
	border-bottom-color: #c0c0c0;
	border-right-color: #c0c0c0;
	background-image: url("templates/ftm.1.0/gfx/mainmenubg.gif");
	background-repeat: repeat-x;
	color: #444444;
	font-size: 1.0em;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
	padding: 1px;
}

iframe {
	border: 0px solid #BBBBBB;
	width: 500px;
}.nlu_navi1 {
   margin: 0;
   padding: 0;
   border: 0;
   text-decoration: none;
   width: 165px;  /* ++ Width of Menu Items // Breite der Navigation*/
/*   float:left; */
}

.nlu_navi1 em { font-style: normal; }

.nlu_navi1 ul {
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   width: 165px;  /* ++ Width of Menu Items // Breite der Navigation */
}

.nlu_navi1 ul li { position: relative; }


/* ==== Styles for Menu Items =================================== */

/* ==== LEVEL X ================================================= */

/* ====  simple link <a> // einfacher Link <a> ==== */
.nlu_navi1 ul li a,
.nlu_navi1 ul li a:link,
.nlu_navi1 ul li a:visited,
.nlu_navi1 ul li a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   color: #424242;           /* ++ Text color // Textfarbe */
   
   /* ++ background color; url of the image; image adjust e.g. left gap 10px */
   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */
   background: #fff url(templates/ftm.1.0/gfx/navi_item.gif) 10px 5px repeat-x;

   /* ++ Text adjust e.g. upper gap and left gap 25px */
   /* ++ Text justieren 1px oben und 25px von links */
   padding: 1px 0 0 30px;

   /* ++ bottom line if you want */
   /* ++ Untere Linie wenn gewuenscht */
   border-bottom: 1px solid #ccc; /* IE6 Bug */

   /* ++ Den "white-space" Fehler im IE7 vermeiden */
   /* ++ Killing the "white-space" bug in IE7 */
   \width: 165px;  /* IE5x Opera <= 5 */
   widt\h: 135px;  /* = (Width of Menu Items) - (padding-right + padding-left) */

}

/* ====  Aktiv, wenn ein Sublevel vorhanden ist // active point if there is a sub_level ==== */
.nlu_navi1 ul li.sub_ul_true a,
.nlu_navi1 ul li.sub_ul_true a:link,
.nlu_navi1 ul li.sub_ul_true a:visited,
.nlu_navi1 ul li.sub_ul_true a:active {
   color: #424242;
   font-weight: normal;
   background: url(templates/ftm.1.0/gfx/navi_item.gif) 0px 1px repeat-x;
}

/* ====  Aktiver Pfad - Linkverfolgung im Baum // active path in tree (link tracing) ==== */
.nlu_navi1 ul li.act_path a,
.nlu_navi1 ul li.act_path a:link,
.nlu_navi1 ul li.act_path a:visited,
.nlu_navi1 ul li.act_path a:active {
   color: #424242;
   font-weight: bold;
   background: url(templates/ftm.1.0/gfx/navi_item.gif) 0px 1px repeat-x;
}

/* ====  active link <a> // aktiver Link <a> ==== */
.nlu_navi1 ul li.active a,
.nlu_navi1 ul li.active a:link,
.nlu_navi1 ul li.active a:visited,
.nlu_navi1 ul li.active a:active {
   color: #424242;
   font-weight: bold;
   background: url(templates/ftm.1.0/gfx/navi_act.png) 0px 1px no-repeat;
}

/* ====  hover: Maus über Link <a> // hover link <a> ==== */
.nlu_navi1 ul li a:hover {
   color:#e3110d;
/*   text-decoration: underline; */
   background: #fff url(templates/ftm.1.0/gfx/navi_hover.gif) 0px 1px repeat-x;
}
.nlu_navi1 ul li.sub_no a:hover {
   color:#e3110d;
   background: #fff url(templates/ftm.1.0/gfx/navi_hover.gif) 0px 1px repeat-x;
}
.nlu_navi1 ul li.sub_ul a:hover {
   color:#e3110d;
   background: #fff url(templates/ftm.1.0/gfx/navi_hover.gif) 0px 1px repeat-x;
}
/* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */
.nlu_navi1 ul li.sub_ul_true a:hover {
   color:#e3110d;
   background: #fff url(templates/ftm.1.0/gfx/navi_hover.gif) 0px 1px repeat-x;
}

/* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */
.nlu_navi1 ul li.active a:hover {
   color:#e3110d;
   background: #fff url(templates/ftm.1.0/gfx/navi_hover.gif) 0px 1px repeat-x;
}


/* ==== LEVEL X+1 =============================================== */

.nlu_navi1 ul ul li.sub_no a,
.nlu_navi1 ul ul li.sub_no a:link,
.nlu_navi1 ul ul li.sub_no a:visited,
.nlu_navi1 ul ul li.sub_no a:active,
.nlu_navi1 ul ul li.sub_ul a,
.nlu_navi1 ul ul li.sub_ul a:link,
.nlu_navi1 ul ul li.sub_ul a:visited,
.nlu_navi1 ul ul li.sub_ul a:active {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #909090;
   background: #fff url(templates/ftm.1.0/gfx/navi1sub.png) 0px 1px no-repeat;
   padding: 1px 0 0 45px;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   \width: 165px;  /* IE5x Opera <= 5 */
   widt\h: 120px;  /* = (Width of Menu Items) - (padding-right + left) */
}

/* state for the active point if there is a sub_level */
.nlu_navi1 ul ul li.sub_ul_true a,
.nlu_navi1 ul ul li.sub_ul_true a:link,
.nlu_navi1 ul ul li.sub_ul_true a:visited,
.nlu_navi1 ul ul li.sub_ul_true a:active {
   color: #000;
   font-weight: normal;
   background: #fff url(templates/ftm.1.0/gfx/navi1subon.png) 0px 1px no-repeat;
}

/* state for the active path (link tracing) */
.nlu_navi1 ul ul li.act_path a,
.nlu_navi1 ul ul li.act_path a:link,
.nlu_navi1 ul ul li.act_path a:visited,
.nlu_navi1 ul ul li.act_path a:active {
   color: #000;
   font-weight: bold;
   background: #fff url(templates/ftm.1.0/gfx/navi1subon.png) 0px 1px no-repeat;
}


/* state for the active link */
.nlu_navi1 ul ul li.active a,
.nlu_navi1 ul ul li.active a:link,
.nlu_navi1 ul ul li.active a:visited,
.nlu_navi1 ul ul li.active a:active {
   color: #000;
   font-weight: bold;
   background: #fff url(templates/ftm.1.0/gfx/navi1subon.png) 0px 1px no-repeat;
}


.nlu_navi1 ul ul li a:hover {
   color: #909090;
/*   text-decoration: underline; */
   background: #fff url(templates/ftm.1.0/gfx/navi_sub_hover.gif) 0px 1px repeat-x;
}
.nlu_navi1 ul ul li.sub_no a:hover {
   color: #909090;
   background: #fff url(templates/ftm.1.0/gfx/navi_sub_hover.gif) 0px 1px repeat-x;
}
.nlu_navi1 ul ul li.sub_ul a:hover {
   background: #fff url(templates/ftm.1.0/gfx/navi_sub_hover.gif) 0px 1px repeat-x;
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul li.sub_ul_true a:hover {
   background: #fff url(templates/ftm.1.0/gfx/navi_sub_hover.gif) 0px 1px repeat-x;
}

/* Only for the active link */
.nlu_navi1 ul ul li.active a:hover {
   background: #fff url(templates/ftm.1.0/gfx/navi_sub_hover.gif) 0px 1px repeat-x;
}

   
/* ==== LEVEL X+2 =============================================== */

.nlu_navi1 ul ul ul li.sub_no a,
.nlu_navi1 ul ul ul li.sub_no a:link,
.nlu_navi1 ul ul ul li.sub_no a:visited,
.nlu_navi1 ul ul ul li.sub_no a:active,
.nlu_navi1 ul ul ul li.sub_ul a,
.nlu_navi1 ul ul ul li.sub_ul a:link,
.nlu_navi1 ul ul ul li.sub_ul a:visited,
.nlu_navi1 ul ul ul li.sub_ul a:active  {
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #FFFFFF;
   background: #83A1BF url(templates/ftm.1.0/gfx/navi1_norm.gif) 40px 1px no-repeat;
   padding: 1px 0 0 55px;
   border-bottom: 1px solid #ccc; /* IE6 Bug */
   \width: 200px;  /* IE5x Opera <= 5 */
   widt\h: 145px;  /* = (Width of Menu Items) - (padding-right + left) */
}

/* state for the active point if there is a sub_level */
.nlu_navi1 ul ul ul li.sub_ul_true a,
.nlu_navi1 ul ul ul li.sub_ul_true a:link,
.nlu_navi1 ul ul ul li.sub_ul_true a:visited,
.nlu_navi1 ul ul ul li.sub_ul_true a:active {
   color: White;
   font-weight: normal;
   background: #83A1BF url(templates/ftm.1.0/gfx/navi1_sub_true.gif) 40px 1px no-repeat;
}

/* state for the active path (link tracing) */
.nlu_navi1 ul ul ul li.act_path a,
.nlu_navi1 ul ul ul li.act_path a:link,
.nlu_navi1 ul ul ul li.act_path a:visited,
.nlu_navi1 ul ul ul li.act_path a:active {
   color: White;
   font-weight: bold;
   background: #83A1BF url(templates/ftm.1.0/gfx/navi1_act.gif) 40px 1px no-repeat;
}


/* state for the active link */
.nlu_navi1 ul ul ul li.active a,
.nlu_navi1 ul ul ul li.active a:link,
.nlu_navi1 ul ul ul li.active a:visited,
.nlu_navi1 ul ul ul li.active a:active {
   color: White;
   font-weight: bold;
   background: #83A1BF url(templates/ftm.1.0/gfx/navi1_act.gif) 40px 1px no-repeat;
}


.nlu_navi1 ul ul ul li a:hover {
   color: White;
/*   text-decoration: underline; */
   background: #6D879F url(templates/ftm.1.0/gfx/navi1_hov.gif) 40px 1px no-repeat;
}
.nlu_navi1 ul ul ul li.sub_no a:hover {
   color: White;
   background: #6D879F url(templates/ftm.1.0/gfx/navi1_hov.gif) 40px 1px no-repeat;
}
.nlu_navi1 ul ul ul li.sub_ul a:hover {
   background: #6D879F url(templates/ftm.1.0/gfx/navi1_act_hov.gif) 40px 1px no-repeat;
}
/* Only for "if there is a sub_level" */
.nlu_navi1 ul ul ul li.sub_ul_true a:hover {
   background: #6D879F url(templates/ftm.1.0/gfx/navi1_hov.gif) 40px 1px no-repeat;
}

/* Only for the active link */
.nlu_navi1 ul ul ul li.active a:hover {
   background: #6D879F url(templates/ftm.1.0/gfx/navi1_act_hov.gif) 40px 1px no-repeat;
}
/*==== END LEVEL X ============================================= */

/* Holly Hack. IE Requirement \*/
* html .nlu_navi1 ul li { float: left; height: 1%; }
* html .nlu_navi1 ul li a { height: 1%; }

/* ==== End  nlu_navi1 ========================================= */ div#spNaviChannel {
  position:relative;
  float:right;
  width:100%;
  line-height:normal;
  padding:0;
  margin:0;
  border-bottom: 1px solid #DDDDDD;
  background:#ededed;
  background-image: url(templates/ftm.1.0/gfx/tab_bg_middle.gif);
  background-repeat:repeat-x;
}

ul.spNaviLevel1 {
  list-style:none;
  white-space:nowrap;
  padding:0;
  margin:0;
}

ul.spNaviInfo {
  position:relative;
  float:right;
  list-style:none;
  white-space:nowrap;
  padding:0 30px 0 30px;
  margin:0;
}

ul.spNaviLevel1 li.spNaviSubNavigation,
ul.spNaviInfo li.spNaviSubNavigation{
  float:left;
  margin:0;
  padding:0;
}

ul.spNaviLevel1 li.spNaviSubNavigation a.spNaviLevel1Link,
ul.spNaviInfo li.spNaviSubNavigation a.spNaviLevel1Link {
  margin:0;
  padding: 5px 25px 5px 25px;
  height:20px;
  text-align:center;
  color: #888;
  line-height:30px;
  font-size: 1.0em;
  text-deoration:none;
  font-weight: bold;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

ul.spNaviLevel1 li.spNaviSubNavigation a.spNaviLevel1Link:hover,
ul.spNaviInfo li.spNaviSubNavigation a.spNaviLevel1Link:hover {
  text-deoration:none;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  background-image: url(templates/ftm.1.0/gfx/tab-highlight-background.png);
  background-repeat:repeat-x;
}

.spNaviLevel1Div {
  display:block;
  position:relative;
  list-style:none;
  padding:0;
  margin:0;
}
.spNaviLevel1Div li {
  list-style:none;
  display:block;
  clear:both;
  padding:0;
  margin:0;
}
ul.spNaviLevel2 {
  list-style:none;
  position:absolute;
  top:-2px;
  left:-0px;
  float:left;
  padding: 0;
  margin:0;
  display:none;
  z-index:100;
}
ul.spNaviLevel1 li.spNaviSubNavigation:hover ul.spNaviLevel2 {
display:block;
padding:0;
margin:0;
}
ul.spNaviLevel2 li {
list-style:none;
padding:0;
margin:0;
display:block;
}

ul.spNaviLevel2 a {
	color: #000000;
	text-decoration: none;
	font-size: 1.0em;
	margin:0;
	padding: 2px 20px 2px 3px;
	width:auto;
	display:block;
	white-space:nowrap;
	width:14em;
	overflow: visible;
	height:normal;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	filter: alpha(opacity = 95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	background-color: #FAFAFA;
	background-image: url(templates/ftm.1.0/gfx/menu_gfx.png);
	background-repeat: repeat-y;
}

ul.spNaviLevel2 a:hover {
  background-color: #DDE4FF;
}


div#spNaviChannel ul.spNaviLevel1 ul.spNaviLevel2 li a.spNaviLevel2First {
  border-top: 1px solid #ADA8B2;
}

div#spNaviChannel ul.spNaviLevel1 ul.spNaviLevel2 li a.spNaviLevel2Last {
  border-bottom: 1px solid #ADA8B2;
}

.spNaviGfx {
  margin:0;
  padding:0 5px 0 0;
  border:0;
  height:16px;
  width:16px;
}#puntaala a {
    background: url("templates/ftm.1.0/gfx/sponsors/puntaala.jpg") no-repeat;
    display:block; width:100px; /* Linkbereich begrenzen */
}

#puntaala img {
    display:block; width:100px; height:70px; border:0;
}

#puntaala a:hover img {
    visibility: hidden;
}
#puntaala a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
}
* html #wechsel a {
    margin-right:1px;
}
* html #wechsel a:hover {
    width:107px; margin-right:0; /* Workaround fuer IE 5.01 */
}#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(templates/ftm.1.0/gfx/pi_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(templates/ftm.1.0/gfx/pi_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }