@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
 */

@font-face {
	font-family: 'BanksiaRegular';
	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;
	font-style: normal;
}

@font-face {
	font-family: 'BanksiaBold';
	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';
	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;
}





/* Hauptelemente */

body {
font-family : 'BanksiaRegular', Arial, sans-serif;
/*background : #fff url(bilder/back.jpg);*/
background : #2f2f2f url(bilder/back.jpg) fixed no-repeat;
background-position: bottom;
margin : 0;
text-align : center;
color : #000000;
}

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

#kopf 
{
height : 96px;
padding : 0;
margin : 0;
}

/* Navigation oben */
#musikgutachter {
padding : 0;
margin : 0;
width : 678px;
float : left;
}


#musikgutachter {
padding : 0;
margin : 0;
width : 678px;
float : left;
}

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


#menue {
padding : 0;
margin : 0;
width : 322px;
float : right;
}

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

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

#menue li span {
display : block;
width : 150px;
height : 91px;
font-size : 16px;
line-height : 21px;
padding : 0 0 0 8px;
margin : 0;
font-family : 'BanksiaBold', Arial, sans-serif;
text-align : center;
vertical-align : middle;
}

#menue a:link, #menue a:visited {
float : right;
color : #000;
padding : 0;
margin : 0;
text-decoration : none;
background : url(bilder/menue.png) no-repeat center bottom;
}

#menue a:link.active, #menue a:visited.active {
color : #fff;
background : url(bilder/menueact.png) no-repeat center bottom;
}

#menue a:hover {
color : #fff;
background : url(bilder/menuehov.png) no-repeat center bottom;
}


/* Inhalt */

#mitte {
height : 588px;
padding : 0;
margin : 0;
background : #fff url(bilder/mainback.jpg);
}


/* Navigation */

#navi {
width : 300px;
float : left;
padding : 0;
margin : 28px 0 0 0;
}

#navi ul {
margin : 25px 0 0 50px;
padding : 0;
}

#navi li.inhalt {
width : 145px;
background : #000 url(bilder/navitop.png) no-repeat;
margin : 0;
padding : 5px 0 5px 55px;
color : #fff;
font-family : 'BanksiaBold', Arial, sans-serif;
}

#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;
}

#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;
width : 199px
}


/* Unternavigation */

#navi ul.gutachten {
margin : 50px 0 0 50px;
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-family : 'BanksiaBlack', Arial, sans-serif;
background-color : #f1f1f1;
letter-spacing : 0.01em;
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 : 160px;
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;
}

#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;
width : 199px
}


/* Textfeld */

#text {
width : 450px !important;
height: 550px;
float : left;
padding : 0 10px 0 0;
margin : 30px 0 0 0;
overflow: auto;
}

#text p {
margin : 0 0 8px 0;
font-size : 16px;
line-height : 21px;
letter-spacing : -0.01em;
}

#text p.haftung, #lexikon p.haftung {
margin : 0 0 10px 0;
font-size : 11px;
line-height : 14px;
letter-spacing : -0.01em;
}

#text a:link {
font-family : 'BanksiaBold', Arial, sans-serif;
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;
}

strong {
font-family : 'BanksiaBold', Arial, sans-serif;
}


h1 {
font-family : 'BanksiaBlack', Arial, sans-serif;
font-size : 24px;
letter-spacing : -0.02em;
line-height : 28px;
color : #aa0f22;
}

h2 {
font-family : 'BanksiaBlack', Arial, sans-serif;
font-size : 18px;
line-height : 21px;
color : #aa0f22;
margin:8px 0 4px 0
}

#text .zeile {
font-size : 10px;
line-height : 10px;
}

#text ul {
margin : 0;
padding : 0;
font-size : 16px;
line-height : 19px
}

#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 {
padding : 40px 0 0 0;
margin : 0;
height: 550px;
overflow: auto;
}

iframe {
padding : 0;
margin : 0 8px 6px 0;
float : left
}

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

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

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

#lexikon a:link {
font-family : 'BanksiaBold', Arial, sans-serif;
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 {
height : 36px;
padding : 50px 0 0 0;
margin : 0;
background : #000 url(bilder/footback.jpg) no-repeat;
font-size : 10px;
line-height : 12px;
color : #efefef;
text-align : center;
}

#fuss a {
color : #efefef;
}