/*
  The original illusion Theme for phpBB version 2+
  Created by jasidog design
  http://www.jasidog.com
*/

/*background-image: url(http://web.bullshit-crew.de/onkel-speiche/_onkels-templates/xv_onkel-von-vorn.jpg);
	background-repeat : repeat;
	background-position : center top;
	background-attachment : fixed;
/*

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-image: url(http://onkel-speiche.de/_onkels-templates/bg_metal.jpg);
/*  background-image: url(http://onkel-speiche.de/_onkels-templates/xv_onkel-von-vorn.jpg); */
	background-repeat : repeat;
	background-position : center top;
	background-attachment:fixed;
	scrollbar-face-color: #99CCFF;
	scrollbar-highlight-color: #1e90ff;
	scrollbar-shadow-color: #0033ff;
	scrollbar-3dlight-color: #697f97;
	scrollbar-arrow-color:  #0099FF;
	scrollbar-track-color: #C1C1C1;
	scrollbar-darkshadow-color: #697f97;
}

/* General font families for common tags */
th,td,p { font:10px Verdana, Arial, Helvetica, sans-serif }

a:link,a:active,a:visited { color : #006699; }
a:hover		{ text-decoration: underline; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
/* Lexicon navigation*/
.letter { font:bold 10pt Verdana; text-decoration:none }
.letter:hover { text-decoration:underline }
.letter2 { font:bold 11pt Verdana; text-decoration:none; }
.letter3 { font:bold 10pt Verdana; color:#C0C0C0 }

/* Lexicon categorie */
.categorie { font: 7pt Verdana; color:#B0B0F0; text-decoration:none }

/* Lexicon crosslinks */
crosslink: { color : #000000; }
a.crosslink:link { text-decoration: none; color : #777755; }
a.crosslink:visited { text-decoration: none; color : #777755; } 
a.crosslink:hover { text-decoration: none; color : #773366; }


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #ffffff; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ border: 1px #000000 solid; }


/* Main table cell colours and backgrounds */
td.row1	{ background-image: url(images/row2.png) }
td.row2	{ background-image: url(images/row1.png) }
td.row3	{ background-image: url(images/cellpic1.png) }
td.row12 { background-image: url(images/head/phpbb2_logol.gif);  background-position: top;  background-repeat: no-repeat;  border-right: 0px solid #333333;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;  padding-top: 0px;         }
td.row13 { background-image: url(images/head/phpbb2_logor.gif);  background-position: top;  background-repeat: no-repeat;  border-right: 0px solid #333333;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;  padding-top: 0px;         }
td.row14 { background-image: url(images/head/onkel-speiche-schriftzug.png);  background-position: center;  background-repeat: no-repeat;  border-right: 0px solid #333333;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;  padding-top: 0px;         }

.row1	{ background-image: url(images/row2.png) }
.row2	{ background-image: url(images/row1.png) }
.row3	{ background-image: url(images/cellpic1.png) }
.errorline { background-color: #D8DFE7; }/*

  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: darkblue; font-size: 10px; font-weight : bold;
	background-image: url(images/cellpic3.png);
	background-repeat: repeat-x;
	padding-top: 3px;
	}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.png);
			background-repeat: repeat-x;
			height: 20px;
}

/* custom added css */

.hozbar { background-image: url(images/hozbar.gif);  background-color: #C4CFDB;  background-repeat: repeat-x;  background-position: top;    }

.newcat_bot { background-color: #003366; }

.footarea   { background-color: White;  background-image: url(images/footile.png);  background-position: bottom;  background-repeat: repeat-x;     }

.h_shadowbar { background-image: url(images/head/h_shadowbar.png);  background-position: top;  background-repeat: repeat-x;   }

.h_tile { background-image: url(images/head/h_tile.png);  background-position: bottom;  background-repeat: repeat-x;   }

.navbar  { background-image: url(images/head/h_navbar.png);  background-position: top;  background-repeat: repeat-x; font-size : 10px; color : White;       }

.posthead { background-image: url(images/cellpic3.png);  background-repeat: repeat-x;  color: #003366;    }
.postfoot { background-image: url(images/cellpic1.png);  background-repeat: repeat-x;  color: White;  padding-left: 5px;        }
.postbg { background-color: #E2E9EF; }
.post { background-image: url(images/rowpic.gif);  background-repeat: repeat-x;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 5px;         }
.post_top { background-image: url(images/post/post_t.gif);  background-position: bottom;  background-repeat: repeat-x;   }


/* shaded table rows 4 has right border 5 none */

td.row4	{ background-color: #D8DFE7;  background-image: url(images/rowpic.gif);  background-position: top;  background-repeat: repeat-x;  border-right: 1px solid #333333;  padding-bottom: 3px;  padding-left: 4px;  padding-right: 4px;  padding-top: 3px;         }
td.row5	{ background-color: #D8DFE7;  background-image: url(images/rowpic.gif);  background-position: top;  background-repeat: repeat-x;    padding-bottom: 3px;  padding-left: 4px;  padding-right: 4px;  padding-top: 3px;         }

/* unshaded table rows but with bottum border in 6 and bottom and right border in 7 */

td.row6	{ background-color: #D8DFE7;  padding-bottom: 3px;  padding-left: 4px;  padding-right: 4px;  padding-top: 3px;  border-bottom: 1px solid #333333;          }
td.row7	{ background-color: #D8DFE7;  padding-bottom: 3px;  padding-left: 4px;  padding-right: 4px;  padding-top: 3px;  border-bottom: 1px solid #333333;  border-right: 1px solid #333333;           }

/* end of custom */

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 20px; }
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 10px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; font-color : #ffffff; font-weight: bold; }
.genmed { font-size : 11px;    margin-left:5px;
}
.gensmall { font-size : 10px; }
.gennavi { font-size : 12px; line-height : 150%; }
.genblue { letter-spacing: 1px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: none; }

a.headline{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.headline:hover{z-index:25; background-color:#ff0}

a.headline span{display: none}

a.headline:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

















/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 10px ; letter-spacing: 1px; color : #003366;  }
a.cattitle		{ text-decoration: none; color : #003366; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 10px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }

* Scrollbar Fix especially for Firefox */ 
marquee { 
overflow: hidden; 
scrolldelay: 20; 
scrollamount: 2; 
} 

#firefox3 { 
overflow: hidden; 
height: 80px; 
} 

#firefox2 { 
overflow: hidden; 
height: 80px; 
} 
/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}

a.postlink, a.postlink:link, a.postlink:active {
	line-height: 1.5em;
	padding: 0 0 0 1px;
	background: url('images/li_bull-1.gif') repeat 0 14px;
	text-decoration: none; color : #000000
}
a.postlink:visited {
	line-height: 1.5em; padding: 0 0 0 1px;
	text-decoration: none;
}
a.postlink:hover {
	line-height: 1.5em; padding: 0 0 0 1px;
	padding: 0 0 0 1px;
    background: url('images/li_bullh.gif') repeat 0 14px;
	text-decoration: none; color : yellow
	
}




/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
	background-color: #D8DFE7;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #D8DFE7;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #D8DFE7;
	color : #000000;
	font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fakebut { 
border:2px solid #000000; 
background-color : #D8DFE7; 
border-style: outset; 
} 
.but, a.but:link, a.but:hover, a.but:visited { 
font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #000000; 
text-decoration: none; 
}

/* The main submit button option */
input.mainoption {
	background-color : #D8DFE7;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #D8DFE7;
	font-weight : normal;
}

form{
/* margin styles (top, right, bottom, left) */
margin: 0px 0px 0px 0px;
/* padding styles */
padding: 0px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

/* FI NewsBar/NewsFader MODification */
.finews {text-align:center;white-space:nowrap;padding:6px}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

           
/* General text */
.gensmall{font-size:10px}
td.genmed, .genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}
.gensmalla {color:#FF3118; font-size:10px}
.gensupport{color:#000000; font-size:17px}

/* General page style */
a:link, a:active, a:visited{color:#000000;text-decoration:none}
a:hover{color:#ffffff;text-decoration:none}


/* FI DivExpand - Daz - ForumImages.com - START */
/* Code  */
.codetitle,.code {border:1px solid #a4bad2;padding:2px 2px 3px 3px}
.codetitle {font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}
.code {background:#fafafa;border-top-width:0;color:#060;
font:12px Courier,'Courier New',sans-serif;overflow:auto;height:40px;
margin:0 20px 0 20px}

/* Quote blocks */
.quotetitle,.quote {color:#475e61;font-size:11px;border: 1px solid #a4bad2;padding:2px 2px 3px 3px}
.quotetitle {background:#e1e7ec;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}
.quote {background:#fafafa;border-top-width:0;color:#444;
overflow:auto;height:40px;margin:0 20px 10px 20px}
/* FI DivExpand - Daz - ForumImages.com - END */

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}
.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}
.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}
/*Tippspielclasses*/
.forumlinetipp	{ background-color: #ffffff; border: 1px #98AAB1 solid; }
td.row4	{ background-color: #D8DFE7; background-image: url(images/cellpic3.png); }
td.row5	{ background-color: #D8DFE7; }
td.row6	{ background-color: #99CC99; }
td.row7	{ background-color: #FFFFCC; }
td.row8	{ background-color: #CCFFCC; }
td.row9	{ background-color: #FFCCCC; }
td.row10 { background-color: #CCCCCC; }
.cattitletipp		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF}
.mainmenutipp		{ font-size : 11px; color : #000000 }

.mod {
	font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #475e61; line-height: 125%;
	background-color: #e1e7ec; border: #475e61; border-style: solid; font-weight : bold; 
	border-left-width: 2px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px
}
.subtitle,h2
{
  font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  text-decoration:none
}
.IPline
{
  background:#EF9B52;border:1px solid #006699
}
hr.geomap{border: 1px solid #C2C2C2}

td.read {
color:black;
border-top-style: none;
border-right-style: none;
border-bottom-style: double;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
background-image: url('http://onkel-speiche.de/templates/onkelstyle/images/row2.png');


}

td.kippe { 
font:bold 25px "Arial Black";
background-color: #ffffff;
color:black; 	
border-top-width: 15px;
border-left-width: 15px;
border-right-width: 15px;
border-bottom-width: 15px;

border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;

border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;

}

td.info { 
color:darkblue; 	
border-top-style: none;
border-right-style: none;
border-bottom-style: double;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
background-image: url('http://onkel-speiche.de/templates/onkelstyle/images/row1.png');

a.daybook:link {color:blue;background: url('../../images/link-back.gif') no-repeat 0 1px;}
a.daybook:visited {color:#000000;background: url('../../images/link-back.gif') repeat 0 1px;}
a.daybook:hover {color:yellow;background: url('../../images/link-back.gif') repeat 0 1px;}}

.silver {
	color: #CCCCCC;
}

.mainDiv
{
  width:150px;
}



.topItem
{
    font-size: 12px; font-weight : bold;
  	background-image: url('images/cellpic3.png');
	background-repeat: repeat-x;
  	padding-top: 3px;
    width: 150px;
    height: 20px;
    cursor:pointer;
    color: #000000;

}

.topItemOver
{
    font-size: 12px; font-weight : bold;
  	background-image: url('images/cellpic3.png');
	background-repeat: repeat-x;
  	padding-top: 3px;
    width: 150px;
    height: 20px;
    cursor:pointer;
  color: #428eff;
}

.topItemClose
{
    font-size: 12px; font-weight : bold;
  	background-image: url('images/cellpic3.png');
	background-repeat: repeat-x;
  	padding-top: 3px;
    width: 150px;
    height: 20px;
    cursor:pointer;
  color: yellow;
}


.topItemCloseOver
{
    font-size: 12px; font-weight : bold;
  	background-image: url('images/cellpic3.png');
	background-repeat: repeat-x;
  	padding-top: 3px;
    width: 150px;
    height: 20px;
    cursor:pointer;
  color: #FFFFFF;
}



.dropMenu
{
  font-size: 12px; font-weight : bold;
  width: 150px;
  background: url("../../bsbg_hell.jpg") repeat 0 0;
  border: 1px solid #00000;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=20);
  padding-top:5px;
  padding-bottom:5px;
 
  
  
  
}

.subMenu
{
   display:block;
}



.subItem a
{
   margin-left:5px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #000000;
}



.subItemOver  a
{
   margin-left:5px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}
/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: none;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 180px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background: #FFFFCC;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: blue;
  border: 0px;
  border-bottom: 0px solid black;
}