@import url(modern/farben.css); 
@import url(modern/elemente.css);


/*  ------------------------------------------------------
KOPF MIT balken
--------------------------------------------------------*/
div#kopf div#balken div#horizontal {
    position: absolute;
    top:8%;
    left: 220px;
    width: 75%;
    padding: 1px;
	z-index:1;
	height:18px;
}
div#kopf div#balken div#vertikal {
    position: absolute;
    top:0;
    left: 15%;
	height: 100%;
	min-height: 100%;
    padding: 1px;
}

/*  ------------------------------------------------------
Farben Gesangbuch
--------------------------------------------------------*/
div#kopf div#logo {
	height:300px;
	width: 20px;
	position: absolute;
	top: 10px;
	left: 3%;
}

div#kopf div#titel div#ueber{
	height: 8%;
	position:absolute;
	top: 10px;
	left: 220px;
	right:0px;
	z-index:1;
	overflow-x:hidden;
	font-weight:bold;
	font-size:1.7em;
	margin: 0px 0px 15px 2px;
	padding: 5px;
}

/*  ------------------------------------------------------
Logoposition
--------------------------------------------------------*/
div#kopf div#logo img{
	position: absolute;
	top: 5px;
	left: 400%;
}

/*  ------------------------------------------------------
Überschriftposition
--------------------------------------------------------*/
div#kopf div#titel h1{
	font-weight:bold;
	font-size:1.7em;
	margin: 0px 0px 15px 2px;
	padding: 5px;
	top:10px;
	position:absolute;
}

/*  ------------------------------------------------------
Bilderposition
--------------------------------------------------------*/
div#bild img{
float:right;
}
/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#main {
	position: absolute;
	left: 3%;
	top: 180px;
	height:65%;
	width: 20px;

}

div#menu {
position: absolute;
top: 0%;
left:5px;
width: 220px;
height: 100%;
}

div#menu div#bereichsmenu h2 {
position: absolute;	
left:-3000px;
top:-3000px;
width: 1px;
}		

#unternavi  a {
font-size: .8em;
font-weight: normal;
color: #fff;
padding: 1px;
background:#746AAF;
text-decoration:none;
}

#unternavi a:hover,
#unternavi a:focus,
#unternavi a:active {
font-size: .8em;
font-weight: bold;
text-decoration:underline;
padding: 1px;
}


/* Erstmal Oberpunkte, falls diese angezeigt werden
   sollen */


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

ul#navigation li {
    display: inline;
	
}

ul#navigation li a {
	background-image:url(../img/sonst.jpg);
	background-repeat:no-repeat;
	display:block;
    padding:1px 15px;
    width: 220px;
    font-size: 0.9em;
    text-decoration: none;
	font-weight:bold;	
}

ul#navigation li a:hover,
ul#navigation li a:focus,
ul#navigation li a:active {
    background-image:url(../img/hover.jpg);
	background-repeat:no-repeat;
    display: block;
    width: 220px;
    padding: 1px 15px;
    font-weight: bold;
    font-size: 0.9em;
}

ul#navigation li span.aktiv {
	background-image:url(../img/aktiv.jpg);
	background-repeat:no-repeat;
    display: block;
    width: 220px;
    padding: 1px 15px;
    font-weight: bold;
    font-size: 0.9em;
}



#navigation li:hover ul,
#navigation li:focus ul,
#navigation li:active ul{
	display:block;
    width: 220px;
    padding: 1px 15px;
    font-weight: bold;
    font-size:normal;
}


#navigation li ul {
	display:block;
	width: 220px;
    padding: 1px 15px;
	font-weight:normal;
	font-size:0.9em;
}


#navigation li ul span.aktiv {
	background-image:url(../img/aktiv.jpg);
	background-repeat:no-repeat;
    display: block;
    width: 220px;
    padding: 1px 15px;
    font-weight: bold;
    font-size: 0.9em;
}


/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {
	top: 90px;
	padding: 1% 3% 0px 0px;
	margin: 0 0 0 280px;
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	overflow:auto;
	height:80%;
	position:absolute;
	overflow-x:hidden;
	scrollbar-face-color:#f9f9f9;
	width:68%;
	left: 0px;
	z-index:2;
}