@charset "utf-8";
/* CSS Document */
/* Copyright 2010 by Heiko Maus */

/* Farben
#000000 schwarz
f4f4f4  fastweiß
#ffffff weiß
#c4c4c4 hellgrau
#9a9a9a mittelgrau
#821709 dunkelrot (navi hover)
#f1f1f1 gutachten navi
#aa0f22 Textlink
#8b0d1d Textactive 
#520711 Texthover
#7a444b graurot	Textvisited
#8b0d1d Verweis
 */

/* Hauptelemente */

@font-face  {
	font-family: 'BanksiaRegular' ! important;
	src: url('banksia-webfont.eot');
	src: local('☺'), url('banksia-webfont.woff') format('woff'), url('banksia-webfont.ttf') format('truetype'), url('banksia-webfont.svg#webfont474dt2e7') format('svg');
	font-weight: normal;S
	font-style: normal;
}

@font-face {
	font-family: 'BanksiaBold' ! important;
	src: url('banksb20-webfont.eot');
	src: local('☺'), url('banksb20-webfont.woff') format('woff'), url('banksb20-webfont.ttf') format('truetype'), url('banksb20-webfont.svg#webfontpoecp44q') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BanksiaBlack' ! important;
	src: url('banksb26-webfont.eot');
	src: local('☺'), url('banksb26-webfont.woff') format('woff'), url('banksb26-webfont.ttf') format('truetype'), url('banksb26-webfont.svg#webfontirzpD02Z') format('svg');
	font-weight: normal;
}


body {
font : 100% 'BanksiaRegular', Arial, Helvetica, sans-serif ! important;
background : #2f2f2f
margin : 0;
text-align : center;
color : #000000;
}

#haupt {
width : 240px;
height: 100%;
background : #fff;
margin : 0 auto;
padding : 0;
border : 1px solid #f4f4f4;
text-align : left;
}

#kopf 
{
position:absolute;
left:0;
top: 0;
height : 100px;
width : 240px;
padding : 0;
margin : 0;
}

#musikgutachter img {
display: none;

}

#musikgutachter:before {
/*content:url(bilder/musikgutachter-handy.png);*/
content:"Musikgutachter.de"; color:#000000;
 font-size:170%;
 line-height:130% ;
 font-weight:bold
}


#menue {
position:absolute;
left:0;
top:30px;
width:240px;
height:	100px;
padding : 0;
margin : 0;
width : 240px;

}

#menue ul {
margin : 0px;
padding : 0;
height : 40px;
}

#menue li {
display : inline;
list-style-type : none;
}

#menue li span {
display : block;
width : 100px;
height : 40px;
font-size : 100%;
line-height : 115%;
font-weight : bold;
padding : 5px;
margin : 0;
text-align : center;
vertical-align : middle;
}

#menue a:link, #menue a:visited {
float : left;
color : #000;
padding : 0;
margin : 0;
text-decoration : none;
background : #f1f1f1;
}

#menue a:link.active, #menue a:visited.active {
color : #fff;
background : #821709 ;
}

#menue a:hover {
color : #fff;
background : #000000;
}


/* Inhalt */

#mitte {
position:absolute;
left:0;
top: 100px;	
width:240px;
height: 100%;
padding : 0;
margin : 0;
background : #fff ;
}


/* Navigation */

#navi {
position:absolute;
left:0;
top: 700px;	
width : 240px;
height:300px;
float : left;
padding : 0;
margin : 0;
}

#navi ul {
margin : 0;
padding : 0;
}

#navi li.inhalt {
width : 191px;
background : #000 url(bilder/navitop.png) repeat-x;
margin : 0;
padding : 5px;
color : #fff;
font-weight : bold;
}

#navi li {
width : 200px;
list-style : none;
margin : 0;
padding : 0;
}

#navi li a {
display : block;
height : 32px;
width : 200px;
color : #000;
text-decoration : none;
font-size : 16px;
line-height : 32px;
border-bottom : 1px solid #c4c4c4;
cursor : pointer;
}

#navi li a span {
width : 158px;
height : 32px;
text-indent : 14px;
display : block;
margin-left : 40px;
}

#navi li a:hover {
background : #fff url(bilder/link.png) no-repeat;
text-decoration : none;
border-left : 1px solid #9a9a9a;
margin: 0 0 0 -2px
}

#navi li a:hover span {
color : #821709;
background : #fff url(bilder/naviback.png) no-repeat;
border-right : 1px solid #c4c4c4;
border-left : 1px solid #9a9a9a;
}

