/*hacks:
mozi: normal
ie7+ie6: html* ...
nur ie6: * html ...
*/

/*
Farben:

// WebTool-Blau
#0089bd; // Standard (100%)
#33A1CA; // (80%)
#66B8D7; // (60%) Titel Funktionen-Menu
#99D0E5; // (40%)
#CCE7F2; // (20%)
#E5F3F8; // (10%)
#F2F9FC; // (5%)
#F7FBFD; // (3%)

#666699; // (blau-violett) TabBig:hover

// Grau-Töne
#FFFFFF; // (white)
#FAFAFA; // Hintergrund 1
#F5F5F5; // (whitesmoke) zebra-streifen
#F0F5F9; // (hell-grau-blau) Hintergrund 2 + tabactive
#bbbbbb; // (grau) Table Header
#aaaaee; // border...
#808080; // (gray)
#000000; // (black) Schrift
*/


body
{
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
}

p, td, th, tr, li  {
	font-size: 12px;
	color: #000000;
}

a {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #E62514;
	text-decoration: underline;
}

img
{
	border: 0px;
}	

ul {
	list-style-type: none;
	margin: 0px;
	margin-left: 0.8em;
	padding: 0px;
	padding-left: 0.8em;
	font-size: 12px;
	color: #000000;
	list-style-image: url(/art/bullet.gif);
}

ol {
	margin-left: 0.5em;
	padding-left: 0.5em;	
	list-style-type: decimal;
	color: #333333;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
}

h2 {
	font-size:14px;
	font-weight:bold;
}

hr {
	background-color: #999999;
	color: #999999;
	border: #999999;
	height: 1px;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	margin-bottom: 4px;
}

input[type=radio], input[type=checkbox] {
	border: none;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	margin: 2px 0px;
}

.submit {
	border: 1px solid #666666;
	background-color: #E5E5E5;
	font-size: 10px;
}

.antifloat
{
	clear: both;
	visibility: hidden;
}

#overDiv
{
	position: absolute; 
	visibility: hidden; 
	z-index:1000;
}

#seitenanfanglink {
	padding: 30px 0px 10px 0px;
}
/*------------------------------------------------------------------------*/

/******************************
	layout
******************************/

#body1
{
	padding: 20px;
	text-align: center;
	color: #000000;
	background-color: #e9e3c7;
	margin: 0px;
}

#body2
{
	margin: auto;
	width: 980px;
	text-align: left;
	color: #000000;
	padding: 0px;
}

#body3
{
	color: #000000;
	margin: 0px;
	padding: 0px;
}

*html #body3
{
	margin-top: -8px;
}

#shortcutlinks
{
	float: left;
	width: 960px;
	padding-right: 10px;
	text-align: right;
	color: #B22C1B;
}

