  /*********************/
 /* Styles index.html */
/*********************/
body.index {
		background-color:#0EB7FC;
		margin:0px;
		padding:0px;
		text-align:center;
		vertical-align:middle;
}
.index .container {
		margin: 0px auto;		
		width:890px;
		height:500px;
		text-align:left;
		display:table;
}

.container .bayka_de {
		margin:50px 0px;
		float:bottom;
}

.container .logo {
		clear:both;
		margin:0px 0px 0px 135px;
		float:bottom;
}

.container .entrada {
		clear:both;
		margin:0px 0px 0px 285px;
		float:bottom;
}


  /***************/
 /* Styles Rest */
/***************/
body {
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
		font-family:Arial, sans-serif;
		min-width:1000px;
}

.kopf {
		margin:0px;
		height:104px;
		width:100%;
		background-image:url("../pics/kopf_bg.gif");
		background-repeat:x-repeat;
		position:relative;
		top:0px;
		left:0px;
}
.kopf .logo {
		float:left;
		display:inline;
		width:220px;
}
.kopf .mitte {
		float:left;
		display:inline;
		height:104px;
		width:600px;
		position:absolute;
		top:0px;
		left:220px;
}
.kopf .mitte #ticker {
		font-family:Arial, sans-serif; 
		font-size:12px; 
		color:#FFFFFF;
		text-indent:25px;
		float:right; 
		margin:0px 0px 0px 50px;
		line-height:22px;
		height:25px;
		width:389px;
		background-image:url("../pics/ticker_bg.gif");
		background-repeat:none;
}
#ticker .text {
		text-align:left;
}
.kopf .mitte .hauptnav {
		margin:0px;
		width:600px;
		display:inline;
		position:absolute;
		bottom:0px;
		left:0px;
}
.kopf .ende {
		float:right;
		display:inline;
}

.content {
		width:100%;
		margin:20px 0px;
		text-align:center;
		display:block;
}
.content .inhalt {
		margin:0px auto;
		text-align:left;
		display:table;
		font-size:12px;
		padding:0px;
}
.content .inhalt table td {
		text-align:left;
		font-size:12px; 
}

.content .inhalt h1 {
		text-align:left;
		text-indent:10px;
		color:#000000;
		font-weight:bold;
		font-size:18px;
		margin:0px;
		padding:0px;
		width:100%;
		border-top:1px solid #0EB7FC;
		border-bottom:1px solid #0EB7FC;
}
.content .inhalt h2 {
		text-align:left;
		color:#0EB7FC;
		font-weight:bold;
		font-size:14px;
		margin:15px 0px;
		padding:0px;
}
.content .inhalt p {
		text-align:left;
		margin:0px 0px 5px;
}
.content .inhalt a, .content .inhalt a:link, .content .inhalt a:visited, .content .inhalt a:focus, .content .inhalt a:active {
		font-weight:bold;
		text-decoration:none;
		color:#0EB7FC;
}
.content .productos a, .content .productos a:link, .content .productos a:visited, .content .productos a:focus, .content .productos a:active {
		font-weight:bold;
		text-decoration:none;
		color:#000000;
}
.content .inhalt a:hover, .content .productos a:hover {
		font-weight:bold;
		text-decoration:underline;
		color:#000000;
}

.content .inhalt ul {
		list-style-image:url("../pics/square.gif");
}

.fuss {
		margin:0px;
		height:21;
		width:100%;
		background-image:url("../pics/fuss_bg.gif");
		background-repeat:repeat-x;
}
.fuss .copyright {
		margin:4px 20px;
		float:left;
		display:inline;
		color:#FFFFFF;
		font-size:12px;
}
.fuss .hilfsnav {
		margin:4px 20px;
		float:right;
		display:inline;
		color:#FFFFFF;
		font-size:12px;
}
.hilfsnav a, .hilfsnav a:link, .hilfsnav a:visited, .hilfsnav a:hover, .hilfsnav a:focus, .hilfsnav a:active {
		color:#FFFFFF;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
}


  /***************/
 /* Styles Navi */
/***************/

ul#Navigation {
		margin: 0; 
		padding: 0;
		text-align: left;
		font-size:12px;
}
ul#Navigation li {
		list-style: none;
		float: left;  /* ohne width - nach CSS 2.1 erlaubt */
		position: relative;
		margin: 0; 
		padding: 0;
}

ul#Navigation li ul {
		margin: 11px 0px 0px; 
		padding: 0px;
		position: absolute;
		top: 1.6em; 
		left: 5px;
		background-color:#FFFFFF;
		display: none;  /* Unternavigation ausblenden */
}
ul#Navigation li:hover ul {
		display: block;  /* Unternavigation in modernen Browsern einblenden */
		background-color:#FFFFFF;
}
ul#Navigation li ul li {
		float: none;
		display: block;
		width:100px;
		padding:2px;
		margin:0px;
		color: black; 
		border:1px solid black;
		background-color: #FFFFFF;
}

ul#Navigation a {
		display: block;
		padding: 0em;
		margin: 0em;
		text-decoration: none; 
		font-weight: bold;
		color: black; 
		background-color: #FFFFFF;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
		border-color: black;
		border-left-color: black; 
		border-top-color: black;
		color: black; 
		background-color: white;
}
li a#aktuell {  // aktuelle Rubrik kennzeichnen 
		color: black; 
		background-color: white;
}
ul#Navigation li ul li.aktuell {  /* aktuelle Unterseite kennzeichnen */
		background-color: black;
		font-weight:bold;
		color:#FFFFFF;
}

.clsCMOn { 
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bold;
    padding: 2px 4px;
	text-align:center;
}
.clsCMOver {
	color:#0EB7FC;
	font-size: 14px;
	font-weight:bold;
    padding: 2px 4px;
	text-align:center;
}
.clsCMOn2 { 
	color:#000000;
	font-size: 12px;
    padding: 2px 4px;
}
.clsCMOver2 { 
	color:#0EB7FC;
	font-size: 12px;
    padding: 2px 4px;
}

