@import url("announcement.css.php");
@import url("controlpanel.css.php");
@import url("forum.css.php");
@import url("post.css.php");
@import url("register.css.php");
@import url("search.css.php");
@import url("stat.css.php");
@import url("thread.css.php");
@import url("userlist.css.php");
@import url("userprofile.css.php");


/* -------------------- GENERAL -------------------- */

html
{
	background: #FFFFFF url(../img/back_hlines.png);
	color: #000000;
	cursor: default;
}

html,
p,
div.p,
td,
li,
input,
textarea,
select
{
	font-size: 13px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
html,
p,
div.p,
td,
li
{
	line-height: 130%;
}

p,
div.p
{
	margin-top: 12px;
	margin-bottom: 12px;
}

div.error,
div.info
{
	/*border: solid 1px #E8D0A0;*/
	border: solid 1px #E0B070;
	padding: 1px;
}
div.info
{
	/*border-color: #CAE8BA;*/
	border-color: #80E070;
}
div.error div,
div.info div
{
	font-weight: bold;
	color: #A02000;
	background: #F8E0B0;
	padding: 2px 4px 2px 4px;
	line-height: normal;
}
div.info div
{
	color: #107000;
	background-color: #DAF8CA;
}

a
{
	color: #0051F6;
	text-decoration: none;
}
a:hover,
a:focus
{
	color: #FF9000;
}
a img
{
	border: 0px;
}
.abbc a img
{
	border: 1px solid #0051F6;
}

small
{
	font-size: 11px;
	color: #707070;
}

h1
{
	margin: 0;
	padding: 3px 0 1px 6px;
	font-size: 1em;
	font-weight: normal;
	color: #404040;
	background: url(../img/caption_back.png) center left no-repeat;
}

tr.hover:hover td
{
	background: url(../img/shade_bk5.png);
}

.nowrap
{
	white-space: nowrap;
}

.img_trans_back
{
	border: solid 1px #DDDDDD;
	background: url(../img/trans_back.png);
}

/* -------------------- PAGE HEAD -------------------- */

.head_logo
{
	padding-bottom: 4px;
}

.head_logincontrol
{
	text-align: right;
	padding-bottom: 6px;
}

ul.head_navigation
{
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 6px 2px;   /* XHTML: set last value to 3px, HTML: 2px */
	margin: 0px 0px 12px;
}
ul.head_navigation li
{
	display: inline;
}
ul.head_navigation li a
{
	/* navi link background with grey gradient: */
	background: url(../img/navlink_back.png) bottom repeat-x;
	/* flat navi link background: */
	/*background: url(../img/shade_bk6.png);*/
	border: solid 1px #CCCCCC;
	border-bottom: none;
	margin-right: 4px;
	padding: 2px 6px 3px;
	text-decoration: none;
	color: #0051F6;
	white-space: nowrap;
}
ul.head_navigation li a img
{
	margin-right: 2px;
}
ul.head_navigation li.active
{
}
ul.head_navigation li.active a
{
	/* active navi link background with white gradient: */
	background: url(../img/navlink_active_back.png) bottom repeat-x;
	/* flat active navi link background: */
	/*background: url(../img/shade_wh15.png);*/
	border-bottom: solid 1px #FFFFFF;
}
ul.head_navigation li a:hover
{
	background: url(../img/shade_wh15.png);
	/* dark hover navi link background: */
	/*background: url(../img/shade_bk13.png);
	border-bottom-color: #ECECEC;*/
	color: #0051F6;
}
ul.head_navigation li a:active,
ul.head_navigation li a:focus
{
	background: url(../img/shade_wh15.png);
	border-bottom: solid 1px #FFFFFF;
	color: #0051F6;
}

/* -------------------- PAGE FOOT -------------------- */

.foot_container
{
	clear: both;
}
.foot_content
{
	margin-top: 12px;
	text-align: center;
	font-size: 11px;
	line-height: 1.3em;
	color: #707070;
	border-top: 1px solid #CCCCCC;
	padding-top: 2px;
}

.foot_logincontrol
{
	margin: 12px 0;
	text-align: right;
}

/* -------------------- OVERVIEW PAGE -------------------- */

.path
{
	margin-bottom: 12px;
}
.path .sep
{
	color: #707070;
}
.path .thread
{
	margin-top: 4px;
}
.path .thread .subject
{
	font-size: 1.5em;
	line-height: 140%;
}
.path .thread a
{
	color: #202020;
}
.path .thread a:hover
{
	color: #FF9000;
}
.path .desc
{
	font-size: 11px;
	color: #707070;
}

.overview_actions_top
{
	text-align: right;
}

.jumpandsearchbox
{
	clear: both;
	margin-top: 12px;
}

.searchbox
{
	float: right;
}
.searchbox input[type="text"]
{
	width: 140px;
}
.jumpforumbox
{
}

/* -------------------- JUMP FORUM SELECT BOX -------------------- */

option.forum
{
	color: #000000;
	background: #FFFFFF;
}
option.category
{
	color: #000000;
	background: #EEEEEE;
}
option span.light  /* used for lighter hierarchy lines in the dropdown tree */
{
	color: silver;
}

/* -------------------- ADVANCED OPTIONS BOX -------------------- */

.advanced_options_container
{
	clear: both;
	border: solid 1px #CCCCCC;
	margin: 1px auto 0px;
	padding: 1px;
}
.advanced_options_content
{
	background: url(../img/shade_bk3.png);
	padding: 3px 5px 4px 5px;
}
.advanced_option
{
	margin: 2px 0;
}
.advanced_option.new_group
{
	margin-top: 12px;
}
.advanced_subtitle
{
	font-size: 11px;
	color: #707070;
	margin-left: 20px;
}

/* -------------------- SPLIT THREADS -------------------- */

table.thread_split_data td.leftcol
{
	width: 100px;
	padding-right: 10px;
	white-space: nowrap;
}
.thread_split_post .head
{
	border: solid 1px #A0E0A0;
	padding: 1px;
	margin-bottom: 3px;
}
.thread_split_post .head > div
{
	background: url(../img/shade_gn7.png);
	padding: 2px 4px;
}
.thread_split_post .checkbox
{
	float: right;
}
.thread_split_post .subject
{
	padding-bottom: 2px;
	border-bottom: solid 1px #D8D8D8;
	margin-bottom: 8px;
}
.thread_split_post .body
{
	margin: 8px 0 15px;
}

/* -------------------- FORMS -------------------- */

form
{
	display: inline;
	margin: 0px;
}

/* when updating textarea/textfield border width or padding, also update div.outerText{area,field}100pc */
input[type="text"],
input[type="password"],
textarea
{
	border: solid 1px #C0C0C0;
	background: #FFFFFF url(../img/textbox-back.png) repeat-x;
	color: #000000;
	padding: 1px 0px 1px 2px;

	
	}
textarea
{
	padding: 0px 0px 0px 2px;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
textarea:hover,
textarea:focus
{
	border-color: #5580DD;
}

/* bottom-only borders for text fields */
input[type="text"],
input[type="password"]
{
/*	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding-left: 1px;*/
}

/* textareas that have width:100% need this outer padding which is
   the sum of horizontal (left+right) border widths and paddings */
div.outerTextarea100pc
{
	padding-right: 4px;
}
div.outerTextarea100pc textarea
{
	margin-right: -4px;
	width: 100%;
}
/* textfields that have width:100% need this outer padding which is
   the sum of horizontal (left+right) border widths and paddings */
div.outerTextfield100pc
{
	padding-right: 4px;
}
div.outerTextfield100pc input[type="text"],
div.outerTextfield100pc input[type="password"]
{
	margin-right: -4px;
	width: 100%;
}

input[type="text"][disabled],
input[type="password"][disabled],
textarea[disabled]
{
	border: solid 1px #C0C0C0;
	color: GrayText;
}

input[type="checkbox"],
input[type="radio"]
{
		margin: 1px 6px 1px 0;
		padding: 0;
	cursor: pointer;
}
/* the label element doesn't see if there's a disabled input element within */
/*input[type="checkbox"][disabled],
input[type="radio"][disabled]
{
	cursor: default;
}*/
input[type="radio"]
{
	vertical-align: middle;
}
label
{
	cursor: pointer;
}

select,
select[disabled],
select[disabled]:hover
{
	border: 1px solid #C0C0C0 !important;
	background: #FAFAFA !important;
	padding: 0px 0px !important;
	cursor: pointer;
}
select:hover,
select:focus
{
	border: 1px solid #5580DD !important;
}
table
{
	empty-cells: show;
}
option[selected]
{
	font-style: italic;
}
option:hover small
{
	color: white;
}

input[type="button"],
input[type="submit"],
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:active,
input[type="submit"][disabled]:active,
input[type="button"][disabled]:focus,
input[type="submit"][disabled]:focus
input[type="button"][disabled].defaultbutton:hover,
input[type="submit"][disabled].defaultbutton:hover,
input[type="button"][disabled].defaultbutton:active,
input[type="submit"][disabled].defaultbutton:active,
input[type="button"][disabled].defaultbutton:focus,
input[type="submit"][disabled].defaultbutton:focus
{
	border: solid 1px #C0C0C0;
	background: #E7E7E7 url(../img/button_back.png) repeat-x;
	padding: 0px 3px;
	cursor: pointer;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="button"].defaultbutton:hover,
input[type="submit"].defaultbutton:hover,
input[type="button"].defaultbutton:focus,
input[type="submit"].defaultbutton:focus
{
	border: solid 1px #5580DD;
	background: #D7DBF7 url(../img/button_back_hover.png) repeat-x;
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="button"].defaultbutton:active,
input[type="submit"].defaultbutton:active,
input[type="button"].selected,
input[type="submit"].selected
{
	border: solid 1px #5580DD;
	background: #D7DBF7 url(../img/button_back_pushed.png) repeat-x;
}
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled].defaultbutton,
input[type="submit"][disabled].defaultbutton
{
	border: solid 1px #C0C0C0;
	color: #808080;
}
input[type="button"].defaultbutton,
input[type="submit"].defaultbutton
{
	border: solid 1px #606060;
}
/* Attention, CSS3 ahead! */
input[style*="monospace"]
{
	padding-top: 1px;
}

input[type="file"]
{
	
	}

/*
input[type="checkbox"]
{
	border: 1px solid #B4B4B4 !important;

	}
input[type="checkbox"]:hover,
input[type="checkbox"]:focus
{
	border: 1px solid #5580DD !important;

	}
input[type="radio"]
{
	border: 1px solid #B4B4B4 !important;

	}
*/

input.transparent
{
	border: 0px;
	background: transparent;
	color: #202020;
	margin-bottom: 1px;
}
input.transparent:hover,
input.transparent:focus
{
	border: 0px;
}

/* Put your custom CSS definition changes here. */

/**
 * Design Elements - additional  CSS for the Arctic template
 *
 * @author Michael Klier <chi@chimeric.de>
 */

 /* Diver if you dont know what this does you have to scroll down the webpage and be patient */
/* or you are using safari... */
#extraDiv1 {
	position: absolute;
	width: 140px;
	height: 120px;
	left: 392px;
	bottom: 0;
	background: url(images/crab_ani.gif) no-repeat bottom;
}

