/**************************************
Änderungshistorie:
Seite erstellt am 07.03.2009

Wichtige Farben:
#ECE6ED = Lila für Fußzeile
#AB879F = Lila für Fußzeilen-Rand
#531F53 = Lila für Schriftfarbe
#45500E = komplementäres Grün für Menüpunkte-Schrift
#FDFDFE = Weiß des Hintergrunds
#EEEEEE = Farbe der Hintergrund-Linien
#733B73 = dunkles Lila für Menükästchen und Nach-oben-Button
#F7F4F7 = zartes Lila?
green   = link
#FFF473 = Hintergrund bei Hervorhebungen (gelblich)
****************************************/


/****** Allgemeine Def. ******/
p {
	font-size: 1.5em;
	padding: 10px;
}
/* Absatz mit rechtem Rand wg. Pflanze */
p.absatz1-allg {
	padding: 0px 80px 10px 10px;
}
/* Absatz für Nachoben-Button */
p.nachoben {
	padding-left: 450px;
}
/* ID für Nachoben-Button */
#nachoben {
	border: 1px solid #733B73;
}


/**********/
/* Header */
/**********/
#header #logo {
	float: left;
	padding: 30px 0 0 40px;
         margin: 0;
}
#header ul {
	float: right;
	font-size: 1.2em;
	padding: 125px 200px 5px 0px;
         text-align: left;
}
#header ul li {
	display: inline;
	list-style: none;
	margin-right: 10px;  /* wichtig für Abstand zwischen den Menü-Kästchen */
}
#header ul li.aktiv {
	border-bottom: 1px solid #733B73;
}
#header a {
         text-decoration: none;
         color: #531F53;
}
#header a:hover {
	border-bottom: 1px solid #733B73;
}


/********/
/* Menü */
/********/
#main2 #menu ul {
	font-size: 2.2em;
	padding-top: 25px;    /* wichtig, damit obere Linien der Menü-Kästchen sichtbar */
	padding-bottom: 5px;  /* wichtig, damit untere Linien der Menü-Kästchen sichtbar */
         padding-left: 80px;
}
#main2 #menu ul li{
	display: inline;
	list-style: none;
}
#main2 #menu a {
         text-decoration: none;
         color: #45500E;
	background-image: url(../bilder/bg-menupunkt1.jpg);
	padding: 3px;             /* Innenabstände der Listenelemente hier definieren */
	margin-right:5px;         /* wichtig für Abstand zwischen den Menü-Kästchen */
	border: 1px solid #733B73;
}
#main2 #menu a:hover,
#main2 #menu a.aktiv {
	background-image: url(../bilder/bg-menupunkt2a.jpg);
}


/***********/
/* Content */
/***********/
#main2 #content h1 {
         font-size: 2.0em;
         text-align: left;
         margin: 0;
	padding: 30px 10px 20px 10px;
         font-weight: normal;
}
/* Absatz der rechts begrenzt, damit keine Überschneidung mit Bild */
#main2 #content p.rechts {
	padding-right: 100px;
}
/* Absatz für kleine Schrift unter der Überschrift */
#main2 #content p.klein {
	padding: 0 100px 0px 10px;
         font-size: 1.0em;
}

/****** Links allgemein ******/
a:link, a:visited {
         text-decoration: none;
         color: green;
         font-weight: bold;
}
a:hover, a:aktiv {
         text-decoration: underline;
}


/*************/
/* Homeseite */
/*************/
#main2 #content #nw-bild {
	padding-top: 20px;
         margin: 0;
}
#main2 #content p.absatz1 {
	padding: 40px 80px 10px 280px;
}
#main2 #content p.absatz2 {
	padding: 10px 80px 30px 280px;
}
ul {
         padding-left: 295px;
	font-size: 1.5em;
}
li {
	list-style-position: outside;
      	list-style-type: square;
         font-weight: bold;
}


/******************/
/* Web-TXP-Seiten */
/*****************/

