/*#############
Body
#############*/

body.upper
{
   /*Formatierung für index.php und navi.php*/

   margin: 0 0 0 0;
   font-family: Arial;
   font-size: 10pt;
   height: 100%;
}

body.inhalt
{
   /*Formatierung für alles andere*/

   margin: 30px 0 0 0;
   font-family: Arial;
   font-size: 10pt;
}

/*#############
Links
#############*/

/*Verweisformatierung, oder auch Link-/URL- Formatierung genannt*/
a
{
   text-decoration: none;
   color: black;
}

a:hover
{
   color: #00b4ff;
}

/*#############
Überschriften
#############*/

/*Formatierung der Überschriften*/
h1
{
   font-family: Verdana;
   font-size: 12pt;
   font-weight: bold;
}

h2
{
	font-family: Arial;
	font-size: 0.95em;
	font-weight: bold;
	background: #91e9ff;
	width: 99%;
}

html
{
	background-color: #c0a97e;
	height: 100%;
}

#Header
{
	background-image: url(../bilder/Header_high.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 63px;
}

#Headertext
{
	position: absolute;
	font-family: Verdana;
	font-size: 22pt;
	margin-left: 30px;
	margin-top: 10px;
	letter-spacing: -0.05em;
	color: #024176;
	/*color: #0358a0;*/
}

* html #Headertext
{
	margin-left: -369px;
}

#Navirahmen
{
	border: 1px solid #000;
	width: 798px;
	height: 31px;
}

* html #Navirahmen
{
	width: 798px;
	height: 28px;
}

#FHLogo
{
	margin-top: 10px;
	margin-left: 25px;
	border: 0px solid #000;
	float: left;
}

#Begrenzung
{
	width: 800px;
	border: 0px solid #000;
	height: 100%;
	display: table;
	background-color: #fff;
}

center
{
	height: 100%;
}

#content
{
	border: 0px solid #000;
	height: auto;
	float: right;
	width: 700px;
	text-align: left;
	margin-top: 30px;
}

#content p
{padding-right: 45px;}

* html #content
{
	margin-top: 0px;
	padding-top: 30px;
	padding-left: 5px;
}

*:first-child+html #Begrenzung
{
	height: auto;
	min-height: 100%;
}

*:first-child+html #Headertext
{
	margin-left: -369px;
}
         
/*#############
	Navigation
#############*/        

ul
{
	background: url(../bilder/Navi_Hintergrund.gif) repeat-x;
	height: 31px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #000;*/
}

ul li
{
	float: left;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	color: #787878;
	padding-top: 6.5px;
	/*margin-top: 6.5px;*/
	width: 107px;
	height: 23px;
	/*border: 1px solid #000;*/
}

* html ul li
{
	margin-bottom: -6px;
}

ul li:hover
{
	color: black;
	cursor: pointer;
}

ul #KorWegbeschreibung
{
	width: 140px;
}

* html ul #KorWegbeschreibung
{
	height: 31px;
}


/*#############
	Programm
#############*/  

#programmtabelle
{
	border: 0px solid #000;
	width: 99%;
	font-family: Arial;
	font-size: 1.05em;
	border-collapse: separate;
	border-spacing: 0px 10px;
	empty-cells: show;
}

* html #programmtabelle
{
	border-collapse: collapse;
}

*:first-child+html #programmtabelle
{
	border-collapse: collapse;
}

#programmtabelle tr
{
	background: #e0f5ff;
	/*Alte Farbe: #90d5f2*/
	/*Alte Farbe 2: #91e9ff*/
}

* html #programmtabelle td
{
	border-bottom: 10px solid #fff;
}

*:first-child+html #programmtabelle td
{
	border-bottom: 10px solid #fff;
}

#programmtabelle td
{
	border: 0px solid #000;
	vertical-align: top;
}

#programmtabelle td h2
{
	font-weight: bold;
	font-size: 1.05em;
	font-family: Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	background: none;
}

#programmtabelle td p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.inneretabelle
{
	border-collapse: collapse;
}

.inneretabelle td
{
	width: 50%;
	border: 0px solid #000;
}

* html .inneretabelle
{
	margin-bottom: -11px;
}
  
  
*:first-child+html .inneretabelle  
{
	margin-bottom: -11px;
}



/*#############
	Sponsoren
#############*/

#sponsorentabelle
{
	border-collapse: collapse;
	border: none;
	width: 99%;
}

#sponsorentabelle td
{
	font-family: Arial;
	font-size: 10pt;
	width: 50%;
	border-top: 1px solid #000;
	border-color: black;
	padding-top: 20px;
	padding-bottom: 20px;
}

#sponsorentabelle img
{
	border: none;
}


/*#############
	Kontakt
#############*/

#Aussenrahmen
{
	width: 100%;
}

#Links
{
	width: 50%;
	float: left;
}

#Rechts
{
	width: 50%;
	float: right;
}

* html #Links
{
	width: 49%;
}

* html #Rechts
{
	width: 49%;
}


/*################
	Anmeldungsmenü
################*/

#oben
{
	background: url(../bilder/Menu_Anmeldung/Mitte.gif) repeat-x;
	height: 2px;
	width: 100%;
	border: 0px solid #000;
}

#unten
{
	background: url(../bilder/Menu_Anmeldung/Mitte.gif) repeat-x;
	height: 2px;
	width: 100%;
	border: 0px solid #000;
}

.Bildpositionieren
{
	margin-left: 0px;
	margin-right: 0px;
}

* html #Bildpositionieren
{
	margin-left: -3px;
	margin-right: -3px;
}

#navitext
{
	margin-bottom: 16px;
}

#menucontent
{
	margin-top: 15px;
}

#menucontent p
{
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
}
         
         
/*#################
	Anmeldeformular
#################*/         

#anmeldetabelle
{
	border: 0px solid #000;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	margin: auto auto;
}

#anmeldetabelle td
{
	padding-top: 8px;
	vertical-align: middle;
	border: 0px solid #000;
	width: 145px;
}

* html #anmeldetabelle td
{
	width: auto;
}

*:first-child+html #anmeldetabelle td
{
	width: auto;
}

#kontodaten
{
	margin: 5px auto 5px 20px;
}

#kontodaten td
{
	padding: 0px;
	vertical-align: top;
	width: auto;
}

.shortenedtext
{
	width: 150px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

input, select, textarea, .shortenedtext
{ border: 1px solid #c0a97e; }