* html #extraDiv1 {
	display: none;
	displ\ay: block;
}

/* this one is the diver without his light */
#extraDiv2 {
	position: fixed;
	top: 230px;
	
	left: 960px;
	width: 100px;
	height: 175px;
	background: url(images/taucher.png) no-repeat top;
	z-index:10;
}
* html #extraDiv2 {
	display: none;
}

/* dont dive without a good light */
/* (dont forget to charge the batteries as well) */
#extraDiv3 {
	position: fixed;
	top: 230px;
	left: 960px;
	width: 100px;
	height: 175px;
	background: url(images/licht.png) no-repeat top;
	z-index:8;
}
* html #extraDiv3 {
	display: none;
}
#extraDiv3:empty {
	display: none;
}

/* a png gradient is placed between the diver and his light */
/* works in gecko an opera 7 */
#extraDiv4 {
	position: absolute;
	top: 210px;
	left: 960px;
	width: 100px;
	height:1000px;
	background: url(images/trenner.png) repeat-x top;
	z-index:9;
	}
* html #extraDiv4 {
	display: none;
}		
/* because of a safai png bug I disabled the above */
#extraDiv4:empty {
	display: none;
}

#extraDiv5 {
	position: absolute;
	bottom: 22px;
	left: 0px;
	height: 62px;
	width: 130px;
	background: url(images/truhe_ani.gif) no-repeat top left;
	padding: 50px 0 0 30px;
	z-index:19;
}

