/* HTML-Elemente */

html 
{
font-family: Arial, Helvetica, sansserif;
font-size: 90%;
padding-left: 3px;
}

body
{
font-family: Arial, Helvetica, sansserif;
font-size: 90%;
padding-left: 6px;
background-image: url(../sk_dok/tapete_hg3.jpg);  
background-repeat: repeat;
background-position: 0px 0px;
background-color: #ffffff; 
color: #808080;
scrollbar-3dlight-color: #330066;     /* Schattenlinien links uns oben */
scrollbar-arrow-color: #ffffff;       /* Pfeile oben und unten */
scrollbar-base-color: #330066;        /* ???  */
scrollbar-darkshadow-color: #555555;  /* Schattenlinien rechts und unten*/
scrollbar-face-color: #333333;        /* Scrollbalken  */
scrollbar-highlight-color: #333333;   /* #eeeeff; */
scrollbar-shadow-color: #333333;      /* Schatten rechts */
scrollbar-track-color: #dddddd;       /* Balkenbahn */
}

p
{
margin-left: 5px;
padding-left: 3px;
}

acronym 
{
border-bottom: none;
}


a:link, a:visited, a:hover, a:active
{ 
text-decoration: unterline;
color: #404040;    
/* font-weight: 600; */
background-color: inherit;     }

a:hover
{
/* color: #ffffff;
background-color: #330066; */
text-decoration: bold; 
}

#center
{
width:560px;
margin: 0px auto;
background-color: transparent;
text-align:left;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

img
{
margin: 5px;
border: 0px;
}

form
{
float: left;
width: 97%;
font-family: Arial, Helvetica, sansserif;
font-size: 90%;
text-align: left;
border: 3px solid #aaaaaa; 
background-color: #ffff99;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.form66
{
width: 66%;
}

.form100
{
width: 97%;
}

/* Container, kommen nur jeweils einmal auf der Seite vor */

#allin
{
position: absolute;
left: 5px;
top: 16px;
padding: 3px;
padding-left: 10px;
margin: 0px;
border: 0px;
width: 95%;
}

/* Container, der die Menüs links enthält */
#nav_main
{
position: absolute; 
left: 5px;
background-color: #eeeeee;
width: 140 px;
/* overflow: hidden; */
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Container, der die Inhalte enthält, mit Rahmen */
#content
{
position: relative;
left: 165px; 
width: 800px;
background-color: #ffffff;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#adm_content
{
position: relative;
left: 165px; 
width: 900px;
background-color: #ffffff;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


#spezial
{
border: none;    
font-size: 80%;
padding: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px #888;
box-shadow: inset 0 0 5px 5px #888;
}

/* Container, der die Kommentare enthält, mit Rahmen */
#comment
{
position: relative;
left: 165px; 
width: 800px;
background-color:  #ffffff; 
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Container für Extra-Infos */
#extra
{
position: relative;
left: 165px; 
width: 900px;
background-color: #ffffff;
padding: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Container für den Footer */
#footer
{
position: relative; 
left: 165px; 
width: 800px;
background-color: #ffffff;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Container für die Symbolleisten */
#icons_r
{
float:right;
background-color: inherit  
padding: 2px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Container für Marginalien */
#marginalie
{
 float:left;
 font-size: 70%;
}


/* Container für einen Einzug, z.B. Aufgabenliste */
#einzug
{
margin-left: 30px;
}

/* Container für das 2-Spalten-Layout  */
#linke_spalte
{
float:left;
width:47%;
background-color: #ffffee; 
}

#rechte_spalte
{
float:right;
width:47%;
background-color: #ffffee; 
margin-right: 15px;
}

iframe
{
margin: 2px;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Einfache Spalten mit SPAN */
.spalte25
{
float: left;
width: 25%;
font-family: Arial, Helvetica, sansserif;
font-size: 110%;
text-align: left;
background-color: inherit;
margin-right: 10px;
margin-bottom: 2px;
background-color: #ffffcc; 
padding: 10px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.spalte60
{
float: left;
width: 60%;
font-family: Arial, Helvetica, sansserif;
font-size: 110%;
text-align: left;
background-color: inherit;
margin-right: 10px;
margin-bottom: 2px;
background-color: #ffffcc;
padding: 10px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Klasse für Hervorhebungen  */
.kasten
{
font-family: Arial, Helvetica, sansserif;
font-size: 110%;
text-align: left;
background-color: inherit;
margin-right: 2px;
margin-bottom: 2px;
padding: 10px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Klasse für Sicherheitsabfragen */
.frage
{
font-family: Arial, Helvetica, sansserif;
font-size: 110%;
text-align: center;
background-color: inherit;
margin: 30%;
padding: 10px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* Klasse für Traueranzeigen  */
.trauer
{
float:left;
width:250px;
font-family: Arial, Helvetica, sansserif;
font-size: 120%;
text-align: center;
border: 3px solid #000000;
background-color: #ffffff; 
padding: 8px;
margin-right: 8px;
margin-bottom: 8px;
}

/* Tabellen und Formulare*/
td, th, input, option, select
{
font-family: Arial, Helvetica, sansserif;
text-align: left;
}

.pflichtfeld
{
background-color: #ffccff;
border: 1px solid;
}

td, th
{
vertical-align: top;
font-size: 90%;
}

th
{
background-color: #666666;
color: #ffff33; 
}

#trennlinie
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}

ul 
{
margin-top: 1px;
margin_bottom: 1px;
}

li 
{
margin-bottom:1px;
list-style-image: url(../sk_img/pfeil.gif);  }

/* Menü */
.menu
{
list-style: none;
margin: 0;
background-color:  #eeeeee;  
width: 130px;
padding: 5px;
}

.menu li
{
/* border-top: 1px solid #a580ff;  */
display: block;
height: 12pt;
}

.menu li a:link, .menu li a:visited
{
text-decoration: none;
color: #404040;
font: 10pt/1.5em arial;
}

.menu li a:hover
{
color: #404040;
text-decoration: underline;
display: block;
width: 100%;
}

.menu li ul
{
display: none;
}

.menu li:hover ul
{
display: block;
}

/* Überschriften */
h1 
{ 
font-size:180%; 
font-weight:600; 
padding-left: 3px;
letter-spacing: 1px;
margin-top:3px; 
margin-bottom:40px; 
background-color:inherit; 
color: #404040;
text-shadow: 6px 6px 6px #202020;
}

h2 
{ 
font-size:140%;
letter-spacing: 1px; 
padding: 3px;
margin-top:3px; 
margin-bottom:3px; 
/* background-color: #666666; */
color: #404040; 
text-shadow: 4px 4px 4px #202020;;
}

h3 
{ 
font-size:100%; 
padding-left: 3px;
}

h4 
{ 
font-size:90%;
padding-left: 3px; 
}


.bigfat  /* Hervorhebung, z.B. für den Preis */
{
font-size: 130%;
font-weight:bold;
}

.comment   /* Kommentare  */
{
font-size: 80%;
font-style:italic;
}

.spitzmarke
{
color: #202020;
weight: 600;
}

/* textarea
{
 font-size: 90%;
}  */

dl { margin-top:0px;}
dd { margin-left:12px;}

dt 
{
padding-left:6px;
}

hr  /* Horizontale Linie */
{ 
clear:right;
clear:left;
color: #000000; 
height:3px;
}

/* Kopfzeile */

#header
{
height:42px;
border-bottom:1px solid #000000;
}