/* 
**  YAML Version: 2.3
**  Dateiversion: 09.04.06  
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
*/

@media all
{
/* Vorbereitende Maßnahmen */

html {height:100%} 

body { 
/* 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. */
	min-height: 101%;	
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
/*  font-size: 100.1%; */
    font-size: small; 
/* 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; 
} 
/* Mindest und Max.Breite */
 #page_margins {
  min-width: 756px;
  max-width: 80em;
  margin:auto;
}
fieldset {margin-left: 0.5em; margin-right: 0.5em; margin-top:0em; 
      border-color:#808080;
      border-width:1px;
      					
      padding: 0 1em 1em 1em;
      }

a:link { color:#800000;font-weight:bold; text-decoration:none;}
a.nav:link { color:#400000; font-weight:bold; text-decoration:none;}
a:visited { color:#800000; font-weight:bold;  text-decoration:none; }
a.nav:visited { color:#400000; font-weight:bold;  text-decoration:none; }
a:hover { color:#E00000; font-weight:bold;  text-decoration:underline; }
a.nav:hover { color:#800000; font-weight:bold; text-decoration:underline; }
a:active { color:#FF0000; font-weight:bold;  background-color:#FFFFFF; text-decoration:none;}
a.nav:active { color:#FF0000; font-weight:bold ;background-color:#FFFFFF; text-decoration:none;}

a[href^="http:"] {background: transparent url('/pics/externlink.gif') 100% 50% no-repeat;padding-right: 10px;}
a[href^="http://wb13.org"], 
a[href^="http://www.wb13.org"], 
a[href^="http://pix.wb13.org"],
a[href^="http://netlabel.wb13.org"] {background: inherit;padding-right: 0px;}


h1 { font-family:verdana,helvetica,arial,courier,sans-serif; font-weight:bold; font-size:1.2em ;display:block; margin:0.2em 0 0.5em 0; padding: 0.3em; }
h2,h3,h4    { font-family:verdana,helvetica,arial,courier,sans-serif; font-weight:bold; font-size:1.1em; display:block; margin:0.2em 0 0.5em 0; padding: 0.3em; }
b,strong     { font-family:verdana,helvetica,arial,courier,sans-serif; font-weight:bold; font-size:1em }
p,ul,ol,li,div,td,th,address{	font-family:verdana,helvetica,arial,courier,sans-serif;
								font-weight:normal;
                                font-size:1em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
em {background-color:#F0F4F0 }
i    { font-family:verdana,helvetica,arial,courier,sans-serif;
       font-style:italic;
       font-weight:bold;
       font-size:0.9em;
       background-color:#F8F4F8;     }
pre {padding: 1em; font-size: 1em}
.smalldate {font-size: 0.7em;font-weight:bold; text-align:right; color:#C0C0C0;}
.headlines  {font-family:verdana,helvetica,arial,courier,sans-serif; color:#800000; font-weight:normal; font-size:0.8em }
.advent  {font-family:verdana,helvetica,arial,courier,sans-serif; font-weight:normal; font-size:0.8em }
.top    { vertical-align:top;}
.upper {text-transform:uppercase}


legend  {COLOR:#909090; font-weight:bold;}
.index {font-family:verdana,helvetica,arial,courier,sans-serif; 
	font-weight:bold; 
	font-size:10px;
	BORDER: #FFFFFF thin solid;
	}
textarea { BORDER: black thin solid; }
.form { BORDER: black thin solid; }
.kasten {background-color:#E0E0E0; BORDER: black thin solid; }
.dates{ padding:0.5em; border:1px solid #808080;  background-color:#E8ECE8; }
hr.dotted{ border-top:none; border-left:none; border-right:none; border-bottom:1px dotted; color:#E8ECE8;}
.grey {background-color:#E8ECE8;}

/* 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; font-size: 100%; } 
ul { margin:1em 1em 2em 2em; }

/*  DIV-Container des Basislayouts */

#topnav {
	position:relative;
	top: 10px;
	right: 10px;
	color: #fff;
	background: transparent;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
}

#nav { clear:both; width: auto; z-index: 100;}
#main {	clear:both; width: auto; z-index: 10;}


#col1 {
	float: left;
	width: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col2 {
	float:right; 
	width: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col3
{
	width:auto;
   	margin-left: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
   	margin-right: 190px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}


/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
** dem Spaltenhintergrund erscheinen. */
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1, #col2, #col3 { position: relative; }
#col1_content, #col2_content, #col3_content { position: relative; }

#footer { clear:both; width:auto; }

/*  Markupfreie CSS-Floatclearing-Lösungen */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {display: block;}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
hr.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}



/*Formatierung der Inhaltsspalten */
#main { color: #000; background: transparent ; padding: 0.5em 0 0 0; } 



}

/* Skiplink-Navigation */
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

}