/* CSS Document */
/* FH Farben
orange - ce6c26
cyan - b1c8cf oder 009EFE ?!
 */

/*Philipps CSS definitionen aus der alten Webseite*/
.Stil1 {
	color: #FF0000;
	font-weight: bold;
}
.Stil2 {font-size: xx-small;}

.Stil7 {font-size: 8pt;}

/* ENDE Philipps CSS definitionen aus der alten Webseite*/

body {

background-image:url(bilder/footballshop_full-bg.jpg);
background-repeat:repeat-x;
background-color:#015196;
}


#header
{

}

#content
{
/*background-image:url(bilder/conten-bg.gif);*/
height:400px;
padding:25px;
background:#ffffff;
}


#footer
{
width:100%;
background-image:url(bilder/fh_contentfooter-bg.gif);
height:193px;
background-color:#ab583f;
}

#navi
{
color:#FFFFFF;
height:45px;
background-image:url(bilder/navi-bg.gif);
}

#sprachen {
	position:absolute;
	left:761px;
	top:164px;
	width:43px;
	height:24px;
	z-index:1;
}

#rubrikfasser
{
width:800px;
}

.rubrikspalte
{
float:left;
width:246px;
padding-left:16px;
}

#third
{
height:83px;
}


/* ======= Navigation FH*/


#navi table
{
width:auto;
}

#navi a:link, #navi a:visited
{
color:#FFFFFF;
text-decoration:none;
}

#navi a:hover
{
color:#000000;
text-decoration:underline;
}

#navi td
{
padding-left:10px;
padding-right:10px;

}

/*====== ENDE Navigation FH*/

#subnavi a:link, #subnavi a:visited
{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

#subnavi a:hover
{
color:#ccc;
text-decoration:underline;
}

.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	padding:5px;
}	

.tabkopf_bg
{
background-color:#CCCCCC;
font-weight:bold;
}


@media all
{
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### Überschriften, Fließtexte ###################################################################### */

body { color: #fff; font-size: 81.25%; font-family: Georgia, "Times New Roman", Times, serif;; } /* 13px */
h1,h2,h3,h4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #e48f4c; margin: 0 0 0.5em 0; padding-top: 0.5em; border-bottom:thin #e48f4c dashed;} /* h1:Seitenueberschrift */
h2 {font-size: 1.4em; color: #003c6e; margin: 0 0 0.25em 0; font-weight:bold; border-bottom: 4px #e48f4c solid; }/* h2:Artikelueberschrift */
h3 {font-size: 1.2em; color: #333333; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold;border-bottom: 3px #cccccc solid;  } /* h3:Seitenueberschrift */
h4 {font-size: 1em; color: #666666; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; font-variant:small-caps;border-bottom: 2px #666 solid;  }
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic;border-bottom: 1px #888 solid;  }
h6 {font-size: 0.8em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }


/*FH CSS Formatierungen*/
.subheadline
{ font-size: 1.4em; color: #333333; margin: 0 0 0.25em 0;  font-weight:bold; }


.textklein
{ font-size: 0.8em;  color:#999999; margin-top: 0.1em; } /*background-color:#F2F2F2; */


div, p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }

/* Ungeordnete Listen ohne Listenpunkt */ 
ul{ list-style-type: none; margin: 0 0 1em 0; }
ul li { margin: 0 0 0.2em 0; }

/* Ungeordnete Listen mit Listenpunkt */ 
ul.punkt { list-style-type:disc; margin: 0 0 1em 1em; }
ul.punkt li { margin: 0 0 1em 0; }

/* Ungeordnete Listen im Footer */ 
.rubrikspalte ul { list-style-type: none; margin: 0 0 1em 0; }
.rubrikspalte ul li { margin: 0 0 0.2em 0; padding-left:8px;}
.rubrikspalte ul li:hover { text-decoration:underline;}

/* 3rd navigationsebene */ 
#navigation3 {
	float:left; 
	width:100%; 
	margin:0; 
	padding:0; 
}

#navigation3 li {
	float: left; 
	margin: 0; 
	padding: 0 2px 0 0; 
	margin-right:2px;
	list-style: none; 
	background:url(bilder/3rd-bg.gif) repeat-x bottom left;
}

#navigation3 a {
	float: left;
	padding: 7px 13px;
	text-decoration: none;
	color: #fff;
	}
#navigation3 a:hover {
	color: #fff;

	}
#navigation3 a.active {
	font-weight: bold;

	}

/* Überschriften der Footerlisten */ 
.rubriktitel
{
font-size: 1em; 
color: #fff; 
margin: 0 0 0.30em 0; 
padding-top: 1em; 
font-weight:bold; 
font-variant:small-caps;
border-bottom: 2px #ce6c26 solid;
}

 
strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #CCCCCC; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ### Bildpositionierung ############################################################################ */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; margin:6px; border: 1px #ddd solid; background: #fff; }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a {color: #666666; text-decoration:underline;font-weight:bold;}
a:hover {text-decoration:none; }
a:focus { text-decoration:none;}

a.navilink {color: #900; text-decoration:none;font-weight:bold;}
a.navilink:hover {text-decoration:underline; }
a.navilink:focus { text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #fff;text-decoration:none; }
#footer a:hover {text-decoration:underline; }


#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('images/ext_link.gif');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

#header a, #header a:visited, #header a:link,
{
font-size:24px;
color:#ffc56b;
font-family:Georgia, "Times New Roman", Times, serif;

}

#header a:hover,
{
font-size:24px;
color:#ffc56b;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
}


/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { text-align:left; }

form {overflow:hidden;}

input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }

/* Beispieldateien */
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }

/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }

blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}








pre, code {
	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000; 
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}


}



@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

}