@charset "utf-8";

/* @override 
	http://www.fmbjoern.fm/style.css
	http://www.fmbjoern.de/style.css
*/

/* CSS Document */
html, body {
	background:#fff;
	margin:0px;
	font-size: 16px;
}

/* Webfonts */
@font-face {
  	font-family: "Delicious";
  	src: url(/img/fonts/Delicious-Roman.otf) format("opentype");
  	font-weight:normal;
  	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}
@font-face {
  	font-family: "Delicious";
  	src: url(/img/fonts/Delicious-Italic.otf) format("opentype");
  	font-style: italic;
  	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}
@font-face {
  	font-family: "Diavlo";
  	src: url(/img/fonts/Diavlo_LIGHT_II_37.otf) format("opentype");
  	font-weight: 200;
  	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}
@font-face {
  	font-family: "Diavlo";
  	src: url(/img/fonts/Diavlo_BOOK_II_37.otf) format("opentype");
  	font-weight: normal;
  	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}
@font-face {
  	font-family: "Diavlo";
  	src: url(/img/fonts/Diavlo_BOLD_II_37.otf) format("opentype");
  	font-weight: bold;
  	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

/* Maximale Seitenbreite */
#page {
	position: absolute;
	width: 100%;
	max-width: 1280px;
}

/* Großer Header */
#header {
	width:100%;
	height:135px;
	overflow:hidden;
	border-bottom:1px solid #000;
	position: absolute;
	top: 0px;
	z-index: 8;
}

#alogo {
	display:block;
	float:left;
	height:34px;
	width:140px;
	margin:8px 0px 0px 20px;
}

h1 {
	margin:0;
	padding:0;
	float:left;
	width:370px;
	height:100%;
	background: url(/img/abicalc_h1.png) no-repeat top left;
}

/* Kleiner Header */
#headersmall {
	margin-top:0px;
	border-bottom: none;
	margin-bottom: 0px;
	height: 50px;
    width:100%;
	overflow:hidden;
	border-bottom:1px solid #000;
	position: absolute;
	top: 0px;
	z-index: 9;
    background:red;
}
#headersmall h1 {
	background: url(/img/abicalc_h1.png) no-repeat left;
}

#headersmall #alogo {
	height:34px;
	width:140px;
	margin:8px 0px 0px 20px;
}


#content {
	padding-top: 135px;
	width:100%;
	min-width:800px;
	margin-bottom:30px;
}
#content.smallheader {
	padding-top: 50px;
}

#content h3 {
	margin:0;
	position: absolute;
	z-index: 10;
	top: 95px;
	left: 380px;
	right: 100px;
	background:none;
	color: #fff;
	font: normal normal 2em Delicious, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	text-shadow: rgba(0,0,0,.2) 2px 2px 0;
	padding: 2px 10px 4px 10px;
	text-transform: none;
	font-weight: 100;
}
#content.smallheader h3 {
	top: 5px;
	left: 200px;
	font-size: 2em;
}
#cleft {
	float:left;
	width:45%;
	min-height: 450px;
}
#cleftbig {
	float:left;
	width:50%;
	min-height: 450px;
	max-width: 600px;
}
#cleftgiant {
	float:left;
	width:100%;
}
#cleft_inner {
	margin:0px 0px 20px 20px;
}
#cleft_inner h4 {
	padding:0 0 0 0;
	margin:30px 0 0 0;
	font: 300 1.4em Diavlo, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	text-shadow: rgba(0,0,0,.1) 1px 1px 0;
}
#cleft_inner h4 small {
	font-size:.6em;
	padding-top:6px;
}
#cleft_inner h4 small.h4options {
	display:none;
	padding-top:4px;
}
#cleft_inner h4:hover small.h4options {
	float:right;
	display:block;
}
#cleft_inner h5 {
	padding:0px;
	margin:20px 0px 0px 0px;
	font: 200 1.0em/1em "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}

#cleft_inner p {
	font: 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px 0px 0px 10px;
}
#cleft_inner h4 + p  {
	border-left: 5px solid #ccc;
	padding-left: 5px;
}
#cleft_inner h5 + p  {
	margin-top: 5px;
}

#cleft_inner p.zusammenfassung {
	font: 200 1.2em/1.3em Diavlo, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	padding: 0px;
	text-shadow: rgba(0,0,0,.1) 1px 1px 0;
}

#cleft_inner p.important {
	font-style:italic;
	padding:5px 10px;
	border: 1px solid #000;
	border-left: 10px solid #000;
	clear:both;
}
#cleft_inner p.haftung {
	padding:5px 0px 2px 0px;
	margin: 20px 0px;
	color:#900;
	clear:both;
	border-top:1px solid #900;
	border-bottom:1px solid #900;
	font: bold .9em Diavlo, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}
