body {
	margin: 0;
	padding: 0;
	text-align:center;
	background: #000 url(http://mv-gusenburg.de/gfx/bg.jpg) no-repeat 50% 0;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

h1, h2, h3 {
	margin:0 0 7px 0;
	padding: 0;
	line-height: 1.0em;
}
	
h1 {
	font: 18pt Tahoma, Arial, sans-serif;
}

h2, caption {
	font: 15pt Tahoma, Arial, sans-serif;
}
	
h3 {
	font: bold 12pt Tahoma, Arial, sans-serif;
	margin-top: 5px;
}

p.bigspace {
	margin-bottom: 150px;
}

a {
	text-decoration: none;
	color: #9a0000;
}

a:hover {
	text-decoration: underline;
}

a.blacklink {
	color: black;
}

a.player { /* Musikplayer-Links */
	color: white;
	background-color: #9a0000;
	border: 1px solid #bba;
	padding: 5px;
	text-decoration: none;
	line-height: 1.5;
	margin-right: 15px;
}

a.player:hover { /* Musikplayer-Links */
	color: black;
	border: 1px solid #bba;
}

.small { /* kleiner Text */
	font-size: 0.9em;
	line-height: 1.3em;
}

.xsmall { /* ganz kleiner Text */
	font-size: 0.7em;
	line-height: 1.3em;
}


.b { /* fetter Text, bspw. für Jahreszahlen bei Geschichte */
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.7em;
}

.bo { /* fetter Text, normal. */
	font-weight: bold;
}

.red { /* roter Text */
	color: #9a0000;
}

.center { /* zentrierter Text */
	text-align: center;
}
	
#wrapper { /* Rahmen um alle Boxen */
	width: 990px;
	height: inherit;	
	margin: 10px auto 0px auto;
	text-align:left;
}
	
.g { /* generische Klasse für jede Grid-Box */
	background: transparent;
	margin: 10px;
	display: inline; /* IE 6 floating Bugfix */
	min-height: 310px;
}

a img {
	border:none;
}

/* Klassen für die Hintergründe der Boxen */


.gh {

}


/* Splash; Box 1, 2er Breite */
.splashh {
	background: transparent url(http://mv-gusenburg.de/gfx/splash_2x1_headline_h.gif) no-repeat;
}

.splashm {
	background: transparent url(http://mv-gusenburg.de/gfx/splash_2x1_headline_m.jpg) no-repeat;
}

.splashf {
	background: transparent url(http://mv-gusenburg.de/gfx/splash_2x1_headline_f.gif) no-repeat;
}

/* rote Box, auf Pos 3 und 7. Sonder-Hintergrund wegen Terminbox auf 3 */
.gh.redh {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_red_h.gif) no-repeat;
}

.inh1.red_specialm {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_red_special_m.gif) no-repeat;
}

.inh1.redm {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_red_m.gif) no-repeat;
}

.gf.redf {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_red_f.gif) no-repeat;
}

/* goldene Bild-Box, auf  und 7. */
.gh.goldh {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_splash_gold_h.gif) no-repeat;
}


.inh1.goldm {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_splash_gold_m.jpg) no-repeat;
}

.gf.goldf {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_splash_gold_f.gif) no-repeat;
}

/* Menu auf Pos 4 */
.gh.menuh {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_menu_h.gif) no-repeat;
}

.inh1.menum {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_menu_m.jpg) no-repeat;
}

