/* Allgemeines, gesamte Seite */

html {
   margin: 0;
}

body {
   background: #af0000 url('http://www.gabelbachergreut.de/templates/Template_FormLeonhardiritt/img/bg.jpg') fixed;
   font-size: 100.1%;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
   color: #000;
   margin: 20px 8%;
   padding: 0;
   text-align: center;
}


/* Seitenaufteilung, Seitenbereiche */

#t1layout {
   width: 100%;
   padding: 0;
   text-align: left;
   font-size: 0.88em;
   background-color: #fff;	
   color: #000;
   overflow: auto;
   margin: auto;
   border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;
   max-width: 65em;
   -webkit-box-shadow: 10px 10px 15px #300; -moz-box-shadow: 10px 10px 15px #300; box-shadow: 10px 10px 15px #300;
}

#t1navispalte {
   clear:both;
   text-align: left;
   padding:0;
   margin: 30px 0 0 1.3em;
   float: left;
   width: 12em;
}

.t1container {
   padding: 10px 0;
   color: #fff;
   border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;
   margin-top: 0.5em;
   margin-bottom: 1.1em;
   background-color: #7f0000;
   text-align: left;
   font-size: 0.98em;
   width: 100%;
   -webkit-box-shadow: 3px 3px 5px #800; -moz-box-shadow: 3px 3px 5px #800; box-shadow: 3px 3px 5px #800;
}

#t1inhalt {
   /*margin: 2.5em 1.3em 0 15em;*/
   margin:0;
   /*padding: 0;*/
   padding: 1em 1.3em 0 3.9em;
   min-width: 16em;
   overflow:hidden;
}

#t1footer {
   width: 100%;
   clear: both;
   padding: 0;
   margin: 2em 0 0.1em 0;
   text-align: center;
   border-top: solid 10px #af0000;
}

#t1up {
   float: right;
   font-weight: bold;
   text-decoration: none;
   font-size: 14px;
   color: #cf0000;
   margin-right: 6px;
}
#t1suche {
   float:left;
   margin-left: 2.3em;
}

#t1footernavi {
   width: 250px;
   margin: 0;
   padding: 0;
   padding-left: 50px;
   font-size: 12px;
   margin: 0 auto 3px auto;
}


/* Wappen */

#wappen {
   float: left;
   width: 100px;
   margin: 1em 0 0 0;
   padding: 0 0 0 4em;
}


/* Hauptnavi */

.t1container ul, .t1container li {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.t1container ul ul {
   padding-left: 10px;
}
.t1container a:link, .t1container a:visited, .t1container a:active {
   padding: 4px 10px 4px 10px;
   color: #fff;
   display: block;
   background-color: #7f0000;
   text-decoration: none;
   font-size: 0.98em;
}
.t1container a:hover {
   background-color: #cf0000;
   text-decoration: none;
   border-top: 1px solid #7f0000;
   border-bottom: 1px solid #7f0000;
   padding-top: 3px;
   padding-bottom: 3px;
}
a.menu-current:link, a.menu-current:visited, a.menu-current:hover {
   font-weight: bold;
   background: #cf0000;
}
.menu-parent a:link, .menu-parent a:visited {
   background-color: #cf0000;
}
.menu-parent li, .menu-parent ul {
   background-color: #cf0000;
}
.t1container .menu-parent a:hover {
   background-color: #000080;
   text-decoration: none;
   border-top:1px solid #cf0000;
   border-bottom: 1px solid #cf0000;
}
.menu-expand.menu-current a:link, .menu-expand.menu-current a:visited {
   background-color: #cf0000;
}
.menu-expand.menu-current li, .menu-expand.menu-current ul {
   background-color: #cf0000;
}
.t1container .menu-expand.menu-current a:hover {
   background-color: #000080;
   text-decoration: none;
   border-top: 1px solid #cf0000;
   border-bottom: 1px solid #cf0000;
}


/* Links im Footer */

#t1footernavi li {
   display: inline;
   list-style-type: none;
   padding: 0;
   margin: 0;
   padding-left: 40px;
}
#t1footernavi ul {
   padding: 0;
   margin: 0;
}
#t1footernavi a:link {
   color: #cf0000;
   background:#fff;
}

	
/* Ueberschriften */

h1 {
   font: italic bold 1.4em Tahoma, 'Adobe Helvetica', Helvetica, Arial, sans-serif;
   letter-spacing: 0.2em;
   text-align: right;
   padding: 20px 20px 20px 200px;
   margin: 1em;
   color: #fff;
   background: #cf0000;
   border: 1px solid #cf0000;
   border-radius: 0.6em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em;
   -webkit-box-shadow: 3px 3px 5px #cf0000; -moz-box-shadow: 3px 3px 5px #cf0000; box-shadow: 3px 3px 5px #cf0000;
}
h2 {
   color: #cf0000;
   font-size: 1.5em;
}
h3 {
   font-size: 1.3em;
   margin-bottom: 0.5em;
   padding-top: 1em;
   margin-top: 0;
}
h4 {
   font-size: 1.1em;
   margin-top: 0;
   padding-top: 0.8em;
   margin-bottom: 0.3em;
}
h5 {
   font-size: 1.01em;
}
h1, h2, h3, h4, h5 {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: bold;
}
h3, h4, h5 {
   color: #000;
   background: #fff;
   text-align: left;
}
h6 {
   font-size: 0.87em;
   text-align: center;
   margin: 0;
   padding: 0;
}


/* Verweise, Links, Anker */

