/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file! 
**  Any changes should be placed in basemod-files in css/modifications directory.
*/

@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/

 /* CSS Reset */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: none;
   font-size: 1em;
   vertical-align: baseline;
 }

	
/* 	* { margin:0; padding: 0; } */

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* 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. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* 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: #996633;        
		background: #FDE8CD;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
	
	#header { position:relative }

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
	
	#nav { clear:both; width: auto; }
	#main {	clear:both; width: auto; }
	
	
	#col1 {
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#footer { clear:both; }	/* Backup für IE-Clearing */
	
	/* 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_content, #col2_content, #col3_content { position:relative; }

/* ######################################################################################################
** ### 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; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der 
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

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

}
/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 2px solid #dbd5c5;
}

/********************************************
   LAYOUT
********************************************/ 
#header {
	position: relative;
	/* background: #fff url(header-bg.jpg) repeat-y center top; */
	height: 16px;
	padding: 0;	
	color: #fff;	
}

/* header links */
#header #header-links {
	position: absolute;
	top: 8px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}
#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}
#header-text {
	/* background: #fff url(/images/1-search-title.jpg) no-repeat center center; */
	text-align: center;
}
h1#logo-text a {
	text-align: center;
        margin: 0; padding: 0;
        font: bold 36px 'Trebuchet MS', Arial, Sans-serif;
}
h2#slogan {
	text-align: center;
        margin: 0; padding: 0;
        font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
}
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod_simple.css
**  Funktion    : Basis-Modifikation für Browsertests
**
*/