.gf.menuf {
	background: transparent url(http://mv-gusenburg.de/gfx/1x1_menu_f.gif) no-repeat;
}

/* Weiße Box 1*1 auf der 5 */

.gh.whiteh{
	background: transparent url(gfx/1x1_white_h.gif) no-repeat;
}

.inh1.whitem{
	background: transparent url(gfx/1x1_white_m.gif) no-repeat;
}

.gf.whitef{
	background: transparent url(gfx/1x1_white_f.gif) no-repeat;
}

/* Weiße Box 2*2 */

.gh.white2h{
	background: transparent url(gfx/2x1_white_h.gif) no-repeat;
}

.inh2-2.white2m{
	background: transparent url(gfx/2x1_white_m.gif) repeat;
	min-height: 630px;
}
/* Weiße Box 2*1 */
.inh2-1.white2m{
	background: transparent url(gfx/2x1_white_m.gif) repeat;
	min-height: 300px;
}

.gf.white2f{
	background: transparent url(gfx/2x1_white_f.gif) no-repeat;
}


/* Hellrote Box auf 8 */

.gh.lightredh {
	background: transparent url(gfx/1x1_lightred_h.gif) no-repeat;
}

.inh1.lightredm {
	background: transparent url(gfx/1x1_lightred_m.jpg) no-repeat;
}

.gf.lightredf {
	background: transparent url(gfx/1x1_lightred_f.gif) no-repeat;
}

/* Diddi auf Box 8 */

.gh.knih {
	background: transparent url(gfx/splash_1x1_kni_h.png) no-repeat;
}

.inh1.knim {
	background: transparent url(gfx/splash_1x1_kni_m.jpg) no-repeat;
}

.gf.knif {
	background: transparent url(gfx/splash_1x1_kni_f.png) no-repeat;
}

/* Klarinette auf Box 8 */

.gh.klarih {
	background: transparent url(gfx/splash_1x1_klari_h.png) no-repeat;
}

.inh1.klarim {
	background: transparent url(gfx/splash_1x1_klari_m.jpg) no-repeat;
}

.gf.klarif {
	background: transparent url(gfx/splash_1x1_klari_f.png) no-repeat;
}

/* Sax auf der 6 und 9 */

.gh.saxh {
	background: transparent url(gfx/splash_1x1_sax_h.gif) no-repeat;
}

.inh2.saxm {
	background: transparent url(gfx/splash_1x1_sax_m.jpg) no-repeat;
}

.gf.saxf {
	background: transparent url(gfx/splash_1x1_sax_f.gif) no-repeat;
}

.w1 { /* 1 Kaestchen Breite */
	width: 310px;
	float: left;
}
	
.w2 { /* 2 Kaestchen Breite */
	width: 640px;
	float: left;
}
	
.w3 { /* 3 Kaestchen Breite */
	width: 970px;
	float: left;
}
	
.h1 { /* 1 Kaestchen Hoehe */
	height: 310px;
}
	
.h2 { /* 2 Kaestchen Hoehe */
	height: 640px;
}
	
.h3 { /* 3 Kaestchen Hoehe */
	height: 970px;
	float: right;
}
	
.x { /* Ausblenden der nicht gewuenschten Boxen */
	display: none;
}
	
.r { /* Fuer korrektes Floating der rechten Boxen */
	float: right;
}
	
.gh { /* Header einer Box */
	height:5px;
	font-size: 1px; /* IE 6 Height Bugfix */
}
		
.gf { /* Footer einer Box */
	height:5px;
	font-size: 1px; /* IE 6 Height Bugfix */
}

.viernullvier {
	margin: 0 0 10px -25px;
}
	
.inh1 { /* Klassen für den Inhalt der 1er-Hoehe-Boxen abzgl. der 5 PX Rand */
	height:300px;
	display: block;
}
	
.inh2 { /* Klassen für den Inhalt der 2er-Hoehe-Boxen abzgl. der 5 PX Rand */
	height:630px;
	display: block;
}
	
.inh3 {
	height:960px;
	display: block;
}
	
.txt { /* Generische Text-Klasse für mitlaufende Inhalte */
	padding:5px 10px 5px 10px;
}

.txt1 { /* Klasse für Textinhalte in einer 1*1-Box */
	height:280px;
	overflow:hidden;
	padding:5px 10px 5px 10px;
}

#usercontrol {/* Login-Box rechts oben */
	position: relative;
	top: -40px;

}

#usercontrol a {
	text-decoration: none;
	font-weight: bold;
	color: black;
}

#usercontrol a:hover {
	position: relative;
	top: 1px;
	left:1px;
}

#usercontrol img {
	margin: 0 2px 0 10px;
	position: relative;
	top: 2px;
}

.msg { /* Generische Klasse für Meldungen */
	width: 560px;
	min-height: 33px;
	padding: 22px 5px 5px 50px;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 10px 0 10px 0;
}

.ok { /* Erfolgreiche Meldungen, bspw. Logout */
	border: 1px solid green;
	background: #b2ffa4 url(http://mv-gusenburg.de/gfx/msg_ok.png) no-repeat 10px 13px;
	color: green;
}

.err { /* Fehler-Meldungen */
	border: 1px solid red;
	background: #ffbcb6 url(http://mv-gusenburg.de/gfx/msg_err.png) no-repeat 10px 13px;
	color: red;
}

#footer {
	color: #666;
	margin: 10px 5px 20px 5px;
	text-align: center;
	width: 980px;
	float: left;
	font-size: 9pt;
}
	
#footer a {
	color:#999;
	text-decoration:none;
}

#footer a:hover {
	color:#999;
	text-decoration:underline;
}

/* NAVIGATION */

#menu {
	font: 15pt Tahoma, Arial, sans-serif;
	position: relative;
	top:10px;
	left:10px;
	width: 200px;
}
	
#menu a {
	text-decoration:none;
	color:black;
	padding-left: 30px;
}
	
#menu a:hover {
	text-decoration:none;
	background: url(http://mv-gusenburg.de/gfx/menu.png) no-repeat 7px 6px;
	}
	
#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	font: 13px Tahoma, Arial, sans-serif;
	font-weight: bold;
}

#menu dl {
	margin: 0;
}
	
#menu ul li {
	padding:5px 0 5px 10px;
	margin:0;
	display:block;
	width:95px;
 }
	
#menu dl dd ul li a {
	color:#9a0000;
	background: transparent ! important;
	padding: 0px; /* Zur Vermeidung des Abstandes zwischen Linie und Text */
}

#menu dl dd ul li a:hover {
	color:#000;
}
	
#menu dd {
	padding:0;
	margin-left:37px;
	border-left: 1px solid #333;
 }

#menu dt {
	display:block;
	width:100px;
	padding: 4px 0 4px 5px;
}


/* TEXTELEMENTE */