#extraDiv6 {
	position: absolute;
	bottom: 290px;
	left: 10px;
	height: 73px;
	width: 204px;
	background: url(images/hai1.jpg) no-repeat top left;
}

/* Footer */
 
#footer { 
	position: absolute;
	bottom: 22px;
	left: 0px;
	height: 126px;
	width: 130px;
	background: url(images/truhe_both.gif);
	padding: 50px 0 0 30px;
	z-index: 100;
}

/*doesnt work on ie */
#footer:hover {
	background-position: 0 176px;	
	z-index:49;
}
/* so we have to open it manually */	
* html #footer {
	background: url(truhe_auf.gif);	
	height: 96px;
	width: 115px;
	padding: 80px 0 0 45px;
}
	
#footer a { 
	color: #FEFF71;
	visibility: hidden;
}
/* same here */	
* html #footer a {
	visibility: visible;	
}
#footer:hover a {
	visibility: visible;	
}
/* ----- General Elements ----- */

html {
	position: relative;
	margin: 0;
	padding: 0;
	background: #00008B url(images/bg-tiefe1.gif); 
}

#container {
	position: relative;
	background: url(images/bg-top.jpg) repeat-x top left;
	line-height: 150%;
	padding: 0;
	padding-bottom: 150px;	
	margin: 0 auto;
	height: 1500px;
}


