/* Style von www.s-o-z.ch    Version Jan. 2011
Template für 3 Spalten, footer fix, Navigation oben und Navigation links
Spalte links und rechts je 150px, Content-Center: 700px
Copyright by liliho - www.itkiosk.ch
Farben:
türkis-dunkel: #0084B5;
türkis-hell: #02D2F0;
dunkelrot: #8b0000;
gold: #AD9A62;
d'blau: #0078C1;
h'blau: #67B4D7;
rot: #ff0000;
Browser-Test
http://ipinfo.info/netrenderer/index.php
*******************************************************************************/
*  {
padding:0px;
margin:0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
font-size: 12px;
color: #111;
}

html, body {
background: #0083BE;
}
html body.archiv  {
background-color: #333;
}


body > #wrapper {
background: #fff;
width: 1025px;
overflow: auto;
margin: 0 auto;

}

#banner {
background-color: #fff;
height: 120px;
border-bottom: 1px solid #AD9A62;
}

#zeile1{
clear: both;
height: 20px;
padding-right: 20px;
background: #fff;

}
#shortNavi {
float: right;
}
#content  {
clear: both;
border-top: 1px solid #AD9A62;
padding-right: 20px;
background-color: #fff;

}
#divCenter {
border-left: 180px solid #fff; /* für divLeft + Rand */
border-right: 155px solid #fff; /* für divRight + Rand */
background-color: #fff;

}

#divLeft {
float:left;
width: 160px;

 }
#divRight  {
float:right;
width: 140px;
}
#imgBox1 {
float: left;  /* enthält i.A. Bilder mit width=200 +25*/
width: 230px;
}

#imgBox1 img {
display: block;
width: 200px;
padding-bottom: 5px;
}
#divMain {
background-color: #fff;
border-left: 230px solid #fff;       /* für imgBox1+Rand */
}

#footer {
clear: both;
width: 1015px;  /* padding abziehen! */
margin: 0 auto; /* zentriert! */
background: #fff;
padding-left: 10px;

 }
#footer h4 { float: left; }
#footer img {padding-left: 10px; }

/* -------------Klassen für Bilder, Logo, Boxen ------------------------ */

.addBox {
font-size: 11px;
padding: 5px;
border: 1px solid #AD9A62;
margin-top: 1em;
}
.divBox {
padding-bottom: 5px;
border-bottom: 1px solid #AD9A62;
}

/* -------------------Allgemeine ---------------------------------------- */

.clear {clear: both;}
.filler {height: 300px; }
.hide {display: none; }
.warn { color: red;}
.info { color: green; }
.anker {color: #aaa; padding-top: 10px; float: right; }
.left {float: left;}

ul {
list-style: none;
}
img, a img {
border: none;
}
img.left {
padding: 0 12px 5px 0;
}
#naviLeft li {
padding: 5px 0 5px 10px;
border-bottom: 1px solid #AD9A62;
}
p {
padding-bottom: 5px;
}
#divCenter ul {
padding: 5px 0;
}
#divCenter ul li {
padding-bottom: 5px;
}
#organisationSite #divCenter ul li {
padding: 0;
}
#dirigentenSite #divCenter, #internSite #divCenter {
border-left: 180px solid #fff; /* für divLeft + Rand */
border-right: 50px solid #fff; /* für Rand */
}
#freundeSite #divMain ul li {
padding-left: 0px;
list-style: disc inside ;

}
table td {
border: 1px solid #AD9A62;
padding: 2px;
}

/* ----------------- Schriften --------------------- */
h1 {
font-size: 24px;
padding: 8px 0;
font-weight: normal;
font-family: Times, Serif;
letter-spacing: 5px;
color: #0083BE;
}
h2 {
font-size:16px;
padding: 25px 0 15px 0;
font-weight: bold;

}
h3 {
font-size: 14px;
font-weight: bold;
padding: 7px 0 5px 0;
}
h4 {
font-size: 13px;
font-weight: bold;
padding: 0 0 4px 0;
}
h5, li.title {
font-size: 13px;
font-weight: bold;
}
b, .spez1 { font-weight: bold;
}
p.small, li.small {
font-size: 10px;
}
.wichtig {
font-weight: normal;
padding: 3px;
border: 1px solid #AD9A62;   
margin-bottom: 5px;
}
/* Spezielles, Abstände, Tabellen ------------------------- */
tr td:first-child { vertical-align: top; font-weight: bold;}

#linksSite tr td:first-child {font-weight: normal;}
#linksSite tr td.spez1 {font-weight: bold; }

.dirigent, .solist, .chor, .dirigent a, .solist a, .komp, .komp a {
font-weight: bold;
font-size: 13px;
padding-bottom: 2px;}

ul.programm{
margin-top: 15px;
 }
.date {padding-top: 20px;
 }
li.title {
margin-top: 5px;
}

#shortNavi span, #shortNavi span a {
font-size: 10px;
color: #777;
}


/************************************* Links  */
a {
color: #111;
text-decoration: underline;
}
#naviLeft li a {
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

li.thisLink {
border-left: 25px solid #67B4D7;
}
li.thisLink a {
color: #0078C1;
}
a:hover {
color: #0078C1;
}