.imgr { /* Bilder im Fliesstext RECHTS mit Bildschatten */
	float:right;
	margin: 8px 0px 5px 18px;
	background: url(http://mv-gusenburg.de/gfx/shadow_200.png) no-repeat bottom left;
 	padding: 4px 7px 17px 7px;
	border-top: 1px solid #EFEFEF;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 
}

.imgl { /* Bilder im Fliesstext LINKS mit Bildschatten */
	float: left;
	margin: 8px 18px 5px 0px; 
	background: url(http://mv-gusenburg.de/gfx/shadow_200.png) no-repeat bottom left;
 	padding: 4px 7px 17px 7px;
	border-top: 1px solid #EFEFEF;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 
}

.imggal { /* Bilder der Galerie */
	margin: 15px 50px 5px 45px;
	background: url(http://mv-gusenburg.de/gfx/shadow_200.png) no-repeat bottom left;
 	padding: 4px 7px 17px 7px;
	border-top: 1px solid #EFEFEF;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; 
}


/* Formularelemente */


input.details { /* Formularelemente der Userdetails */
	color: black;
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid black;
	padding: 5px;
	width: 300px;
	margin: 5px 5px 10px 0;

}

input.sm{ /* kleine Formulare, bspw. Ort */
	width: 232px;
}

input.xs{ /* extra kleine Formulare, bspw. PLZ */
	width: 50px;
	margin-right: 5px;
}

input.contact, select.contact, textarea.contact, input.login, input.pwv { /* Elemente des Kontaktformulars und PW-Vergessen-Feldes */
	color: black;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid black;
	padding: 5px;
	width: 600px;
	margin: 5px 0 5px 0;
}

select.contact { /* Sonderregel für die Auswahlbox wtf*/
	width: 612px;

}

textarea.contact {
	height: 200px;
}

input.login{ /* Login-Boxen oben rechts */
	width: 200px;
	margin: 0 0 3px 0;
}

.webmailer { /* Generisch für alle Webmailer-Sachen */
	color: black;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid black;
	padding: 10px;
	width: 600px;
	margin: 10px 0 10px 0;
}

.txtf { /* mehrzeilige textfelder */
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	height: 300px;
}

#submitbtn { /* Login-Button */
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
	height: 58px;
	position: relative;
	top: -62px;
	left: 215px;
}

.btn { /* Absende-Button, bspw. beim Webmailer */
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	width: 620px;
	margin: 10px 0 10px 0;
}

.tickerbox { /* Terminticker oben rechts */
	width:230px;
	height:30px;
	margin:0;
	padding:0;
	position: relative;
	top: 118px;
	color: black;
}
.tickerbox ul {
	width:230px;
	position:relative
}
.tickerbox li {
	width:100%;
	list-style:none;
	position:absolute;
	top:3px;left:3px;
	background: transparent;
	padding:5px;
	overflow:hidden;
	color: black;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.tickerbox li span{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

/* WEBMAILER-LISTE */


table.grxmailer { 
    border: 0;
    text-align: left;
    margin-bottom: 20px;
    vertical-align: top;
}

td.ch {
	width: 20px;
	padding: 10px;
}

td.gr {
	width: 120px;
	padding: 10px;
}

td.xl {
	width: 235px;

}

td.mit {
	width: 121px;
	padding: 10px;
}


/* GESCHICHTE */

td.gesch {
	padding: 5px 5px 25px 5px;
}

/* Tabellen und Listen */
table.termin, table.mitg { /* Mitgliederliste + Termine*/
    border: 0;
    text-align: left;
    margin-bottom: 20px;
}

caption { /* Font wird zusammen mit h2 festgelegt */
	padding: 40px 0 10px 0;
	text-align: left;
}

th {
	font: bold 11px  Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.img {
	border-left: 1px solid #000;
 	border-top: 0; 
 	background: none;
 	width: 75px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.name {
 	width: 120px;
}

th.adresse {
 	width: 120px;
}

th.telefon {
 	width: 100px;
}

th.email {
	width: 155px;
}
td.termin, td.presse, td.mitg { /* jede Zelle */
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 6px 6px 6px 12px;
}

th.bez {
 	width: 210px;
}

th.out, td.out {
 	width: 25px;
}

th.datum {
 	width: 130px;
}

td.vcard { /* Abschlusszeile rechts (Mitglieder, WEB) */
 	border-right: 1px solid #000;
}

th.vcard {
border-top: none;
border-right: none;
}

th.komm, td.komm { /* Abschlusszeile rechts */
 	width: 170px;
 	border-right: 1px solid #000;
}

td.terminfarbe { /* Farbige Box */
 	width: 10px;
}

tr.tdunkel {
	background: #ccc;
	color: black;
}

tr.thell {
	background: #fff;
	color: black;
}

/* Spezielle Anpassungen nur für Presse */

table.presse th.bez {/* Titel bei Presse */
	width: 350px;
}

table.presse th.datum, table.presse td.datum { /* Datum bei Presse */
 	width: 195px;
	border-right: 1px solid #000;
}


table.presse { /* Mitgliederliste + Termine*/
    border: 0;
    text-align: left;
    margin: 20px 0 20px 0;
}