body
{
	font-family: Arial,Verdana,sans-serif;
	color: #ffffff;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	}

h1
{
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 0px;
}




.historyback a { text-decoration: none; color: #ff0000; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px;}
a { text-decoration: none; color: #ffffff;  }
p { margin-top: 0; }


#menu
{
	position: absolute;
	top: 31px;
	left: 330px;
	width: 680px;
	
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	z-index: 6;
}

#left
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 337px;
	height: 541px;
	background-image: url(gfx/basis/logo-inhalt-neu.jpg);
	background-repeat: no-repeat;
	
	padding: 0px;
	z-index: 1;
}

#content
{
	Position: absolute;
	top: 54px;
	left: 330px;
	width: 380px;
	
	margin: 0px 0px 20px 0px;
	padding: 0px;
	z-index: 2;
}



#contentbreit
{
	Position: absolute;
	top: 54px;
	left: 330px;
	width: 608px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #ffffff;
	z-index: 3;
}

#footerbreit
{
	Position: absolute;

	width: 600px;
	height: 20px;
margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #000000;
	z-index: 2;
}






#right
{
	position: absolute;
	top: 54px;
	left: 720px;
	width: 220px;
	
	z-index: 1;
	padding: 0px;
}

#footer
{
	background-image: url(gfx/basis/marken_inhalt.gif);
	background-repeat: no-repeat;
	
	height: 37px;
	width: 374px;
	margin: 10px 0px 30px 0px;
	padding: 0px;
	border: 0px;
}

/*---KLASSEN---*/
.textklein
{
	font-size: 10px;
	text-decoration: none;
}



.tablecontentfirst
{
	width: 380px;
	max-width: 380px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	z-index: 4;
}
.tablecontentfirst a { text-decoration: underline; }

.tablecontent
{
	width: 380px;
	max-width: 380px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	padding: 0px;
	margin-bottom: 10px;
	z-index: 4;
}

.tableklein
{
	width: 380px;
	max-width: 380px;
	font-size: 10px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	padding: 0px;
	margin-bottom: 10px;
	z-index: 4;
	
}


.tablecontentfirst td { vertical-align: top; padding: 10px 15px 10px 15px; }
.tablecontent td { vertical-align: top; padding: 10px 15px 10px 15px; }
.tableklein td { vertical-align: top; padding: 10px 15px 10px 15px; }
.tablecontent a { text-decoration: underline; }

.tableright
{
	width: 220px;
	max-width: 220px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	margin-bottom: 10px;
	z-index: 4;
}

.tableright td { vertical-align: top; padding: 10px 10px 10px 10px; }

.tablerightlast
{
	width: 220px;
	max-width: 220px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	margin-bottom: 0px;
	z-index: 4;
}

.tablerightlast td { vertical-align: top; padding: 10px 10px 10px 10px; }



.tablezurueckvor
{
	width: 380px;	
	max-width: 380px;
	height: 30px;
	font-size: 12px;
	color: #ffffff;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	padding: 0px 5px 0px 5px;
	margin-bottom: 10px;
	z-index: 4;
}

.tablezurueckvor a { text-decoration: none; font-weight: bold; color: #ffffff; }
.tablezurueckvor td { vertical-align: bottom; }
.tablezurueckvor a:hover { color: #ff0000; }

.tablemember
{
	width: 380px;
	max-width: 380px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	padding: 0px;
	margin-bottom: 10px;
	z-index: 4;
}

.tablemember td { vertical-align: top; z-index: 2; padding: 0px 15px 4px 15px; }
.tablemember a { text-decoration: underline; color: #ffffff; }
.tablemembererstespalte { vertical-align: top; width: 120px; font-weight: bold; }

.tablememberbock
{
	width: 380px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	padding: 4px;
	margin-bottom: 10px;
	z-index: 4;
	text-align: center;
}




.tablecontact td { vertical-align: bottom; z-index: 2; padding: 0px 0px 0px 10px; }
.tablecontact .fett { width: 60px; text-align: left; }
.tablecontact .rechts { text-align: left; }

.tablenewsletter
{
	width: 200px;
	max-width: 200px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	padding: 0px;
	margin: 0px;
	z-index: 4;
}

.tablenewsletter td { vertical-align: bottom; z-index: 2; }



.tableabstand
{
	margin-top: 0px;
	background-color: #000000;
	width: 100px;
	height: 15px;
}

.contenttext { font-size: 12px; }
.center { text-align: center; }
.floatright { float: right; margin: 0px 0px 0px 0px; }
.floatleft { float: left; margin: 0px 0px 0px 0px; }
.tdright { text-align: right; }
.fett { font-weight: bold; }




.breittable
{
	width: 600px;
	font-size: 12px;
	border-spacing: 0;
	table-layout: auto;
	background-color: #000000;
	border: 1px solid #ffffff;
	margin-bottom: 10px;
	z-index: 4;
}

.breittable td { padding-left: 15px; }
.breittable a { text-decoration: underline; color: #ffffff; font-size: 12px; font-weight: bold;}


.tablelinkstext { font-size: 11px; color: #ff6600; margin-left: 30px; margin-top: 30px;}
.tablelinkstext a { text-decoration: none; color: #ffffff; font-size: 11px; font-weight: bold; padding: 0px; margin: 0px;}
.tablelinkstext a:hover { color: #ff0000; font-size: 11px; font-weight: bold; padding: 0px; margin: 0px;}


.buttoncontact
{
	width: 190px;
	color: #ffffff;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	border: 1px solid #ffffff;
	background-color: #000000;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.buttonnewsletter
{
	width: 195px;
	color: #ffffff;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	border: 1px solid #ffffff;
	background-color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;}


.buttonpictures
{
	width: 150px;
	color: #ffffff;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	border: 1px solid #ffffff;
	background-color: #000000;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}



.formularcontact
{
	color: #000000;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	border: 0px solid #ffffff;
	background-color: #ffffff;
	padding: 3px;
	width: 185px;
}

.formularnewsletter
{
	color: #000000;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	border: 0px solid #ffffff;
	background-color: #ffffff;
	padding: 3px;
	width: 190px;
	margin-bottom: 8px;
}

.thumbnail
{
	float: left;
	width: 197px;
	border: 0px solid #ffffff;
	margin: 0px 0px 10px 0px;
	padding-bottom: 3px;
	text-align: center;

}

.thumbnail img { margin-bottom: 3px; }
.thumbnail p { margin: 0 0 3px 3px; }

.lastthumb
{
	width: 60px;
	height: 2px;
	border: 1px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	clear: left;
}

/*------------MENU-----------*/
#mainMenu
{
	
	border-bottom: 0px solid #666666;
	border-top: 0px solid #666666;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	color: #000;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	height: 20px;
}

#menuList
{
	margin: 0px;
	padding: 0px;
}

#menuList ul
{
	margin: 0px;
	padding: 5px;
}

#menuList li
{
	display: inline;
	list-style: none;
}

a.actuator
{
	
	color: #fff;
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
}

a.actuator:hover
{
	
	margin: 0px;
	
}

.menu
{
	color: #fff;
	background-color: #000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	visibility: hidden;
}

.menu li a
{
	
	color: #fff;
	display: block;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	text-decoration: none;
}

.menuneverforget
{
	
	color: #fff;
	display: block;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	text-decoration: none;
}

.menu li a:hover
{
	background-color: #fff;
	color: #000;
}

span.key { text-decoration: underline; }
#einsMenu { width: 204px; }
#zweiMenu { width: 200px; }
#dreiMenu { width: 120px; }
#vierMenu { width: 250px; }
#fuenfMenu { width: 100px; }
#sechsMenu { width: 100px; }




























/* ################################### Container für die Ausgabe ################################### */
#cont_all {
	width:348px;
	margin: 0px 0px 0px 0px;
}
/* ################################### Breite der News ################################### */
.show_news_container,
.show_news_headline,
.show_news_headline_hover,
.show_news_inhalt,
.show_news_footer,
#formular_make_news,
#formular_titel_headline,
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer,
.options {
	width:348px;
}
/* ################################### Breite der Formular Input Felder ################################### */
.input_feld , .input_area {
	width: 348px;
}
/* ################################### Suchmaske ################################### */
#input_search {
	background-color:#ffffff;
	border:1px solid #ffffff;
	background-image: url("../data/graphic/lupe.png");
	background-repeat: no-repeat;
	padding-left:0px;
}
/* ################################### Admin Login Dialog ################################### */
#admin_login {
	width:348px;
	margin:20px 0px 20px 0px;
	font-weight:bold;
	font-size:smaller;
}
#i_login, #i_pass {
	width:200px;
	margin-top:5px;
	text-align:right;
}
#i_button {
	text-align:right;
	margin:0px 15px 5px 0px;
}

/* ################################### News Anzeige ################################### */

.show_news_container {
	height :auto;
	padding:0px 15px 0px 15px;
	margin:0px auto 10px auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 14Px;
	background-image: url("../data/graphic/scan.png");
	background-repeat: repeat;
	border:1px solid #ffffff;
	clear:both;
}

.show_news_headline , .show_news_headline_hover {					/* News Headline */
	margin-top:10px;
	margin-bottom:3px;
	padding-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:0px;
	border-bottom-color:#ffffff;
	clear:both;
	cursor:pointer;
}
.show_news_headline_hover {
/*	background-color:#F1EBC9; */
border-bottom-style:dashed;
}
.show_news_inhalt {													/* News Inhalt */
	clear:both;
}
.show_news_footer {													/* News Footer */
	margin-top:5px;
	padding-top:20px;
	border-top-style:solid;
	border-top-width:0px;
	margin-bottom: 10px;
	border-top-color:#ffffff;
	clear:both;
}
.show_news_admin_buttons 
						/* Admin Button Edit und Delete */

.show_news_container a

{								
	
	text-decoration: underline;
	outline: 0;
	color: #ff0000;
}

.show_news_container a:hover {										/* ### News hover link ### */
	color: #ff0000;
	text-decoration: none;
	outline: 0;
}
.linie {border-top:1px dotted #ffffff;}								/* Trennlinie (Line) */

/* ################################### Formular News erstellen ################################### */

#formular_titel_headline,											/* Headline */
#formular_titel_inhalt,
#formular_titel_footer,
#formular_input_headline,
#formular_input_inhalt,
#formular_input_footer {
	margin-top:10px;
	font-weight:bold;
}

#formular_input_headline,											/* Headline Input */
#formular_input_inhalt,
#formular_input_footer{
	padding:2px;
	font-weight:normal;
}
.input_feld,														/* Input Felder und Textarea */
.input_area {
	font-family: Arial, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.input_area {
	height: 250px;
	line-height:16px;
	letter-spacing:1px;
}
#text_format {														/* Zeile für Formatierungen etc. */
	padding-top: 5px;
	
}
#listen_format {													/* Listen */
	padding-top: 5px;
}
#diverse_format {													/* Link, Break, Code.... */
	padding-top: 5px;

	
}
#make_news_button {													/* Preview, Save, Cancel */
	padding-top: 5px;
	padding-bottom: 5px;
}
.show_news_container .bbcode a {									/* Link in BBCode Zeile */
	text-decoration: none;
	outline: 0;
}
.show_news_container .bbcode a:hover {								/* hover in BBCode Zeile */
	text-decoration: none;
	outline: 0;
}
/* ################################### News Formular Bilder  ################################### */
.bilder {}

.bild {
	text-align:center;
	width:100px;
	float:left;
}
.insert {
	text-align:center;
	width:240px;
	float:left;
}
.delete {
	text-align:center;
	width:200px;
	float:left;
}
.options {
	color: #544F43;
	text-align:left;
	padding:2px;
}
/* ################################### News Formular Dateien  ################################### */
.dateien {}

.datei {
	width:auto;
	float:left;
	margin-right:20px;
}
.datei_insert {
	text-align:center;
	width:140px;
	float:left;
}
.datei_delete {
	text-align:right;
	width:100px;
	float:left;
	margin-top:-6px;
}
/* ################################### Buttons und Hover effekt für Buttons Seiten Navigation ################################### */

.button_normal,
.button_mover{
	margin: 2px 2px 10px 0px;
	padding:0px 2px 2px 2px;
	background-color: #000000;
	color: #ffffff;
	background-image: url("../data/graphic/button.png");
	background-repeat: repeat-x;
	height:14px;
	border:1px solid #FF0000;
	font-size:9px;
	font-weight:bold;
}
.button_mover {
	background-color: #ffffff;
	color: #000000;
	background-image: url("../data/graphic/button_a.png");
	
}
/* ################################### ab hier Seiten Navigation ################################### */

.show_news_container .seiten_navi a {
	margin: 5px 3px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color: #000000;
	color: #F1F1F1;
	background-image: url("../data/graphic/button.png");
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold;
}
.show_news_container .navi_a , .show_news_container .seiten_navi a:hover {
	margin: 5px 3px 0px 0px;
	padding:2px 5px 2px 5px;
	background-color: #EFEFEF;
	color: #FF6600;
	background-image: url("../data/graphic/button_a.png");
	background-repeat: repeat-x;
	height:19px;
	border:1px solid #000000;
	font-size:10px;
	font-weight:bold;
}
/* ################################### Stile und Überschriften ################################### */

.show_news_container .Stil1 {
	color: #ffffff;
}
.show_news_container .Stil2 {
	color: #ffffff;
}
.show_news_container .Stil3 {
	color: #ffffff;
}
.show_news_container h1 {
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	font-family: Arial, Verdana, Tahoma,  Helvetica, sans-serif;
}
/* ################################### Formular "Settings" ################################### */

.settings_beschreibung {
	width:120px;
	float:left;
	margin:5px;
}
.settings_wert {
	width:160px;
	float:left;
	margin:2px;
}
.settings_help {
	padding-top:4px;
	font-size:9px;
}
.clear {
	clear:both;
}
/* ################################### Tooltips ################################### */
.tooltip , .tooltip_breit {
 
  position:absolute;
  display: none;
  color: #000000;
  background-color: #ffffff;
  width:150px;
  border:1px solid #000000;
  height:auto;
  font-size:10px;
  font-family: Arial, Verdana, Tahoma,  Helvetica, sans-serif;
}
.tooltip_head {
	
	height:19px;
	text-align:left;
	padding:6px 5px 0px 5px;
	color:#FFFFFF;
	font-weight:bold;
}
.tooltip_content {
	border-top:1px solid #000000;
	padding:5px;
	background-color:#FFFFFF;
	text-align:left;
}
.tooltip_breit {
	width:350px;
}
.code {
	border:1px solid #544F43;
	height:auto;
	width:auto;
	padding:10px;
	overflow:auto;
	background-color:#FFFFFF;
	font-size:12px;
}