/* TFI-Stylesheet Copyright 2005 by Sellinger Design (www.sellinger-design.de) */

/* Globale Einstellungen */

body {color:#000; margin:0px 0px; padding:0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; background: #697481 url(img/bodyhg.gif) 0px 0px repeat-x;}
acronym {border:none;}

a {color:#064D9D;}
a:visited {color:#064D9D;}
a:hover {color:#CC0000;}
img {border:0px;padding:0px;margin:0px;}
.hidden {visibility:hidden;}
.clear {clear:both;}
.trenner { widht: 100%; font-size: 0.1em; height: 21px; background: url(img/trenner.gif) 50% 5px repeat-x; }

.bodytrenner { padding: 15px 0px 12px 0px; }
form, ul {margin:0px; padding:0px;}
div, td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table { border: none; }
p {padding: 5px 0px 0px 0px; margin: 0px; }

/* Rahmen- Layoutelemente */

#Rahmen {width: 880px;margin:0px auto; padding:0px 0px 0px 0px; text-align:left; position:relative;}
#RahmenSchattenL {width: 10px; height: 250px; z-index:5; position: absolute; top: 60px; left: 0px; background: url(img/schattenl.gif) top no-repeat;}
#RahmenSchattenR {width: 10px; height: 250px; z-index:6; position: absolute; top: 60px; right: 0px; background: url(img/schattenr.gif) top no-repeat;}
#KopfzeileLeer {width: 880px; height: 35px; background: url(img/kopfzeileo.gif) top no-repeat;}
#Kopfzeile {width: 880px; height: 25px; background: url(img/kopfzeilehg.gif) top no-repeat; font-size: 0.1em; z-index: 1;}
#Kopfzeile2 {width: 880px; height: 50px; background: #FFF url(img/kopfzeilehg.gif) top no-repeat; font-size: 0.1em; z-index: 1;}
#Sitebody {width: 880px; background: url(img/sitebody.gif) top repeat-y;z-index: 10;}
#Logolayer {width: 145px; height: 145px; z-index: 3; position: absolute; top: 40px; left: 50px; background: url(img/tfilogo.png) 0 0 no-repeat;}
* html #Logolayer {
	background: url(img/tfilogo_ie6.jpg) 0 1px no-repeat;
	}
#Logolayer2 {width: 101px; height: 101px; z-index: 3; position: absolute; top: 50px; left: 13px; background: url(img/tfilogoklein.png) 0 0 no-repeat;}
* html #Logolayer2 {
	background: url(img/tfilogoklein_ie6.gif) 0 0 no-repeat;
	}
#Logolayer span, #Logolayer2 span {visibility: hidden;}
#KeyvisualAd {width: 111px; height: 70px; z-index: 4; position: absolute; top: 10px; left: 552px; background: url(img/keyvisual-ad.jpg) 0% 0% no-repeat;}
#Bildzeile {width: 840px; padding:20px 10px 10px 10px; background-color: #F5F6F7; margin-left: 10px;}
#Navizeile {width: 860px; height: 41px; background: url(img/navihg.gif) 0px 0px repeat-x; margin-left: 10px;}
#Content {width: 840px; padding: 10px; background: #EAECEE url(img/contenthg.gif) 0px 0px repeat-x; margin-left: 10px;}
#Content2 {width: 860px; padding: 0px; margin-left: 10px;}
#Partnerzeile {width: 880px; height: 38px;  background: url(img/partnerhg.gif) 0px 0px repeat-x; }
#Partnerzeile table { width: 100%; height: 38px; border: none; vertical-align: middle;text-align: center;}
#Partnerzeile img {vertical-align: middle;padding:0px 5px 2px 5px;}
#Footer {width: 880px; height: 26px; text-align: center; font-size: 10px; padding-bottom: 10px; color: #93999F; background: url(img/footerhg.gif) top no-repeat;}
#Impressum {width: 180px; height: 25px; z-index:2; position: absolute; top: 50px; right: 10px; font-size: 11px;}
#Impressum img {vertical-align: middle;padding-right: 7px;}

/* Hauptnavi */

#Navizeile ul { padding-top: 5px; padding-left: 103px;}
#Navizeile li { list-style-type: none; background: url(img/hnavi_passiv_l.gif) 0% 0% no-repeat; float: left; line-height: 26px; padding-left: 20px;}
#Navizeile li.aktiv { list-style-type: none; background: url(img/hnavi_aktiv_l.gif) 0% 0% no-repeat; float: left; line-height: 26px; padding-left: 20px;}
#Navizeile a { background: url(img/hnavi_passiv_r.gif) 100% 100% no-repeat; display: block; padding-right: 20px; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; letter-spacing : -1px;}
#Navizeile a.aktiv { background: url(img/hnavi_aktiv_r.gif) 100% 100% no-repeat; display: block; padding-right: 20px; font-size: 12px; font-weight: bold; color: #ECEDEF; text-decoration: none; letter-spacing : -1px;}
#Navizeile a:hover { color: #CC0000; }
#Navizeile a.aktiv:hover { color: #FFF; }

/* Subnavi / 1. Ebene */
#SNavi { width: 259px; background: url(img/snavi_trenner.gif) 0% 0% no-repeat; padding-bottom: 20px; }
#SNavi li { width: 259px; list-style-type: none; background: url(img/snavi_trenner.gif) 0% 100% no-repeat; }
#SNavi a { width: 214px; background: url(img/icon_ball.gif) 20px 6px no-repeat; display: block; padding: 5px 0px 8px 45px; color: #064D9D; text-decoration: none;}
#SNavi a.aktiv { width: 214px; background: #064D9D url(img/icon_ball.gif) 20px 6px no-repeat; display: block; padding: 5px 0px 8px 45px; color: #ECEDEF; text-decoration: none;}

#SNavi a:hover, #SSNavi a:hover, #SSSNavi a:hover { background-color: #064D9D; color: #ECEDEF; }

/* Subnavi / 2. Ebene */
#SSNavi { width: 259px; }
#SSNavi li { width: 259px; list-style-type: none; background: url(img/snavi_trenner.gif) 0% 0% no-repeat;}
#SSNavi a { width: 192px; display: block; padding: 5px 0px 8px 68px; color: #064D9D; text-decoration: none; background: url(img/icon_ball_14x14.gif) 46px 6px no-repeat; font-size: 10px; }
#SSNavi a.aktiv { width: 192px; display: block; padding: 5px 0px 8px 68px; color: #CC0000; text-decoration: none; font-size: 10px; background: url(img/icon_ball_14x14.gif) 46px 6px no-repeat; font-weight: bold; }

/* Subnavi / 3. Ebene */
#SSSNavi { width: 259px; }
#SSSNavi li { width: 259px; list-style-type: none; background: url(img/snavi_trenner.gif) 0% 0% no-repeat;}
#SSSNavi a { width: 167px; display: block; padding: 5px 0px 8px 90px; color: #064D9D; text-decoration: none; background: url(img/icon_ball_12x12.gif) 68px 7px no-repeat; font-size: 10px; }
#SSSNavi a.aktiv { width: 167px; display: block; padding: 5px 0px 8px 90px; color: #CC0000; text-decoration: none; font-size: 10px; background: url(img/icon_ball_12x12.gif) 68px 7px no-repeat; font-weight: bold; }

/* Content */

#Content table.TeaserI { width: 100%; }
#Content table.TeaserI td { vertical-align: top; }
#Content table.TeaserI td.links { width: 410px; padding-right: 11px; background: url(img/dot_y.gif) 100% 0% repeat-y; }
#Content table.TeaserI td.rechts { width: auto; padding-left: 10px; }
#Content table.TeaserI img.imgleft { float: left; padding-right: 10px; }
#Content table.TeaserI img.imgright { float: right; padding-left: 10px; }
#Content table.TeaserI p { padding-top: 10px; }
#Content table.TeaserI .hpTeaser { padding-bottom: 10px; float: left; }

#Content2 table.CSeite { width: 100%; }
#Content2 table.CSeite td { vertical-align: top; }
#Content2 table.CSeite td.links { width: 259px; padding-top: 30px; background: url(img/snavi_hg.gif) 0% 0% repeat-x; }
#Content2 table.CSeite td.Trenner {width: 1px; }
#Content2 table.CSeite td.rechts { width: auto; padding: 30px 30px 20px 25px; }

.HTeaser { width: auto; padding-bottom: 20px; }
.HTeaser table.HT { width: 535px; background-color: #FAF4D4; }
.HTeaser table.HT td { vertical-align: top; }
.HTeaser table.HT td.HTlinks { width: 1px; padding-right: 20px; }
.HTeaser table.HT td.HTmitte {width: 23px; padding-top: 10px; }
.HTeaser table.HT td.HTrechts { width: auto; padding: 10px; }

.ArtikelBlock { width: auto; padding-bottom: 10px; }
p.ArtikelHead { padding: 0px 0px 20px 23px; background: url(img/bullet_g-w.gif) 0px 2px no-repeat; line-height: 18px; }
.ArtikelBlock img.imgleft { float: left; padding: 0px 20px 20px 0px; }
.ArtikelBlock img.imgright { float: right; padding: 0px 0px 20px 20px; }
.ArtikelBlock img.mitte { padding: 0px 0px 20px 0px; }
.ArtikelBlock p { padding-bottom: 10px; }

.ArtikelBlock li { list-style-type: none; background: url(img/icon_liste.gif) 2px 5px no-repeat; padding-left: 20px; padding-bottom: 5px; }
.ArtikelBlock li.Link { list-style-type: none; background: url(img/bullet_g-w.gif) 0px 2px no-repeat; padding-left: 20px; padding-bottom: 5px; }

.FormularBlock { width: auto; padding-bottom: 10px; }
.FormularBlock table.Form { width: 100%; }
.FormularBlock table.Form td.Text { width: 180px; height: 25px; vertical-align: middle; }
.FormularBlock table.Form input.Lang { width: 200px; background-color: #F5F6F7; border: 1px solid #697481; padding: 2px; font-size: 11px; }
.FormularBlock table.Form input.Kurz { width: 100px; background-color: #F5F6F7; border: 1px solid #697481; padding: 2px; font-size: 11px; }
.FormularBlock table.Form select.Camp { width: 327px; background-color: #F5F6F7; border: 1px solid #697481; padding: 2px; font-size: 11px; }
.FormularBlock table.Form input.Radio { vertical-align: middle; }
.FormularBlock table.Form textarea { width: 320px; background-color: #F5F6F7; border: 1px solid #697481; padding: 2px; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.FormularBlock table.Form td.Abstand { height: 15px; }
.FormularBlock table.Form td.Button { padding-top: 15px; }

.Galeriebaustein { width: auto; padding-bottom: 20px; }
.Galeriebaustein table.GB { width: 510px; background-color: #FAF4D4; padding: 10px 0px 10px 0px; text-align: left;}
.Galeriebaustein table.GB td.GBl { width: 90px; padding-right: 10px; padding-left: 10px;}
.Galeriebaustein table.GB td.GBm { width: 90px; padding-right: 10px; }
.Galeriebaustein table.GB td.GBr { width: 90px; padding-right: 10px; }
p.Galeriebaustein { width: 500px; }

/* Typo und Farben */
h1 {font-size:17px; padding: 0px; margin:0px;}
h2 {font-size:14px; padding: 0px; margin:0px; font-weight: bold; }
h3 {font-size:11px; padding: 0px; margin:0px; font-weight: normal; color: #B6B4B4;}
.Fsize11 {font-size: 11px;}
.Fsize14 {font-size: 14px;}
.Fsize14-Rot {font-size: 14px; color:#CA0000; font-weight: bold;}
.Rot {color:#CC0000;}
a.Headline { font-size: 13px; font-weight: bold; color: #064D9D; text-decoration: none; }
a.Headline:hover { color: #CC0000; }
.AHeadline {font-size: 17px; font-weight: bold; }
a.AHeadline {font-size: 17px; font-weight: bold; text-decoration: none; }
a.AHeadline:hover { color: #CC0000; }
.Subline { font-size: 11px; color: #8B9197; font-weight: bold; }


/* VIDEO */
div.video_holder { width:320px;height:270px;margin:auto }

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #011C3A;
	cursor: pointer;
	z-index:99;

}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index:100;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	z-index:100;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}