/**
 * Homepage Moderne Schwertkunst
 */


 /* font-settings. set standard-font and standard-size.
    iexplorer needs div tag, too */
html
{
	height: 100%;
}
		

body, div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

body
{
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 100%;	
}

ul
{
	margin-top: 2px;
	margin-bottom: 6px;
}

ol ol
{
	list-style-type: lower-alpha;
}

a 
{
	color: #c04000;
	padding: 0px;
	text-decoration: none;
}

a:hover {
	color: #ff5000;
	text-decoration: none;
}



/********************************************* BEARBEITEN **************************************/
/* Registerkarten für Funktionalität zum Bearbeiten, Versionieren, etc. */
div#edit_page
{
	padding-top: 10px;
	margin-top: 55px;
}
span.tabbut {
	border-top: 3px solid #990000;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	background-color: #ffdddd;
	padding: 2px 6px 2px 6px;
	margin: 2px;
}
.tablink {}


/* GENERAL LAYOUT EXPLANATION
 *
 * The tiki application is enclosed as a whole in tiki-main tiki-main contains three divs: tiki-top, 
 * tiki-mid and tiki-botthat will be used for the header, application and footer.
 *
 * tiki-mid contains a 3-column table, the columns are called (ids) leftcolumn, centercolumn and rightcolumn
 * Finally centeHrcolumn contains tiki-center where the main area of the application is displayed.
 *
 */

/********************************************* GENERAL LAYOUT *********************************************************/

/* This div encloses the whole Tiki application */
div#tiki-main
{ 
	margin: 0px;
	width : 900px;
	height: 100%;
}



/************************************* HEADER ********************************/

/* header */
div#tiki-top { }

/* top navigation bar */
div#navigation_top { font-size: 7.5pt; text-align: right; font-weight: bold;}
div#navigation_top a
{
	color: black;
}
div#navigation_top a:hover
{
	color: red;
}

/* sitelogo */
div#sitelogo { border: none; }


/************************************ FOOTER *********************************/

/* footer */
DIV#tiki-bot 
{  
	padding-top: 10px;  
	margin-top: 5px;  
	border-top: thin solid black
}


/*********************************** APPLICATION *****************************/

/* midde */
div#tiki-mid     { height: 100%; }

/* the three columns */
table#tikimidtbl { width: 100%; height: 100%;}
td#leftcolumn    { vertical-align: top;	width: 203px; height: 100%; padding-top: 50px; background-color: #0a0a9a;}
td#rightcolumn   { vertical-align: top;	width: 155px; }
td#centercolumn  { vertical-align: top;}

/* and this is what lies inside the centercolumn */
div#tiki-center {}




/******************************* BOXES - MODULES *****************************/
/* BOXES boxes are used to present a box with a title bar and content, they 
   are used for modules and they are also used in the rankings, admin screen 
	 etc. The box class is used for modules while the cbox class is used for 
	 other boxes */

/* boxes used for modules (modules are those boxes in the left/right columns) */
div.box 
{  
  margin: 0px 0px 37px 0px;
  border: none; 
	overflow: hidden; 
	color: #ff5000;
  width: 200px;
	background-color: #0a0a9a;
}

/* menu title */
div.box-title {
	display: none;
}

/* menu - content */
div.box-data {
  padding-right: 30px;
	line-height: 13pt;
	text-align: left;
}