#cleft_inner code {
	font-family:Monospace;
	background:#fff;
	padding:4px;
	font-size:0.8em;
	display:block;
	line-height:110%;
	max-height:250px;
	overflow:auto;
}
#cleft_inner samp {
	font-family: "Andale Mono";
}
#cleft_inner a {
	text-decoration:none;
}
#cleft_inner ul {
	list-style:none;
	padding:0px;
	margin: 0px;
}
#cleft_inner ul.content {
	list-style-type: circle;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px 20px 5px 35px;
}
#cleft_inner ul.nobullet {
	list-style-type: none;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px 20px 5px 35px;
}
#cleft_inner ol.content {
	list-style-type: decimal;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px 20px 5px 35px;
}

#cleft_inner ul.content li, #cleft_inner ul.nobullet li, #cleft_inner ol.content li {
	padding: 3px 0px 3px 0px;
	font: 1em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#cleft_inner ul.index li {
	font-family: Arial, sans-serif;
	font-size:0.9em;
	padding:3px 3px 3px 5px;
	margin:10px 0px 5px 0px;
	border-left: 5px solid #000;
}
#cleft_inner ul.index li strong {
	font: normal normal 1.1em Arial, sans-serif;
}
#cleft_inner ul.index li:first-child {
	font-weight: bold;
}
#cleft_inner ul.index li:first-child strong {
	font-weight: bold;
}

#cleft_inner table.content {
	font: 0.8em/1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	margin: 5px 10px;
	width: 100%;
}
#cleft_inner table.content tr td {
	padding: 3px 2px;
}
#cleft_inner table.content td.borderleft {
	border-left: 1px solid #ccc;
}
#cleft_inner table.content tr.first td {
	border-top: none;
}
#cleft_inner table.content tr.alt td {
	background-color: #eee;
}
#cleft_inner table.content tr.last td {
	font-weight: bold;
	border-top: 3px solid #000;
}
#cleft_inner table.content tr:hover td {

}
#cleft_inner table.content th {
	padding: 3px;
	border-bottom: 1px solid #000;
	text-align: left;
}

#cleft_inner small {
	font-size:0.8em;
	color:#666;
}
#cleft_inner blockquote {
	margin: 5px 10px 5px 10px;
	padding: 5px;
}
#cleft_inner blockquote p {
	margin: 0px;
	font-size: 0.7em;
}
#cleft_inner ul.index small {
	display:block;
	color: #222;
}
#cleft_inner .image {
	margin:5px;
	padding:1px;
	background:#000;
}
#cleft_inner .image_caption {
	position:absolute;
	z-index:10;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.6em;
	color:#000;
	padding:2px 5px 2px 5px;
	background:url(/img/fm_imagecaption.png) repeat top left;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
#cleft_inner .image_dimm {
	position:absolute;
	z-index:9;
	background:url(/img/fm_imagecaption.png) repeat top left;
	height:1px;
	width:1px;
}
#cleft_inner .image_dimm span {
	display:none;
}
#cleft_inner .image:hover .image_dimm {
	position:absolute;
	z-index:11;
	background:url(/img/fm_imagecaption.png) repeat top left;
	height:225px;
	width:300px;
}
#cleft_inner .image:hover .image_dimm span {
	display:block;
	width:100%;
	text-align:center;
	padding-top:100px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:1.3em;
	color:#333;
}

#cleft_inner .image_block .image {
	margin:0px !important;
}

#movieleft {
	float:left;
	width:250px;
}
#moviemovie {
	float:left;
	border:2px solid #008cc8;
	margin-top:10px;
}
.moviedesc {
	padding:0px 15px 5px 0px;
}
.moviedesc a {
	color:#008cc8;
	text-decoration:none;
}

#news_details {
	color:#444;
	padding:2px;
	font: italic bold 0.8em Diavlo, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.loginform label {
	display:block;
	float:left;
	clear:both;
	width:100px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:0.8em;
	color:#333;
	padding:4px 3px;
}
.loginform input {
	float:left;
	background:#fff;
	border:1px solid #333;
	width:200px;
}
.loginform input[type=submit] {
	clear:both;
	float:left;
	width:100%;
	margin:10px auto 10px auto;
}
#cright {
	float:left;
	width:370px;
	background: #fff;
	padding-bottom: 50px;
}
#navi {
	padding: 50px 0px 20px 0px;
}
#navi a {
	text-decoration: none;
}
#navi li b a:hover {
	
}
#navi ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#navi li {
	width: 140px;
}
#navi li b {
	font: 200 1.2em/1.0em "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 0px 20px;
	text-align: left;
	height: 25px;
}
#navi li small {
	display: none;
}
#navi li:hover small {
	position: absolute;
	width: 220px;
	height: 25px;
	left: 140px;
	font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	padding: 2px 2px 2px 10px;
	margin: -29px 0px 0px 0px;
	overflow: hidden;
}