#schattenOben
{
	float: left;
	width: 980px;
	height: 7px;
	background: transparent url(/art/muesmatt/schattenOben.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#schattenUnten
{
	float: left;
	width: 980px;
	height: 10px;
	background: transparent url(/art/muesmatt/schattenUnten.gif) no-repeat;
}

#kopf
{
	float: left;
	width: 965px;
	height: 185px;
	background: #FFFFFF url(/art/muesmatt/schattenSeiten.gif) repeat-y;
}

#logobild
{
	float: left;
	width: 85px;
	height: 75px;
	padding: 80px 0px 30px 0px;
}

#kopfRechts
{
	float: left;
	height: 185px;
	width: 875px;
}

#logotext
{
	float: left;
	width: 145px;
	height: 80px;
	padding-top: 75px;
	border-bottom: 3px solid #E62514;
}
#menuBanner
{
	float: left;
	width: 730px;
	height: 155px;
	border-bottom: 3px solid #E62514;
}

#platzhalter
{
	float: left;
	height: 27px;
	width: 875px;
}

#content
{
	float: left;
	width: 965px;
	min-height: 420px;
	background: #FFFFFF url(/art/muesmatt/schattenSeiten.gif) repeat-y;
	padding-bottom: 20px;
}

*html #content
{
	height: 420px;
}

#navcontainer
{
	float: left;
	width: 150px;
	padding: 0px;
	margin: 0px;
	padding-left: 80px;
}

#hauptinhalt
{
	float: left;
	width: 499px;
	padding-right: 10px;
	min-height: 420px;
	border-right: 1px solid #CCCCCC;
}

*html #hauptinhalt
{
	height: 420px;
}

#hauptinhalt_gross
{
	float: left;
	width: 499px;
	padding-right: 10px;
	min-height: 420px;
}

*html #hauptinhalt_gross
{
	height: 420px;
}

#spalterechts
{
	float: left;
	width: 200px;
	padding-left: 20px;
}

#spalterechtsinhalt
{
	padding-right: 20px;
}

#fusszeile
{
	float: left;
	width: 900px;
	padding-left: 65px;
	padding-bottom: 10px;
	background: #FFFFFF url(/art/muesmatt/schattenSeiten.gif) repeat-y;
}

#fusszeile p
{
	font-size: 11px;
	text-decoration: none;
	color: #333333;
}

#fusszeile a
{
	font-size: 11px;
	text-decoration: underline;
	color: #333333;
}

#copyrightbyfooter
{
	float: left;
	text-align: left;
}

#sitebyfooter
{
	float: left;
	text-align: left;
	width: 953px;
	padding-top: 5px;
	padding-left: 7px;
}

#sitebyfooter a
{
	font-size: 11px;
	color: #888888;
	text-decoration: none;
}

#sitebyfooter a:hover
{
	font-size: 11px;
	color: #444444;
	text-decoration: none;
}

/*------------------------------------------------------------------------*/

/******************************
	layout drucken
******************************/

#drucken
{
	width: 580px;
}

/*------------------------------------------------------------------------*/

/******************************
	navigation 
******************************/

/******************************
	stufe 1 
******************************/
#navcontainer ul {
	list-style-type: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

#navcontainer ul li {
	display: inline;
}

/* Ueberschriften */
#navcontainer ul li.ueberschrift p {
	margin: 0px;
	padding: 15px 0px 0px 17px;
	font-weight: bold;
}

#navcontainer a, #navcontainer a:hover
{
	font-size: 11px;
}

#navcontainer ul li a {
	padding: 3px 0px 3px 6px;
	display: block;
	color: #333333;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;
}

#navcontainer ul li.first a
{
	padding-top: 0px;
}

#navcontainer ul a:hover {
	color: #E62514;
	font-size: 18px;
}

#navcontainer ul a.parentactive {
	color: #E62514;
	border-bottom: none;
}

#navcontainer ul a:hover.parentactive {
	color: #E62514;
	border-bottom: none;
}

#navcontainer ul a.active {
	color: #E62514;
	border-bottom: none;
}

#navcontainer ul a:hover.active {
	color: #E62514;
	border-bottom: none;
}

#navcontainer ul a.active_no_kids {
	color: #E62514;
}

#navcontainer ul a:hover.active_no_kids {
	color: #E62514;
}

/******************************
	stufe 2 
******************************/
#navcontainer ul ul li a {
	font-size: 12px;
}

#navcontainer ul ul li a:hover {
	font-size: 12px;
}

#navcontainer ul ul li.last a {
	border-top: none;
}

#navcontainer ul ul li.last a.parentactive {
	border-bottom: none;
}

#navcontainer ul ul li.last a:hover.parentactive {
	border-bottom: none;
}

#navcontainer ul ul li.last a.active {
	border-bottom: none;
}

#navcontainer ul ul li.last a:hover.active {
	border-bottom: none;
}

/******************************
	stufe 3 
******************************/
#navcontainer ul ul ul a {
	padding-left: 12px;
}

#navcontainer ul ul ul li {
	border-top: none;
}
/*------------------------------------------------------------------------*/

/******************************
	Shortcutnavigation
******************************/
#shortcutlinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

#shortcutlinks li
{
	display: inline;
	margin: 0px;
	padding: 0px 10px;
}

#shortcutlinks li.first
{
	border-left: none;
	padding-left: 0px;
}

