/* 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: 3px;
background: url(/sk_dok/bg_mw.jpg) no-repeat fixed;;
background-position: 0px 0px;
background-color: #444444;
color: #ffffff;
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:active
{
text-decoration: none; 
color: #ffff33;    
}

a:hover
{
color: #222222;
background-color: #ffff33; 
}

#center
{
 width:560px;
 margin: 0px auto;
 background-color: transparent;
 text-align:left;
 -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: #222222;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
-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: 0px;
padding: 3px;
margin: 0px;
border: 0px;
width: 95%;
}

/* Container, der die Menüs links enthält */
#nav_main
{
position: absolute; 
left: 130px;
background-color: #000000;
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;
}

/* Container, der die Inhalte enthält, mit Rahmen */
#content
{
position: relative;
left: 290px; 
width: 700px;
background-color: #000000;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
}

#adm_content
{
position: relative;
left: 290px; 
width: 900px;
background-color: #000000;
padding: 5px;
-moz-box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: 5px 5px 5px #222;
box-shadow: 5px 5px 5px #222;
}


#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: 290px; 
width: 700px;
background-color: inherit; /*  #000000; */
padding: 5px;
/* -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 für Extra-Infos */
#extra
{
position: relative;
left: 290px; 
width: 700px;
background-color: #000000;
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 für den Footer */
#footer
{
position: relative; 
left: 290px; 
width: 700px;
background-color: #000000;
background-color: inherit; /*  #000000; */
padding: 5px;
/* -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 für die Symbolleisten */
#icons_r
{
float:right;
background-color: inherit  
padding: 2px;
}

/* 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: 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;
}

/* 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;
-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;
}

.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;
-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; 
}

/* 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;
-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;
}

/* Klasse für Sicherheitsabfragen */
.frage
{
font-family: Arial, Helvetica, sansserif;
font-size: 110%;
text-align: center;
background-color: inherit;
margin: 30%;
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;
}

/* 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
{
/* background-color: #ffffcc; */
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: #000000;   /* #c0c0c0;  */
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: #ffff33;
font: 10pt/1.5em arial;
}

.menu li a:hover
{
background-color: #ffff33;
color: #222222;
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: #ffff33;
text-shadow: 0px 0px 6px #ffff33;
}

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

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: #ffff66;
weight: 600;
}

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

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

dt 
{
padding-left:6px;
}

/*a.register:link, a.register:visited, a.register:hover, a.register:active
{ 
text-decoration:none;
font-weight:bold;
}  */

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

/* Kopfzeile */

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