/*

 CSS-File für das Template 'Wabi Sabi' Version 1.x
 Autor: Sebastian Ritze
 Erstellt: Februar 2005
 Kontakt: sritze@web.de
 Nutzungsbedingungen: Frei für den privaten, nicht-kommerziellen Gebrauch; 

*/


body { 
	margin:0;
	padding:0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border :0; 
	background-color: #FFFFFFF;
}

#wrapper { 
 min-width: 400px;
 border:1px solid #FFFFFF; margin:0 -1px;
 width:850px
}

#outer {
	border-left-width:140px; 
	border-left-color:#FFFFFF;  
	border-right-width:130px; 
	border-right-color:#FFFFFF; background-color:#FFFFFF; 
}

#leftcol {
	width:140px;            
	margin-left:-140px;     
}

#rightcol {
	width:130px;              
	margin-right:-130px;     
}

#rightcol { margin-left:1px; float:left; position:relative; z-index:11;}
#outer { width:auto; border-left-style:solid; border-right-style:solid; }
#inner { margin:0; width:100%; }
#header, 
#footer { width:100%; position:relative; z-index:13;}
.clear { clear:both; }



/* Mozilla code */

#outer > #inner { border-bottom: 1px solid transparent; }
#leftcol { 
 float: left; position: relative; z-index: 10;
 margin-right: 1px; }

#center { 
 margin: 0 -3px 0 -2px; 
 float: left; width: 100%; position: relative; z-index: 12;
}


.content {
padding: 2px 2px 2px 2px;
width : 90%;
background-color:white 
}

/* Formatierung der Kopfzeile, fängt am ganz iberen Bildschirmrand an */

#header{  
 height: 30px;
 background-color: #FFFFFF; 
}


/* Wichtige Einstellung für den Inhalt von vielen Modulen, Texten, etc. vgl. index.php */


/** Die Einstellungen für die Module auf der linken Seiten, wie zB das Menu und ggf. das Login-Form **/

table.moduletable {
	margin: 1px 1px 1px 1px;
	width: 95%;
	border-left: 	1px solid #8E8E8E;
	border-right: 	1px solid #8E8E8E;
	border-top: 	1px solid #8E8E8E;
	border-bottom: 	1px solid #8E8E8E;

	background-color: #FFFFFF;

	padding: 5px;
}

/* Einstellungen für den Titel (Überschrift) in den verschiedenen Modulen, dh zB den Eintrag 'Menu', 'Poll', etc. */

table.moduletable th {
 font-family:  Verdana,Helvetica,Arial,sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
 text-align: left;
 height: 14px;
 line-height: 20px;
 white-space: nowrap;
 width: 100%;
 border-bottom: 1px solid #8E8E8E;
}


/* Verändert den Text im Modul LOGIN. Andere Nicht ? Warum ? Menupunkte sind etwas andres als Text ? */

table.moduletable td  {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px;
 text-align: left;
}

/* Formatirung der Überschiften - Global */

h1 {11px;
font-weight:bold; 
text-decoration:underline;
font-family:Verdana, Arial, Helvetica;
color:black;}

h2 {11px; 
font-weight:bold; 
text-decoration:none;
font-family:Verdana, Arial, Helvetica;
color:black;}


li {
font-size: 10px;
color: black;
text-align: left
}

/* Als Listentypen stehen 'circle, disc, square' zur Verfügung*/

ul {
list-style-type: compact; 
/* list-style-type:square; */
font-weight:bold;
font-size: 10px;
color: black;
text-align: left
}


/* Javascript Back button (die Schriftgröße/ -farbe läßt sich anscheinend nicht verändern */

.back_button {
 font-size:  8px; 
 text-align: center;
 color:  #808080;
 margin-top: 20px;
}


.contentpaneopen {
background-color:white;
padding: 2px;
}


hr {
 height: 2px;
 width: 100%;
}

hr.separator {
 height: 2px;
 width: 40% ;
 }

.pnav { 
 font-size:  10px; 
 line-height:  14px; 
 color:  #747474; 
 font-weight:  normal; 
 font-style:  normal; 
 text-align:  left; 
 text-decoration:  none; 
 } 


/* Pathway ist die Anzeige, wo, und wie tief man sich in der Menustruktur befindet. Also zB
Home>Rezensionen>Artikel */

.pathway {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  15px; 
 color:  #8E8E8E; 
 background-color:  #FFFFFF; 
 padding: 0px
 }


.date {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 line-height:  14px; 
 color:  #8E8E8E; 
 }


div, p, td {font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px;
 line-height: 18px; 
 color:  #000000;
  }



 a ,a:active, a:link {font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  14px; 
 color:  #CC0000; 
 text-decoration:  none; 
 }


a:hover {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  14px; 
 text-decoration:  underline; 
 }

.categorytitle {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px;
 line-height: 18px; 
 font-weight:  bold; 
 text-align: left;
 }

.blogsection {
font-size: 11px;
font-weight:  bold;
}

/* Verändert die Einstellungen für 'Blog - Content Category'  bzw. die Überschrift eines Artikels */