#main2 #content h1.web {
         font-size: 2.0em;
         text-align: left;
         margin: 0;
	padding: 20px 10px 10px 0px;
         font-weight: bold;
}
#main2 #content h2.web {
         font-size: 1.75em;
         text-align: left;
         margin: 0;
	padding: 10px 10px 10px 0px;
         font-weight: bold;
}
#main2 #content h3.web {
         font-size: 1.5em;
         text-align: left;
         margin: 0;
	padding: 10px 10px 0px 0px;
         font-weight: normal;
         text-decoration: underline;
}
#main2 #content p.weboben {
	padding: 20px 100px 10px 0px;
}
#main2 #content p.web {
	padding: 0 10px 10px 0px;
         font-size: 1.5em;
}
#main2 #content p.webgross {
	padding: 10px 50px 10px 0px;
         font-size: 2.0em;
}
#main2 #content p.webklein {
	padding: 0 10px 0px 0px;
         font-size: 1.0em;
}
#main2 #content .lila {
	color: #531F53;
         background-color: #FFF473;
         font-weight: bold;
}
#main2 #content .unter {
         text-decoration: underline;
}
#main2 #content ul.webm {
         padding: 0 10px 10px 20px;
	font-size: 1.5em;
}
#main2 #content ul.webm li {
	list-style-position: outside;
      	list-style: square;
         font-weight: normal;
}

#main2 #content ul.webo {
         padding: 0 10px 10px 0px;
	font-size: 1.5em;
}
#main2 #content li.webo1 {
	list-style-position: outside;
      	list-style: none;
         font-weight: normal;
}
#main2 #content li.webo2 {
	list-style-position: outside;
      	list-style: none;
         font-weight: normal;
         padding-left: 30px;
}
#main2 #content img.web {
	margin: 0px 0 0px 0;
         padding: 0;
         float: left;
}
#main2 #content p.code {
	padding: 0 0px 30px 50px;
         font-size: 1.3em;
         font-weight: normal;
         color: blue;
}

/*********************************/
/* Web-HTML-Seite, Web-CSS-Seite */
/*********************************/

#main2 #content table.web {
	font-size: 1.25em;
         margin: 20px 0 10px 0 ;
         border-collapse: collapse;
	border: 1px solid #733B73;
	background-color: #FDFDFE;
}
#main2 #content table.web td {
	border: 1px solid #733B73;
         padding: 3px;
	vertical-align: top;
}
#main2 #content table.web th {
	border: 1px solid #733B73;
         padding: 3px;
	background-color: #ECE6ED;
	vertical-align: top;
}
.schmal {
	width: 125px;
}
.breit {
	width: 220px;
}
.col1 {
	width: 170px;
}
.col2 {
	width: 350px;
}

#main2 #content table ul {
         padding: 1px;
	font-size: 1.0em;
}
#main2 #content table ul li {
	list-style-position: outside;
      	list-style: disc;
         font-weight: normal;
         margin-left: 15px;
}
#main2 #content ul.selektor {
         padding: 5px;
         margin-bottom: 20px;
	font-size: 1.5em;
	border: 1px solid #733B73;
         width: 170px;
}
#main2 #content ul.selektor li.oben {
	list-style-position: outside;
      	list-style: none;
	font-size: 1.0em;
         font-weight: normal;
}
#main2 #content ul.selektor li.mitte {
	list-style-position: outside;
      	list-style: none;
	font-size: 1.0em;
         padding-left: 65px;
         font-weight: normal;
}
#main2 #content ul.selektor li.unten {
	list-style-position: outside;
      	list-style: none;
	font-size: 1.0em;
         padding-left: 60px;
         font-weight: normal;
}
#main2 #content h1.abstand {
         padding-bottom: 0px;
}
#main2 #content table.innen {
	font-size: 1.25em;
         margin: 0px;
	border: 0px;
}
#main2 #content table.innen td.links {
	font-size: 0.8em;
         padding: 0px;
         width: 60px;
	vertical-align: top;
	border: 0px;
}
#main2 #content table.innen td.rechts {
	font-size: 0.8em;
         padding: 0px;
         width: 250px;
	vertical-align: top;
	border: 0px;
}
#main2 #content p.druck {
	padding: 5px;
         font-size: 1.25em;
         text-align: center;
	border: 1px solid green;
         width: 165px;
         margin-left: 300px;
         margin-top: 30px;
}



