/* Textfarbe, muß als erstes stehen */
body {
	background-color: #FFF;
	color: #00004B;
	height: 100%;
	font-size: 12px;
	font-family: sans-serif;
}

/* Für Absätze ohne vertikalen Abstand
p {
	margin-top: 0;
	margin-bottom: 0;
}
*/





/* verschiedene allgemeine Einstellungen, üblicherweise nicht nötig anzupassen */
td {
	font-size: 80%;
}

.rot {
	color:red;
}

.gruen	{
	color:green;
}

.fett{
	font-weight:bold;
}

img {
	border: 0;
}

label {
	cursor: default;
}

h2 {
	font-size: 100%;
	font-weight: bold;
}

/* verschiedene Überschriften */
.cms_head, .listen_head {
	font-family: "Tahoma", sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #009;
}

.art_head {
	font-family: sans-serif;
	font-size: 16pt;
	color: #00004B;
	font-weight: bolder;
}

.listen_head {
	font-size: 80%;
}

/* Links: allgemein (im Artikel und anderswo) */
a {
	font-family: "Tahoma", sans-serif;
	font-size: 95%;
	font-weight: bolder;
	color: #00004B;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	font-weight:bolder;
	color: #00004B;
}

/* Links: Navigation (beide) */
a.kategorie {
	font-family: sans-serif;
	font-size: 100%;
	color: #00004B;
	font-weight: bolder;
}

a.kategorie:hover {
	font-family: sans-serif;
	font-size: 100%;
	color: #00004B;
	font-weight: bolder;
}

#navigation {
  background-color: transparent;
}

/* Links: AGB/Datenschutz/Kontakt */
a.bottom {
	font-family: sans-serif;
	font-size: 100%;
	color: #4B4B88;
	font-weight: bolder;
	text-decoration: none;
}

a.bottom:hover {
	font-family: sans-serif;
	font-size: 100%;
	color: #1A1A55;
	font-weight:bolder;
	text-decoration: none;
}

/* Umfrage-Balken */

.umfrage {
	width: 90%;
	border: 1px solid black;
}

.umfrage div {
	height: 10px;
	background: url("../img/umfrage.png");
	font-size: 10px;
	line-height: 10px;
}

#sponsoren {
  display:block;
  float: right;
  position: absolute;
  right: 0;
  text-align:right;
  border:0px solid #FC0;
  width:360px;
  height:60px;
  top: 14px;
  overflow:hidden;
}

#sponsoren span {
  white-space: nowrap;
}

/* für Modul Laufschrift */
.laufschrift {
  width:300px;
	overflow: hidden;
	white-space: nowrap;
}

/* Indexseite */

#main div.kat a {
	padding: 0px;
	font-size: 85%;
	text-decoration: none;
}

#main div.kat a:hover {
	padding: 0px;
}

#main div.kat a.kat {
	cursor: default ;
}

#main div.kat a.kat:hover {
	background: transparent;
}

/* Vertikales Menü */

#main > div.kat > a.artikel {
    visibility:hidden;
}

#main > div.kat {
    margin:0px;
    padding:0px;
    width: 99%;
    display:block;
    color: #FC0;
}

#main > div.kat > div.kat {
    position:relative;
    display:block;
    margin-bottom:20px;
    float:left;
    width:240px;
    margin-left:20px;
    height:28px;
    text-align:center;
    vertical-align:middle;
    background-image:url(../img/bg_kat_off.png);
    background-repeat:no-repeat;
    background-repeat:repeat-x;
    background-position:top right;
    font-weight:bolder;
    font-size:14px;
    line-height:20px;
    z-index:1;
    overflow:hidden;
}

#main > div.kat > div.kat:hover {
    margin-bottom:20px;
}

#main > div.kat > div:hover {
    position:relative;
    display:block;
    float:left;
    width:240px;
    margin-left:20px;
    margin-bottom:-380px;
    height:28px;
    text-align:center;
    vertical-align:middle;
    background: transparent;
    background-image:url(../img/bg_kat_on.png);
    background-repeat:no-repeat;
    background-repeat:repeat-x;
    background-position:top right;
    text-decoration:none;
    font-size:14px;
    line-height:20px;
    z-index:10;
    overflow:visible;
}

#main > div.kat > div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat:hover > * + * {
	margin-top: -5em;
  border: 1px solid #FFF;
}

#main > div.kat > div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat + div.kat:hover > * + * + * {
	border: 0;
	margin-top: 0px;
}

