* {font-family: verdana; font-size: 10pt; color: ;}
body {margin: 0; background-image: url(pics/top_bg.png); background-repeat: repeat-x;}
img {border: 0;}
html {overflow: -moz-scrollbars-vertical; overflow-y:scroll;}
h1 {margin-top: 0; margin-bottom: 5px; font-size: 12pt;}
h2 {margin-top: 0; margin-bottom: 5px; font-size: 16pt;}
h3 {font-size: 9pt;}
table {empty-cells: show; width: 100%;}
table tr td {vertical-align: top;}
table tr th {text-align: left;}
a {text-decoration: underline;}
input, textarea {border: 1px solid ;}
a.menu {display: block; background-color: ; border-left: 1px solid ; border-top: 1px solid ; border-right: 1px solid ; padding: 3px; text-decoration: none; text-align: center; color: #FFFFFF; font-weight: bold; width: 80%; margin-bottom: 3px; border-bottom: 1px solid #000000;}
a.menu:hover {background-color: ;}
a.menu:active {text-decoration: underline;}

.jubibutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.jubibutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.jubibutton:active {
	position:relative;
	top:1px;}

/*Jubiläumsmenu*/
a.jubimenu {display: block; background-color: white; border-left: 1px solid ; border-top: 1px solid ; border-right: 1px solid ; padding: 3px; text-decoration: none; text-align: center; color: #FFFFFF; font-weight: bold; width: 80%; margin-bottom: 3px; border-bottom: 1px solid #000000;}
a.jubimenu:hover {background-color: #c0c0c0}
a.jubimenu:active {text-decoration: underline;}
body#jubilaeum a#jubilaeumnavi {background-color:#f7f700}
body#organisation a#jubilaeumnavi {background-color:#f7f700}
body#jubilaeumsstafette a#jubilaeumnavi {background-color:#f7f700}
body#schnellschtvillmerger a#jubilaeumnavi {background-color:#f7f700}
body#festprogramm a#jubilaeumnavi {background-color:#f7f700}
body#sponsoring a#jubilaeumnavi {background-color:#f7f700}
body#festfuehrer a#jubilaeumnavi {background-color:#f7f700}
body#chronik  a#vereinnavinavi {background-color:#f7f700}
body#jubilaeumsgalerie a#jubilaeumnavi {background-color:#f7f700}

a.umenujubilaeum {display:none;}
a.umenuverein {display:none;}
a.umenuarchiv {display:none;}

body#aktuell a#aktuellnavi,
body#verein a#vereinnavi,
body#jahrespr a#jahresprnavi,
body#kontakt a#kontaktnavi,
body#galerie a#galerienavi,
body#gaestebuch a#gaestebuchnavi,
body#linksverzeichnis a#linksverzeichnisnavi
{background-color:#333333;}

body#organisation a#organisationnavi,
body#jubilaeumsstafette a#jubilaeumsstafettenavi,
body#schnellschtvillmerger a#schnellschtvillmergernavi,
body#festprogramm a#festprogrammnavi,
body#sponsoring a#sponsoringnavi,
body#festfuehrer a#festfuehrernavi,
body#jubilaeumsgalerie a#jubilaeumsgalerienavi,
body#vorstand a#vorstandnavi,
body#ehrenmitglieder a#ehrenmitgliedernavi,
body#chronik a#chroniknavi,


/*style der untermenüs*/

 body#jubilaeum a.umenujubilaeum,
 body#jubilaeumsgalerie a.umenujubilaeum,
 body#chronik a.umenuverein,
 body#festfuehrer a.umenujubilaeum,
 body#organisation a.umenujubilaeum,
 body#jubilaeumsstafette a.umenujubilaeum,
 body#schnellschtvillmerger a.umenujubilaeum,
 body#festprogramm a.umenujubilaeum,
 body#sponsoring a.umenujubilaeum,
 body#chronik a.umenuverein,
 body#vorstand a.umenuverein,
 body#ehrenmitglieder a.umenuverein,


/*---------- ANFANG ARCHIV ---------------*/
/* insgesamt 8 mal neuen Archivpunkt hinzufügen*/

/* ADD new Archive-Point 1/8 */
body#archiv2021 a#archiv2021navi,
body#archiv2020 a#archiv2020navi,
body#archiv2019 a#archiv2019navi,
body#archiv2018 a#archiv2018navi,
body#archiv2017 a#archiv2017navi,
body#archiv2016 a#archiv2016navi,
body#archiv2015 a#archiv2015navi,
body#archiv2014 a#archiv2014navi,
body#archiv2013 a#archiv2013navi,
body#archiv2012 a#archiv2012navi,
body#archiv2011 a#archiv2011navi,
body#archiv2010 a#archiv2010navi,
body#archiv2009 a#archiv2009navi

{background-color:#333333; color:#ffffff}

body#jubilaeum a.umenujubilaeum,
 body#organisation a.umenujubilaeum,
 body#jubilaeumsstafette a.umenujubilaeum,
 body#schnellschtvillmerger a.umenujubilaeum,
 body#chronik a.umenuverein,
 body#jubilaeumsgalerie a.umenujubilaeum,
 body#festfuehrer a.umenujubilaeum,
 body#festprogramm a.umenujubilaeum,
 body#sponsoring a.umenujubilaeum,
 body#vorstand a.umenuverein,
 body#verein a.umenuverein,
 body#ehrenmitglieder a.umenuverein,
 
 /* ADD new Archive-Point 2/8 */
 body#archiv2021 a.umenuarchiv,
 body#archiv2020 a.umenuarchiv,
 body#archiv2019 a.umenuarchiv,
 body#archiv2018 a.umenuarchiv,
 body#archiv2017 a.umenuarchiv,
 body#archiv2016 a.umenuarchiv,
 body#archiv2015 a.umenuarchiv,
 body#archiv2014 a.umenuarchiv,
 body#archiv2013 a.umenuarchiv,
 body#archiv2012 a.umenuarchiv,
 body#archiv2011 a.umenuarchiv,
 body#archiv2010 a.umenuarchiv,
 body#archiv2009 a.umenuarchiv

 {display:block;}

body#jubilaeum a.umenujubilaeum,
 body#organisation a.umenujubilaeum,
 body#jubilaeumsstafette a.umenujubilaeum,
 body#schnellschtvillmerger a.umenujubilaeum,
 body#chronik a.umenuverein,
 body#jubilaeumsgalerie a.umenujubilaeum,
 body#festfuehrer a.umenujubilaeum,
 body#festprogramm a.umenujubilaeum,
 body#sponsoring a.umenujubilaeum,
 body#vorstand a.umenuverein,
 body#verein a.umenuverein,
 body#ehrenmitglieder a.umenuverein,

 /* ADD new Archive-Point 3/8 */
 body#archiv2021 a.umenuarchiv,
 body#archiv2020 a.umenuarchiv,
 body#archiv2019 a.umenuarchiv,
 body#archiv2018 a.umenuarchiv,
 body#archiv2017 a.umenuarchiv,
 body#archiv2016 a.umenuarchiv,
 body#archiv2015 a.umenuarchiv,
 body#archiv2014 a.umenuarchiv,
 body#archiv2013 a.umenuarchiv,
 body#archiv2012 a.umenuarchiv,
 body#archiv2011 a.umenuarchiv,
 body#archiv2010 a.umenuarchiv,
 body#archiv2009 a.umenuarchiv

 {background-color: #e8e8e8; border-left: 1px solid ; border-top: 1px solid ; border-right: 1px solid ; padding: 3px; text-decoration: none; text-align: center; color: #000000; font-weight: bold; font-size: 9pt; width: 60%; margin-bottom: 3px; border-bottom: 1px solid #000000;}
body#jubilaeum a.umenujubilaeum:hover,
 body#organisation a.umenujubilaeum:hover,
 body#jubilaeumsstafette a.umenujubilaeum:hover,
 body#schnellschtvillmerger a.umenujubilaeum:hover,
 body#chronik a.umenuverein:hover,
 body#jubilaeumsgalerie a.umenujubilaeum:hover,
 body#festfuehrer a.umenujubilaeum:hover,
 body#festprogramm a.umenujubilaeum:hover,
 body#sponsoring a.umenujubilaeum:hover,
  body#verein a.umenuverein:hover,
 body#vorstand a.umenuverein:hover,
 body#ehrenmitglieder a.umenuverein:hover,

 /* ADD new Archive-Point 4/8 */
 body#archiv2021 a.umenuarchiv:hover,
 body#archiv2020 a.umenuarchiv:hover,
 body#archiv2019 a.umenuarchiv:hover,
 body#archiv2018 a.umenuarchiv:hover,
 body#archiv2017 a.umenuarchiv:hover,
 body#archiv2016 a.umenuarchiv:hover,
 body#archiv2015 a.umenuarchiv:hover,
 body#archiv2014 a.umenuarchiv:hover,
 body#archiv2013 a.umenuarchiv:hover,
 body#archiv2012 a.umenuarchiv:hover,
 body#archiv2011 a.umenuarchiv:hover,
 body#archiv2010 a.umenuarchiv:hover,
 body#archiv2009 a.umenuarchiv:hover

 {background-color: cdcdcd;}
body#jubilaeum a.umenujubilaeum:active,
 body#organisation a.umenujubilaeum:active,
 body#jubilaeumsstafette a.umenujubilaeum:active,
 body#schnellschtvillmerger a.umenujubilaeum:active,
 body#jubilaeumsgalerie a.umenujubilaeum:active,
 body#festfuehrer a.umenujubilaeum:active,
 body#festprogramm a.umenujubilaeum:active,
 body#sponsoring a.umenujubilaeum:active,
 body#chronik a.umenuverein:active,
 body#vorstand a.umenuverein:active,
 body#ehrenmitglieder a.umenuverein:active,

 /* ADD new Archive-Point 5/8 */
 body#archiv2021 a.umenuarchiv:active,
 body#archiv2020 a.umenuarchiv:active,
 body#archiv2019 a.umenuarchiv:active,
 body#archiv2018 a.umenuarchiv:active,
 body#archiv2017 a.umenuarchiv:active,
 body#archiv2016 a.umenuarchiv:active,
 body#archiv2015 a.umenuarchiv:active,
 body#archiv2014 a.umenuarchiv:active,
 body#archiv2013 a.umenuarchiv:active,
 body#archiv2012 a.umenuarchiv:active,
 body#archiv2011 a.umenuarchiv:active,
 body#archiv2010 a.umenuarchiv:active,
 body#archiv2009 a.umenuarchiv:active

 {text-decoration: underline;}


/*Damit Verein und Archiv auch grau werden wenn die untermenüs aktiv sind.*/

body#organisation a#jubilaeum,
 body#jubilaeumsstafette a#jubilaeum,
 body#schnellschtvillmerger a#jubilaeum,
 body#festprogramm a#jubilaeum,
 body#chronik  a#vereinnavi,
 body#jubilaeumsgalerie a#jubilaeum,
 body#festfuehrer a#jubilaeum,
 body#sponsoring a#jubilaeum,
 body#ehrenmitglieder a#vereinnavi,
 body#vorstand a#vereinnavi,
 body#ehrenmitglieder a#vereinnavi,

 /* ADD new Archive-Point 6/8 */
 body#archiv2021 a#archivnavi,
 body#archiv2020 a#archivnavi,
 body#archiv2019 a#archivnavi,
 body#archiv2018 a#archivnavi,
 body#archiv2017 a#archivnavi,
 body#archiv2016 a#archivnavi,
 body#archiv2015 a#archivnavi,
 body#archiv2014 a#archivnavi,
 body#archiv2013 a#archivnavi,
 body#archiv2012 a#archivnavi,
 body#archiv2011 a#archivnavi,
 body#archiv2010 a#archivnavi,
 body#archiv2009 a#archivnavi

{display: block; background-color: #e8e8e8; border-left: 1px solid ; border-top: 1px solid ; border-right: 1px solid ; padding: 3px; text-decoration: none; text-align: center; color: #000000; font-weight: bold; width: 80%; margin-bottom: 3px; border-bottom: 1px solid #000000;}
body#organisation a#jubilaeumnavi:hover,
 body#jubilaeumsstafette a#jubilaeumnavi:hover,
 body#schnellschtvillmerger a#jubilaeumnavi:hover,
 body#festprogramm a#jubilaeumnavi:hover,
 body#sponsoring a#jubilaeumnavi:hover,
 body#chronik  a#vereinnavinavi:hover,
 body#jubilaeumsgalerie a#jubilaeumnavi:hover,
 body#festfuehrer a#jubilaeumnavi:hover,
 body#vorstand a#vereinnavi:hover,
 body#ehrenmitglieder a#vereinnavi:hover,

 /* ADD new Archive-Point 7/8 */
 body#archiv2021 a#archivnavi:hover,
 body#archiv2020 a#archivnavi:hover,
 body#archiv2019 a#archivnavi:hover,
 body#archiv2018 a#archivnavi:hover,
 body#archiv2017 a#archivnavi:hover,
 body#archiv2016 a#archivnavi:hover,
 body#archiv2015 a#archivnavi:hover,
 body#archiv2014 a#archivnavi:hover,
 body#archiv2013 a#archivnavi:hover,
 body#archiv2012 a#archivnavi:hover,
 body#archiv2011 a#archivnavi:hover,
 body#archiv2010 a#archivnavi:hover,
 body#archiv2009 a#archivnavi:hover

 {background-color: cdcdcd;}
body#organisation a#jubilaeumnavi:active,
 body#jubilaeumsstafette a#jubilaeumnavi:active,
 body#schnellschtvillmerger a#jubilaeumnavi:active,
 body#festprogramm a#jubilaeumnavi:active,
 body#sponsoring a#jubilaeumnavi:active,
 body#chronik  a#vereinnavinavi:active,
 body#jubilaeumsgalerie a#jubilaeumnavi:active,
 body#festfuehrer a#jubilaeumnavi:active,
 body#vorstand a#vereinnavi:active,
 body#ehrenmitglieder a#vereinnavi:active,

 /* ADD new Archive-Point 8/8 */
 body#archiv2021 a#archivnavi:active,
 body#archiv2020 a#archivnavi:active,
 body#archiv2019 a#archivnavi:active,
 body#archiv2018 a#archivnavi:active,
 body#archiv2017 a#archivnavi:active,
 body#archiv2016 a#archivnavi:active,
 body#archiv2015 a#archivnavi:active,
 body#archiv2014 a#archivnavi:active,
 body#archiv2013 a#archivnavi:active,
 body#archiv2012 a#archivnavi:active,
 body#archiv2011 a#archivnavi:active,
 body#archiv2010 a#archivnavi:active,
 body#archiv2009 a#archivnavi:active

 {text-decoration: underline;}
*/

/*---------- FERTIG ARCHIV ---------------*/


/*Infocontainer*/
.infobox-container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox {
    width: 680px;
	background: none;
    padding: 10px 5px 5px 5px;
    margin: 5px;
    color: #ffffff;
    font-size: 90%;

}
.infobox h3 {
    background: #ff3333;
    width: 270px;
    color: #ffffff;
    padding: 10px 5px;
    margin: 0;
    font-size: 190%;
    text-align: left;
    font-weight: bold;
    font-color: #ffffff;
    text-shadow: 0.1em 0.1em 0.1em black
}
.infobox h3 {
    position: relative;
    left: -11px;
}
.infobox a {
    color: #35b0ff;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.infobox a:hover, .infobox a:focus {
    text-decoration: none;
    border-bottom: 1px dotted #d41616;
}


div.box {border: 1px solid #000000; padding: 5px; background-image: url(pics/bg.png); margin-bottom: 10px; margin-right: 10px;}
* html div.box {background-image: none; width: 100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='pics/bg.png')}