/* CSS Document */
/* main css for www.goldenjazz.walsch.at */
/* designed & powered by WebwaveDesign 2004 */
<!--
body {
padding:0;
text-align:center;
margin: 5px 5%;
border:none;
background-color: #f8f8f1;
color:#806a4b;
/* scrollbar only by IE recogniced */

scrollbar-face-color:#eac583; 
scrollbar-arrow-color:#800517; 
scrollbar-base-color:#b8d3e6;
scrollbar-3d-light-color:#b8d3e6; 
scrollbar-darkshadow-color:#b8d3e6;  
scrollbar-highlight-color:#806a4b; 
scrollbar-shadow-color:#806a4b;
scrollbar-track-color:#f8f8f1;
}

p {
font: "Courier New", "Tempus Sans ITC", Helvetica, sans-serif;
font-size:90%;
font-weight:normal;
color:#806a4b;
/* Tanteks Hack für passende Schriftangabe für alle Browser */
voice-family: "\"}\"";
voice-family: inherit;
font-size:90%;
}
html>p {
font-size:90%;
}
/* hier die Klassen */
/* gelten sowohl in centercontent als auch in den divs */
/* groesserer zeilenabstand */
.increase {
line-height:1.5em;
}
/* kleinere Schrift */
.tiny {
font-size:75%;
font-weight:normal;
}

/* fuer herauszuhebende texteile im centercontent */
.anders {
background-color:#f8f8f1;
color:#c57726;
font-size:80%;
line-height:1.5em;
}

/* für einschübe der goldenen art */
.golden {
background-color:#eac583;
color:#800517;
text-align:center;
}

/* Klasse fuer Bilderrahmen, die ohne slideshow eingebracht werden */
.img {
border-top:1px solid #806a4b;
border-left:1px solid #806a4b;
border-right:2px solid #806a4b;
border-bottom:2px solid #806a4b;
}
/* fuer die Ueberschriften */
h1, h2, h3 {
text-align:left;
padding:5px 15px;
margin:0;
}

#header {
width:100% auto;
height:80px;
margin:0 auto;
border-right:1px dotted #806a4b;
border-left:1px dotted #806a4b;
border-top:1px dotted #806a4b;
background-position:top left;
background-color:#f8f8f1;
background-image: url(../img/img_med/jazz_header3.jpg);
background-repeat:no-repeat;
color:#806a4b;
/*Box Model Hack */
voice-family:"\"}\"";
voice-family:inherit;
width:100%; 
height:80px;
}
html>body #header {
width:100%; /* Box-Model-Hack Ende */
height:80px;
}
/* Überschrift nur im Header */
#header h1 {
font: "Courier New","Tempus Sans ITC", Helvetica, sans-serif;
font-size:100%;
color:#f87a17;
}
/* Navigationsdiv nur im Header */
#headnav {
width:100%;
height:5%;
margin:0;
text-align:center;
font-size:90%;
color:#c57726;
border-right:1px dotted #806a4b;
border-left:1px dotted #806a4b;
border-top:1px dotted #806a4b;
background-color:#eac583;
width:100%; /*Box Model Hack */
height:5%;
voice-family:"\"}\"";
voice-family:inherit;
}
html>body #headnav {
width:100%; /* Box-Model-Hack Ende */
height:5%;
}
/* Navigation im Header horizontal als Liste angelegt */
#navlist {
margin: 0 auto;
font: normal "Courier New","Tempus Sans ITC", Helvetica, sans-serif;
}

#navlist li, ul {
list-style: none;
margin:0 auto;
border:none;
display:inline;
}
/* fuer die mouseover funktionen */
#navlist li a {
padding:0.25em 0.5em 0.25em 0.75em;
text-decoration:none;
border-left:2px dashed #800517;
background-color:none;
color:#800517;
}
#navlist li a:hover {
background-color:#b8d3e6;
border-left:2px dashed #fff;
color:#fff;
text-decoration:none;
}
#navlist li .active {
background-color:#f8f8f1;
border-left:2px dashed #800517;
color:#800517;
font-weight:bold;
text-decoration:none;
}
/* navigation links */
div#links {
margin:5px 0 0px 1px;
width:150px; 
font:90% "Courier New", "Tempus Sans ITC", Helvetica, sans-serif; 
z-index: 100;
}
div#links a {
display:block; 
text-align:left; 
font-size:90%; 
font-weight:normal;
padding:3px 3px; 
margin:0 0 1px; 
text-decoration:none; 
color:#800517;
background:none;
border-right:3px double #800517;
}
div#links a:hover {
color: #fff;
font-weight:normal; 
background:#b8d3e6;
border-right:5px double #fff;
border-top:1px dashed #fff;
border-bottom:1px dashed #fff;
}
div#links a span {display: none;}