a:link {
   color: #f00;
   text-decoration: underline;
}
a:visited {
   color: #8b0000;
   text-decoration: underline;
}
a:focus {
   color: #f00;
   text-decoration: underline overline;
}
a:hover {
   color: #00b;
   text-decoration: none;
}
a:active {
   color: #f00;
   text-decoration: underline overline;
}
a[href^="http:"] {
   background: url('http://www.gabelbachergreut.de/templates/Template_Greut/img/extlink.gif') no-repeat left;
   padding: 0 0 0 10px;
}
a[href^="http://www.gabelbachergreut.de"], a[href^="http://gabelbachergreut.de"], a[href^="http://www.feuerwehr.gabelbachergreut.de"], a[href^="http://feuerwehr.gabelbachergreut.de"], a[href^="http://www.rockparty.gabelbachergreut.de"], a[href^="http://rockparty.gabelbachergreut.de"], a[href^="http://www.faschingsfreunde.gabelbachergreut.de"], a[href^="http://faschingsfreunde.gabelbachergreut.de"] {
   background: transparent;
   padding: 0px;
}
h1 a:link, h1 a:hover, h2 a:link, h2 a:hover, h3 a:link, h3 a:hover, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {
   color: #000;
   background-color: #fff;
   text-decoration: none;
   font-weight: bold;
}
h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
   color: #fff;
   background-color: #cf0000;
   text-decoration: none;
}
h2 a:link, h2 a:hover {
   color: #cf0000;
   background-color: #fff;
}
#t1container a:link, #t1container a:hover {
   color:#fff;
}


/* Textabs?aetze */

p {
   padding: 0;
   margin-top: 0;
   margin-bottom: 0.8em;
}
#t1inhalt p:first-letter {
   font-size: 1.4em;
   color: #C00;
}
#t1inhalt p.noletter:first-letter {
   font-size: 0.99em;
   color: #000;
}


/* Logische Textauszeichnungen */

strong {
   font-weight: bold;
   font-style: normal;
}
em, abbr, acronym {
   font-weight: normal;
   font-style: normal;
}

	
/* Sonstiges */

img {
   border: 0 none;
}
form {
   margin: 0;
}
hr {
   margin: 5px;
   color: #000;
   height: 1px;
   width: 100%;
}
	
	
/* sonstige Klassen fuer einfache Textformatierung */

.b {
   font-weight: bold;
}
.c {
   text-align: center;
}
.i {
   font-style: italic;
}
.s {
   font-size: small;
}
.om {
   margin: 0;
}
.cb {
   clear: both;
}


/* Vorschaubilder im Textfluss */

.vlq {
   width: 200px;
   height: 150px;
   border: 0;
   float: left;
   margin-top: 5px;
   margin-right: 10px;
   margin-bottom: 5px;
}
.vrq {
   width: 200px;
   height: 150px;
   border: 0;
   float: right;
   margin-top: 5px;
   margin-left: 10px;
   margin-bottom: 5px;
}
.vq {
   width: 200px;
   height: 150px;
   border: 0;
   margin-top: 5px;
   margin-left: 10px;
   margin-bottom: 5px;
}
.vlh {
   width: 150px;
   height: 200px;
   border: 0;
   float: left;
   margin-top: 5px;
   margin-right: 10px;
   margin-bottom: 15px;
}
.vh {
   width: 150px;
   height: 200px;
   border: 0;
   margin-top: 5px;
   margin-right: 10px;
   margin-bottom: 15px;
}
.vrh {
   width: 150px;
   height: 200px;
   border: 0;
   float: right;
   margin-top: 5px;
   margin-left: 10px;
   margin-bottom: 5px;
}


/* grosse Bilder */

.bildquer {
   vertical-align: middle;
   width: 436px;
   height: 327px;
   border: double 4px red;
}
.bildhoch {
   vertical-align: middle;
   width: 327px;
   height: 436px;
   border: double 4px red;
}


/* Google Maps Karte */

#map {
   width: 470px;
   height: 315px;
   margin: 5px 2px 5px 15px;
}
a#map, #map a {
   font-size: 8pt;
}


/* iFrame Wettereinblendung */

#wetter {
   clear: both;
   float: right;
   background-color: #C00;
   color: #000;
   width: 124px;
   text-align: center;
   margin-left: 10px;
   margin-bottom: 5px;
   font: normal normal normal 10px/100% Verdana, Helvetica, Arial, sans-serif;
   padding: 0;
}
#wetter a {
   text-decoration: none;
   color: #fff;
   font: normal normal bold 10px/100% Verdana, Arial, Helvetica, sans-serif;
}


/* Infobox */

a.infobox {
   border-bottom: 1px dashed #F00;
   text-decoration: none;
   color: #000;
}
a.infobox:hover {
   cursor: help;
}
a.infobox span {
   visibility: hidden;
   position: absolute;
   right: 5px;
   margin-top: 1.5em;
   padding: 1em;
   text-decoration: none;
   text-align: left;
}
a.infobox:hover span {
   visibility: visible;
   border: 1px solid #F00;
   color: #F00;
   background: #FFF;
   font-size: 0.88em;
   line-height: 120%;
}


/* Loginbox */

.loginbox {
   font-size: 0.7em;
}
.loginbox p {
   margin: 0;
}
.loginbox input {
   font-size: 0.7em;
   border: 1px dashed red;
   color: #cf0000;
}
input.loginbutton {
   font-size: 0.77em;
   background-color: #f00;
   color: #000;
   border: 2px outset black;
   margin: 3px 0 4px 0;
}
input.loginbutton:hover {
   color: #fff;
}


/* Searchbox */

input.searchbox {
   font-size: 0.54em;
   color: #cf0000;
   background-color: #fff;
   margin-top: 1px;
}
input.searchbutton {
   font-size: 0.5em;
   font-weight: bold;
   margin-top: 1px;
   background-color: #ff0000;
   color:#000; width: 24px;
   border: 2px outset black;
}
input.searchbutton:hover {
   color: #fff;
}