#navi li.on {
background : url(bilder/on.png) no-repeat;
border-right : 1px solid #c4c4c4;
}


/* Unternavigation */

#navi ul.gutachten {
margin : 0px;
padding : 0;
}

#navi ul.gutachten li {
width : 200px;
list-style : none;
margin : 0;
padding : 0;
}

#navi ul.gutachten li.txt {
width : 190px;
height : 18px;
margin : 0 0 2px 0;
padding : 3px 0 1px 10px;
font-size : 16px;
color : #aa0f22;
font-weight : bold;
background-color : #f1f1f1;
letter-spacing : 0.05em;;
border: 1px solid #CCC
}

#navi ul.gutachten li a {
display : block;
height : 25px;
width : 200px;
color : #000;
text-decoration : none;
font-size : 14px;
line-height : 25px;
border-bottom : 1px solid #c4c4c4;
cursor : pointer;
}

#navi ul.gutachten li a span {
width : 158px;
height : 25px;
text-indent : 14px;
display : block;
margin-left : 40px;
}

#navi ul.gutachten li a:hover {
background : #fff url(bilder/linkgut.png) no-repeat;
text-decoration : none;
border-left : 1px solid #9a9a9a;
}

#navi ul.gutachten li a:hover span {
color : #821709;
background : #fff url(bilder/gutback.png) no-repeat;
border-right : 1px solid #c4c4c4;
border-left : 1px solid #9a9a9a;
}

#navi ul.gutachten li.on {
background : url(bilder/ongut.png) no-repeat;
border-right : 1px solid #c4c4c4;
}



/* Textfeld */

#text {
position:absolute;
left:0;
top: 0;
width : 240px;
height: 600px;
float : left;
padding : 0 10px 0 0;
margin : 0;
overflow: auto;
}

#text p {
margin : 0 0 10px 0;
font-size : 100%;
line-height : 110%;
}

#text p.haftung, #lexikon p.haftung {
margin : 0 0 10px 0;
font-size : 80%;
line-height : 100%;
}

#text a:link {
text-decoration : none;
color : #aa0f22;
}

#text a:active {
text-decoration : none;
color : #8b0d1d;
}

#text a:hover {
text-decoration : underline;
color : #520711;
}

#text a:visited {
text-decoration : none;
color : #7a444b;
}

#text a.verweis {
background : #fff url(bilder/lexli.png) no-repeat;
background-position: 0;
padding-left: 18px;
color : #8b0d1d;
}

#text a:hover.verweis {
background : #fff url(bilder/lexlihov.png) no-repeat;
background-position: 0;
padding-left: 18px;
color : #000;
}

h1 {
font-size : 160%;
line-height : 110%;
color : #aa0f22;
}

h2 {
font-size : 140%;
line-height : 110%;
color : #aa0f22;
margin:8px 0 4px 0
}

#text .zeile {
font-size : 70%;
line-height : 170%;
}

#text ul {
margin : 0;
padding : 0;
font-size : 100%;
line-height : 110%
}

#text li {
list-style-image : url(bilder/li.png);
margin : 0 0 3px 30px;
padding : 0;
}

#text img {
border : 0;
margin : 0;
padding : 0;
}

td {
vertical-align : top;
padding: 0 5px 0 0
}

input, textarea {
padding : 4px;
border: 1px solid #c4c4c4
}

#buecher {
display:none
}

iframe {
display:none
}

#lexikon {
padding : 40px 0 0 20px;
margin : 0;
font-size: 16px
}

#lexikon ul {
padding : 0  ;
margin : 0;
list-style : none;
}

#lexikon li {
padding : 0 ;
margin : 2px 0;
border-bottom: 1px solid #c4c4c4
}

#lexikon a:link {
text-decoration : none;
color : #000;
}

#lexikon a:active {
text-decoration : none;
color : #520711;
}

#lexikon a:hover {
background : url(bilder/lexli.png) no-repeat;
background-position: 0;
padding-left: 20px;
margin-left: -20px;
color : #520711;
}

#lexikon a.ja {
background : url(bilder/lexlihov.png) no-repeat;
background-position: 0;
padding-left: 20px;
margin-left: -20px;
color : #520711;
}

#lexikon a:visited {
text-decoration : none;
color : #7a444b;
}


/* Fuss */

#fuss {
position:relative;
left:0;
top: 80px;
height : 16px;
width : 230px;
height: 20px;
padding : 5px;
margin : 0;
background : #000;
font-size : 80%;
line-height : 100%;
color : #efefef;
text-align : center;
}

#fuss a {
color : #efefef;
}