/* Formatierung für Grundlayout mit zwei Spalten */
/* (Menübereich und Inhalt) und einem Fussbereich */
/* margin/padding: top right bottom left */

body {
background-color: rgb(153, 153, 255);
font-family: Arial;
}

/* Menübereich erste Spalte */
#infomenu {	
float: left;
width: 15%;
}

#info {
margin-top: 30px;
}

#menu ul { /* Menüliste mit gelbem Hintergrund */
background-color: #fefdc7;
list-style: none;
margin: 20px 0px 0px 0px;	/* Listenkörper soll Spalte ausfüllen */
padding: 3px 0 3px 0;
}

#menu li { /* Schalter in Hellgelb und vom Rahmen abgesetzt*/
margin-bottom: 1px; /* Platz für Textrand li a */
margin-left: 5px;
}

#menu li.menusub1 {
padding-left: 15px;
font-size: 10px;
}

#menu li.menusub1 a {
font-size: 10px;
line-height:100%;
height: 15px;
}

#auswahl { /* Aktuelle Seite im Menü */
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
font-weight:bold;
height: 20px;
line-height:130%;
text-decoration: none;
padding: 5px 0px 5px 13px;
background-color: #fefdc7;
}


#menu li a {
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
font-weight:bold;
line-height:130%;
text-decoration: none;
height: 20px;
display: block;
padding: 5px 0px 5px 8px;
margin: 5px 5px 0px 5px;
background-color:#ffff33;
border-bottom: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
}

#menu li a:hover {
background:#0000a0;
color:#ffff33;
}

#werbespruch {
text-align: justify;
padding: 0px 30px 0px 30px;
}

#info {
font-size: 80%;
}

/* Inhalt = zweite Spalte */
#inhalt {
float: left;
width: 82%;	/* bei 85% wird kein Rand angezeigt */
}

#sprache td { /* Sprachauswahl */
text-align: center;
}

#sprache {
margin: 0 0 0 0;
padding: 0px;
}

#sprache table {
list-style: none;
margin: 0 0 0 0;
padding: 0;
}

#sprache td {
width: 22%; /* alle Zellen gleiche Größe mit Rand */
}

#sprache td a {
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
font-weight:bold;
line-height:130%;
text-decoration: none;
color:#7F7F7F;
display: block;
padding: 5px 0px 5px 8px;
background-color:#ffff33;
border-bottom: 2px solid #BFBFBF;
border-right: 2px solid #BFBFBF;
}

#sprache td a:hover {
background:#0000a0;
color:#ffff33;
border-bottom: 1px solid #3F3F3F;
}

#mainframe {
border: 1px solid #ffff33;
padding-left: 10px;
padding-right: 10px;
}

#mainframe img {
margin: 10px 10px 10px 10px; 
/* Immer Abstand um Bilder vorsehen */
}

#inhalt h1 {
text-align: center;
}

#inhalt h2 {
text-align: center;
}

#aktuell { /* Infobereich */
background-color: #fefdc7;
margin-top: 10px;
padding-left: 5px;
}

#aktuell li {
text-align: center;
list-style: none;
}

/* Fussbereich */
#fuss {
clear: both;
}

#fuss a {
font-weight: bold;
font-size: 80%;
text-decoration: none;
color:#0000a0;
background-color:#ffff33;
border-bottom: 1px solid #BFBFBF;
border-right: 1px solid #BFBFBF;
padding: 2px 5px 3px 5px;
}

#fuss a:hover {
background-color:#0000a0;
color:#ffff33;
}

#anfang {
width: 15%;
}

#tour span {
background-color: #fefdc7;
padding: 0px 3px 3px 5px;
margin-right: 5px;
font-weight: bold;
}

#url_tt {
text-align: right;
font-weight: bold;
font-size: 80%;
}

/* Spalten für Inhalt */
#spalte_i1 {
width: 50%;
float: left;
}

#spalte_i2 {
width: 48%;
float: left;
}

/* Optionslisten in Produkte */
#liste_optionen {
background-color: #fefdc7;
padding: 10px 0px 10px 0px;
}

#liste_optionen ul li { /* Zeilenabstand */
margin-top: 5px;
}

#liste_optionen ul li.titel {
margin-left: -20px;
font-weight: bold;
list-style: none;
}

#galerie ul {
list-style: none;
}

#galerie ul li {
float: left;
text-align: center;
}