/****************/
/* Spiele-Seite */
/****************/
/* Definitionsliste für Spiele */
dl {
         width: 404px;
         height: 152px;
         margin-left: 10px;
         margin-top: 50px;
         border: 1px solid #733B73;
         background: #FDFDFE;
}
dt {
         float: right;
         width: 202px;
         height: 152px;
}
dd {
         float: left;
         width: 202px;
         height: 152px;
}
/* Absatz für Überschrift in Def.Liste */
p.fett {
         font-weight: bold;
         padding-top: 25px;
         padding-left: 30px;
         padding-right: 20px;
}
/* Tabelle für Text in Def.Liste */
table {
	font-size: 1.5em;
         margin-left: 20px;
}
td {
	padding: 0 0 0 10px;
}
dt.spiele {
         float: left;
}
dd.spiele {
         float: right;
}
img.spiele {
	margin: 0;
         padding-top: 2px;
         padding-left: 2px;
}


/******************/
/* Galerien-Seite */
/******************/
#galerie dl {
         width: 400px;
         height: 150px;
         margin-left: 10px;
         margin-top: 50px;
         border: 1px solid #FDFDFE; /* weißer Strich, um "Hüpfen" bei Hover zu verhindern */
         background: transparent;
}
#galerie dl:hover {
         background: #FDFDFE;
         border: 1px solid #733B73;
}
#galerie dt {
         float: left;
         width: 198px;
         height: 150px;
}
#galerie dd {
         float: right;
         width: 198px;
         height: 150px;
         background-image: url(../bilder/fotorahmen.gif);
}
/* Foto-Positionierung in Def.Liste */
#galerie img.foto {
	margin: 0;
         padding-top: 17px;
         padding-left: 10px;
}
/* Absatz für Überschrift in Def.Liste */
#galerie p.fett {
         font-weight: bold;
         padding-top: 20px;
         padding-left: 25px;
         padding-right: 20px;
}
/* Absatz für Text in Def.Liste Galerie*/
#galerie p.normal {
         padding-top: 0px;
         padding-left: 25px;
         padding-right: 20px;
}


/******************/
/* Slimbox-Seiten */
/******************/
#slimbox-galerie {
         width: 400px;
         background: transparent;
         margin-left: 3px;
         margin-top: 50px;
}
#slimbox-galerie img {
	margin: 5px 0 0 5px;
         border: 1px solid #733B73;
}


/****************/
/* Bücher-Seite */
/****************/
#main2 #content h2 {
         font-size: 1.75em;
         text-align: left;
         margin: 0;
	padding: 15px 10px 0px 10px;
         font-weight: bold;
}
#main2 #content h3 {
         font-size: 2.0em;
         text-align: left;
         margin: 0;
	padding: 50px 10px 10px 10px;
         font-weight: bold;
}
ul.buecher {
         padding-left: 10px;
         padding-top: 0px;
	font-size: 1.5em;
}
li.buecher {
	list-style-position: outside;
      	list-style: none;
         font-weight: normal;
}
/* Tabelle für Buchbewertung */
#buecher table {
	font-size: 1.5em;
         margin-left: 10px;
         margin-bottom: 30px;
}
#buecher td {
	padding: 0;
}
#buecher td.rechts {
	padding-left: 10px;
}
#buecher td.fett {
	font-weight: bold;
         background-color: #531F53;
         color: white;
}
p.buecher {
	font-size: 1.25em;
         line-height:1.3em;
         background-color: #FDFDFE;
}
p.fazit {
	margin: 0 20px 0 10px;
         padding: 5px;
	font-size: 1.5em;
         background-color: #ECE6ED;
         border: 1px solid #733B73;
}


