/* Globale Elemente
============================================== */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #D50000;
	background-color: #ffffff;
	}
	
#header {
	height: 145px;
	}

#inhalt {
	/* allgemeine Regel für die Inhalte-Spalte */
	margin: 8px 100px 0px 190px;
	border-left: 2px solid #564b47;
	border-right: 2px solid #564b47;
	border-top: 2px solid #564b47;
	border-bottom: 2px solid #564b47;
	padding: 0px 10px 10px 10px; /* innerer Randabstand */
	background-color: #e1ddd9;
	max-width: 750px;
	min-width: 670px;
	/* die Inhaltsspalte ist flexibel zwischen 670 und 750 Pixeln. */
	}

#left {
	/* allgemeine Regel für linken Rand */
	position: absolute;
	left: 0px;
	width: 190px;
	margin: 0px; 
	padding: 0px;
	}

#right {
	/* allgemeine Regel für rechten Rand */
	position: absolute;
	right: 0px;        
	width: 100px;
	margin: 0px; 
	padding: 0px;
	}

#footer {
	/* allgemeine Regel für Fußzeile */
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	}

#mobile {
	display: none;
	}

#shoutbar {
	position: absolute;
	top: 210px;
	left: 8px;
	margin-bottom: 10px;
	padding-left: 4px;
	width: 142px;
	height: 250px;
	border: 1px #D50000 solid;
	font-size: 12px;
	color: #D50000;
	}	
	
/* Links
============================================== */	
a:link,
a:visited {
  	border-bottom: 1px solid #D50000;
  	color: #D50000;
  	background: transparent;
  	text-decoration: none;
  	}

a:hover,
a:focus, /* focus ist für die Navigation mit der Tab-Taste (ausser IE) */
a:active {
	border-bottom: 1px solid #FF6633;
  	color: #FF6633;
  	background: transparent;
  	text-decoration: none;
  	}

a:link img,
a:visited img {
	border: #d50000 solid 2px;
	text-decoration: none;
	background: transparent;
	}
	
a:hover img,
a:focus img,
a:active img {
	border: #ff6633 solid 2px;
	text-decoration: none;
	background: transparent;
	}


/* Überschriften
============================================== */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-style:normal;
	font-weight:bold;
	text-align: center;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-style:italic;
	font-weight:bold;
	text-align: center;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: inherit;
	font-weight: bold;
	text-align: center;
}	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: inherit;
	font-weight: bold;
	text-align: center;
}


.ls {
	/* für linksbündige Überschriften */
	text-align: left;
	}


/* Bilder
============================================== */
.fl {
	/* für linksbündige Bilder mit Textumfluss */
	float: left;
	margin-right: 1em;
	border: 2px solid #D50000;
	}

.fr {
	/* für rechtsbündige Bilder mit Textumfluss */
	float: right;
	margin-left: 1em;
	border: 2px solid #D50000;
	}
	
.fritti {
	/* Regel für Fritti (Endbewertung) */
	border: none;
	margin-top: 10px;
	text-align: center;
	}
	
	
/* Sprachentabelle, Übersetzungen
============================================== */
.insidetable {
	background: #ffffe0;
	}
	
.insidetable li {
	list-style-type: none;
	margin: 2px;
	}
		
.insidetable img {
	vertical-align: middle;
	}	


/* Navigationsleiste
============================================== */
#navigation {
   background-color: transparent;
   position: absolute;
   /* mit em wird Abhängigkeit der Größe relativ zur Schrift erreicht */
   top: 0.45em;
   left: 0.45em;
   }

#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline;
   width: 10.1em;
   }

#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navigation A {
   background: #D50000;
   font: bold 1em sans-serif;
   color: #FFFFFF;
   text-decoration: none;
   display: block;
   padding: 3px 0.63em;
   border: 1px solid #909;
   margin: 2px 0 0;
   width: 7.8em;
   }

#navigation A:link,
#navigation A:visited {
   background: #D50000;
   color: #FFFFFF;
   margin: 2px 0 0;
   }

#navigation A:hover,
#navigation A:focus,
#navigation A:active {
   background: #FF6633;
   color: #FFFFFF;
   font-style: normal;
   margin: 2px 0 0;
   }

#istart #navigation A.cstart,
#igeschichte #navigation A.cgeschichte,
#ikultur #navigation A.ckultur,
#itest #navigation A.ctest,
#ifaq #navigation A.cfaq,
#ilinks #navigation A.clinks {
   display: block;
   font: normal 0.94em sans-serif;
   padding: 3px 4px 3px 15px;
   border-top: none;
   margin: -1px 0 0 0;
   width: 8.34em;
   }

#navigation A.n  {
   display: none;
   }


/* Strukturierung des Frittenführers/Hauptseiten
=================================================*/
.td_left {
	width: 100px;
	text-align: left;
	padding: 10px 0px 10px 0px;
	}
	
.td_right {
	width: 500px;
	text-align: left;
	padding: 10px 0px 10px 0px;	
	}
	
.ul_buden {
	list-style-position: inside;
	list-style-type: inherit;
	}

.li_buden {
    padding: 2px 0 2px 0;
    }

#box1{ 
	/*Anordnung der Bilder*/
	position: absolute;
	border: #D50000 solid 2px;
	top: 280px; 
	left: 600px; 
	width: 150px; 
	height: 112px; 
	z-index: 2;
	}
	
#box2{ 
	/*Anordnung der Bilder*/
	position: absolute;
	border: #D50000 solid 2px;
	top: 380px; 
	left: 730px; 
	width: 150px; 
	height: 112px; 
	z-index: 1;
	}
	
#box3{ 
	/*Anordnung der Bilder*/
	position: absolute;
	border: #D50000 solid 2px;
	top: 180px; 
	left: 730px; 
	width: 150px; 
	height: 112px; 
	z-index: 3;
	}
	
.back {
	font-size: 12px;
	}

/* Sonstiges
====================================*/
.nn a img {
	text-decoration: none;
	border: none;
	}
	
.nn a {
	text-decoration: none;
	border: none;
	}

.nn a:hover,
.nn a:active {
	text-decoration: none;
	border: none;
	}

.nn a:hover img,
.nn a:active img {
	text-decoration: none;
	border: none;
	}