/*#############################################################
Name: feldschützen diemtigen horboden
Date: 15.04.2007
Author: Kurt Stucki
URL: http://www.stucki-kurt.ch

#############################################################*/

/*Allgemeine Angaben*/

body{
color: black;
/*hintergrundfarbe und Kopfzeile nicht widerholen*/
background:#333 url("../img/banner/home.jpg") no-repeat;

font-family:arial, verdana, helvetica, sans-serif;
margin:0;
/*Abstand von Oben*/
padding:160px 0 0 0;}
h1{
color:black;
background:transparent;
font:bold 1.4em arial, verdana, helvetica, sans-serif;}
h2{
color:black;
background:transparent;
font:bold 1.2em arial, verdana, helvetica, sans-serif;
margin-top:1.6em;}
h3{
color:black;
background:transparent;
font:bold 1em arial, verdana, helvetica, sans-serif;}
h4{
color:black;
background:transparent;
font:bold .9em arial, verdana, helvetica, sans-serif;}
h1 code{font-weight:bold;font-size:1.4em}
h2 code{font-weight:bold;font-size:1.2em}
h3 code, h4 code{font-weight:bold;font-size:1em}
a{
color:maroon;
background:transparent;
font-family:arial, verdana, helvetica, sans-serif;
text-decoration:underline;}
a:visited{color:#bea46d;background:transparent;}
a:hover, a:active, a:focus{color:red;background:transparent;}
img {border:none;}
.layoutthumb{float:left;width:100px;height:80px;margin:0 1.2em 0.4em 0}
/*.layoutthumb img{width:5.3em;height:5.3em}*/
hr{
color:black;
background:#cec8b0;
height:1px;
border:none;}
abbr, acronym{border-bottom:1px dotted #727272;cursor:help;}
.maroon{
color:maroon;
background:transparent;
font-weight:bold;}
.cent{text-align:center;}
.rechts{text-align:right;}
.lang{color:#969696;font:italic normal 1em arial, verdana, helvetica, sans-serif;cursor:help;}
.kommentar{color:#838383;background:#dcdcdc;}


/*linke Box, Menu*/

#navigation{
color:maroon;
/*Farbe um die Schaltflächen herum*/
background:#9C997C;
float:left;
width:12em;
/*Grösse der Fläche um die Schaltflächen herum*/
padding:1em 1em 1em 0.4em;
margin:30px 0 0 5px;
line-height:1.2em;
/*Farbe der Umrandung linke Box*/
border-top:1px solid #e4d9c0;
border-right:1px solid #222;
border-bottom:1px solid #222;
border-left:1px solid #e4d9c0;}
#navigation ul, #navigation li{
list-style-type:none;
margin:0px;
padding:0px;}
#navigation a{
color:maroon;
/*Farbe der Schaltflächen*/
background:#89866F;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
/*Abstand der Schaltflächen untereinander*/
margin:5px 0 5px 0;
padding:1px 3px 1px 4px;
display:block;
/*Länge der Schaltflächen normal 95%*/
width:95%;
/*Farbe Umrandung der Schaltflächen*/
border-top:1px solid #e4d9c0;
border-right:1px solid #000000;
border-bottom:1px solid #222;
border-left:1px solid #e4d9c0;}
/*Farbe der Schrift/Farbe der Schaltfläche nach dem Besuch*/
#navigation a:visited{color:maroon;background:#cdc6add;}
#navigation a:hover, #navigation a:active, #navigation a:focus{
/*Farbe der Schrift beim Hovern*/
color:#333;
/*Farbe der Schaltfläche beim Hovern*/
background:#9C997C;
/*Farbe Umrandung der Schaltfläche beim Hovern*/
border-top:1px solid #222;
border-right:1px solid #e4d9c0;
border-bottom:1px solid #e4d9c0;
border-left:1px solid #222;}
#navigation a .hov{
/*Farbe des Punktes vor der Schrift*/
color:#111;
background:transparent;
font-weight:bold;
}
/*Farbe des Punktes vor der Schrift beim Hovern*/
#navigation a:hover .hov{color:#333;}
#navigation a .maroon{
/*Farbe des Rombus vor der Schrift*/
color:#111;
background:transparent;
font-weight:bold;}
/*Farbe des Rombus vor der Schrift beim Hovern*/
#navigation a:hover .maroon{color:#333;}


/*Infofläche*/

#navigation a .info {display:none;}
#navigation a:hover .info{
/*Farbe der Schrift in der Infofläche*/
color:#9C997C;
background:transparent;
display:block;
position:absolute;top:0px;left:0px;
/*Begrenzung der Infofläche seitwärts*/
width:175px;
height:140px;
padding:30px 2px 0 5px;
/*Schriftgrösse/Schriftart*/
font:18px courier, sans-serif;
line-height:17px;}
#navigation a .space{display:none;}


/*Schreibfläche der Seite*/

#inhalt, #beispielinhalt{
/*Schriftfarbe*/
color:black;
/*Farbe Untergrund*/
background:#ffffff;
font-family:arial, verdana, helvetica, sans-serif;
line-height:1.4em;
padding:2em 4em 2em 4em;
margin:0 2em 0 11.4em;
max-width:50em;
border-top:2px solid #888;
border-right:2px solid #555;
border-bottom:2px solid #555;
border-left:2px solid #888;}
#beispielinhalt{padding:0 4em 2em 4em;}
body>#inhalt, body>#beispielinhalt{background:#fafaf5;padding:1em 4em 2em 4em;margin:0 2em 0 11.4em;}


/*Fussbereich mit validatorlinks*/

/* footer */
.footer {
	background: url(../bgfooter.gif) repeat-x;
	color: #CCC;/*Schriftfarbe zwischen den Links*/
	font-size: 0.7em;/*Schriftgrösse in der Fusszeile*/
	line-height: 39px;/*Position der Schrift in der Fusszeile*/
	width: 100%;
	text-align: center;/*Position der Links in der Fusszeile*/
}
.footer .center,.footer .right {padding: 0 3px;}/*Abstand Hyperlinks in der Fusszeile*/
.footer a {color: #EEE;}/*Farbe der Links*/
.footer a:hover {color: #FAFCB0;}/*Farbe beim anklicken*/