/* CSS Document */

/*   mediafactum. copyright Volker Siebert, Berlin 2007.   */
/*   getestet auf Windows Vista mit Firefox 2.0.0.6 (FF), Opera 9.23 (OP), Internet Explorer 7.0 (IE), Safari, Lynx   */

/* CorporateDesign: Farben (Beispiel)  */ 
/* Primärfarben                        */
	/* A1a #532E63 violett dunkel      */
	/* A1b #99819B violett hell        */
	/* A2a #FDB825 orange dunkel       */
	/* A2b #FFD894 orange hell         */
/* Sekundärfarben                      */
	/* B1a #D06E18 orange-braun dunkel */
	/* B1b #E7AE7C orange-braun hell   */
	/* B2a #FFF1DA beige dunkel        */
	/* B2b #FFF8EC beige hell          */
	/* B3a #7E8083 grau dunkel         */
	/* B3b #BBBCBF grau hell           */



/*   N A V I G A T I O N   */

/* Hyperlinks */
a { color:#432550; text-decoration:none; }
a:link { color:#382045; text-decoration:none; }
a:visited { color:#6A4C79; text-decoration:none; }
a:active { color:#950000; text-decoration:none; }
a:hover { color:#950000; text-decoration:none; background-color:#FFD894 } /*#FFD894;*/
a.tipp { color:#382045; text-decoration:none; border-bottom:1px dotted #3366ff; cursor: help; } /* tooltip */
a.site { color:#382045; text-decoration:none; border-bottom:1px dotted #3366ff; } /* site-intern */
a.web { color:#382045; text-decoration:none; border-bottom:1px dotted #3366ff; } /* extern */
a img { border:0px; }

/* --- TopMenü: Kopf-Bild-Buttons --- */

#TopMenu1 {
	position:absolute;
	top:11px; left:256px;
	z-index:2;
	width:240px; height:180px;
	background-color:#FFF1DA;		
	}
#TopMenu2 {
	position:absolute;
	top:11px; left:501px;
	z-index:2;
	width:240px; height:180px;
	background-color:#FFF1DA;			
	}
#TopMenu3 {
	position:absolute;
	top:11px; left:746px;
	z-index:2;
	width:240px; height:180px;
	background-color:#FFF1DA;			
	}
	
.TM_title {
	position:absolute;
	top:130px; left:0px;
	width:228px; height:40px;
	overflow:hidden;
	filter:alpha(opacity=74);
	-moz-opacity:.74; 	
	padding-top:3px;
	padding-bottom:7px;
	padding-left:6px;
	padding-right:6px;
	background-color:#583568;
}	
.subText1 {
	font-size:18px;
	color:#FFF1DA;
	}
.subText2 {
	color:#FFF1DA;
	font-size:10px;
	font-weight: bold;
	}

/* --- TopMenü: Menü-Container --- */
#TM1 {
	position:absolute;
	top:0; left:0px;
	z-index:15;
	display:none;
	width:240px;
	background-color:#FFF1DA;
	border:0px;	margin:0px; padding:0px;
	filter:alpha(opacity=90);
	-moz-opacity:.90; 
	}
#TM2 {
	position:absolute;
	top:0px; left:0px;
	z-index:15;
	display:none;
	width:240px;
	background-color:#FFF1DA;
	border:0px; margin:0px; padding:0px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;	
	}
#TM3 {
	position:absolute;
	top:0px; left:0px;
	z-index:15;
	display:none;	
	width:240px;
	background-color:#FFF1DA;
	border:0px; margin:0px; padding:0px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;	
	}
	
/* --- TopMenü: Menü-Tabellen --- */	

.TM_tab { 
	width:100%;
	background-color:#FFF8EC; 
	border:1px solid #D06E18; 
	}	
.TM_ItemTD {
 	background-image: url(../images/button_bg2.jpg);
	padding:0px; border:0px;
}
.TM_Nav { 	
	display:block;
	border-left:solid 3px #FFF8EC;
		border-right:solid 3px #FFF8EC;
			border-top:solid 0px #FFF8EC;
				border-bottom:solid 0px #FFF8EC;
	padding-left:5px; padding-right:5px;
	padding-top:3px; padding-bottom:3px; 
	margin:0px;
	font-size:12px;
	 }	
a.TM_Nav:link {
	font-weight:bold; text-decoration:none; 
	color:#532E63;
	background-color:#FFD894;
	background-image: url(../images/button_bg2.jpg);
	}
a.TM_Nav:active {
	font-weight:bold; text-decoration:none;
	color:#99819B;
	background-color:#FFD894;  
	background-image:url(../images/button_bg2.jpg);
	}
a.TM_Nav:visited {
	font-weight:bold; text-decoration:none;
	color:#532E63;
	background-color:#FFD894;
	background-image:url(../images/button_bg2.jpg);	
	}
a.TM_Nav:hover {
	font-weight:bold; text-decoration:none;
	color: #950000; /*#D06E18*/
	background-color:#FFD894; background-image:none;
	}

/* --- MAINMENU (left) --- */
.MainMen { 
	width:150px;
	margin-left:auto; margin-right:auto;
	border-collapse: collapse;
	border:solid 0px #FFF8EC;
	}
.MainMen td, #mainmenu table td { 	
	border-collapse: collapse;
	border:solid 0px #FFF8EC;
}

.MenuItem { 
 	background-image: url(../images/button_bg.jpg);
	}
.leftNav { 	
	display:block;
	border:solid 1px #FFF8EC;
	padding-left:5px; padding-right:5px;
	padding-top:3px; padding-bottom:3px; 
	font-size:12px;
	 }	
	 
a.leftNav:link {
	font-weight:bold; text-decoration:none; 
	color:#532E63;
	background-color:#FFD894;
	background-image: url(../images/button_bg.jpg);
	}
a.leftNav:active {
	font-weight:bold; text-decoration:none;
	color:#99819B;
	background-color:#FFD894;  
	background-image:url(../images/button_bg.jpg);
	}
a.leftNav:visited {
	font-weight:bold; text-decoration:none;
	color:#532E63;
	background-color:#FFD894;
	background-image:url(../images/button_bg.jpg);	
	}
a.leftNav:hover {
	font-weight:bold; text-decoration:none;
	color:#950000;
	background-color:#FFD894; background-image:none;
	}

/* --- Zusatzmenü --- */
#AdditionalMenu {
	position:relative;
	top:55px; left:-20px;
	z-index:2;
	width:230px; height:35px;
	background-color:#1A50B8;		
	}

/* Fußmenü */
div#fussMen {
	width:850px;
	text-align:center;
}
#fussMen p { margin:0em; font-size:90%; }
#fussMen a { color: #000066; text-decoration:none; padding:0px 5px 0px 5px; }
#fussMen a:link { color: #000066; text-decoration:none; }
#fussMen a:visited { color: #000066; text-decoration:none; }
#fussMen a:active { color: #950000; text-decoration:none; }
#fussMen a:hover { color: #950000; text-decoration:none; background-color: #FFD894; }
#fussMen.sep {}

#top {
	position:absolute;
	top:0px; left:0px;
}
#a_links { display: inline; float:left; font-size:90%; font-weight:bold; padding:0px 5px 0px 5px; }
#a_links:hover { display: inline; float:left; font-size:90%; font-weight:bold; background-color:#FFD894; padding:0px 5px 0px 5px; }
#a_rechts { display: inline; float:right; font-size:90%; font-weight:bold; padding:0px 5px 0px 5px; }
#a_rechts:hover { display: inline; float:right; font-size:90%; font-weight:bold; background-color:#FFD894; padding:0px 5px 0px 5px; }