.componentheading {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  12px;
 font-weight:  bold;
 text-align:  left;
 line-height:  20px;
 padding: 1px
 }


a.category {
color:  #0202FC; 
 }


a.category:hover {
}

/* Einstellungen für die Überschrift eines Textes (zB von Disclaimer, Search und Kontakt.) */

.contentheading {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  12px; 
 line-height: 18 px;
 font-weight:  bold;
 text-align: left; 
 }

/* Einstellungen für den beschreibenden Text einer Sektion im 'Section Manager',
also zB den Text für Rezensionen */

.contentdescription {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 text-align: left;
 }


a.pnav {
font-size:  10px; 
 color:  #747474; 
 text-align:  left; 
 text-decoration:  none; 
 }

.pnav:hover {
}

a.pnav:hover {
text-decoration:  underline; 
}

.small {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 }

.smalldark {
font-size:  10px; 
 }

a.mainlevel {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  16px; 
 color:  #000000; 
 text-decoration:  none; 
 }
a.mainlevel:hover {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  16px; 
 color:  #747474; 
 text-decoration:  underline; 
 }

/* Sublevel definiert die zweite Ebene des Menues (also Submenu) */

a.sublevel {
font-size:  10px; 
 line-height:  14px; 
 color:  #000000; 
 text-decoration:  none; 
 }

a.sublevel:hover {
font-size:  10px; 
 line-height:  14px; 
 color:  #747474; 
 text-decoration:  underline; 
 }

/* Die Einstellungen von Buttons, zB login, oder 'go' bei 'search'*/

.button {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 line-height:  14px; 
 background-color:  #E4E4E4; 
 border-width:  1px; 
 border-style:  solid;
 border-color: #8E8E8E; 
 cursor:  pointer; 
 }


/* Die Eingabebox für das Search-Feld oder Eingabefelder allgemein; color bestimmt die Farbe des Textes in der Box */

.inputbox {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 line-height:  14px;
 border-width:  1px; 
 border-style:  solid;
 border-color: #8E8E8E; 
 color: #8E8E8E;
 padding:  1px; 
 }

/* Ontab und Offtab SOLLEN laut Dokumentation für das Aussehen der Reiter im Frontend zuständig sein */

.ontab {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  16px; 
 color:  #000000; 
 font-weight:  bold; 
 text-align:  center; 
 background-color:  #EEEEEE; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  000000; 
 padding:  3px; 
 cursor:  pointer; 
 }

.offtab {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  14px; 
 color:  #747474; 
 text-align:  center; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  747474; 
 padding:  3px; 
 cursor:  pointer; 
 }

/* Einstellungen für die Datumsangaben der Erstellung eines Dokumentes */

.createdate {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 line-height:  14px; 
 color:  #8E8E8E; 
 }


/* Einstellungen für die Datumsangaben der Änderung eines Dokumentes */

.modifydate {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 line-height:  14px; 
 color:  #8E8E8E; 
 }

/* Einstellungen für den Link, um weiter zu lesen -> read more ... */

a.readon {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 color:  #808080;
 }

a.readon:hover {
text-decoration:  underline;
}

/* Wenn auf einer Seite eine Tablle angezeigt wird, definieren die nachfolgenden Angaben diese Überschrift */

.sectiontableheader {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  14px;
 font-weight:  bold;
 text-align: left; 
 }

/* Die (Farb)Einstellungen für Tabellen, die zB bei der Suche, weblinks eingeblendet werden.
Der erste Eintrag ist zB grau, der zweite weiß, der dritte grau, etc.*/

.sectiontableentry1 {
background-color:  #F3F3F3;
text-align: left; 
 }

.sectiontableentry2 {
}





/* nachfolgende Einstellungen sind optional
 
	background-color: #FAFAFA;
	border-top-color: #E6E6E6;
	border-top-style: solid;
	border-top-width: 1px;
	text-indent: 5px;
	}

*/


.poll {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  14px; 
 border-color:  FFFFFF; 
 }

/* Formatierung der Suchergebnisse. (Suchwort ergabe 10 Treffer) */

.searchintro {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 line-height:  16px; 
 text-align:  left; 
 border-width:  1px; 
 }

table.contact {
}

table.contact td.icons {
}

table.contact td.details {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  112px; 
 line-height:  14px; 
 }

.newsfeedheading {
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  12px; 
 line-height:  14px; 
 font-weight:  bold; 
 }

.fase4rdf {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 }
a.fase4rdf:link {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  11px; 
 }
a.fase4rdf {
text-decoration:  none; 
 }
a.fase4rdf:hover {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  12px; 
 text-decoration:  underline; 
 }

.newsfeeddate {
font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  10px; 
 color:  #747474; 
 }

/* Formatierung der Search Seite*/
table.searchintro {
}

td.buttonheading {
text-align: left;
}


/* Nachfolgend die Formatierungseigenschaften für die Fusszeile (footer) */

#footer {
padding-top:  20px; 
 font-family:  Verdana,Helvetica,Arial,sans-serif; 
 font-size:  09px; 
 line-height:  14px; 
 color:  #808080; 
 text-align: center; 
 }