div#links a:hover span {
display:block;
position:absolute;
margin-top:0px;
margin-left:50px;
width:200px;
padding:2px; 
color:#800517; 
background:#f8f8f1;
border-top:1px solid #c57726;
border-left:1px solid #c57726;
border-right:2px solid #806a4b;
border-bottom:2px solid #806a4b;
font:90% "Courier New", "Tempus Sans ITC", Helvetica, sans-serif; 
text-align:left;
}
/* um aktive links in der leftbox herauszuheben */
div#links .active {
background:#f8f8f1;
color:#800517;
border-left:3px double #800517;
}
/* fuer aktuelle infos im Header */
#aktuell {
position:relative; 
float:right;
margin-top:3px;
width:200px; 
height:auto;
background-color:none;
color:#f81e02;
border:none;
font-size:85%;
width:200px; /*Box Model Hack */
height:auto;
voice-family:"\"}\"";
voice-family:inherit;
} 
html>body #aktuell {
width:200px;
height:auto;
}
/* gesamte Box unter dem Header */
#main {
width:100%;
margin:0 auto;
border-right:1px dotted #800517;
border-left:1px dotted #800517;
border-top:1px dotted #800517;
background-color:#f8f8f1;
color:#806a4b;
}
/* fuer alle boxen, die im maincontainer eingebunden sind */
#nest {
padding-top:20px;
}
/* hier läuft das log vom diary ab */
#diarybox {
margin-left: 165px;
margin-right: 0;
margin-bottom:10px;
padding:10px;
border-top: 1px dotted #800517;
border-left:1px dotted #800517;
border-bottom:1px dotted #800517;
background-color:white;
background-position:bottom right;
color:#c57726;
}

/* hier läuft der haupttext ab */
#centercontent {
margin-left: 175px;
margin-right: 175px;
margin-bottom:10px;
border: 1px dotted #800517;
background-color:white;
background-image:url(../tools/bgd_attach.jpg);
background-repeat:no-repeat;
background-position:bottom right;
color:#c57726;
}

#centercontent p {
font-size:80%;
padding:0 10px 0 10px;
text-align:left;
line-height:1.5em;
}
/* fuer listen im textbereich */
#centercontent li{
font-size:80%;
color:#806a4b;
padding:0 10px 0 10px;
list-style-type:square;
list-style-position:inside;
text-align:left;
letter-spacing:0;
}

#centercontent h1 {
font-size:90%;
font-weight:bold;
color:#800517;
}
#centercontent h2 {
font-size:80%;
font-weight:bold;
}
#centercontent a {
text-decoration:none;
font-weight:bold;
color:#800517;
}
#centercontent a:hover {
text-decoration:none;
font-weight:bold;
color:#c57726;
}
#centercontent a:active {
text-decoration:none;
font-weight:normal;
color:#f81e02;
}

/* hier befindet sich die 2. navigation */
#leftbox {
border-right:1px dotted #800517;
border-top:1px dotted #800517;
border-bottom:1px dotted #800517;
width:152px;
float:left;
margin-left:1px;
padding:0 2px 0 2px;
background-color:#eac583;
color:#800517;
margin-bottom:10px;
text-align:left;

width:150px; /*Box Model Hack */
voice-family:"\"}\"";
voice-family:inherit;
}

html>body #leftbox {
width:150px;
}

#leftbox p {
font-size:85%;
color:#800517;
}
#leftbox h1 {
font-size:90%;
font-weight:bold;
color:#800517;
}

#leftbox h2 {
font-size:85%;
font-weight:bold;
}

#leftbox ul {
margin:0;
list-style-type:none;
list-style-position:outside;
line-height:180%;
}
#leftbox li {
margin-left:5px;
font-size:85%;
}
#leftbox li a {
color:#800517;
text-decoration:none;
}
#leftbox li a:link {
text-decoration:none;
color:#800517;
}
#leftbox li a:hover {
background-color:#fff;
color:#800517;
text-decoration:none;
border:2px dashed #800517;
}
#leftbox li a:active {
background-color:#fff;
text-decoration:none;
color:#800517;
border:2px dashed #800517;
}
/* die rechte Box */
#rightbox {
border-left:1px dotted #c57726;
border-top:1px dotted #c57726;
border-bottom:1px dotted #c57726;
width:150px;
float:right;
padding:0 2px 0 2px;
background-color:#f8f8f1;
color:#c57726;
margin-right:1px;
margin-bottom:10px;
width:149px; /*Box Model Hack */
voice-family:"\"}\"";
voice-family:inherit;
}
html>body #rightbox {
width:149px;
}

#rightbox p {
font-size:85%;
color:#800517;
text-align:center;
}
#rightbox h1 {
font-size:90%;
font-weight:bold;
color:#800517;
}
#rightbox h2 {
font-size:85%;
font-weight:bold;
color:#800517;
}

/* commonbox zb in der rightbox, hier wird die slideshow eingebettet */
#commonbox {
width:149px;
background-color:none;
margin-top:20px;
margin-left:0;
margin-right:0;
margin-bottom:40px;
text-align:center;
border-top:1px dotted #c57726;
border-bottom:1px dotted #c57726;
font-size:90%;
}
#commonbox h2 {
font-size:80%;
font-weight:bold;
color:#800517;
}

/* im footer steht der webmaster hinweis */
#footer {
width:100%;
height:30px;
margin:0 auto;
text-align:center;
border-right:1px dotted #800517;
border-left:1px dotted #800517;
border-bottom:1px dotted #800517;
border-top:1px dotted #800517;
background-color:#b8d3e6;
}

#footer p {
font:"Courier New", "Tempus ITC sans", Helvetica;
text-align:center;
font-size:75%;
color:#fff;
letter-spacing:0.1em;
}
#footer a {
text-decoration:none;
color:#fff;
font-weight:bold;
}
#footer a:hover {
text-decoration:none;
font-weight:bold;
color:#f81e02;
}

#footer a:active {
text-decoration:none;
font-weight:bold;
color:#800517;
}
-->