#shortcutlinks a.tools 
{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#shortcutlinks a:hover.tools 
{
	color: #E62514;
}
/*------------------------------------------------------------------------*/

/*------------------------------------------------------------------------*/

/******************************
Template: Formular
******************************/
/*
fuer html-formatiertes antwort-mail: Form-Felder, die bearbeitet wurden, werden mit dieser klasse versehen
*/
.formular-eingabe
{
	background-color: #E5F3F8;
	border-color: #0089BD;
}
/*------------------------------------------------------------------------*/

/******************************
Template: Suche
******************************/
#erweiterte_suche
{
	padding-top: 1em;
}

#erweiterte_suche fieldset
{
	border: 1px solid #CCCCCC;
}
/*------------------------------------------------------------------------*/

/******************************
Template: seiteweiterempfehlen
******************************/
#seiteweiterempfehlen td {
	text-align:left;
	vertical-align:top;
}

#seiteweiterempfehlen td.buttons {
	text-align:right;
	vertical-align:top;
}

#seiteweiterempfehlen_vorschau{
	background-color: #EFEFEF;
	width:500px;
	border: 1px solid #999999;
	padding: 10px;
}

#seiteweiterempfehlen td.vorschau_buttons {
	width:406px;
	text-align:right;
	vertical-align:top;
}

/*------------------------------------------------------------------------*/

/******************************
Template: Download 
******************************/
.download
{
	padding: 10px 0px;
}

/* tabelle */
.download table.download-table
{
	width: 80%;
	border-collapse: collapse;
}

.download tr
{
	margin: 0px;
	padding: 1px;
}

.download tr.zebra
{
	background-color: #FFFFFF;
}
.download tr.zebra0
{
	background-color: #f2e6b0;
}
.download tr.zebra1
{
	background-color: #FFFFFF;
}

.download th, .download td
{
	margin: 0px;
	padding: 1px;
}

.download th
{
	/*border-bottom: 1px solid #999999;*/
}
.download th.dateLastModified
{
	width: 14em;
}
.download th.name
{
}
.download th.extension
{
	width: 5em;
	text-align: center;
}
.download th.name_datum
{
	width: 10em;
}
.download th.size
{
	width: 6em;
	text-align: right;
}
.download th.delete
{
	text-align: center;
}

.download td
{
	/*border-bottom: 1px solid #999999;*/
}
.download td.dateLastModified
{
	width: 14em;
}
.download td.name
{
}
.download td.extension
{
	width: 5em;
	text-align: center;
}
.download td.name_datum
{
	width: 10em;
}
.download td.size
{
	width: 6em;
	text-align: right;
}
.download td.delete
{
	text-align: center;
}
.download td.delete img
{
	border: 0px;
}

/* formatierung fuer upload-formular */
.download .upload
{
	padding-top: 0.5em;
}
.download .upload-message
{
	padding: 0.5em;
	border: 1px solid #BBBBBB;
}
.download .upload-message-success-true
{
	background-color: PaleGreen;
}
.download .upload-message-success-false
{
	background-color: LightSalmon;
}
.download .upload img
{
	float: left;
	padding-right: 0.2em;
}
.download .upload form.hidden
{
	display: none;
}

/* zebrastreifen (bei angezeigten Unterorndern) */
.download .aufklapp div.zebra0
{
	background-color: #F1F1F1;
}
.download .aufklapp div.zebra1
{
	background-color: #E9E9E9;
}

/*------------------------------------------------------------------------*/

/******************************
	bildgalerie 
******************************/
/* thumbnail */
#galerieTabLinks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#galerieTabLinks ul li {
	float: left;
	display: block;
	padding-right: 10px;
}

#galerieTabLinks ul li.selected a{
	color: green;
}

.bilder_klein_ohne_tabs {
	padding-top: 15px;
}

.bilder_klein_mit_tabs {
	padding-top: 10px;
}

.bild_klein {
	float: left;
	width: 170px;
	padding-bottom: 10px;
}

.submit {
	border: 1px solid #666666;
	background-color: #E5E5E5;
	font-size: 10px;
}

.bildbeschreibung {
}


.galerie_thumbnails {
}

.galerie_thumbnails .galerie_bild {
	float: left;
	width: 50%;
}

