/**
* Projekt "Musikverein Erlenbach e.V."
* ======================================
*
* @see http://cssdoc.net
*
* @site                   http://www.musikverein-erlenbach.de
* @version                2.3.3
* @date                   2007-07-28 (Erstellungsdatum)
* @lastmodified           2009-09-03 (17:20)
* @author                 Stefan Rotter, Erlenbach         
* @copyright              (c) 2007 - 2009 Stefan Rotter
*/

body {
margin:0px;
padding:0px;
background-color:#C3C3C3;
font-family: "Arial", sansserif;
font-size:10pt;
text-align: left;
height: 100%;
}

#container {
text-align: left;
position:relative;
top:0px;
background-color: #FFFFFF;
width: 920px;
min-height: 100%;
height: auto !important;
height: 100%;
}

body > #top{
	 position: relative;
	 width:920px;
   height:85px;
   border:0px solid white;
   background-image: url(Images/horizontaleLinie.png);
background-repeat: repeat-y;
background-position: 0% 0%; /* legt abhaengig von background-repeat Position eines Hintergrundbildes fest */
}
.next {
   position: absolute;
   top: 0px;
   left: 176px;
   opacity: 0;
   filter:alpha(opacity=0);
}

body > #left-navigation {
position:fixed;
top:0px;
left:4px;
width:131px;
height:auto;
background-color:#FFFFFF;
z-index:2;
background-image: url(Images/vertikaleLinie.png);
background-repeat: repeat-y;
background-position: 0% 0%; /* legt abhaengig von background-repeat Position eines Hintergrundbildes fest */
}

body > #content {
width: 780px;
clear: both;
min-height: 650px;
height: auto !important;
height: 650px;
padding-bottom: 0px;
}

div.text {
padding-top: 10px;
padding-left: 150px;
padding-right: 10px;
padding-bottom: 10px;
text-align: justify;
color: #000000;
font-weight: normal;
font-variant: normal;
}

a.navi, a.navi_first, a.navi_self {
height:14px;
margin-left:10px;
margin-right:10px;
display:block;
white-space:nowrap;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
font-family:"Tahoma", sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
letter-spacing:0.1em;
padding:3px;
text-align:center;
}

a.navi_first {
border-top:1px solid black;
}

a.navi:link, a.navi_first:link, a.navi:visited, a.navi_first:visited {
color:#000000; background-color:#FFFFFF;
}

a.navi_self:link, a.navi_self:visited {
background-color:#EAEAEA;
color:#000000;
}

a.navi:hover, a.navi_self:hover, a.navi_first:hover,
a.navi:active, a.navi_self:active, a.navi_first:active {
font-style:italic;
background-color:#660033;
color:#FFFFFF;
}

a.img:hover, a.img:active {
border: none;
text-decoration: none;
background-color: #FFFFFF;
}

body > #konzerte_sublinks {
position:fixed;
top:189px;
left:121px;
width:150px;
border-left:0px solid black;
border-bottom:1px solid black;
border-right:2px solid black;
border-top:2px solid black;
visibility:hidden;
z-index:25;
opacity: 0.95;
}

body > #weinfest_sublinks {
position:fixed;
top:168px;
left:121px;
width:150px;
border-left:0px solid black;
border-bottom:1px solid black;
border-right:2px solid black;
border-top:2px solid black;
visibility:hidden;
z-index:25;
opacity: 0.95;
}

body > #jugend_sublinks {
position:fixed;
top:252px;
left:121px;
width:150px;
border-left:0px solid black;
border-bottom:1px solid black;
border-right:2px solid black;
border-top:2px solid black;
visibility:hidden;
z-index:25;
opacity: 0.95;
}

.sub_link {
display:block;
width:144px;
height:14px;
text-align:center;
padding:3px;
font-family:"Tahoma", sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid black;
}