/**************/
/* Link-Seite */
/**************/
table.link {
	width: 450px;
	font-size: 1.25em;
         line-height:1.3em;
         margin-left: 10px;
}
table.link td.zelle-li {
         width: 150px;
	padding: 0;
         vertical-align: top;
}
table.link td.zelle-mi {
         background-image: url(../bilder/doppelpunkt.gif);
         background-position: top right;
         background-repeat: no-repeat;
         width: 10px;
}
table.link td.zelle-re {
	padding: 0 0 0 5px;
         vertical-align: top;
}
#main2 #content h2.link {
	padding-top: 20px;
}
#main2 #content h2.link-oben {
	padding-top: 50px;
}


/*******************/
/* Webdesign-Seite */
/*******************/
table.website {
	width: 450px;
	font-size: 1.5em;
         margin-top: 40px;
         margin-left: 10px;
}
table.website td.zelle-li {
         width: 250px;
	padding: 0;
}
table.website td.zelle-re {
	padding: 0 0 0 5px;
         vertical-align: top;
}
p.klein-website {
	padding: 20px 100px 0px 10px;
         font-size: 1.0em;
}

/*******************/
/* Impressum-Seite */
/*******************/
p.impressum {
          font-size: 1.25em;
          line-height:1.3em;
	 padding: 10px 20px 0px 10px;
          margin: 0 0 10px 0;
          text-align: left;
}
p.impressum1 {
          font-size: 1.25em;
          line-height:1.3em;
	 padding: 15px 20px 3px 10px;
          margin: 0;
          text-align: left;
          font-style: italic;
}
p.impressum2 {
          font-size: 1.25em;
          line-height:1.3em;
	 padding: 0px 20px 10px 10px;
          margin: 0;
          text-align: left;
          font-style: italic;
          letter-spacing: 1px;
}
/****** Für Webdesign-Klausel ******/
table.im {
          margin: 0px 0px 0px 30px;
          padding: 0;
          border: 0px solid black;
}
tr.im {
          margin: 0;
          padding: 0;
}
td.im {
          margin: 0;
          padding: 0 2px 0 0;
          border: 0px solid black;
}
hr.links {
          width: 28px;
          height: 1px;
	 padding: 0;
          margin: 0;
          color: #ab4522;
}
hr.rechts {
          width: 65px;
          height: 1px;
	 padding: 0;
          margin: 0;
          color: gray;
}
img.webdesign {
          margin-left: 0px;
          border: 1px solid black;
}


/*****************/
/* Kontakt-Seite */
/*****************/
form {
   background-color: #F7F4F7;
   width: 370px;
   margin: 10px;
   padding: 20px;
   border: 1px solid black;
}
label {
   display: block;
   cursor: pointer; /* Bei Klick auf Label wird Cursor in das Eingabefeld gesetzt */
}
input#absender,
textarea {
   width: 330px;
   border: 1px solid black;
   margin-bottom: 1em;
}
textarea {
   height: 8em;
}
input#absender:focus,
textarea:focus {
   background-color: #FDFDFE; /* Hintergrundfarbe bei Datenerfassung. Funktioniert im Firefox, nicht im IE */
}


/**********/
/* Footer */
/**********/
#footer ul {
	font-size: 1.2em;
	padding: 15px 0px 10px 470px;
         text-align: left;
}
#footer ul li{
	display: inline;
	list-style: none;
	margin-right: 10px;  /* wichtig für Abstand zwischen den Menü-Kästchen */
}
#footer ul li.aktiv {
	border-bottom: 1px solid #733B73;
}
#footer a {
         text-decoration: none;
         color: #531F53;
}
#footer a:hover {
	border-bottom: 1px solid #733B73;
}
#footer p {
	font-size: 1.0em;
/*	padding: 5px 218px 5px 0px;
         text-align: right;*/
	padding: 5px 0px 5px 470px;
         text-align: left;
}
#footer p.oben {
         padding-top: 40px
}