.navi_head {
	font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	padding: 0px 0px 5px 20px;
}
a.new:hover {
	background:#fff url(/img/fm_linkbgnew.png) no-repeat top right;
}
a.active {
	text-transform:lowercase;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

#cleft_inner a:hover {
}
#cleft_inner a.extern:hover {
}

#bottom {
	position:fixed;
	z-index:100;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
}


#options {
	float:left;
	padding:8px 20px;
	font: 400 0.7em "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}


#footer {
	float:left;
	width:370px;
	padding:0px;
}
#footer p {
	padding:8px 20px 10px 20px;
	margin: 0px;
	font: 400 0.7em "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}
#footer p a {
	font-weight: normal;
	font-style: normal;
}

.a {
	display:none;
}
.c {
	clear:both;
}
form {
	margin:none;
}

#breadcrumb {
	font: normal .7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	padding: 5px 10px 2px 10px;
    margin:0px 0px 0px 0px;
	position: absolute;
	top: 100px;
    left: 0px;
    width: 350px;
    height:30px;
	z-index: 20;
    overflow:hidden;
}
#breadcrumb a {
	text-decoration: underline;
	color: #666;
}

/* Scrollender Header */
#scrollheader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	z-index: 5;
	overflow: hidden;
}
.scrollheader_inner {

}
.scrollheader_inner strong {
	font: 200 1em Delicious, "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	display: block;
	float: left;
	padding: 7px 20px;
	width: 330px;
}
.scrollheader_inner small {
	font: normal .7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	display: block;
	float: left;
	padding: 7px 20px;
}
.scrollheader_inner small a {

}

#scrollheadertoc {
	position: fixed;
	top: 30px;
	left: 0px;
	width: 370px;
	max-height: 90px;
	padding: 0px 0px 5px 0px;
	overflow: hidden;
}
#scrollheadertoc ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#scrollheadertoc li {
	display: block;
	padding: 0px 20px;
	font: 0.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
#scrollheadertoc li a {
	text-decoration: none;
}
#scrollheadertoc li a:hover:after {
	content: " #";
}

/* Rechte Seitenleiste */
.navi_rechner {
	clear: both;
	height: 50px;
	margin: 0px 20px 0px 0px;
}


.navi_rechner_body {
	font: 0.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #333;
	padding: 0px;
}
.navi_rechner_body.large  {
	font-size:1.4em;
}
.navi_rechner_body ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.navi_rechner_body li {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background-image: url(/img/fmstart_h1bg.png);
}
.navi_rechner_body.large li {
	width: 90px;
	height: 130px;
}

.navi_rechner_body li:hover {
	background-image: none;
}
.st_abidesc {
	display: none;
}
.navi_rechner_body li:hover .st_abidesc {
	display: block;
	position: absolute;
	height: 50px;
	margin-left: 50px;
	padding-right: 20px;
	overflow: hidden;
	background-image: url(/img/fmstart_h1bg.png);
}
#cright_inner .navi_rechner_body li:hover .st_abidesc small {
	display: block;
	color: #fff;
	font: 200 1.6em "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
	padding: 12px 0px 12px 20px;
}

#cright_inner .navi_rechner_body li a {
	color: #fff;
	display: block;
	width: 100%;
	padding: 16px 0px;
	text-align: center;
	text-decoration: none;
}
#cleft_inner .navi_rechner_body li a {
	color: #000;
	display: block;
	width: 100%;
	padding: 52px 0px;
	text-align: center;
	text-decoration: none;
}

/* Artikel im Bereich */
.navi_subnavi {
	clear: both;
	padding: 30px 0px 40px 0px;
}
.navi_subnavi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.navi_subnavi li {
	margin: 0px 50px 0px 0px;
	padding: 2px 20px;
	font: 200 0.8em "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
}
.navi_subnavi li a {
	text-decoration: none;
}

/* Mini-Zeitgeist */
#navi_autorefresh {
    clear:both;
    padding:5px 0px 0px 0px;
}
.zgr_block {
	float: left;
	height: 25px;
	width: 25px;
	padding: 0px;
	margin: 0px;
}

.zgr_land {
	width: 25px;
	height: 25px;
	text-align: center;
    background-image:url(/img/fmstart_h1bg.png);
}
.zgr_land:hover {
    background-image:none;
}
.zgr_land span {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	color: #222;
	display: block;
	padding: 5px 0px 0px 0px;
}
.zgr_land a {
    text-decoration:none;
}
.httpr_uonline {
    margin:5px 0px;
    width:200px;
    font: 0.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.httpr_uonline .inner {
    padding:10px 20px;
}