body {
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
	background-color:#EDCA2E;
}

b {
	font-weight: bold;
	/*color : #333333*/;
}

td, input, select 
{ 
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
}

a { color: #B7850D; font-weight: normal; text-decoration: none;}
a:hover { color: #A23F0A; font-weight: normal; text-decoration: underline; background-color: transparent;}


cite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#888888;
	text-align: justify;
	font-style: normal;
	line-height: 15px;
	
}

.whitetext {
	COLOR: #ffffff;
}

.white		{ color: #FFFFFF; }

.darkred		{ color: #9C3D11; }

.bold {
	font-weight: bold;
}

.warning
  {

	font: 12px; 
	margin-bottom: 0em;
	font-weight: bold; 
	color:#FF6600;
	line-height: 18px;
}

.bigwarning
  {

	font: 13px; 
	margin-bottom: 0em;
	font-weight: bold; 
	color:#FF6600;
	line-height: 20px;
}


cite p {
	text-align: justify;
}


hr {
	border: none 0px;
	width: 100%;
	height: 1px;
	background-color: #B3B3B3;
	color: #B3B3B3;
}


h1 {
	font-size: 1.1em;
	margin-bottom: 0em;
	margin-left: 18px;
	font-weight: bold; 
	color:#FFFFFF;
	line-height: 18px;
}

h2 {
	font: 13px; 
	margin-bottom: 0em;
	font-weight: bold; 
	color:#DD0000;
	line-height: 18px;
}

h3 {
	font-size: 1em;
	margin-bottom: 0.6em;
	margin-top: 0em;
	margin-left: 0px;
	font-weight: bold; 
	line-height: 16px;
}


h4 {
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: 550;
	/*padding-bottom: 0.6em;*/
}

h5 {

	margin-left: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
}

h6 {
	font-size: 1em;
	margin-bottom: 0em;
	font-weight: bold; 
	line-height: 16px;
}


.td-margin
 {
		
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	margin-left: 10px;
	font-weight: 550;
}


p {
		margin-bottom: 0em;
    line-height: 15px;
}

.p2 {
		margin-bottom: 1em;
		margin-left: 8px;
}

.p3 {
		margin-bottom: 0.3em;
		margin-left: 8px;
}

.cite {

	color:#666666;
	text-align: justify;
	font-weight: normal; 
}

.product-color {

color: #749EB3;
}

.login {
	FONT-SIZE: 10px; FONT-FAMILY: Arial, sans-serif; HEIGHT: 16px;
}







/*	formatiert den Container des HauptMenu
	<div id="MenuContainer"> */ 
#MenuContainer {
	display:block;
	float:left;
/* width:250px; */
	margin:0px 0px 0px 0px;
	background-color:#E3B134;
  
}


/*	formatiert den Container des UnterMenu
	<div id="SubMenuContainer">
	
	A: Klasse befindet sich NavigationsTemplate
	 */ 
#SubMenuContainer {
/*	display:block;	*/
	float:left;
	clear:left;
	width:139px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
}




/*******************************************************************************
	NAVIGATION
	
	Anmerkung:
	MainMenu = Hauptnavigation = Hauptordner im RedaxoBackend
	SubMenu = Unternavigation = Unterordner vom Hauptordnern im RedaxoBackend
	
	Aktiv = Status bei der aufgerufenen Seite
	Inaktiv = Status bei der nicht aufgerufenen Seiten
	
	Button = der Button als solches
	
	
	SourceCode der ausgegeben wird bzw. hier zur Veranschaulichung wo sich die einzelnen Klassen befinden
	<div id="MenuContainer">
		<div class=MainMenu>
			<div class=MainInaktivButton><a href=index.php?article_id=1>HOME</a></div>
			<div class=MainInaktivButton><a href=index.php?article_id=3>NEWS</a></div>
			<div class=MainAktivButton><a href=index.php?article_id=2>BOARDS</a></div>
			<div class=MainInaktivButton><a href=index.php?article_id=8>OPEN BOARD</a></div>
			<div class=MainInaktivButton><a href=index.php?article_id=5>USERLISTE</a></div>
			<div class=MainInaktivButton><a href=index.php?article_id=11>KONTAKT</a></div>
			<div class=MainInaktivButton><a href=index.php?article_id=12>IMPRESSUM</a></div>
		</div>
	</div>
 	<div id=SubMenuContainer>
		<div class=SubMenu>
			<div class=SubInaktivButton><a href=index.php?article_id=17>ALLGEMEIN</a></div>
			<div class=SubInaktivButtonLeer>&nbsp;</div>
			<div class=SubInaktivButton><a href=index.php?article_id=18>LERN MICH KENNEN</a></div>
		</div>
	</div>
	
	
*******************************************************************************/

/*	formatiert den HauptContainer des MainMenu
	<div class="MainMenu"> */
.MainMenu {
	float:none;
/*	display:inline; */
	width:600px;
	background-color:transparent;
  padding:0px 0px 0px 12px;
}

/*	formatiert den Container des Button im MainMenu
	<div class="MainAktivButton"> bzw. <div class="MainInaktivButton"> */
.MainMenu .MainAktivButton {
	float:left;
	padding:0px 0px 2px 0px;
  border-left:1px solid #FFFFFF;
	font-size:12px;
	background-color:#9C3D11;
	vertical-align:middle;
}

.MainMenu .MainInaktivButton {
	float:left;
	padding:0px 0px 2px 0px;
	font-size:12px;
  border-left:1px solid #FFFFFF;
	background-color:transparent;
	vertical-align:middle;
}


/*	formatiert den Link im Container des Button im MainMenu
	<a class="MainAktivButton"> bzw. <a class="MainInaktivButton"> 
  
  	padding:1px 10px 1px 10px;
    text-decoration:none;
    	FONT-WEIGHT: bold;
  
  */
.MainMenu .MainAktivButton a:link, .MainMenu .MainAktivButton a:visited {
	display:block;
	border:0px solid #9C3D11;
  text-decoration:bold;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold; 
  COLOR: #FFFFFF;
  background-color:#9C3D11;
	padding:1px 10px 1px 10px;
}

.MainMenu .MainAktivButton a:hover {
	text-decoration:none;
}

.MainMenu .MainInaktivButton a:link, .MainMenu .MainInaktivButton a:visited {
	display:block;
	border:0px solid #FFFFFF;
  COLOR: #FFFFFF;
	text-decoration:none;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
	background-color:#E3B1347;
	padding:1px 10px 1px 10px;
}

.MainMenu .MainInaktivButton a:hover {
	border:0px solid #FFFFFF;
  COLOR: #9C3D11;
	text-decoration:none;
	background-color:#E3B1347;
}


/*	formatiert den Button im MainMenu dessen Hauptordner keine Bezeichnung hat
	<div class="MainInaktivButtonLeer"> 
	
	M: Keinen leeren Hauptordner anlegen */
.MainMenu .MainInaktivButtonLeer {
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	font-size:11px;
	background-color:#E3B1347;
	vertical-align:middle;
}



/*	---------------------------   SUBMENUE ------------------------------------- */



/*	formatiert den HauptContainer SubMenu
	<div class="SubMenu"> */
.SubMenu {
	display:block;
	width:136px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
  border:0px solid #E0DFDB;
}


/*	formatiert den Container des Button im SubMenu
	<div class="SubAktivButton"> bzw. <div class="SubInaktivButton">
  
  Achtung - die Hintergruende usw. werden erst weiter unten bei Linkformationen definiert! */
  
.SubMenu .SubAktivButton {
	float:none;
	font-size:12px;
	vertical-align:middle;
	background-color:transparent;
	border-left:0px solid #E2C773;
	padding:0px 0px 0px 0px;
}

.SubMenu .SubInaktivButton {
	float:none;
	font-size:12px;
	vertical-align:middle;
	background-color:transparent;
	border:0px solid ##FFFFFF7;
	padding:0px 0px 0px 0px;
}


/*	formatiert den Link im Container des Button im SubMenu
	<a class="SubAktivButton"> bzw. <a class="SubInaktivButton"> */

  
/*	Achtung - hier werden auch die Hintergruende usw. definiert! */  
  
.SubMenu .SubAktivButton a:link, .SubMenu .SubAktivButton a:visited {
	display:block;
	border-left:0px solid #E2C773;
	border-right:0px solid #E2C773;
	padding:1px 0px 1px 0px;
	color:#9C3D11;
  FONT-WEIGHT: bold;  
	text-decoration:underline;
	background-color:transparent;

}

.SubMenu .SubAktivButton a:hover {
	display:block;
	border-left:0px solid #E2C773;
	border-right:0px solid #E2C773;  
	text-decoration:underline;
	color:#9C3D11;
  FONT-WEIGHT: bold;  
  background-color:transparent;
}

.SubMenu .SubInaktivButton a:link, .SubMenu .SubInaktivButton a:visited {
	display:block;
	border-left:0px solid ##FFFFFF7;
	border-right:0px solid ##FFFFFF7;
	padding:1px 0px 1px 0px;
	color:#B7850D;
  FONT-WEIGHT: bold;
	text-decoration:none;
	background-color:transparent;
}

.SubMenu .SubInaktivButton a:hover {
	display:block;
	border-left:0px solid #E2C773;
	border-right:0px solid #E2C773;
	color:#9C3D11;
  FONT-WEIGHT: bold;
	text-decoration:underline;
	background-color:transparent;
}


/*	formatiert den Button im SubMenu dessen Unterordner keine Bezeichnung hat
	<div class="SubInaktivButtonLeer"> */
.SubMenu .SubInaktivButtonLeer {
	height:24px;
	font-size:2px;
	border-left:4px solid #DDDDDD;
	border-right:8px solid #DDDDDD;
	padding:0px 0px 0px 0px;
	background-color:#EEEEEE;
}


/*	Nachfolgend die Formatierung der Suchfunktion

/*	formatiert das Formular der SuchEingabe
	<div class="SearchForm"> */
.SearchForm { display:block; }


/*	formatiert den Titel der SuchEingabe
	<div class="SearchTitle"> */
.SearchTitle {
	display:block; FONT-SIZE: 12px; COLOR: #666666; margin:0px 0px 13 px 0px; FONT-FAMILY: Arial, sans-serif
}


/*	formatiert den Container der SuchBox - Formatierung eingegebener Text
	<div class="SearchBox"> */
.SearchBox {
	display:block;
  FONT-FAMILY: Arial, sans-serif;
	color:#666666;
  FONT-SIZE: 10px;
  HEIGHT: 18px; 
	margin:0px 0px 5px 0px;
}


/*	formatiert die SuchBox
	<div class="SearchBox"><input type="text"> */
.SearchBox input { border:1px size=3; WIDTH: 100%; COLOR: #666666; BACKGROUND-COLOR: #f6f4ef;}


/*	formatiert den Container der Suchauswahl
	<div class="SearchSelection"> */
.SearchSelection {
	display:block;
  color:#666666;
	padding:5px 0px 0px 0px;
	vertical-align:middle;	
}


/*	formatiert den RadioButton der Suchauswahl
	<div class="SearchSelection"><input type="radio"> */
.SearchSelection input {
	margin:0px 5px 0px 0px;
	vertical-align:middle;
}


/*	formatiert den Container des AbsendeButtons
	<div class="SearchBox"> */
.SearchButtonSubmit {
	display:inline;
	margin:0px 10px 0px 0px;
}


/*	formatiert den AbsendeButton
	<div class="SearchBox"><input type="submit"> */
.SearchButtonSubmit input {
	display:inline;
  BACKGROUND-COLOR: #E6E2D6;
	border:1px 
	font-size:11px;
}


/*	formatiert den Container des ResetButtons solid #FF9900;
	soll dieser sichtbar sein, dann display:inline;
	<div class="SearchButtonReset"> */
.SearchButtonReset { display:none; }


/*	formatiert den ResetButton
	<div class="SearchButtonReset"><input type="reset"> */
.SearchButtonReset input {
	display:inline;
	background-color:#DDDDDD;
	border:1px solid #FF9900;
	font-size:11px;
}


/****************************************************************
	Modul SearchOutput
*****************************************************************/

/*	formatiert den Container der SuchAusgabe
	<div class="SearchOutput"> */
.SearchOutput {
	display:block;
	margin:0px 0px 40px 0px;	
}


/*	formatiert den Einleitungstext der SuchAusgabe: Es wurden ... 
	<div class="SearchIntroduction"> */
.SearchIntroduction {
	display:block;
  font-weight:bold;
    color:#A23F0A;
}


/*	formatiert den KategorieLink in der SuchAusgabe
	<div class="SearchCategory"><a href=""> */
.SearchCategory a:link, .SearchCategory a:visited {
	display:block;
	color:#B7850D;
  text-decoration:underline;
	margin:20px 0px 0px 0px;
}

.SearchCategory a:hover { text-decoration:underline; color: #A23F0A;}


/*	formatiert das gefundene Wort in der SuchAusgabe	z.B. color:#FF0000; = rot
	<span class="SearchWord"> */
.SearchWord { 
  font-weight:bold;
    color:#666666;
}


/*	formatiert den Container, wenn Suche nicht erfolgreich war
	<div class="SearchUnsuccessful"> */
.SearchUnsuccessful {
	display:block;
	color:#FF0000;
}