/* DUMMY */


/*
// ACHTUNG: der Pfad der Bilder in: 	image: url(../autostyle/icons/...)
bezieht sich immer auf die Position relativ zur HTML-Datei selbst.  
*/


/* AUTOFORMAT-CSS */

/* ALLGEMEINE FORMATIERUNGEN */

/* SEITEN- UND SCHRIFT-FORMATIERUNGEN */

BODY 
/* 
background-color: #E5E5E5;
color: #D8FD02;
font-family: 'Century Schoolbook',serif;
letter-spacing: 3px;
padding: 40px;
line-height: 140%;

Die Schriftgröße und die Zeilenhöhe beeinflußt die Sichtbarkeit der Verweis-Symbole!
*/
{
background-color: #efefef;
color: black;
margin-left: 25px;
margin-right: 25px;
font-size: 17px;
line-height: 25px;
}

P
/*
Macht jeden Absatz wirksam (analog der Textverarbeitung)
padding: 22px;
*/
{}


BR
/*
padding: 12px;
*/
{
line-height: 20px;
padding: 10px;
}


HR
/* */
{
margin: 35px;
}


H1, H2, H3, H4, H5, H6
/* 
color: maroon;
*/
{
font-family: 'ARIAL','helvetica','ms sans serif',sans-serif; 

padding-top: 2px;

margin-top: 3em;

line-height: 110%;
}


H1 
{
line-height: 150%;
}


H3 
{
color: maroon;
}




/* ALLGEMEINE LISTEN- FORMATIERUNG */

/* MIT SYMBOLEN */

/* 
Abstand grundsätzlich von oben angegeben
*/

UL
/* */
{
margin-top: 2em;
}

UL LI
/* */
{
list-style-image: url(../autostyle/icons/pin2.gif);

margin-top: 1.5em;
padding-top: 0px;

padding-left: 1.5ex;
}

OL
/* 
margin-top: 2em;
*/
{
margin-top: 0em;
}

OL LI
/* 
margin-top: 22px;
*/
{
margin-top: 0px;
margin-left: 12px;

background-image: url(../autostyle/icons/bullet7h.gif);
background-repeat: no-repeat; 
background-position: left 0.3ex;
 
padding-left: 1ex;
text-indent: 1em;
vertical-align: baseline;      
}




/* 
UnterListen
Sonderfälle
*/


UL LI * UL Li 
/*
UL LI > UL Li  > UL Li 
*/
{
list-style-image: none;

margin-top: 1.5em;
padding-top: 0px;
padding-left: 1.5ex;
}


UL LI * OL Li 
/*
UL LI > UL Li  > OL Li 
*/
{
list-style-image: none;

margin-top: 1.5em;
padding-top: 0px;
padding-left: 1.5ex;
}


UL Li  > OL Li 
/*
NEU!
*/
{
list-style-image: none;

margin-top: 1.5em;
padding-top: 0px;
padding-left: 1.5ex;
}


OL LI > UL Li
/* 
list-style-image: none;

*/
{
background-image: none;

margin-top: 0em;
padding-top: 0px;
padding-left: 0ex;
}




OL.OhneFormat
/* */
{
margin: 0px;
padding-left: 3em;
padding-top: 0.5em;
padding-bottom: 1em;
}

OL LI.OhneFormat
/* */
{
background-image: url(../autostyle/icons/transp.gif);
margin: 0px;
padding: 0px;
}

UL.OhneFormat
/* */
{
margin: 0px;
padding-left: 3em;
padding-top: 0.5em;
padding-bottom: 1em;
}

UL LI.OhneFormat
/* */
{
list-style-image: url(../autostyle/icons/transp.gif);
background-image: url(../autostyle/icons/anker_p_kl.gif);
background-position: left 0.4em;
margin: 0px;
padding: 0px;
}

DL DD	
/* */
{
background-image: url(../autostyle/icons/bullet6.gif);
background-repeat: no-repeat; 

text-indent: 1.5em;
margin-top: 1.5em;
}

DL DT	
/* */
{
background-image: url(../autostyle/icons/page.gif);
background-repeat: no-repeat; 
list-style-position: outside;

text-indent: 2em;
margin-top: 1em;
}

DL.OhneFormat
/* */
{
margin: 0px;
padding-left: 0em;
padding-top: 0em;
padding-bottom: 0em;
}

