@import url(menu_main_fan.css);
@import url(menu_neben_standard.css);
@import url(content.css);
@import url(news_fan_latest.css);


body, html {
	scrollbar-face-color		: #E8EAEA;
	scrollbar-3dlight-color		: #E8EAEA;
	scrollbar-shadow-color		: #E8EAEA;
	scrollbar-track-color		: #dee1e1;
	scrollbar-highlight-color	: #E8EAEA;
	scrollbar-arrow-color		: #333366;
	scrollbar-darkshadow-color	: #333366;
	
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* background: #ffb48d url(/fileadmin/images/bg_general.jpg) 0 0 repeat-x fixed; */
	background: #FFDCBC url(images/bg_general.jpg) 0 0 repeat;
	font: normal 100.01% verdana, Helvetica, sans-serif;
	
	/* Zentrierung im Internet Explorer */
	position: relative;
	text-align: center;
	}


#outer-wrapper { /* fuer Firefox durchgehende bg-Farbe im Contentbereich */
	text-align: left;
	margin: 19px auto 0 auto;      /* standardkonforme horizontale Zentrierung */
	position: relative;
	width: 965px;
	background: url(images/bg_bottom_clear.gif) 0 bottom repeat-x;
	}
	

/************ LAYER ************/
#logo {
	position: absolute;
	top: 43px;
	left: 780px;
	}
	
#Menu_neben {
	position: absolute;
	top: 40px;
	left: 270px;
	width: 467px;
	text-align: right;
  	}
	
#fan {
	position: absolute;
	top: 105px;
	left: 504px;
	}
	
#fan_logo_bottom {
	position: absolute;
	top: 176px;
	left: 25px;
	}
	
#girl {
	position: absolute;
	top: 23px;
	left: 25px;
	}

/************ MIDDLE ************/
#middle {
	/* margin: 0 auto;  =>  auto=> Zentrierung im Firefox und Opera */
	margin: 19px 0 0px 0px;
	width: 965px;
	padding: 0px 0 0 0;
	background: #ffffff url(images/bg_top.gif) 0 0 repeat-x;
	}
	
/* MIDDLE LEFT */
#middle_left {
	float: left;
	width: 250px;
	/* height: px; keine Höhe angeben wegen Firefox */
	/* height: 458px; */
	margin: 0px 0 0px 0px;
	padding: 235px 0 0 0;
	/* background: #db1802 url(/fileadmin/images/bg_nav.gif) repeat-y; /* damit der linke Balken bis runter läuft */
	}

#Menu_main {
	margin: 0px 0 33px 25px;
	}

/* MIDDLE - RIGHT */
#middle_right {
	float: right;
	width: 160px;
	margin: 0px;
	padding: 253px 25px 20px 0;
	}

#content_rechts {
	padding: 0px 7px 0px 9px;
	background: #EEEDED;
	}

#content_rechts h2 {
	font-size: 0.7em;
	font-weight: bold;
	font-style: normal;
	margin: 5px 0 0px 0px;
	color: #ff8041;
	text-indent: 0px;
	padding: 0;
	}


/* CONTENT */
#content {
	margin: 0px;
	padding: 255px 0 0 0;
	}
	
/* LISTENFORMATIERUNG allgemein */
#content ol {
	color: #000000;
	font-size: 0.7em;
	padding: 0 0 0px 24px;
	margin: 0px 0px 1.7em 0px !important;
	margin-top: 0px;
	/* border-top: 1px dashed #f3eedd; */
	line-height: 1.3em;
	}	
#content ul {
	color: #000000;
	font-size: 0.7em;
	padding: 0px 0 0 0;
	/* margin: 0px 0px 1.7em 0px !important; */
	margin: 0 0 0 0px;
	margin-top: 0px;
	list-style:none;
	/* border-top: 1px dashed #f3eedd; */
	}
#content ul li {
	padding: 4px 0px 0px 11px;
	margin: 0;
	/* border-bottom: 1px dashed #f3eedd; */
	background: url(images/icons/bullet.gif) 0px 0.5em no-repeat;
	line-height: 1.3em;
	}
	
.content_normal { /* Fuer IE */
	/* padding: 113px 40px 0px 60px; */
	padding: 0px 0px 10px 0px;
	margin: 0;
	width: 480px; /*  fuer Firefox nicht 100% angeben, Opera braucht die Breite */
	height: 335px; /* fuer Firefox nicht 100% angeben */
	/* border-bottom: 1px dashed #f3eedd; */
	}

/************ FOOTER ************/
#footer {
	clear: both;
	/* margin: 0 auto;  =>  auto=> Zentrierung im Firefox und Opera */
	margin: 0px 0px 19px 0px;
	width: 965px;
	padding: 0px 0 0 0;
	height: 36px;
	background: url(images/bg_bottom.gif) 0 bottom no-repeat;
	}
	
#druckempfehlen {
	float: left;
	margin: 0px 0 0px 0;
	padding: 15px 0px 0 25px;
	}

#footer-text {
	margin: 0px 0 0px 0;
	padding: 14px 25px 0 0;
	font-size: 10px;
	font-weight: normal;
	/* line-height: 1.06em;*/
	color: #ff8041;
	text-align: right;
	}

	#footer-text a {
	color: #ff8041;
	text-decoration: none;
	}
	#footer-text a:hover, #footer-text a:focus,  #footer-text a.act {
	color: #5B5C5E;
	text-decoration: none;
	}


	
/************ DIVERSES, LINKS etc. ************/
.tback, a.tback, a:link.tback, a:visited.tback, a:active.tback {
	clear: both;
	font-size: 0.7em;
	font-weight: bold;
	color:#000066;
	text-decoration: none;
	}
a:hover.tback, a:focus.tback {
	color:#e60106;
}

	
/************** CSS styled content **************/

.external-link, a.external-link, a:link.external-link, a:visited.external-link, a:active.external-link,
.external-link-new-window, a.external-link-new-window, a:link.external-link-new-window, a:visited.external-link-new-window, a:active.external-link-new-window,
.internal-link, a.internal-link, a:link.internal-link, a:visited.internal-link, a:active.internal-link,
.internal-link-new-window, a.internal-link-new-window, a:link.internal-link-new-window, a:visited.internal-link-new-window, a:active.internal-link-new-window,
.mail, a.mail, a:link.mail, a:visited.mail, a:active.mail,
.download, a.download, a:link.download, a:visited.download, a:active.download {
	color: #ff8041;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}
a:hover.external-link, a:focus.external-link,
a:hover.external-link-new-window, a:focus.external-link-new-window,
a:hover.internal-link, a:focus.internal-link,
a:hover.internal-link-new-window, a:focus.internal-link-new-window,
a:hover.mail, a:focus.mail,
a:hover.download, a:focus.download {
	color: #5B5C5E;
	/* text-decoration: underline; */
}

/*************** Linie ***************/
hr{
	color: #ff8041;
	background-color: #ffffff;
	height: 1px;
	/* Beispiel Ausrichtung rechts
	width: 300px;
	margin-right: 0;
	text-align:right;
	*/
	border:1px dashed #ff8041;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}





/**** wichtig, damit keine Border bei verlinkten Bildern wie external-link-gif etc. ***/
img {
border: 0px;
}


/* default styles for extension "tx_cssstyledcontent" */
	/* Bug fehlender Space unter img im IE */
	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; margin-bottom: 10px; }