@CHARSET "UTF-8";

/* GENERAL DEFINITIONS */
*{margin:0; padding:0;}
body{text-align:justify; margin: 0px; font: 13px/18px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;	height: 100%; width: 100%; padding: 0; background-color: #303030; font-size:0.75em; color:#CCCCCC;}
html{height: 100%;}

a{text-decoration:none;color:#F08100;}
a:hover{text-decoration:none;color:#CCCCCC;}
small{padding-left:10px;}
noscript{padding-left:10px;}

#ffbContent {border:#00CC00 0px solid; width: 1024px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; padding-bottom:1em;}
#ffbHeader {border:#666 0px solid; position: fixed; }
#ffbHeader2 {border:#666 0px solid; position: fixed; margin-left:815px; margin-top:15px;}
#ffbHeader3 {border:#666 0px solid; background-color: #303030; position: fixed; margin-left:220px; padding-top:15px; width:590px;}
#ffbTopLine{background-color: #303030; padding-top:20px;}

#ffbLeftRow{border:#666 0px solid; width:210px; float:left; left:0; }
#ffbRightRow{border:#888 0px solid; width: 210px; right:0; }
#ffbMiddleRow{border:#000 0px solid; width:590px; margin-left:215px; margin-right:215px; float:right;}
#ffbMiddleRow h1{font-size:1.5em; margin-bottom:10px;}
#ffbMiddleRow h2{font-size:1.2em; padding-top:10px;}
#ffbMiddleRow h3{font-size:1em; padding-top:10px;}
#ffbMenu{margin-bottom:35px;}

#ffbLogo{background-image: url(../images/img_G_FFBLogo_210.jpg); background-repeat: no-repeat; height:88px; padding-bottom:30px;}
#ffbTeaserImage{background-image: url(../images/img_T_startseite_hallen_570.jpg); background-repeat: no-repeat; background-position:top center; height: 373px; margin-bottom:5px; margin-top: 15px; }

#ffbMiddleHeader{border:#00CC00 0px solid; background-color: #303030; padding-bottom:15px; width:590px; }
#ffbTeaserHeaderImage{background-color: #303030; background-repeat: no-repeat; background-position:top center; height: 115px; margin-bottom:5px; margin-top: 0px; }
#ffbMiddleText, #ffbMiddleText h1{margin:10px;}
#ffbMiddleText h1{font-size:1.2em;}
#ffbMiddleText h2{font-size:1em;margin:10px 0px 0px 10px;}
#ffbMiddleText h3{margin:0px 10px 0px 10px;}
#ffbMiddleText p {margin:5px 10px 10px 10px;}
#ffbMiddleText img{border:0px;margin:0px;padding:0px;}
.ffbHiglight {background:#b4b4b4;padding:5px;color:#303030;font-weight:bold;}
.ffbHint {font-size:0.9em;}
.ffbFoerderFoot {text-align:left;font-size:0.9em;}

.ffbFahrzeuge {margin-top: 0px;}
.ffbFahrzeuge img{float:right; margin:2px;}
.ffbFahrzeuge .floatbox {margin-top:10px; margin-bottom:15px; float: left;width: 570px;background-color:#494949;}


.ffbFehlerBox{font-weight:bold;background-position:20px 12px;height:45px; border:black 2px solid;background-image: url(../images/ffb_warning_48.gif); background-color:#fff; background-repeat: no-repeat; color:black;text-align:center; margin-top:15px; padding:15px;}
.ffbMessageBox{font-weight:bold;background-position:20px 12px;height:45px; border:black 2px solid;background-image: url(../images/ffb_mail_add_48.gif);background-color:#fff; background-repeat: no-repeat; color:black;text-align:center; margin-top:15px; padding:15px;}

.ffbToplink{width:100%;text-align:right;}
.ffbToplink a{text-decoration:none;margin-right:15px;color:#F08100;}
.ffbToplink a:hover{margin-right:15px;color:#CCCCCC;}

.ffbClearer{clear: both; margin-bottom:20px;}
/* END GENERAL DEFINITIONS */

/* MENU DEFINITIONS */
#ffbButton {width: 16em;border-right: 1px solid #000;padding: 0 0 0 0;margin-left:0.7em; margin-bottom: 1em;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #CCCCCC;color: #333; }
#ffbButton ul {list-style: none;margin: 0;	padding: 0px;	border: none;}
#ffbButton li {border-bottom: 1px solid #CCCCCC;margin: 0;}
#ffbButton li a {outline: none;display: block;padding: 5px 5px 5px 0.5em;	border-left: 10px solid #585858;border-right: 10px solid #606060;background-color: #707070;color: #fff;text-decoration: none;width: 100%;}
html>body #ffbButton li a {width: auto;}
#ffbButton li a:hover {border-left: 10px solid #383850;border-right: 10px solid #6d6e97;background-color: #47476f;color: #fff;}
/* END MENU DEFINITIONS */

/* Subbuttons */
#ffbSubButton{word-spacing:0.5em;text-align:center; padding: 5px 5px 5px 0.5em; border-left: 10px solid #585858;border-right: 10px solid #606060;background-color: #707070;color: #fff;text-decoration: none; margin-left:20px; margin-right:20px;}
#ffbSubButton ul li{list-style-type:none; display:inline;}
#ffbSubButton li a{outline: none;color:#F08100;font-weight:bold;text-decoration:none;}
#ffbSubButton li a:hover{color:#CCCCCC;}
#ffbSubButton li:before {content: "| "}
#ffbSubButton li:first-child:before {content: ""}
/* END Subbuttons */

/* TEASER BOX DEFINITIONS */
.ffbTeaserbox{text-align:justify; width: 13.5em;border-left: 10px solid #585858; border-right: 10px solid #606060;padding-left: 5px; padding-bottom:5px; padding-right:7px; margin-left:0.7em; margin-bottom: 1em;font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, sans-serif; background-color: #707070;color: #CCCCCC; }
.ffbTeaserbox h1{padding-top:3px; padding-bottom:7px; font-size: 1.1em; text-align:left;}
.ffbTeaserbox h2{padding-top:3px; font-size: 0.95em; text-align:left;}
.ffbTeaserbox p{font-size: 1em; text-align:left;padding-bottom:3px;}
.ffbTeaserbox img{border:0; padding-top:9px; padding-left:3px; float:left;}
.ffbRSSLinks{text-align:right;font-weight:bold;font-size:0.95em; padding-top:3px;}
.ffbTeaserbox a{text-decoration:none;color:#F08100;}
.ffbTeaserbox a:hover{color:#CCCCCC;}
#ffbMeinAbsatz{padding-top:3px; padding-bottom:5px; font-size: 13px; text-align:center;font-weight:bold;}
#ffbMeinAbsatz a{font-size: 13px; text-align:center;font-weight:bold;}
.ffbTeaserbox p.ffbfoerder {text-align:right;}
/* END TEASER BOX DEFINITIONS */


/* EINSATZ TABELLEN DEFINITIONEN */
#ffbEinsatzTBL{}
#ffbEinsatzTBL table{margin:20px 10px 10px 10px; width:550px; border:#b1b1b1 1px solid;color:#404040;}
#ffbEinsatzTBL tr.firstrow{background-color:#606060;color:#cccccc; font-weight:bold;}
#ffbEinsatzTBL tr.firstrownews{background-color:#606060;color:#cccccc; font-weight:bold;text-align:center;}
#ffbEinsatzTBL tr{background-color:#acacac;}
#ffbEinsatzTBL td{padding-left:6px;}
#ffbEinsatzTBL td.left{width:115px; font-weight:bold; vertical-align:top;}
#ffbEinsatzTBL td.leftnews{text-align:center;width:115px; font-weight:bold; vertical-align:top;}
#ffbEinsatzTBL td.right{padding:0px 6px 3px 6px;}
#ffbEinsatzTBL td.rightimg{padding:0px 6px 3px 6px;text-align:left;}
#ffbEinsatzTBL img{border:#303030 1px solid; margin:2px 5px 2px 5px;}
a.ffbnewsList{text-decoration:none;color:#404040;}
a.ffbnewsList:hover{text-decoration:none;color:#F08100;}
/* END EINSATZ TABELLEN DEFINITIONEN */

/* Mannschaftsboxen DEFINITIONEN */
.ffbContact {margin-top: 0px;}
.ffbContact img{float:right; margin:2px;}
.ffbContact .leftbox {margin-top:10px; float: left;width: 280px;background-color:#494949;}
.ffbContact .rightbox {margin-top:10px; float: right;width: 280px;background-color:#494949;}
/* END Mannschaftsboxen DEFINITIONEN */

/* CONTACT FORM DEFINITIONS */
form {width:370px;padding: 20px;border: 1px solid #8c8c8c;}
form label {display: block;}
input#email, textarea{width:320px;border:1px solid #8c8c8c;margin-bottom:1em;}
input#name{width:320px;border:1px solid #8c8c8c;margin-bottom:1em;}
input#vorname{width:320px;border:1px solid #8c8c8c;margin-bottom:0em;}
input#nachname{width:320px;border:1px solid #8c8c8c;margin-bottom:0em;}
input#strasse{width:320px;border:1px solid #8c8c8c;margin-bottom:0em;}
input#plz{width:320px;border:1px solid #8c8c8c;margin-bottom:0em;}
input#telefon{width:320px;border:1px solid #8c8c8c;margin-bottom:0em;}
textarea {height: 7em;}
input#email:focus,textarea:focus{background-color: #d9d9d9;}
input#name:focus{background-color: #d9d9d9;}
input.ffbbutton{padding:2px;color:#303030;font:small 'trebuchet ms',helvetica,sans-serif;background-color:#F08100;border:#CCCCCC 1px solid;} 
/* END CONTACT FORM DEFINITIONS */

/* TOOLTIP DEFINITIONS */
.ffbToolTip{display:none;border:1px solid #383850;position:absolute;z-index:2;color:#CCCCCC;width:350px;}
.ffbToolTipheadline{background-color:#47476f;padding:0px 5px 0px 5px;}
.ffbToolTipbody{background-color:#6d6e97;padding:0px 5px 0px 5px;}
/* END TOOLTIP DEFINITIONS */



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