/* uebersichtUndDetail */
#bildListe {
	float: left;
	width: 150px;
}

#bildliste img {
	width: 150px;
}

#bildText {
	float: left;
	width: 180px;
	padding: 0px 10px;
}

#bildDetailbild {
	float: left;
	width: 370px;
	background: no-repeat top right;
}

#seitenLinks {
	clear: both;
}

/* seitenzahlen */
.galerie_seitenzahlen 
{
	padding: 2px 5px;
}

.galerie_seitenzahlen ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.galerie_seitenzahlen ul li
{
	float: left;
	display: block;
	width: 2em;
	border-left: 1px solid dodgerblue;
}

.galerie_seitenzahlen ul li.first
{
	border-left: 0px solid dodgerblue;
}

.galerie_seitenzahlen ul li.last
{
}

.galerie_seitenzahlen ul li a
{
	display: block;
	text-align: center;
	background-color: aliceblue;
}

.galerie_seitenzahlen ul li a:hover
{
	background-color: lightskyblue;
}

.galerie_seitenzahlen ul li a.aktiv
{
	background-color: lightblue;
}

/* zurück weiter */
.galerie_zurueckSeiteWeiter 
{
	padding: 2px;
}

.galerie_zurueckSeiteWeiter ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.galerie_zurueckSeiteWeiter ul li {
	float: left;
	width: 33%;
	display: block;
}

.galerie_zurueckSeiteWeiter ul li.zurueck {
	
}

.galerie_zurueckSeiteWeiter ul li.seiteXvonY {
	text-align: center;
}

.galerie_zurueckSeiteWeiter ul li.weiter {
	text-align: right;
}

.galerie_zurueckSeiteWeiter ul li a {
	display: inline;
}

/* navigation */
.galerie_navigation {
	clear: left;
}

.galerie_navigation ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

.galerie_navigation ul li {
	float: left;
	padding: 2px 6px;
}

.galerie_navigation ul li.zurueck {
	padding-left: 0px;
}

.galerie_navigation .galerie_seitenzahlen {
	float: left;
	margin: 0px;
	padding: 0px;
}

.galerie_navigation .galerie_seitenzahlen ul li {
	padding: 0px;
	border-left: 1px solid dodgerblue;
}

.galerie_navigation .galerie_seitenzahlen ul li.last
{
	border-right: 1px solid dodgerblue;
}

.galerie_navigation ul li.weiter {
	padding-right: 0px;
}

/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/

/******************************
	Login 
******************************/
input.eingabeFeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}

input.submit {
	font-size: 10px;
	background-color: #F6F6F7;
	border: 1px solid #999999;
	margin: 2px 0px;
}
/*------------------------------------------------------------------------*/

/******************************
	Hinweis Versionen-Management
******************************/
#hinweisVmgmtVorschau
{
	margin: 20px;
	padding: 5px;
	border: 1px solid black;
	background: #D9E9EF;
}
#hinweisVmgmtVorschau.versteckt
{
	display: none;
}
#hinweisVmgmtVorschau img.icon_help
{
	border: 0px;
}
#hinweisVmgmtVorschau img.icon_schliessen
{
	border: 0px;
	float: right;
}

/*------------------------------------------------------------------------*/

/******************************
	RSS
******************************/
.rsslink img
{
	border: 0px;
}
.rsslink img.rsslogo
{
	padding: 0px 6px 0px 3px;
}
/*------------------------------------------------------------------------*/

/*
Style fuer den FCK-Editor
*/
.kleineschrift
{
	font-size: smaller;
}

.grosseschrift
{
	font-size: larger;
}

/*------------------------------------------------------------------------*/
/******************************
tablesorter
******************************/
table.tablesorter thead tr .header {
background-image: url(../admin/image/tablesorter/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody tr.odd{
background-color:#FFFAE5;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(../admin/image/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(../admin/image/tablesorter/desc.gif);
}

#pager img{
cursor: pointer;
}

#pager form{
  vertical-align: top;
}

#pager form input, select{
  vertical-align: top;
  margin:0px;
}
/*------------------------------------------------------------------------*/

