/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
created by agentur etcetera
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* ----- Standart Schrift ----- */

body,a,div,p,li,ul,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,textarea,select,optgroup,option{
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#474747;
}

/* ----- HTML und BODY ----- */

body,html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	background-image:url('/FI/_img/background.jpg');
	background-position:left top;
	background-repeat:repeat-x;
}

/* ----- complete ----- */

#container{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
}

/* ----- Head ----- */

#head{
	display:block;
	width:100%;
	height:140px;
	margin:0px;
	padding:0px;
	text-align:center;
}
#logo{
	display:block;
	width:940px;
	height:106px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url('/FI/_img/logo.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

/* ----- Body ----- */

#body{
	display:block;
	clear:both;
	width:940px;
	padding:0px;
	margin:0px auto 0px auto;
}

/* ----- Navigation ----- */

#navigation{
	display:block;
	width:100%;
	height:34px;
	margin:0px;
	padding:0px;
	border-top:0px solid #9ea0a1;
	border-bottom:0px solid #9ea0a1;
	background-image:url('/FI/_img/buttonbg_off.jpg');
	text-align:center;
}
#navigation ul{
	display:block;
	width:940px;
	margin:0px auto 0px auto;
	padding:0px;
	list-style:none outside none;
}
#navigation ul li{
	display:block;
	float:left;
	width:156px;
	height:34px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#navigation ul li.zr{
	display:block;
	float:left;
	width:1px;
	height:32px;
	margin:1px 0px 0px 0px;
	padding:0px;
	background-color:#9ea0a1;
}
#navigation ul li a{
	width:100%;
	height:34px;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font:normal 14px/25px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#222691;
	background-image:url('/FI/_img/buttonbg_off.jpg');
}
#navigation ul li a:hover{
	color:#ffffff;
	background-image:url('/FI/_img/buttonbg_on.jpg');
}
#navigation ul li a.on{
	width:100%;
	height:34px;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font:normal 14px/25px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	background-image:url('/FI/_img/buttonbg_on.jpg');
}

/* ----- Content ----- */

#content{
	display:block;
	float:left;
	width:590px;
	min-height:400px;
	margin:0px;
	padding:0px 0px 0px 40px;
}
div.adminwrap{
	display:block;
	clear:both;
	width:588px;
	min-height:100px;
	margin:20px 0px 0px 0px;
	padding:0px;
	border:1px solid #3247be;
}
div.doubleline{
	display:block;
	clear:both;
	width:586px;
	height:5px;
	margin:0px;
	padding:0px;
	background-color:#474747;
	/*border-top:1px solid #474747;
	border-bottom:1px solid #474747;*/
}
#spacer{
	display:block;
	width:940px;
	min-height:25px;
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	text-align:left;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	/*background:left bottom url('/FI/_img/bottom-background.jpg') repeat-x #3247be;*/
}
#submenu{
	display:block;
	float:left;
	width:156px;
	min-height:20px;
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#222691;
	text-align:left;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	list-style:none outside none;
	border-right:1px dotted #9ea0a1;
}
#submenu li{
	display:block;
	width:156px;
	min-height:20px;
	margin:0px;
	padding:0px;
	color:#3247be;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}
#submenu li a{
	display:block;
	width:100%;
	min-height:16px;
	margin:0px;
	padding:2px 0px 2px 0px;
	color:#9ea0a1;
	text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}
#submenu li a:hover{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#3247be;
}
#submenu li a.on{
	display:block;
	width:100%;
	min-height:16px;
	margin:0px;
	padding:2px 0px 2px 0px;
	color:#3247be;
	text-decoration:none;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
}
#content a.teaseroff{
	display:none;
	overflow:hidden;
	width:583px;
	margin:0px;
	padding:0px;
}
#content a.teaseron{
	display:block;
	width:573px;
	margin:0px;
	padding:0px 5px 3px 5px;
	text-decoration:none;
	color:#;
	border:1px dotted #3247be;
	border-top:0px none #3247be;
}
#content div.clipboxoff{
	display:none;
	overflow:hidden;
	width:583px;
	margin:0px;
	padding:0px;
}
#content div.clipboxon{
	display:block;
	width:573px;
	margin:0px;
	padding:0px 5px 3px 5px;
	border:1px dotted #3247be;
	border-top:0px none #3247be;
}
#content div.galerie{
	display:block;
	float:left;
	width:290px;
	margin:0px;
	padding:0px;
}
#content h1{
	display:block;
	clear:both;
	width:585px;
	min-height:21px;
	margin:0px;
	padding:13px 0px 8px 0px;
	font:normal 17px/21px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#3247be;
}
#content h1.clipbox{
	display:block;
	width:575px;
	min-height:16px;
	margin:10px 0px 0px 0px;
	padding:1px 5px 1px 5px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	background-color:#3247be;
}
#content div.galerie h1{
	display:block;
	width:290px;
	min-height:16px;
	margin:0px;
	padding:13px 0px 8px 0px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	background-color:#3247be;
}
#content h1.clipbox a{
	display:block;
	width:575px;
	min-height:16px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#ffffff;
}
#content h1.clipbox a:hover{
	color:#9ea0a1;
}
#content h2{
	display:block;
	width:585px;
	min-height:16px;
	margin:0px;
	padding:8px 0px 0px 0px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
#content div.clipboxon h2{
	display:block;
	width:573px;
	min-height:16px;
	margin:0px;
	padding:8px 0px 0px 0px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