.sub_link:link, .sub_link:visited  {color:#000000; background-color:#FFFFFF; }
.sub_link:hover, .sub_link:active  {color:#FFFFFF; background-color:#B32734; font-style:italic; }



/* --- Links fuer Navigationsleiste (Kontakt | Impressum) --- */
.navLink:link, .navLink:visited  {text-decoration: none; color:#808080;  background-color: #FFFFFF;}
.navLink:hover, .navLink:active  {text-decoration: none; color:#660033; background-color: #FFFFFF;}


/* ----- Allgemeine Link Formatierungen ----- */
a:link    {text-decoration: none; color: #B32734}
a:visited {text-decoration: none; color: #B32734}
a:hover   {text-decoration: none; color: #660033;}
a:active  {text-decoration: none; color: #FFFFFF;}


/* ----- Allgemeine Formatierungen ----- */
acronym {
border-bottom: 1px dotted #000000;
cursor: help;
}

#imageTop {
margin-left:176px;
text-decoration:none;
border: none;
}

td {
font-family: "Arial", sans-serif;
font-size: 9pt;
text-align: justify
}

p.standardabsatz {
font-family:"Arial", sans-serif;
font-size:10pt;
font-weight:normal;
}


div.box-title {
margin-top:50px;
margin-left:2px;
margin-right:2px;
background-color:#0066CC;
color:#000000;
font-family:"MS Sans Serif", sans-serif;
font-size:10px;
font-weight:bold;
padding:1px;
}

div.box-content {
margin-top:0px;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
background-color:#FFFFFF;
color:#000000;
font-family:"Arial", sans-serif;
font-size:67%;
font-weight:normal;
padding:1px;
}

hr.black {
margin-left: auto;
margin-right: auto;
height: 1px;
width: 100%;
border: 0;
background-color: #000000;
color: #000000;
}

hr.blackLeft {
text-align: left;
height: 1px;
width: 100%;
border: 0;
background-color: #000000;
color: #000000;
}



/*
-------------------------------------------------------------------------
                   Formatierungen für die Seite 'Neuigkeiten'
-------------------------------------------------------------------------
*/
hr.neuigkeiten {
height: 1px;
width: 100%;
border: 0;
background-color: #808080;
color: #808080;
}

.kleinGrau {
font-family: "Arial", sans-serif;
font-weight:normal;
font-style: italic;
font-size:8pt;
text-align: left;
color: #808080;
}

.grossSchwarz {
font-family: "Arial", sans-serif;
font-weight: bold;
font-style: normal;
font-size: 10.5pt;
text-align: left;
color: #000000;
}



/*
-------------------------------------------------------------------------
                   Box für Informationen auf der Startseite
-------------------------------------------------------------------------
*/
div #startseite {
font-family:"Georgia", "Arial", "Helvetica", sans-serif;
font-size:0.9em;
line-height:1.3em;
font-style: normal;
font-weight: normal;
text-align: center;
color : #000000;
width:480px;
/* die naechsten 2 Angaben zentrieren das div-Element */
margin-left:auto;
margin-right:auto;
border-left:1px dashed black;
border-bottom:1px dashed black;
border-right:1px dashed black;
border-top:1px dashed black;
padding: 3px;
}



/*
-------------------------------------------------------------------------
                   Formatierungen für die Seite der Jugendkapelle
-------------------------------------------------------------------------
*/
h4.rahmen {
border-top:solid black 1px;
border-left:solid black 1px;
padding-left:10px;
padding-top:4px;
color: #000000;
margin-top:32px;


}

div.unterRahmen, h5, ul {
margin-left:11px;

}

img.ausrichtung {
float:left;
}

td.prg {
font-size:8pt;
}



/*
-------------------------------------------------------------------------
                   Kontakformular Formatierungen
-------------------------------------------------------------------------
*/
table.kontaktformular{
text-align: left;
color: #000000;
font-weight: bold;
font-variant: normal;
font-size: 9pt;
}

span.stern {
color:#FF0000;
font-weight: normal;
}

.textfelder {
font-family: "Arial", sansserif;
border: none;
padding: 1px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 9pt;
width: 200px;
height: 18px;
}

.textfeldKlein {
font-family: "Arial", sansserif;
border: none;
padding: 1px;
background-color: #FFFFFF;
font-weight: normal;
font-size: 9pt;
width: 50px;
height: 18px;
}

.textfeldKleinFuerAuswahl {
font-family: "Arial", sansserif;
border: none;
padding: 1px;
background-color: #FFFFFF;
font-weight: normal;
font-size: 8pt;
color: #0000CC;
width: 200px;
height: 18px;
}

.kleinereZusatzangabe {
font-weight: normal;
font-size: 8pt;
}

.checkbox {
font-family: "Arial", sansserif;
font-weight: normal;
font-size: 9pt;
}

.button {
font-weight: normal;
font-size: 8pt;
width: 108px;
}

.hinweis {
font-weight: normal;
font-size: 9pt;
}

.textarea {
font-family: "Arial", sansserif;
border: none;
padding: 2px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 9pt;
width: 380px;
height: 160px;
}

.textareaKlein {
font-family: "Arial", sansserif;
border: none;
padding: 2px;
background-color: #E5E5E5;
font-weight: normal;
font-size: 9pt;
width: 300px;
height: 160px;
}



/*
-------------------------------------------------------------------------
             Sprachauswahl Seite weinfestInformationen.php
-------------------------------------------------------------------------
*/
table.sprachauswahl {
text-align: left;
color: #000000;
font-weight: normal;
font-variant: normal;
font-size: 8pt;
}

.checkboxSprachauswahl {
font-weight: normal;
font-size: 8pt;
width: 80px;
}




/*
-------------------------------------------------------------------------
                 Formatierungen fuer die Konzertartikel
-------------------------------------------------------------------------
*/
p.ueberschriftgross {
font-family:"Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:15px;
text-align:center;
color:#3C5994;
}

p.ueberschriftklein {
font-family:"Arial", sans-serif;
font-weight:normal;
font-style:italic;
font-size:13px;
text-align:center;
color:#3C5994;
}

p.tabellenUeberschrift {
font-family:"Arial", sans-serif;
font-weight:bold;
font-style:normal;
font-size:13px;
text-align:center;
color:#000000;
}

p.bildunterschrift {
font-family:"Arial", sans-serif;
font-weight:normal;
font-style:normal;
font-size:11px;
text-align:center;
color:#000000;
}

p.text {
font-family:"Arial", sans-serif;
font-weight:normal;
font-style:normal;
font-size:12px;
text-align:justify;
color:#000000;
}

img.ausrichtung {
float:left;
margin-right:7.5px;
margin-bottom:2.5px;
}

img.rechts {
float:right;
margin-left:7.5px;
margin-bottom:2.5px;
}

.content {
margin-left:10px;
margin-right:10px;
}