/****************************************** Ext Bildergalerie ************************************************/
.rahmen {  }
.inhalt {  }
.bild { text-align:center; width:500px;  }
.text { bottom: 0px; padding: 5px 50px 5px 50px; bottom:0px; left: 0px; background: transparent url(../ext/background.png); color:#FFFFFF; }
.nummer { top: 0px; padding: 2px; top:0px; right: 0px; background: transparent url(../ext/background.png); color:#FFFFFF; font-size:10px; text-align: center; display: block; }

#knopfblock { bottom: 0px; left:0px; }

.next { position: absolute; top: 0px; right: 0px; z-index: 150; height: 100%; width: 50px; background: url(../ext/picture_next.gif) no-repeat 50%; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }
.next:hover {  opacity: 1; filter: alpha(opacity=100); cursor: pointer; }

.previous { position: absolute; top: 0px; left: 0px; z-index: 150; height: 100%; width: 50px; background: url(../ext/picture_previous.gif) no-repeat 50%; opacity: 0.5; filter: alpha(opacity=50); }
.previous:hover { opacity: 1.0; filter: alpha(opacity=100); cursor: pointer; }

#slider { }
/**************************************************************************************************************/



/*****************************   Blättern DIV Conteiner   ****************************************/

.blaettern_seite_active {
	/*width:510px;*/
	float: left;
	display: block;
	visibility: visible;
}

.blaettern_seite_hidden {
	float: left;
	/*width:510px;*/
	display: none;
	visibility: visible;
}

.blaettern_navi {
	border-bottom: 1px solid #999999;
	width: 95%;
	width: 100%;
	float: left;
	margin-top: 2px;
	margin-bottom: 0px;
}

.blaettern_navi_records {
	width: 250px;
	float: left;
}

.blaettern_navi_pagenr {
	float: right;
}

/************************************************************************************************************/

/*****************************   Bildergalerie   ****************************************/

/****************************************** Ext Bildergalerie ************************************************/
.ext-galery-container { position: relative; overflow: hidden; }
.ext-galery-slider { position: relative; top: 0px; }
.ext-galery-rahmen { float: left; margin: 0px; padding: 0px; background-color:#000000; }
.ext-galery-inhalt { position: relative; width:100%; height:100%; }
.ext-galery-bild { text-align:center;  }
.ext-galery-text { position: absolute; display:block; height: 60px; bottom: 0px; padding: 5px 50px 5px 50px; bottom:0px; left: 0px; background: transparent url(../../art/ext_bildgalerie/background.png); color:#FFFFFF; }
.ext-galery-nummer { position: absolute; display:block; top: 0px; padding: 2px; top:0px; right: 0px; background: transparent url(../../art/ext_bildgalerie/background.png); color:#FFFFFF; font-size:10px; text-align: center; display: block; }
.ext-galery-navigation {position: absolute; display:block; bottom: 0px; left:0px; height: 80px;}

.ext-galery-next { position: absolute; top: 0px; right: 0px; z-index: 150; height: 100%; width: 50px; background: url(../../art/ext_bildgalerie/picture_next.gif) no-repeat 50%; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }
.ext-galery-text p { float: left; padding:0px; margin: 0px;} /* Wichtige definition für IE7 */

.ext-galery-next:hover {  opacity: 1; filter: alpha(opacity=100); cursor: pointer; }

.ext-galery-previous { position: absolute; top: 0px; left: 0px; z-index: 150; height: 100%; width: 50px; background: url(../../art/ext_bildgalerie/picture_previous.gif) no-repeat 50%; opacity: 0.5; filter: alpha(opacity=50); }
.ext-galery-previous:hover { opacity: 1.0; filter: alpha(opacity=100); cursor: pointer; }

.GalerieUebersicht { float: left; width: 145px; margin: 0px; padding: 20px 50px 10px 50px; }
.GalerieTitel {	float: left; width: 135px; height: 35px; background-color: #F1F2F7;	padding: 2px 5px; margin: 0px; }
.GalerieTitel a { text-decoration: none; display: block; }

/****************************************************************************************/


/*------------------------------------------------------------------------*/


@media print {
.window_print {display:none;}
}