/*  =========================================================
Datei: format.css
Datum: Januar 2009
Autor: Andreas Kühnle 
Mail:  andy.kuehnle@arcor.de
Web:   www.schillerhoehe.com
                                   
1. Allgemeine Selektoren 
   - Body
   - Navli (Navigation Links)
   - Inhalt
   - Kopfzeile
   - Fussbereich (footer)  
                              
2. Layoutbereiche 
   - Formatvorlagen für Inhalt
   - Formatvorlagen für Navi  
   - Formatvorlagen für Fußnote
   - Bilder hovern
 

3. Spezielle Seiten 
   - Kontaktformular 
   - Festplaner
========================================================== */

/* ===============================
   =1. Allgemeine Selektoren
=============================== */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-left: 10px;
	background-color: #FFFF99;
	width:800px;
	
}	
#navli {
	width: 200px;
	margin-left: 15px;
	float: left;
}
#inhalt {
	width: auto;
	text-align: center;
	margin-left: 200px;
	background-color: #FFFF99;
	padding-left: 15px;
}	
#inhaltweih {
	width: auto;
	text-align: center;
	margin-left: 200px;
	background-color: #FFFF99;
	padding-left: 15px;
}	
#kopfzeile {
	width: auto;
	text-align: center;
	display:block;
	overflow:hidden;
	margin-left:200px
}
#footer {
	clear: both;
	width: auto;
	overflow: hidden;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 1%;
	background-color: #FFFF99;
	display: block;
}
/* ===============================
   Formatvorlagen für inhalt
===============================   */
#pdf {
	height:800px;
	width:539px;
}
.info {
	font-size: x-small;
	text-align: left;
	text-indent: 12px;
	margin-bottom:15px;
}
.text {
	font-size: medium;
	margin-left: 10px;
}
.text1 {
	font-size: medium;
	text-align: left;
	padding-left: 10px;
}
.text2 {
	font-size: medium;
	margin-left: 10px;
	height:450px;
}
.textrot {
	font-weight: bolder;
	color: #FF0000;
}
.textklein {
	font-size:small;
}

.textklein1 {
	font-size:xx-small;
}
.textgross {
	font-size:x-large;
}
.textliste {
	text-align: left;
	list-style-type:disc;
}
.textliste1 {
	text-align: left;
	list-style-type: none;
}
.abstandoben {
	margin-top:30px
}
.bildklein {
	border: #006600 solid;
	padding: 5px;
}
.bild1 {
	float: left;
	padding-right: 10px;
}
.bild2 {
	margin:5px;
	vertical-align:middle;
}
.bild3 {
	float: right;
	padding-top: 100px;
}
.bild4 {
	float: left;
	padding-right: 10px;
}
.bild5 {
	vertical-align: middle;
	text-align: center;
}
.textrechts {
	height: 240px;
}
.route {
	background-color: #FFFF99;
	text-align: center;
}
/* ===============================
   Formatvorlagen für Kopfzeile
===============================   */
h1 {
	font-size: large;
	text-align: center;
	color: blue;
	margin-bottom: -15px;
}
h2 {
	font-size: medium;
	text-align: center;
	color: #0066FF;
	margin-bottom: -15px;
}
h3 {
	font-size: medium;
	text-align: center;
	color: #800000;
}
/* ===============================
   Formatvorlagen für Navi
===============================   */
#logo {
	margin-left: 2px;
	height: 112px;
	width: 200px;
	margin-right: 10px;
	margin-bottom:30px
}
.nav {
	margin: 2px;
	background-color: #006600;
	height: 18px;
	width:180px;
	display: block;
	padding-top: 2px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: small;
}
a.nav:link {
	background-color: #006600;
	color: #FFFFFF;
	text-decoration:none;
}
a.nav:visited {
	background-color: #006600;
	color: #FFFFFF;
	text-decoration:none;
}
a.nav:hover {
	background-color: #006600;
	color: #FF0000;
	text-decoration:none;
}
.naviut {
	margin: -15px;
	background-color: #008000;
	display: block;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 0px;
	padding-bottom: 2px;
	width: 180px;
	font-size: x-small;
	margin-left: -38px;
	text-decoration:none;
}
li.naviut a:link {
	background-color: #008000;
	color: #FFFFFF;
	text-decoration:none;
}
li.naviut a:visited {
	background-color: #008000;
	color: #FFFFFF;
	text-decoration:none;
}
li.naviut a:hover {
	background-color: #008000;
	color: #FF0000;
	text-decoration:none;
}
#wetter {
	width:180px;
}
/* ===============================
   Formatvorlagen für Fußnote
===============================   */
#footer p {
	font-size: x-small;
	text-align: center;
}
a.footer:link {
	background-color: #FFFF99;
	color: #000000;
}
a.footer:visited {
	background-color: #FFFF99;
	color: #000000;
}
a.footer:hover {
	background-color: #FFFF99;
	color: #FF0000;
}
/* ===============================
   Bilder Hovern
===============================   */
a.infobild
{
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-align: left;
} 
a.infobild:hover
{
	z-index: 2;
} 
a.infobild span
{
display: none;
} 
a.infobild:hover span
{
	display: block;
	position: absolute;
	padding: 5px;
} 
.neueFormatvorlage1 {
	text-align: center;
}