body { 
   position:absolute;
   background-image: url(images/background2.jpg);
  font: "0.8125em" Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0;
  width: 100%;
  line-height: "150%";
  background: url(images/bg-boden1.jpg) repeat-x bottom left;
 
}

div#wrapper {
/*  position: relative ;
/*  margin: auto; */
  margin-left: 50px; 	
  min-width: 900px;
   min-height: 900px;
  max-width: 900px;
 margin-right: 10%;
 /*  width: __wiki_width__; */
  border: 1px solid #ccc;
  background: #fff;

}





/* ------------------------------------------------------------ */
/* darker head area                                             */
/* ------------------------------------------------------------ */
.head_logo
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
ul.head_navigation,
.head_logincontrol
{
	background: #EEEEEE;
}
ul.head_navigation li a
{
	background: #DDDDDD;
}
ul.head_navigation li.active a,
ul.head_navigation li a:hover,
ul.head_navigation li a:active,
ul.head_navigation li a:focus
{
	background: #FFFFFF url(../img/back_hlines.png);

	/* WARNING: if used together with another page background, also update that background here! */
}

/* ------------------------------------------------------------ */
/* allow full-window horizontal scrolling on too long lines     */
/* ------------------------------------------------------------ */
.all_posts_container
{
	overflow: visible;
}

/* ------------------------------------------------------------ */
/* allow per-post horizontal scrolling on too long lines        */
/* ------------------------------------------------------------ */
.post_body
{
	width: 100%;
	/* WARNING: this may disable floating of the post text around avatar images! */
	overflow: auto;
}

/* ------------------------------------------------------------ */
/* change page background                                       */
/* ------------------------------------------------------------ */
html
{

	/* WARNING: if used together with darker head area, also update this background there! */
}
ul.head_navigation li.active a,
ul.head_navigation li a:active,
ul.head_navigation li a:focus
{
	border-bottom: solid 1px #F5F5F5;   /* should be average colour of background image */
}

/* ------------------------------------------------------------ */
/* set lighter background for all shadowed containers           */
/* (good for darker or high contrast page background images)    */
/* ------------------------------------------------------------ */
.announcement_container,
.advanced_options_container,
div.categories_container,
.page_container,
.forum_container,
.post_container,
.poll_container,
.reply_container,
.editor_container,
.search_container,
.stat_container,
.thread_container,
.users_container
{
	background: url(../img/shade_wh50.png);
}

/* ------------------------------------------------------------ */
/* this can be enabled for small page fonts                     */
/* ------------------------------------------------------------ */
ul.head_navigation li a span.backimage
{
	/*padding: 2px 0 2px;*/
}
ul.head_navigation
{
	/*padding-bottom: 2px;*/
}

/* ------------------------------------------------------------ */
/* underline or re-colour hyperlinks                            */
/* ------------------------------------------------------------ */
a
{
	color: #0051F6;
	border-bottom: solid 1px #4D86FB;
	/*text-decoration: underline;*/
}
a:hover,
a:focus
{
	color: #FF9000;
	/*border-bottom: solid 1px #4D86FB;*/
	/*text-decoration: underline;*/
}

/* ------------------------------------------------------------ */
/* change statictics and polls graphs height                    */
/* (good for smaller page fonts)                                */
/* ------------------------------------------------------------ */
.stat_graph
{
	height: 17px;
	margin-bottom: -17px;
}
.stat_multigraph
{
	height: 17px;
	margin-bottom: -17px;
}
.stat_subgraph1
{
	height: 17px;
	margin-bottom: -16px;
}
.stat_subgraph2
{
	height: 17px;
	margin-bottom: -17px;
}
.poll_results
{
	line-height: 18px;
}
.poll_graph
{
	height: 17px;
	margin-bottom: -18px;
}