/*-----------------------------------
Website:		packerl.eu
Inhaber:		Dornhofer Martin
Entwurf/Umsetzung:
				Thomas Speck
				Chamäleon Grafik Studio
				Georgiweg 159/b
				A-8461 Ehrenhausen
Datum:		8 August 2007
-----------------------------------*/
/* --- Universal --- */
*{ border: none; margin: 0px; padding: 0px; }
/* --- Allgemeine Formate --- */
/* Höhe 100,01% zum erzwingen der Scroll-leiste um Springen der Seite zu vermeiden */
html{ overflow-y: scroll; }
/* Fontgrösse 62.5% ~ 10px erleichtert das rechnen bei den Boxmassen */
body{ background-color: #3a3a3a; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: center; }
h1{ color: Black;}
h2{ color: #DC143C; font-size: 1.6em; font-weight: bold; padding: 15px 50px; text-align: center }
h3{ color: #005BB2; font-size: 1.4em; font-weight: bold; line-height: 1.5em; }
p,
ol,
table{ font-size: 1.3em; }
p{ padding: 0.5em 0; }
ol,
table{ list-style: disc; margin-left: 25px; }
table{ background-color: #FFFFE0; border: 1px solid Gray; width: 16em; }
td{ padding: 2px; text-align: right; width: 50%; }
.img{ float: left; margin-left: 25px; margin-bottom: 2em; margin-right: 3em; }
#album img{
	float: left; margin: 25px;
}
.small,
.samll_a{ font-size: 0.8em; }
.small_a{ color: Red; }
/* --- Seiten Aufbau --- */
#seite{ background-color: White; border: 1px solid Gray; border-left-color: Gray; font-size: 1.1em; height: auto; margin: 30px auto; padding: 0; text-align: left; width: 60em; }
h1#header{
	height: 150px; width: auto; position: relative;
}
h1#header span{
	background: url(head.jpg) #ffd200; background-position: top left; background-repeat: no-repeat; height: 100%;
position: absolute;
width: 100%;
}
h1#header img{
	position: absolute; right:0px;top:0px;
}
/* Haupt Navigation und Footer */
#hauptnavigation li, #footer li { display: inline; }
#hauptnavigation{ background-color: transparent; border: 0; margin-bottom: 1.5em; padding: 0.2em 0 0.3em 0; text-align: right; }
#hauptnavigation a{ background-color: #969696; border-left: 1px solid White; color: White; font-size: 1.1em; font-weight: bold; margin: 0; padding: 0.2em 0.8em 0.3em 0.8em; text-decoration: none; }
#hauptnavigation a:hover,
#hauptnavigation a:focus,
#hauptnavigation .active{ background-color: Silver; border-left: 1px solid White; color: Black; font-weight: bold; margin: 0; outline: 0; text-decoration: none; }
#footer{ background-color: #ffd200; clear: both; padding: 0.2em 0 0.3em 0; text-align: center; }
#footer a{ color: Black; font-size: 1.1em; padding: 0; text-decoration: none; }
#footer a:hover,
#footer a:focus{ color: Gray; outline: 0; text-decoration: none; }
#container{ padding: 15px; }
/* Formular */
fieldset{ border: 1px solid Gray; float: right; margin-bottom: 15px; margin-left: 15px; padding: 15px; width: 26em; }
legend{ background-color: White; border: 1px solid Gray; color: #003160; font-size: 1.4em; font-weight: bold; padding: 3px; }
label{ color: #003160; cursor: pointer; display: block; font-size: 1.3em; font-weight: normal; }
input,
select,
textarea{ background-color: #FFFFF6; border: 1px solid Gray; color: black; display: block; font-size: 1.3em; font-weight: normal; margin-bottom: 15px; width: 100%; }
input:focus,
select:focus,
textarea:focus{ background-color: White; }
#submit{ background-color: #BDBDBD; cursor: pointer; border: 2px outset #ffffff;  }
#submit:hover{ background-color: #e7e7e7; border: 2px inset #ffffff; }
#album{
	width: 100%
}