/*
	Stylesheet for hoeller-luft.at
	by Rainer Zachmann
*/

body {
	background-color:#C0C0C0;
	background-image:url("bg.jpg");
	margin:0 0 3em;
	font-family:Verdana,sans-serif;
}

section a:link, footer a:link {
	color:#00AAAA;
}

section a:visited, footer a:visited {
	color:#00AA00;
}

section a:focus, section a:hover, footer a:focus, footer a:hover {
	outline:1px solid #00AAAA;
	text-decoration:none;
}

section a:active, footer a:active {
	color:#00AAAA;
}

/* section a[title*="Bild"] {
	outline:none;
} */

header {
	background-image:-webkit-linear-gradient(top,       rgb(255, 255, 255), rgba(255, 255, 255, 0)); /* Chrome, Safari */
	background-image:   -moz-linear-gradient(top,       rgb(255, 255, 255), rgba(255, 255, 255, 0)); /* old Firefox */
	background-image:    -ms-linear-gradient(top,       rgb(255, 255, 255), rgba(255, 255, 255, 0)); /* IE 10 */
	background-image:     -o-linear-gradient(top,       rgb(255, 255, 255), rgba(255, 255, 255, 0)); /* old Opera */
	background-image:        linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0)); /* Standard */
	padding:0.1em;
}

header h1 {
	text-align:center;
}

nav {
	text-align:center;
	background-image:-webkit-linear-gradient(top,       rgba(0, 68, 102, 0), rgb(0, 68, 102), rgba(0, 68, 102, 0)); /* Chrome, Safari */
	background-image:   -moz-linear-gradient(top,       rgba(0, 68, 102, 0), rgb(0, 68, 102), rgba(0, 68, 102, 0)); /* old Firefox */
	background-image:    -ms-linear-gradient(top,       rgba(0, 68, 102, 0), rgb(0, 68, 102), rgba(0, 68, 102, 0)); /* IE 10 */
	background-image:     -o-linear-gradient(top,       rgba(0, 68, 102, 0), rgb(0, 68, 102), rgba(0, 68, 102, 0)); /* old Opera */
	background-image:        linear-gradient(to bottom, rgba(0, 68, 102, 0), rgb(0, 68, 102), rgba(0, 68, 102, 0)); /* Standard */
}

nav ul {
	list-style-type:none;
	padding:0;
}

nav li {
	display:inline-block;
	cursor:pointer;
	margin:0.5em 0;
}

nav a {
	margin:0 0.3em;
	border:1px solid #000000;
	border-radius:0.5em;
	background-color:#FAFAFA;
	padding:0.3em;
	text-decoration:none;
	color:#004466;
}

nav li:hover a, nav li a.now {
	background-color:#004466;
	color:#FFFFFF;
}

@media print {
	nav li a.now {
		font-weight:bold;
	}
}

section {
	margin:2em 1em;
	border:1px solid #000000;
	border-radius:0.5em;
	background-color:#FAFAFA;
	padding:0 1em;
}

section h1 {
	color:#004466;
	text-align:center;
	font-size:2em;
}

section h2 {
	color:#228855;
	font-size:1.5em;
}

section h3 {
	color:#228855;
	font-size:1.1em;
}

section li, section p {
	color:#228855;
}

section p {
	text-align:justify;
}

section em {
	font-style:normal;
	font-weight:bold;
}

section i {
	color:#004466;
	font-style:normal;
	font-weight:bold;
}

footer {
	background-color:#333333;
	background-image:-webkit-linear-gradient(left,     #777777, #000000); /* Chrome, Safari */
	background-image:   -moz-linear-gradient(left,     #777777, #000000); /* old Firefox */
	background-image:    -ms-linear-gradient(left,     #777777, #000000); /* IE 10 */
	background-image:     -o-linear-gradient(left,     #777777, #000000); /* old Opera */
	background-image:        linear-gradient(to right, #777777, #000000); /* Standard */
	color:white;
	border-top:1px solid #000000;
	position:fixed;
	bottom:0;
	width:100%;
}

footer p {
	margin:0.3em 0.5em;
}

.l p {
	text-align:left;
}

.r {
	text-align:right !important;
}

.u {
	text-decoration:underline;
}

.ital {
	font-style:italic;
}

.clear {
	clear:both;
}

.imgDesc {
	padding:1em;
}

/* .imgLink {
	outline:none !important;
} */

.floatingText span {
	float:left;
	text-align:left;
	padding:0 1em 0.5em 0;
}

#logo {
	background-color:#FFFFFF;
	max-width:90%;
	max-height:5em;
	border:1px solid #000000;
	border-radius:0.5em;
	padding:0 0.3em;
}

.middle {
	vertical-align:middle;
}

.imgR {
	float:right;
	margin:0.3em 0.3em 0.3em 0.8em;
}

.imgL {
	float:left;
	margin:0.3em 0.8em 0.3em 0.3em;
}

.imgR, .imgL {
	max-width:40%;
	border:1px solid #000000;
	border-radius:0.5em;
}

@media (max-width: 500px) {
	.imgR, .imgL {
		max-width:90%;
		display:block;
		margin:0.3em auto;
		float:none;
	}
}

#foto {
	max-height:12em;
}

/* Kontaktformular */

form table {
	min-width:20em;
	width:100%;
}

form th {
	padding:0.1em 0.3em;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}

form *[colspan="3"] {
	text-align:center;
}

form th[colspan="3"].err {
	color:#228855;
}

form td {
	padding:0.1em 0.3em;
	vertical-align:top;
	width:50%;
}

fieldset {
	border:1px solid #004466;
	border-radius:0.5em;
}

legend {
	color:#004466;
	font-weight:bold;
}

label {
	color:#228855;
	font-weight:bold;
}

input[type="text"], input[type="email"], textarea {
	font-family:inherit;
	font-size:0.9em;
	width:100%;
}

textarea {
	height:10em;
	resize:vertical;
}

input[type="submit"], input[type="button"] {
	color:#004466;
	font-family:inherit;
	font-size:1em;
	padding:0.3em;
	width:100%;
}

input[type="submit"] {
	font-weight:bold;
}

input[type="submit"][disabled], input[type="button"][disabled] {
	color:#C0C0C0;
}