DT.OhneFormat
/* */
{
background-image: url(../autostyle/icons/transp.gif);
margin: -10px;
padding: 0px;
}


/* ALLGEMEINE VERWEIS- FORMATIERUNG */

/* Wichtig auch als Vorgabe für die LinkIndex-JS! */


/*
Weitere Verweis-Formatklassen,  in DER Reihenfolge: 
:visited
:focus
:hover
:active
*/

a:link 
/*
Kein Umbruch in Verweisen:
insbesondere für den MSIE; nur wirksam, wenn auf der Seite selbst angegeben!
white-space: nowrap;
*/
{
color: green;
}

a:visited 
/*
visited background-color: 
hält im MSIE, wenn es nicht bspw. mit JavaScript aktiv überschrieben wird
Anscheinend halten bei Visited Links nur Color und Background Color in CSS 
Keine Border, Margins oder Images - nur wenn diese vordefiniert werden wie bei den Schalter-Links
! in MSIE 6 noch, später nicht mehr
background-color: khaki;
*/
{
color: red; 
}

a:focus
/*
Mit Tabulator
*/
{
color: red; 
background-color: khaki;
}

a:hover
/*
Wird ggf. durch autoformat wieder aufgehoben

Border+ -Margin Anzeige neutralisiert sich nur links, wenn der Verweis linksbündig ist.
Das Hintergrund-Symbol wird durch den Border verdeckt 

background-color wird bei besuchten Verweisen von der in in 'a.visited' vorgegeben Farbe überschrieben, 
diese wird (nur) im MSIE dauerhaft auch dauerhaft angezeigt
*/
{
color: blue; 
background-color: lightblue;

border-left-width: 1px;
margin-left: -1px;
border-left-color: red;
border-left-style: solid;
}

/* 
a:hover gilt automatisch auch für Anker!
Deshalb: Wie Body formatieren
Die Schriftfarbe dann natürlich jetzt automatisch immer schwarz
*/
a[Name]:hover
{
background-color: #efefef;
color: black;

border-left-width: 1px;
margin-left: -1px;
border-left-color: #efefef;
border-left-style: solid;
}


a:active 
/* */
{
color: black; 
}

a.rechtsbdg:link 
/* */
{
color: blue;

padding-left: 1px;
padding-right: 1px;
margin-left: 0px;
}

a.rechtsbdg:focus
{
color: red; 
background-color: khaki;
}

a.rechtsbdg:hover
/* 
Von BODY
background-color: #efefef;
*/
{
padding-left: 1px;
padding-right: 1px;
border-left: 1px solid #efefef;
margin-left: -1px;

border-right-width: 1px;
border-right-color: red;
border-right-style: solid;
margin-right: -1px;
}

a.bdseitig
/* 
Von BODY
background-color: #efefef;
*/
{
padding-left: 1px;
padding-right: 1px;

border-left: 2px solid #efefef;
border-right: 2px solid #efefef;
margin-left: 1px;
}

a.bdseitig:focus
{
color: red; 
background-color: khaki;
}

a.bdseitig:hover
/* */
{
padding-left: 1px;
padding-right: 1px;

border-left: 2px solid red;
border-right: 2px solid red;
margin-left: 1px;
}

a.OhneFormat:visited
/*
Von BODY
background-color: #efefef;
*/
{
background-color: #efefef;
margin-right: 0px;

border-left: none;
margin-left: 0px;
}

a.OhneFormat:focus
{
color: red; 
background-color: khaki;
}

a.OhneFormat:hover
/*
Von BODY
background-color: #efefef;
*/
{
background-color: #efefef;
margin-right: 0px;

border-left: none;
margin-left: 0px;
}

a.schalter
/* */
{
font-family: verdana;
font-size: 13px;
text-decoration: none;
padding: 3px;
border-left: 2px solid #dddddd;
border-top: 2px solid #dddddd;
border-right: 2px solid #aaaaaa;
border-bottom: 2px solid #aaaaaa;
background-color: #eeeeee;
}

a.schalter:focus
{
color: red; 
background-color: khaki;
}

a.schalter:hover
/* */
{
color: red;

padding-top	: 4px;
padding-left: 4px;
padding-right: 2px;
padding-bottom: 2px;
border-left: 2px solid #aaaaaa;
border-top: 2px solid #aaaaaa;
border-right: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
background-color: #eeffee;

margin-right: 1px;
}