/* menu - links */
.linkmenu         { padding-left: 6px; }
.linkmenu:before  { content: url("bjj/box.png");}
a.linkmenu 				{ color: #ffb300; font-weight: bold; }
a.linkmenu:hover 	{ color: yellow;}


/* menu - group */
.separator         { padding-right: 13px; padding-top: 7px; color: #c04000; font-weight: bold;}

/* menu - group */
.separatorline
{ 
	margin-top: 7px;
	padding-top: 7px;
	border-top: thin dashed #003366;
}
a.separatorline:before { content: "\25B6\0020"; }

/* modules - links */
.linkmodule { color : #990000; text-decoration: none; }


/* ??? */
span.user-box-text {
  color: black;
}

/* ??? When modules display a list of items each item is enclosed in a cell with the following style */
TD.module { color : black;  text-align: left;}



/******************************* HEADINGS ************************************/

h1 
{ 
	font-size: 10pt;  
	color : black; 
	padding: 5px 5px 5px 34px; 
	margin: 0;
	background-color: white;
	border-bottom: 1px solid #666;
	text-transform: uppercase;
}
h1:before { content: ":: "; }
h1:after { content: " ::"; }

/* when the page title is a link this is the style */
.pagetitle, .forumspagetitle { color: black; }
.pagetitle:hover { color: black; }

h2 
{ 
	left: -34px;
	font-size: 10pt;  
	color : black;
	background-color: white;
	border-bottom: 1px solid #c04000;
	padding: 5px 5px 5px 34px;
	margin: 30px 0px 10px -34px;
}

h3 
{ 
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #999;
	color : black;
}

h4
{
	font-size: 8pt;
	margin-bottom: 3px;
	font-weight: bold;
}



/********************************  THE WIKI **********************************/

/* Text in wiki pages is displayed using the following style */
div.wikitext 
{
	padding-left: 70px;
  background: white;
  border: none;
}

/* here are the buttons to edit the page and so on */
table.wikibar {
	width: 100%;
}

/* The bar where the actions for a page are displayed */
DIV#page-bar {	
margin-left: 5px;
margin-top: 5px;
}

/* Wiki action buttons (the buttons displayed at the end of each page to edit/print/remove/etc a page */
.button2, .button3 {
  margin: 0;
}
.button3 {
  border-radius : 5px 5px 0 0;
  -moz-border-radius : 5px 5px 0 0;
  -khtml-border-radius : 5px 5px 0 0;
}
.button3 .linkbut {
  border-radius : 5px 5px 0 0;
  -moz-border-radius : 5px 5px 0 0;
  -khtml-border-radius : 5px 5px 0 0;
  padding-bottom : 2px;
  border-bottom : 0;
}

/* Links in buttons */
.linkbut {
padding: 1px 3px 1px 3px;
color : #225566;  
background: white; 
text-decoration: none;
border: 1px solid #99bec6;
}
.linkbut:hover {   
padding: 1px 3px 1px 3px;
color : #000000; 
background: #C7D0D9; 
text-decoration: none;
border: 1px solid #436876;
}

/* When a cached version of an external link is displayed */
div.cache {
  background: #EFEFEF;
  border: 1px solid black;
  padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em;
  margin: 0.1ex 0px;
}

div.cachedpage {
  border: 1px solid black;
  padding-left: 0.1em; padding-right: 0.1em; padding-top: 0.1em; padding-bottom: 0.1em;
  margin: 0.1ex 0px;
}

/* When an external link is cached a small link to the cached version (cache) is displayed using this style */
.wikicache {	color : #225566; text-decoration: none;}
.wikicache:active {   color : #225566; text-decoration: none;}
.wikicache:hover {   color : #225566; text-decoration: none;}

table.wikitable {
  border-collapse:collapse;
}

td.wikicell {
  border-collapse:collapse;
  border: 1px solid #8CACBB;
  background-color: #F7F9FA;
	padding: 2px 7px 2px 7px;
}

/* Links to wiki pages */
.wiki
{ 
	color:#990000;
}
.wiki:hover
{
	color: red;
}

/* ?-Link, um eine neue Wiki-seite zu erstellen*/
.wikinew {
  color: #CC0000;
  text-decoration:underline;
  font-weight: bold;
}
.wikinew:hover {
  color: #CC0000;
  text-decoration:underline;
  font-weight: bold;
}

/* Date displayed for last modification date of pages */
p.editdate { color: black; font-size: smaller;  }
#description {
  padding-left:   10px;
  color:   #333300;
}
/* The edit-help used to display the wiki syntax when editing a page */
div.wiki-edithelp { background: white; border: 1px solid black; font-size: smaller; padding: 6pt;}

/* external link icons */
img.externallink { margin-left: 3px; margin-right: 2px;}


dl 
{
	margin: 0 0 0 15px;
}


/****************************** FORM ELEMENTS ********************************/

form
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

label
{
	color: #666666;
}

input
{
	border: 1px solid #666;
	background-color: white;
	font-size: 8pt;
}

input[type=text], input[type=password]
{
  padding-left: 3px;
}

/*********************************** BOXES ***********************************/


/* Now the boxes for the rest of Tiki (non-modules */
div.cbox {  
  background: white; margin-left: 4px;  margin-right: 4px;  margin-top: 4px;  margin-bottom: 0px;
  border: 1px solid #8CACBB;  padding-bottom: 10px;  overflow: hidden; 
}

/* Boxes are divided in title and data, this is the title */
div.cbox-title {
  background-color: #C7D0D9;
  color: black;
  border-bottom: 1px solid #8CACBB; 
  overflow: hidden;
  text-align: center;
  padding-left: 0px;  padding-right: 0px;
  margin-bottom: 0px;
}

/* When there's a link in a cbox-title */
.cboxtlink {  color : black; text-decoration: none;}
.cboxtlink:active {   color : black; text-decoration: none;}
.cboxtlink:hover {   color : black; text-decoration: none; }


/* And this is the data */
div.cbox-data {
  overflow: hidden;
  background: white;
  padding-left: 5px;  padding-right: 5px;
  color: black;
	width: 100%;  /*xenfasa added to fix IE formating*/
}

/* Some boxes are identified by an ID, for example the  boxes in the main application menu, we set display to
   none to make the menu appear collapsed initially, change this to 'block' if you want it to be extended fully */

/* Banners of type text (textadds) are displayed as links using the following style */
.bannertext {   color : black;  text-decoration: none;}
.bannertext:active {   color : black;  text-decoration: none;}
.bannertext:hover {    color : black;  text-decoration: none;}

/* Some boxes uses thumbnails this is the image style */
div.imagerank {  margin-left: 5px;  margin-right: 5px;  margin-bottom: 10px;  margin-top: 10px; }

/* A simple box is just a div with a border around and some margin 
 * used for example in the admin screen */
div.simplebox {  
  padding: 1ex;
  border: 1px solid #cc0000;    
}



/* General tables */
/* These styles apply to tables used to display common listings such as the wiki page listing, last changes,
   listings in admin screens, etc. */

/* Cells where nothing is specified - 2005-03-04 font-size: 11px taken away for preserve font size in SPLIT */
TD {color: Black;  vertical-align: top;}

/* Cells in forms without background color (inside a div for example) */
.form
{ color: Black;  vertical-align: top; text-align: left;}
TD.formbor 
{ border: 1px solid #8CACBB; color: Black;  vertical-align: top; text-align: left;}
/* Cells in forms using a background color */
.formcolor, 
.galform, 
.editblogform, 
.editfgalform, 
.comform,
.forumform
{ border: 1px solid #8CACBB; color: black;   background: #C7D0D9; vertical-align: top; text-align: left;}

/* The table */
table.listgallery, table.creategalform,TABLE.normal,TABLE.sortable,table.gallerylisting, table.bloglist, table.editblogform,
table.editfgalform, table.listfgal, table.listfiles, table.listarticles,table.forumstable,table.forumformtable,
table.viewthread, table.jukeboxlist, table.userlist
{  padding:0px; margin: 0px; border-collapse: collapse; width: 100%;}

.normal table { width: 100% !important; }
.sortable a { text-decoration: none; }

TABLE.normalnoborder {  width: 97%;}

/* Table headings */
TD.heading, td.userlistheading, td.gallistheading, td.listgalheading, td.bloglistheading, td.listfgalheading, td.jukeboxlistheading,
td.listfilesheading, td.listartheading, td.forumheading, td.viewthread
{
  color: black; 
  background-color: #C7D0D9; 
  border: 1px solid #8CACBB;
  padding-left: 2px;
  padding-right: 2px;
}

th, th.gallistheading, th.listgalheading, th.bloglistheading, th.listfgalheading, th.jukeboxlistheading,
th.listfilesheading, th.listartheading, th.forumheading, th.viewthread
{
  color: black; 
  background-color: #C7D0D9; 
  border: 1px solid #8CACBB;
  padding-left: 2px;
  padding-right: 5px;
}

TD.button
{
  color: black; 
  background-color: #C7D0D9; 
  border: 1px solid #8CACBB;
  padding-left: 2px;
  padding-right: 5px;
  text-align: center; 
  vertical-align: middle;
}

/* Links to view an object from a table listing objects can be generalized to this link */
a.tablename, a.galname, a.imagename, a.jukeboxname, a.blogname, a.fgalname, a.artname, a.forumname
{ font-weight: bold; letter-spacing: 1px; color : black; text-decoration: none;}
a.tablename:hover, a.galname:hover, a.imagename:hover, a.jukeboxname:hover, a.blogname:hover, a.fgalname:hover, a.artname:hover, a.forumname:hover
{ text-decoration: underline; }


a.forumnameread
{ letter-spacing: 1px; color : black; text-decoration: none;}
a.forumnameread:hover
{ text-decoration: underline; }


/* Links in table headings */
.tableheading,.gallistheading, .listgalheading, .bloglistheading, .llisfgalheading,
.llistfileslink,.llistart,.lforumheading
{ color: black;    text-decoration: none;}
.tableheading:hover,gallistheading:hover,.listgalheading:hover, .bloglistheading:hover, .llisfgalheading:hover,
.llistfileslink:hover, .llistart:hover,.lforumheading:hover
{    color: black;   text-decoration: none;}

/* When a find button is provided for a listing the table form is displayed in a table with the following style */
table.findtable { width: 97%; margin-bottom: 1px; padding-bottom: 10px;}
.findtable td {   }

/* Odd rows in several listings */
tr.odd {
border: 1px solid #8CACBB;  border-collapse: collapse;  color : black; background-color: #F7F9FA; vertical-align: top; text-align: left;
}
tr.odd:hover {
background-color: #FFF7E6;
}
tr.even {
border: 1px solid #8CACBB;  background-color: transparent; color : black; vertical-align: top; text-align: left;
}
tr.even:hover {
background-color: #FFF7E6;
}
TD.odd
{border: 1px solid #8CACBB;  border-collapse: collapse;  color : black; background-color: #F2F4F5; vertical-align: top; text-align: left;}

/* Even rows in several listings */
TD.even
{border: 1px solid #8CACBB; background-color: #fbfdfe; color : black; vertical-align: top; text-align: left;}

TD.third {border: 1px solid #8CACBB;  color : Black; background-color: #8CACBB; vertical-align: top; text-align: left;}



  /*************************************************** WIKI TOCS ***************************************************/

div.tocnav {
  background: #C7D0D9;
  border: 1px solid #8CACBB;
  color: black;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  width: 100%;  
}

.tocnavlink, .tocnavlink:link { color:black; text-decoration: underline;}
.tocnavlink:hover {color: black; text-decoration:underline;}


/* IMAGES */
imgToDo
{
	padding: 10px;
	border: 20px;
	margin: 30px;
	background: yellow;
}


/* end of css file */