#content div.galerie h2{
	display:block;
	width:290px;
	min-height:16px;
	margin:0px;
	padding:8px 0px 0px 0px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
#content p{
	display:block;
	width:585px;
	margin:0px;
	padding:8px 0px 0px 0px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
#content div.clipboxon p{
	display:block;
	width:573px;
	margin:0px;
	padding:8px 0px 0px 0px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
#content div.galerie p{
	display:block;
	width:290px;
	margin:0px;
	padding:8px 0px 0px 0px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
#content p a,#content h2 a{
	text-decoration:none;
	color:#3247be;
}
#content p a:hover,#content h2 a:hover{
	text-decoration:underline;
	color:#3247be;
}
.blue{
	color:#3247be}
div.clear{
	display:block;
	clear:both;
	height:1px;
	width:100px;
	margin:-1px 0px 0px 0px;
	padding:0px;
	font:normal 1px/1px Sans-Serif;
}
#galerielinks{
	display:block;
	width:360px;
	height:20px;
	margin:10px auto 0px auto;
	padding:0px;
}
#galerielinks a{
	display:block;
	float:left;
	width:120px;
	height:20px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	text-decoration:none;
	color:#3247be;
}
#foot{
	display:block;
	clear:both;
	width:930px;
	height:25px;
	margin:0px 0px 0px 0px;
	padding:13px 10px 0px 10px;
	background-image:url('/FI/_img/bottom-background2.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	color:#ffffff;
}
#foot p {
	margin:0px;
    padding:0px;
	color:#ffffff;
}
#foot span{
	display:inline;
    float:right;
    margin:0;
    padding:0;
}
#foot a{
	text-decoration:none;
	color:#ffffff;
}
#foot a:hover{
	text-decoration:underline;
	color:#ffffff;
}
img.legend{
	display:block;
	float:left;
	width:95px;
	height:350px;
	margin:0px;
	padding:0px;
}
div.timeline{
	display:block;
	float:left;
	overflow:auto;
	width:845px;
	height:400px;
	margin:0px;
	padding:0px;
}
div.tooltip{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:450px;
	min-height:150px;
	margin:0px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #3247be;
}
div.tooltip h1.tooltip{
	display:block;
	width:430px;
	margin:0px;
	padding:0px 0px 5px 0px;
	font:bold 16px/18px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#3247be;
}
div.tooltip p.tooltip{
	display:block;
	width:430px;
	margin:0px;
	padding:0px 0px 5px 0px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
/* ----- Bilder ----- */

img{
	display:block;
	border:0px none #;
	margin:0px;
	padding:0px;
}

/* ----- Formular ----- */

ul.refreshmenu{
	display:block;
	width:583px;
	height:20px;
	margin:8px 0px 0px 0px;
	padding:0px;
	list-style:none outside none;
	border:1px solid #3247be;
}
ul.refreshmenu li{
	display:block;
	float:right;
	width:145px;
	height:20px;
	margin:0px;
	padding:0px;
	text-align:center;
}
ul.refreshmenu li a{
	display:block;
	width:100%;
	height:20px;
	margin:0px;
	padding:0px;
	font:normal 12px/20px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#3247be;
	text-decoration:none;
	text-align:center;
}
ul.refreshmenu li a:hover{
	font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
}
ul.refreshmenu li form input.menu{
	display:block;
	width:100%;
	height:20px;
	margin:0px;
	padding:0px;
	font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
	background-color:#d86627;
	border:0px none #fff;
	text-decoration:none;
	text-align:center;
}

form{
	margin:0px;
	padding:0px;
}
fieldset{
	display:block;
	clear:both;
	width:583px;
	min-height:100px;
	margin:8px 0px 0px 0px;
	padding:0px;
	border:1px dotted #3247be;
}
label.text{
	display:block;
	clear:left;
	float:left;
	width:140px;
	height:16px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#474747;
	margin:5px 0px 0px 0px;
	padding:0px;
}
input.h1{
	display:block;
	width:585px;
	height:17px;
	font:normal 17px/21px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#3247be;
	border:1px dotted #222691;
	background-color:#ffffff;
	margin:12px 0px 7px 0px;
	padding:0px;
	text-indent:2px;
}
input.h2{
	display:block;
	width:585px;
	height:16px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
	border:1px dotted #222691;
	background-color:#ffffff;
	margin:7px 0px 0px 0px;
	padding:0px;
	text-indent:2px;
}
textarea.p{
	display:block;
	float:left;
	width:581px;
	height:112px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
	border:1px dotted #222691;
	background-color:#ffffff;
	margin:8px 0px 0px 0px;
	padding:2px;
}
label.auswahl{
	display:block;
	float:left;
	width:100px;
	height:16px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#474747;
	margin:0px;
	padding:0px;
}
label.gbtext{
	display:block;
	width:140px;
	height:16px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#474747;
	margin:5px 0px 0px 0px;
	padding:0px;
}
input.gbtext{
	display:block;
	width:300px;
	height:14px;
	font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
	border:1px solid #474747;
	background-color:#ffffff;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-indent:2px;
}
textarea.gbtext{
	display:block;
	width:296px;
	height:68px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#;
	border:1px solid #474747;
	background-color:#ffffff;
	margin:5px 0px 0px 0px;
	padding:2px;
}
input.button{
	display:block;
	clear:both;
	width:100px;
	height:17px;
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#ffffff;
	text-align:center;
	border:0px none #fff;
	background-color:#474747;
	margin:0px;
	padding:0px;
}