/* ALLGEMEINE FORMULAR- FORMATIERUNG */

/* Wichtig auch als Vorgabe für die FormIndex-JS! */


INPUT
/* 
Gilt für alle INPUT- Formular-Elemente

Achtung: Schon Border oder Farbe macht den INPUT-Sende-Button eckig!
Border verhindert zudem die Klick-Animation.
Margin und Padding sind unschädlich. Margin ist nur hier einzustellen.

Width ist hier vom MSIE für Text notwendig, aber für radio nicht rückholbar 
*/
{
padding-top: 3px;
padding-bottom: 1px;

padding-left: 9px;
padding-right: 42px;

background-color: lightblue;
margin-left: 100px;
}

INPUT[type=radio]
/* */
{
width: 19px;
}

INPUT[type=text]
/* */
{
width: 200px;
}

INPUT[type=submit]
/* */
{
width: 200px;
margin-left: 100px;
}


TEXTAREA
/* */
{
color: red;
background-color: lightblue;

border-left: 2px solid #aaaaaa;
border-top: 2px solid #aaaaaa;

border-right: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;

margin-left: 100px;
padding-bottom: 2px;

height: 100px;
width: 300px;
}


SUP
/*
font-size: 17px;
vertical-align: text-top;
*/
{
font-family: 'ARIAL','helvetica','ms sans serif',sans-serif; 
color: black;
font-size: 17px;
font-weight: bold;

vertical-align: text-top;
}


SUP[content~="Stichwortsuche:"]
{
font-family: 'ARIAL','helvetica','ms sans serif',sans-serif; 
color: black;
font-size: 225px;
}


SMALL
/*
color: black;
*/
{
font-family: 'ARIAL','helvetica','ms sans serif',sans-serif; 
font-size: 12px;
}


FONT[size="1"]
/* */
{
font-family: 'ARIAL','helvetica','ms sans serif',sans-serif; 
color: black;
font-size: 14px;
}


FONT[size="-2"]
/* */
{
font-family: 'ARIAL','helvetica','ms sans serif',sans-serif; 
font-weight: normal;
font-size: 12px;
}


/* 
IMG[alt~=verlassen]
*/

IMG[src="../bilder/extern.gif"]
{
width: 0px;
height: 0px;
margin: -1px;
}


IMG[src="../bilder/dload-s2.gif"]
{
width: 24px;
height: 24px;
margin-bottom: 1px;
}


IMG[src="../bilder/progman.gif"]
{
width: 24px;
height: 24px;
margin-bottom: 1px;
}


IMG[src="../bilder/datman.gif"]
{
width: 24px;
height: 24px;
margin-bottom: 1px;
}


IMG[src="../bilder/clipbrd.gif"]
{
width: 24px;
height: 24px;
margin-bottom: 1px;
}


FORM[action="http://search.freefind.com/find.html"] INPUT
{

margin-top: 1px;
margin-right: 0px;
margin-left: 1px;

padding-right: 0px;

width: 262px; 
height: 32px; 

font-size: 17px;
}


INPUT[value~="Finde!"] 
{
max-width: 82px;       
}



FORM[action="http://search.freefind.com/find.html"]
{
margin-top: 65px;
margin-bottom: 1px;

margin-right: 10px;

padding-right: 10px;
padding-bottom: 10px;


width: 640px; 
height: 330px; 

position: relative;
clear: both;
}


FORM[action="http://search.freefind.com/find.html"] P
{
line-height: 40px;
padding: 20px;
}


FORM[action="http://search.freefind.com/find.html"] SELECT
{
font-size: 12px;

min-height: 32px; 
max-height: 32px; 

overflow:hidden; 
border:solid 1px green;
}


FORM[action="http://search.freefind.com/find.html"] SUP
/* 
padding-top:11px;      
margin-top:11px;
*/
{
font-size: 20px;
vertical-align:middle;
}




IMG
{
vertical-align: middle;

padding-right: 2px;
padding-left: 3px;

padding-bottom: 4px;
padding-top: 2px;
}



/* 
TEST
*/

form[action="http://search.freefind.com/find.html"]	
{
line-height: 50px;
font-size: 37px;
}