@media all
{

/* Formatierung der Seite */
body {
	background: #FDE8CD;
	padding: 10px;	
	font-size: small;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 4px #ccc solid; background: #fff; }
#page_margins {border: 4px #eee solid; min-width: 756px; max-width: 80em; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { color:#996633; background:#FDE8CD; position:relative; padding: 10px; }
#nav { color:#996633; background:#FDE8CD; padding: 1em; }

/* Formatierung der Fußzeile */
#footer { color:#996633; background:#FDE8CD; padding: 10px;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { color: #996633; background: #FDE8CD; margin: 0; padding: 0; } 

/* linke Spalte */
#col1 {	width: 20%; }	
#col1_content {	padding-top:1.5em; margin-left: 10px; margin-right: 10px; color: #996633; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 30%; }
#col2_content {	padding-top:1.5em; margin-left: 10px; margin-right: 10px; }

/* Mittlere Spalte */
#col3
{
  	margin-left: 20%; 
   	margin-right: 30%; 
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
}

#col3_content { padding-top:1.5em; margin-left: 10px; margin-right: 10px; }

/* ######################################################################################################
** ### Farbschema für Browsertests ######################################################################
** ######################################################################################################
*/
	#col1 {background: #FDE8CD; }
	#col1_content {background: #FDE8CD; }
	#col2 {background: #FDE8CD; }
	#col2_content {background: #FDE8CD; }
	#col3 {background: #FDE8CD; } 
	#col3_content {background: #FDE8CD; }
	#main {background: #FDE8CD; }
	
} 
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod_3-1-2.css
**  Funktion    : Variation des Basislayouts - Spaltenanordnung: 3-1-2
**
*/

@media screen
{

/* #col1 wird zur mittleren Spalte */
#col1 { width: 60%; float:right; margin-left: -75%; margin-right: 15%;}

/* #col1 wird zur rechten Spalte */
#col2 { width: 15%; float:right; margin-right: 0%;}

/* #col3 wird zur linken Spalte */
#col3 {margin-left: 0; margin-right: 75%; }

} 
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod_3-1-2.css
**  Funktion    : Variation des Basislayouts - Spaltenanordnung: 3-1-2
**
*/

@media screen
{

/* #col1 wird zur mittleren Spalte */
#hd1 { width: 60%; float:right; margin-left: -75%; margin-right: 15%;}

/* #col1 wird zur rechten Spalte */
#hd2 { width: 15%; float:right; margin-right: 0%;}

/* #col3 wird zur linken Spalte */
#hd3 {margin-left: 0; margin-right: 75%; }

} 
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### Überschriften, Fließtexte ###################################################################### */

body { color: #996633; font-size: 81.25%; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; } /* 13px */
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #FDE8CD; background: #CE8B3C; margin: 0 0 0.25em 0; padding-top: 0.5em; }
h2 {font-size: 1.4em; color: #FDE8CD; background: #CE8B3C; margin: 0 0 0.25em 0; padding-top: 0.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #FDE8CD; background: #CE8B3C; margin: 0 0 0.25em 0; padding-top: 0.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #FDE8CD; background: #CE8B3C; margin: 0 0 0.30em 0; padding-top: 0.25em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #FDE8CD; background: #CE8B3C; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #FDE8CD; background: #CE8B3C; margin: 0 0 0.30em 0; font-style:italic; }

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ### Bildpositionierung ############################################################################ */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #FDE8CD; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color: #996633; text-decoration:none;}
a:hover {color: #CC9933; background-color: #fee; text-decoration:underline;}
a:focus {background-color: #fee; text-decoration:underline;}

#topnav a { color: #996633; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: #996633; }
#footer a:hover {background-color: #FDE8CD; }
#footer a:focus {background-color: #FDE8CD; }

#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('../../img/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.wichtig { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; }
.hinweis { background-color: #eef; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }

/* Beispieldateien */
p.demo { background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em; }

/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }

blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
ul.linklist li { margin: 0 0 1em 0; }

/* Browser-Kompatibilitätsliste */ 
ul.browsers { margin: 0  0 .4em 0; }

ul.browsers li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8; color: #444; 
	padding: 0.1em 0.1em 0.2em 0.5em; 
	font-weight: normal;
	text-align: left; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

ul.browsers li img { vertical-align:bottom;
}

ul.browsers li.title {
	font-weight: bold;
	background: #eee; color: #444; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
}


/* Auszeichnungen für Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.mono { 
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}

em.file { 
	padding:0 0 0 14px;
	color: #008;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}

em.directory { 
	padding:0 0 0 15px;
	color: #008;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}

pre, code {
	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000; 
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}

code.css { 
	background-image: url(../../img/bg_css.gif);
    background-repeat: no-repeat;
	background-position: top right;
}

code.xhtml { 
	background-image: url(../../img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* ### Tabellen ################################################################## */

table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th { 
	background: #444; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

/* ### Download-Box ################################################################## */

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 4px #ccd solid;
	text-align: left;
	padding: 4px 0 4px 15px;
	margin-bottom: 1em;
}

.bluebox h5 { font-size: 140%; color:#006; font-weight: normal; font-style: normal; padding: 0px 8px 0 5px; }
.bluebox p { padding: 0px 8px 0 5px; }

div.dl_button	{
	width: 220px;
	min-height: 50px;
	text-align:left;
	padding-bottom: 20px;
	background-image: url(../../img/yaml_dl_button.gif);
	background-position:bottom;
}

div.dl_button a {
	display:block;
	width: 100%;
	min-height: 30px;
	text-align:left;
	background: url(../../img/yaml_dl_button.gif);
}

div.dl_button a:hover { text-decoration:none; } 

.dl_button a strong {display:block; padding: 17px 5px 0px 20px; color: #448; font-weight: bold; font-size: 125%; text-decoration:underline;}
.dl_button span.version {display:block; padding: 0px 5px 0px 20px; color: #666; font-weight: normal; font-size: 85%;}
}
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : print_123.css
**  Funktion    : Druck-Stylesheet - druckt die Spalten #col1, #col2 und #col3
**
*/

@media print
{
body * {font-size: 12pt; font-family: "Times New Roman", Times, serif}
blockquote { font-family: "Times New Roman", Times, serif; }
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono;}

h1 {font-size: 16pt; font-weight:bold; color: #336699;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
h2 {font-size: 14pt; font-weight:bold; color: #666; background: inherit;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 { page-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

/* Sichtbare Auszeichnung der URLs von Links */
a[href]:after {
 content:"";
 color:#444;
 background-color:inherit;
 font-style:italic;
} 

#col1_content:before {
 content:" [ Hauptteil ]";
 color:#888;
 display:block;
 background-color:inherit;
 font-weight:bold;
 font-size:1.5em;
 border-bottom: 2px #888 solid;
 margin-bottom: 1em;
} 

#col2_content:before {
 content:" [ Rechte Spalte ]";
 color:#888;
 display:block;
 background-color:inherit;
 font-weight:bold;
 font-size:1.5em;
 border-bottom: 2px #888 solid;
 margin-bottom: 1em;
} 

#col3_content:before {
 content:" [ Linke Spalte ]";
 color:#888;
 display:block;
 background-color:inherit;
 font-weight:bold;
 font-size:1.5em;
 border-bottom: 2px #888 solid;
 margin-bottom: 1em;
} 

/* Umformatierung der Layoutboxen */
body {margin:0; padding: 0;}
#page_margins, #page {margin:0; padding: 0; border: 0; } 
#topnav {display: none;}

#header {height: auto;}
#header img {position:relative; top:0; left:0; padding:0; }
#nav_main, #teaser {display:none;}

#main {margin: 0; padding: 0;}

#col1 {float:none; width: auto; margin: 0; padding: 0; }
#col1_content {float:none; width: auto; margin: 0; padding: 0; page-break-after:always;}

#col2 {float:none; width: auto; margin: 0; padding: 0; }
#col2_content {float:none; width: auto; margin: 0; padding: 0; page-break-after:always;}

#col3 {margin:0; padding: 0; border:0; }
#col3_content {margin:0; padding: 0; border:0; }

#footer {display: none;}
}
@media screen
{
	/* CSS FUER FORMS */
	.c08l, .c11l, .c16l, .c22l {
		float: left; overflow: hidden;	
	}
	.c08r, .c11r, .c16r, .c22r {
		float: right; overflow: hidden;	
	}
	.c22l, .c22r {
		width: 22.222%; 
	}
	.c16l, .c16r {
		width: 16.666%; 
	}
	.c11l, .c11r {
		width: 11.111%; 
	}
	.c08l, .c08r {
		width: 8.666%; 
	}
	.advancedSearch {
		text-align: center;
	}
	.livesuche {
		text-align: center;
		font-size: 0.8em;
	}
	.SearchField {
		text-align: left;
	}
	#searchresults {
		background:#EFEFEF;
	}
	#col1_content em{
		font-style: italic;
		font-weight: bold;
		color:#D6953C;
	}
	.sresult_subjects {
		text-align:center;
	}
	.sresult_subjects a {
		font-style: italic;
		font-weight: bold;
		color:#D6953C;
	}
	.sresult_subjects a:hover {
		font-style: italic;
		font-weight: bold;
		background:#F5C676;
	}
	.sresult_editrev {
		margin-left:2em;
		font-size: 0.75em;
	}
	.sresult_custrev {
		margin-left:2em;
		font-size: 0.75em;
	}
	#col1_content form {
		text-align: center;
	}
	#leftSuche label {
	  float:left;
	  clear:both;
	  display:block;
	  width:50px;
	  margin-bottom:10px;
	  padding-left:10px;
	}
	#leftSuche input {
	  float:left;
	  display:block;
	  width:100px; 
	  border: 1px solid #333;
	  background:#F4F4F4;
	  font-family: Georgia, Times New Roman, Times, serif;
	  font-size: 12px;
	  margin-bottom:10px;
	  padding:1px;
	}
	 
	/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
	div.clearer {
	  clear:both;
	  font-size:1px;
	  line-height:1px;
	  display:block;
	  height:1px;
	}
	
	#re form {
	  background:#EFEFEF;
	  width:99%;
	  border: 1px dotted #F5C676;
	  margin:0;
	  padding:0;
	}
	
	#re fieldset {
		width: 95%;
		clear: both;
		margin: 0;
		padding: 5px 0 8px 0;
		border: 1px solid #666666;
		height: 1%;
		display: block;
		text-align: left;
	}
	
	#re fieldset legend {
		font-size:1.1em;
		margin-left: 1em;
		color:#ff8400;
		padding:0 1em;
	}
	
	# re fieldset legend:first-letter {
		text-decoration:underline;
	}
	
	#re label{
		font-weight: bold;
	}
	#re fieldset .option {
		background:#FDE8CD;
		text-decoration:none;
		padding: 0 10px 0 5px;
	}
	#re fieldset .option:hover {
		color:#996633;
		background:#F5C676;
		padding: 0 10px 0 5px;
	}
	
	#re input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
		width: 70%;
	}
	
	#re br {
		clear: left;
	}
	#cart {
		text-align: center;
	}
	#cart h2 {
		text-align: center;
		background: lightgray;
	}
	.cart {
		text-align: center;
		color: red;
		background: lightgray;
	}
	.center {
		text-align: center;
	}
	#topnav	li {
		color: red;
		background: lightgray;
	}
/* ENDE CSS FUER FORMS */
}