#main > div.kat > div.kat > div.kat:hover {
    width:210px;
    line-height:20px;
    text-align:left;
    display:block;
    z-index:9;
    background-image:url(../img/bg_unterkat_on.png);
    background-repeat:no-repeat;
}

#main > div.kat > div.kat > a.artikel {
    position:relative;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    display:none;
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:9;
    text-indent:10px;
}

#main > div.kat > div.kat > a.artikel:hover {
    position:relative;
    display:block;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    display:block;
    background-image:url(../img/bg_unterkat_on.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:9;
}

#main > div.kat:hover > div.kat > a.artikel {
    position:relative;
    display:block;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    display:none;
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:9;
}

#main > div.kat:hover > div.kat > a.artikel:hover {
    position:relative;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    display:block;
    background-image:url(../img/bg_unterkat_on.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:9;
}

#main > div.kat:hover > div.kat > div.kat {
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
}

#main > div.kat > div.kat > div.kat {
    position:relative;
    display:block;
    width:210px;
    display:none;
    line-height:20px;
    text-align:left;
    margin-left:10px;
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:1;
    text-indent:10px;
}


#main > div.kat > div.kat:hover > div.kat {
    position:relative;
    display:block;
    width:210px;
    line-height:20px;
    text-align:left;
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:1;
}

#main > div.kat >  div.kat:hover > div.kat:hover {
    position:relative;
    display:block;
    width:210px;
    line-height:20px;
    text-align:left;
    background-image:url(../img/bg_unterkat_on.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:1;
}

#main > div.kat > div.kat:hover > div.kat > a.artikel {
    position:relative;
    display:block;
    left:20px;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:10;
}


#main > div.kat > div.kat > div.kat:hover > a.artikel:hover {
    position:relative;
    left:20px;
    display:block;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    background-image:url(../img/bg_unterkat_on.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:10;
}

#main > div.kat > div.kat:hover > a.artikel {
    position:relative;
    left:20px;
    display:block;
    width:210px;
    height:20px;
    line-height:20px;
    text-align:left;
    background-image:url(../img/bg_unterkat_off.png);
    background-repeat:no-repeat;
    background-position:top right;
    z-index:1;
}

div.end {
    display: block;
    clear:both;
}



/**********************************************************************************************/
/********************* Ab hier nur noch Deklarationen für die Verwaltung **********************/
/**********************************************************************************************/

/* verschiedene Tabellen, hauptsächlich Verwaltung, genauer Zweck nicht klar definiert */
.shead {
	  text-decoration: underline;
	  font-weight: bold;
}
.stext {
	  font-weight: normal;
}
td.tbl_bgr {
	background-color: #666;
}

td.tbl_dark {
	background-color: #bbb;
}

td.tbl_dark_fett {
	background-color: #bbb;
	font-weight: bold;
}

td.tbl_light {
	background-color: #eee;
}

td.tbl_white {
	background-color: white;
}

/* Links: Verwaltung */
a.gesperrt, a.kategorie.gesperrt {
	color: red;
	text-decoration: line-through;
}

a.gesperrt:hover {
	text-decoration: none;
}

a.funktion {
	font-family: arial, sans-serif;
	color: #333;
	background-color: #ddd;
	text-decoration: underline;
	font-weight: bold;
}

a.auflistung {
	font-family: arial, sans-serif;
	color: #000000;
	background-color: #ddd;
	text-decoration: underline;
}

a.disabled {
 color: #ccc;
}

/* Formulare */
input.flat {
	font-family: arial, sans-serif;
	border-width: 0px;
}

.upload input {
	background-color: #ddd;
	font-size: 100%;
	border: 1px solid #333;
}

.form-error {
	color: red;
	font-weight: bold;
}

/* Grafik-/Anlagenarchiv */
.archiv {
	width: 35em;
	border: 2px solid #777;
	border-collapse: collapse;
}

.archiv td {
	border-left: 2px solid #777;
	padding: 1ex;
}

.archiv td.grafik {
	height: 80px;
}

.archiv td.preview {
	width: 60px;
}

.archiv td.grafik.preview {
	width: 120px;
	height: 160px;
}

.archiv td.label {
	width: 15ex;
}

/* HTML-Editor */
#controls {
	border: 1px transparent !important;
}

.btnImage {
	border: 1px transparent !important;
	vertical-align: top !important;
}

.btnImage:hover {
	border: 1px solid #888 !important;
	background: #ccc;
}