/**************************************************************************
 *	### Inhaltsverzeichnis
 *	*** Clearing Floats
 *	*** Fonts
 *	*** Links
 *	*** Text
 *	*** Clearing Floats
 *	*** AJAX Tabs, DIVs etc.
 *	*** AJAX DIVs
 *	*** AJAX Navigation (oben)
 *	*** AJAX Navigation (unten)
 *************************************************************************/

/*	### Clearing Floats
 *************************************************************************/
.clear {
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}


/*	### Fonts
 *************************************************************************/
body {
	font-size: 75%; /* oder einen anderen Wert */
}		
html *>b\ody { /* Schrift in Opera 6 vergrößern */
	font-size: 100%; 
}

/*	### Text
 *************************************************************************/
#brose-history h1, 
#brose-history h2, 
#brose-history h3 {
	color:#c61839;
	font-weight:bold;
	line-height:1em;
}
#brose-history h1 {
	color:#4b4b4b;
	font-size:1.5em;
	margin-bottom:.5em;
}
#brose-history h2 {
	font-size:1.1em;
	margin-bottom:.5em;
}
#brose-history p {
	font-size:.9em;
	line-height:1.6em;
	margin-bottom:1em;
}

/* Fallback-Meldung */
p.message {
	font-size:1em;
	line-height:1.6em;
	padding:32px 32px 0 32px;
}

/* Links im Text */
#decades-container a:link, 
#decades-container a:visited, 
#decades-container a:active {
	color:#858385;
}		
#decades-container a:hover, 
#decades-container a:focus {
	color:#c61839;
}
	

/*	### Clearing Floats
 *************************************************************************/
#brose-history .clear {
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*	### Brose-Werte überschreiben
 *************************************************************************/
div.cn_frmw_content_main2 {
	width: 712px!important;
	padding: 0;
}
div.cn_frmw_ContentsaveWidth {
	width: 712px;
}

.cn_frmw_content_footer_fw1 {
	position:relative;
	left:32px;
	top:0;
	width:649px!important;
}



/*	### AJAX Tabs, DIVs etc.
 *************************************************************************/
.hidden-history {
	display:none;
}
 
/*	### AJAX Navigation (oben)
 *************************************************************************/
/* oberer Zeitstrahl */
.shadetabs {
	margin:0;
	text-align: left;
	position:absolute;
	left:0;
	top:173px;
	background-color: #848284;
	border-top:1px solid #fff;
	padding:0 31px;
}

.shadetabs li {
	background-color: #848284;
	display:block;
	float:left;
}

.shadetabs li a {
	display:block;
	height:37px;
	width:65px;
	position: relative;
	z-index: 1;
}

.shadetabs li a.selected { 
	background-color: #99122c;
	position: relative;
}

/* grafische Version */
.shadetabs li a span {
	display:none;
}

.shadetabs li a#decade01,
.shadetabs li a#decade02,
.shadetabs li a#decade03,
.shadetabs li a#decade04,
.shadetabs li a#decade05,
.shadetabs li a#decade06,
.shadetabs li a#decade07,
.shadetabs li a#decade08,
.shadetabs li a#decade09,
.shadetabs li a#decade010 {
	background-color: #c61839;
	background-position:0 0;
	background-repeat:no-repeat;
}
.shadetabs li a#decade01 {
	background-image: url(../siteimg/brose/history/1908.gif);
}
.shadetabs li a#decade01:hover,
.shadetabs li a#decade01.selected {
	background-image: url(../siteimg/brose/history/1908-aktiv.gif);
}
.shadetabs li a#decade02 {
	background-image: url(../siteimg/brose/history/1920.gif);
}
.shadetabs li a#decade02:hover,
.shadetabs li a#decade02.selected {
	background-image: url(../siteimg/brose/history/1920-aktiv.gif);
}
.shadetabs li a#decade03 {
	background-image: url(../siteimg/brose/history/1930.gif);
}
.shadetabs li a#decade03:hover,
.shadetabs li a#decade03.selected {
	background-image: url(../siteimg/brose/history/1930-aktiv.gif);
}
.shadetabs li a#decade04 {
	background-image: url(../siteimg/brose/history/1940.gif);
}
.shadetabs li a#decade04:hover,
.shadetabs li a#decade04.selected {
	background-image: url(../siteimg/brose/history/1940-aktiv.gif);
}
.shadetabs li a#decade05 {
	background-image: url(../siteimg/brose/history/1950.gif);
}
.shadetabs li a#decade05:hover,
.shadetabs li a#decade05.selected {
	background-image: url(../siteimg/brose/history/1950-aktiv.gif);
}
.shadetabs li a#decade06 {
	background-image: url(../siteimg/brose/history/1960.gif);
}
.shadetabs li a#decade06:hover,
.shadetabs li a#decade06.selected {
	background-image: url(../siteimg/brose/history/1960-aktiv.gif);
}
.shadetabs li a#decade07 {
	background-image: url(../siteimg/brose/history/1970.gif);
}
.shadetabs li a#decade07:hover,
.shadetabs li a#decade07.selected {
	background-image: url(../siteimg/brose/history/1970-aktiv.gif);
}
.shadetabs li a#decade08 {
	background-image: url(../siteimg/brose/history/1980.gif);
}
.shadetabs li a#decade08:hover,
.shadetabs li a#decade08.selected {
	background-image: url(../siteimg/brose/history/1980-aktiv.gif);
}
.shadetabs li a#decade09 {
	background-image: url(../siteimg/brose/history/1990.gif);
}
.shadetabs li a#decade09:hover,
.shadetabs li a#decade09.selected {
	background-image: url(../siteimg/brose/history/1990-aktiv.gif);
}
.shadetabs li a#decade010 {
	background-image: url(../siteimg/brose/history/2000.gif);
}
.shadetabs li a#decade010:hover,
.shadetabs li a#decade010.selected {
	background-image: url(../siteimg/brose/history/2000-aktiv.gif);
}



