﻿/* CSS-Layout */
#body {
	width: 1040px;
margin-left: auto;
margin-right: auto;		background-image:url('images/url5.png');
		font-family: 'Source Sans Pro', sans-serif;
	font-size: 11pt;
	font-weight: 300;
	/*color: #363636;*/
	color:#0f0344;
	margin-top:125px;
	

}

#masthead {
position:fixed;
margin-top:-125px;
height:107px;
width:1040px;
text-align:center;
background-image:url('images/logo-baco2a.png');
z-index:4;
}


#klein {
	text-align:right;
	top:-600px;
	width:200px;
	
}

/** MENU */

#menu {
position:absolute;
z-index:4;
width:790px;
margin-left:245px;
margin-top:11px;



	
	text-align:right;
	
	
	background: #0f0344;
	box-shadow: 0px 0px 6px rgba(0.1,0,0,0);
	height: 28px;
	
	
}

#menu ul {
	
	padding-left:0px;
	margin-top:0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
	
}

#menu a {
	display: block;
	letter-spacing: 1px;
	line-height: 28px;
	padding-right: 30px; 
	padding-left:30px;
	
	text-decoration: none;
	text-align:right;
	text-transform: uppercase;
	font-size: 0.90em;
	font-weight: 600;
	border: none;
	color: #FFFFFF;
}

#menu .current_page_item a {
	text-decoration: none;
	
}

#menu a:hover {
	text-decoration: none;
	color:#FFC31F;
}

#menu .current_page_item a {
	
	color: #0f0344;
	background: #FFC31F;
	height:32px;
	
}	

#top_nav {
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index:3;
    height: 536px;
}

/************************* menu links ******************/

#left_col {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	

}



	#box1 a:hover {
	text-decoration:none;
	color:#FFC31F;
	max-height:28px;
	width:200px;
}

#box1 {
	letter-spacing: 0.1em;
		font-weight: 600;
		font-size: 1.0em;
		color: #0F0344;
		padding-bottom:15px;
		padding-left:3px;
		text-align:left;
		text-transform:uppercase;
		text-decoration:none;
		max-height:28px;
		width:190px;
}


#current {
	letter-spacing: 0.1em;
		font-weight: 600;
		font-size: 1.0em;
		color:#FFC31F;
		padding-top:26px;
		padding-bottom:15px;
		padding-left:3px;
		text-align:left;
		font-style:italic;
		text-transform:uppercase;
		text-decoration:none;
}

#box2 {
	letter-spacing: 0.1em;
		font-weight: 600;
		font-size: 1.0em;
		color: #0F0344;
		padding-top:16px;
		padding-bottom:15px;
		padding-left:3px;
		text-align:left;
		text-transform:uppercase;
		text-decoration:none;
		max-height:28px;
		width:190px;
		

}

#page_content {
	margin-right: 200px;
	margin-left: 200px;
	text-align:left;
	padding-left:8px;
	padding-top:8px;
	padding-right:12px;
}

#page_content .li {
list-style-image:url('images/liste.png');
line-height:38px;
padding-right:12px;
}

#page_content .li-1 {
list-style-image:url('images/square.png');
line-height:30px;
padding-left:29px;
padding-right:0px;
}

#spruch {
	text-align:right;
	font-style:italic;
	color:#FFc31F;
	font-weight:bold;
	padding-right:20px;
	font-size:18px;
}

#right_col {
	width: 200px;
	position: absolute;
	right: 0px;
	top: -19px;
}

#player {
	width: 200px;
	position: relative;
	left: 0px;
	top: 0px;
}

#footer {
}


/**  MENÜ   UNTEN *****************************************************/

#menu-unten {
	text-align:center;
	background-image:url('images/linie-1.png');
	/**box-shadow: 0px 0px 10px rgba(0.2,0,0,0);*/
	height: 36px;
	margin-top:-6px;
}

#menu-unten ul {
	padding-bottom: 0px;
	padding-left:5px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu-unten li {
	display: inline-block;
	margin-top:6px;
}

#menu-unten a {
	display: block;
	letter-spacing: 1px;
	line-height: 33px;
	margin-right:70px;
	margin-left:70px;
	text-decoration: none;
	text-align:center;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 600;
	border: none;
	color: #FFFFFF;
}

#menu-unten .current_page_item a {
	text-decoration: none;
	
}

#menu-unten a:hover {
	text-decoration: none;
	color:#FFC31F;
}

#menu-unten .current_page_item a {
	
	color: #0f0344;
	background: #FFC31F;
}

#menu-unten .index {
	font-style:italic;
	font-size:1.2em;
	font-weight: 500;
	color:#ffffff;
	padding-top:8px;
	letter-spacing: 0.14em;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 1em 0em;
		text-align: center;
	}
	
	#copyright p
	{
		letter-spacing: 0.15em;
		text-align: center;
		
		font-size: 0.60em;
		color: #6F6F6F;
	}
	
	#copyright a
	{
		text-decoration: none;
		color: #8C8C8C;
	}

/*********************************************************************************/
/* BILD                                                                   */
/*********************************************************************************/


img {
	border:0;
	bottom:0px;
	top:0px;
}

a.bild:active {
position: relative;
text-decoration: none;
bottom:0px;
}

a.bild:visited {
position: relative;
text-decoration: none;
}

a.bild:link {
position: relative;
text-decoration: none;
}

a.bild {
position: relative;
text-decoration: none;
bottom:0px;
top:0px;
}

a.bild:hover {
z-index:1000;
background: #ffffff;
}

a.bild span {
display: none;
text-decoration: none;
}

a.bild:hover span {
z-index:1;
display: block;
position: absolute;
bottom: 0px;
right: 208px;
padding: -6px;
background:#ffffff;
}

a.bild-oben:active {
position: relative;
text-decoration: none;
}

a.bild-oben:visited {
position: relative;
text-decoration: none;
}

a.bild-oben:link {
position: relative;
text-decoration: none;
}

a.bild-oben {
position: relative;
text-decoration: none;
}

a.bild-oben:hover {
z-index:1000;
background: transparent;
}

a.bild-oben span {
display: none;
text-decoration: none;
}

a.bild-oben:hover span {
z-index:1;
display: block;
position: absolute;
top: -130px;
right: 208px;
padding: 0px;
background-color:#ffffff;
}

#page_main {
	margin-right: 10px;
	margin-left: 10px;
	text-align:center;
	padding-left:8px;
	padding-right:12px;
}