.shadetabs li a#historie_decade01,
.shadetabs li a#historie_decade02,
.shadetabs li a#historie_decade03 {
	background-color: #c61839;
	background-position:0 0;
	background-repeat:no-repeat;
	width:217px;
}
.shadetabs li a#historie_decade01 {
	background-image: url(../siteimg/brose/history/historie_decade01.gif);
}
.shadetabs li a#historie_decade01:hover,
.shadetabs li a#historie_decade01.selected {
	background-image: url(../siteimg/brose/history/historie_decade01-aktiv.gif);
}
.shadetabs li a#historie_decade02 {
	background-image: url(../siteimg/brose/history/historie_decade02.gif);
}
.shadetabs li a#historie_decade02:hover,
.shadetabs li a#historie_decade02.selected {
	background-image: url(../siteimg/brose/history/historie_decade02-aktiv.gif);
}
.shadetabs li a#historie_decade03 {
	background-image: url(../siteimg/brose/history/historie_decade03.gif);
}
.shadetabs li a#historie_decade03:hover,
.shadetabs li a#historie_decade03.selected {
	background-image: url(../siteimg/brose/history/historie_decade03-aktiv.gif);
}



/*	### AJAX DIVs
 *************************************************************************/
/* Div um komplettes AJAX, um Rest positionieren zu können */
#brose-history {
	background-color:#efeff7;
	margin:0;
	position:relative;
	left:0;
	top:0;
	width:712px;
	/* min-height:203px; */
}

#decades-tabs {
	background-color:#848284;
	position:absolute;
	left:0;
	top:173px;
	padding:0 0 0 31px;
	z-index:99;
	width:100%;
}
/* Hack: nur Mozilla */
html:not([dummy]) #decades-tabs { 
	padding:0 30px 0 31px;
	width:auto;
}

/* Div für dynamischen Content (Dekaden) */
#decades-container {
	background-color:#efeff7;
	position:relative;
	left:0;
	top:0;
	padding:226px 0 15px 32px;
}
.scrolling-area {
	/* height:294px; automatische Höhe durch JS-Funktion von Brose setzen lassen
	overflow:auto; */
	position:relative;
	left:0;
	top:0;
	padding:15px 42px 15px 19px;
	margin:0 0 0 0;
	background:#fff url(../siteimg/brose/history/bg_scrolling_area.gif) repeat-y 0 0;
}

/* Div für dynamischen Content, verschachtelt (Jahre) */
#years-wrapper {
	margin:0;
	padding:0 0 0 0;
	position:relative;
	left:0;
	top:0;
	/*overflow:hidden;*/
}
#years-container {
	background-color:#fff;
	border:1px solid #eaebee;
	border-top-color:#c61839;
	padding:15px 15px 0 15px;
	position:relative;
	left:0;
	top:0;
	width:609px;
}
/* Hack: nur Mozilla */
html:not([dummy]) #years-container { 
	width:577px;
}

#brose-history #years-container a {
	display:block;
	margin-bottom:2em;
}

/* Divs für Flash */
#decades-container .mainflashmovie,
#years-container .mainflashmovie {
	height:173px;
	width:712px;
	position:absolute;
}
/* Flash auf Einstiegsseite */
#decades-container .mainflashmovie {
	left:0;
	top:-211px;
}
/* Flash auf Unterseiten */
#years-wrapper .mainflashmovie {
	left:-32px;
	top:-226px;
}

/*.mainflashmovie a img, .mainflashmovie img {
	position:absolute;
	left:0;
	top:0;
	border:none;
}*/
.mainflashmovie {
	position:absolute;
	left:0;
	top:0;
}

/*	### AJAX Navigation (unten)
 *************************************************************************/
/* unterer Zeitstrahl */
#decades-container .shadetabs {
	background-color:transparent;
	border:none;
	font-size:.9em;
	height:24px;
	left:0;
	list-style-type: none;
	margin:20px 0 0 0;
	padding: 0;
	position:relative;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	top:0;
}
#decades-container .shadetabs li {
	background-color:#d6d7de;
	border-right:1px solid #fff;
	color:#4b4b4b;
	display:block;
	float:left;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#decades-container .shadetabs li a,
#decades-container .shadetabs li a:link,
#decades-container .shadetabs li a:visited {
	color:#4b4b4b;
	border-bottom:1px solid #fff;
	display:inline-block;
	height:auto;
	padding:5px 14px 5px 14px;
	position: relative;
	width:auto;
}
#decades-container .shadetabs li a:hover,
#decades-container .shadetabs li a:focus,
#decades-container .shadetabs li a:active,

#decades-container .shadetabs li a.selected,
#decades-container .shadetabs li a.selected:link,
#decades-container .shadetabs li a.selected:visited,
#decades-container .shadetabs li a.selected:hover,
#decades-container .shadetabs li a.selected:focus,
#decades-container .shadetabs li a.selected:active
 {
	background-image: none;
	background-color:#c61839;
	border-bottom:1px solid #c61839;
	color:#fff!important;
	text-decoration:none;
}

/* Bilder */
.img-left {
	float:left;
	margin:0 15px 15px 0;
}
.img-right {
	float:right;
	margin:0 0 15px 15px;
}
.img-top {
	clear:both;
	float:none;
	margin:0 0 15px 0;
}