@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); 
*/
	cursor: default;
}
body
{
	width: 95%;
	min-width: 350px;
	max-width: 800px;
	margin: 10px auto;
	padding: 0;
}

html,
body,
p,
div.p,
td,
li,
input,
textarea,
select
{
	font-size: 11px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
html,
body,
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: 10px;
	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: 10px;
	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: 10px;
	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: 10px;
	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;
}


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

html
{
	background: #ddd url('');
	background: #ddd url(../img/back_hlines7.png);
	cursor: default;
}
body
{
	width: 768px;
	margin: 0;
	padding: 0;
}

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


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

ul.head_navigation {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	padding: 2px 6px 3px 10px;
	margin: 0px 0px 12px;
}
ul.head_navigation li {
	display: inline;
}
ul.head_navigation li a
{
	font: normal 10px verdana, arial, sans-serif;
	background: #eee;
	border: dotted 1px #ccc;
	border-bottom: none;
	margin-right: 4px;
	padding: 2px 6px 3px;
	text-decoration: none;
	color: #777;
	white-space: nowrap;
}
ul.head_navigation li.active a {
	background: #fff;
	border-bottom: solid 1px #fff;
	padding: 2px 6px 3px;
	color: #933;
}
ul.head_navigation li a:hover {
	background: #fff;
	color: #933;
}
ul.head_navigation li a:active,
ul.head_navigation li a:focus {
	background: #fff;
	border-bottom: solid 1px #fff;
	padding: 2px 6px 3px;
	color: #933;
}

.desc
{
	font-size: 10px;
	color: #eee;
}
.vcard_content .username small
{
	font-size: 0.7em;
}


/* - - - - -  A l l g e m e i n e   A n g a b e n  - - - - - */

body {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-style: normal;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	}

p {
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin-top: 4px;
	}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	color: #777;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0;
}
h1, h2 {
	font-size: 12px;
	margin-bottom: 18px;
	}
a {
	color: #933;
	text-decoration: none;
	margin: 0;
	}
p a {
	color: #933;
}
a.list {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	}
img {
	border: 0px solid #ccc;
}
a:hover {
	color: #933;
	text-decoration: underline;
}

/* - - - - -  S E I T E N - L A Y O U T  - - - - - */


/* ---------- GESAMT-AUFTEILUNG ---------- */
div#aussen_rechts {
	position: absolute;
	left: 784px;
	top: 0px;
}
div#aussen_kopf {
	position: static;
	width:768px;
	margin:0px;
	float:left;
}
div#innen {
	background-color: #fff;
	position: static;
	width: 768px;
	margin: 0;
	padding: 3px 0 0 0;
	float: left;
}

/* ---------- KOPF ---------- */
div#kopf_links {
	position: static;
	margin: 0px;
	text-align: left;
	font-size: 10px;
}
div#kopf_rechts {
	position: static;
	width: 338px;
	margin: 0 3px 0 0;
	text-align: right;
	font-size: 10px;
	color: #999;
	float: right;
}
div#kopf_logo {
	position: static;
	width: 768px;
	margin: 3px 0 3px 0;
}

/* ---------- BANNER ---------- */
div#banner1 {
	position: static;
	margin: 8px 0px 8px 16px;
}
div#banner2 {
	position: static;
	float: right;
	margin: 8px 0px 8px 16px;
}
div#banner3 {
	margin: 8px 0 0 0;
}

/* ---------- MITTE ---------- */
div#mitte {
	width: 736px;
	background-color: #fff;
	position: relative;
	margin: 0 0 12px 16px;
	padding: 0px;
	font-size: 10px;
	float: left;
}
div#mitte_links {
	width: 536px;
	background-color: #fff;
	position: relative;
	margin: 0 0 12px 16px;
	padding: 0px;
	font-size: 10px;
	float: left;
}
div#mitte_rechts {
	background-color: #fff;
	position: static;
	width: 180px;
	min-height: 300px;
	margin: 0px 0px 12px 0px;
	padding: 0 8px 0px 12px;
	border-left: #aaa 1px dotted;
	float: right;
}

/* ---------- FUSS ---------- */
div#fuss {
	position: static;
	width: 768px;
	clear: both;
	text-align: left;
	margin: 8px 0 16px 16px;
	padding: 0;
	}


.forum_content.forum_forum
{
	background: #f7f7f7;
	min-height: 30px;
}


/* - - - - -  N A V I  - - - - - */

/* *** definition primary *** */

#menu_primary {
	position: relative;
	width: 744px;	
	height: 28px;
	margin: 0 0 8px 16px;
	border-bottom: 1px dotted #aaa;
	}
#menu_primary ul#primary {
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 756px;
}
#menu_primary ul#primary li  {
	font: bold 10px verdana, arial, sans-serif;
	display: inline;
	list-style: none;
	margin: 0;
}
#menu_primary ul#primary a,
#menu_primary ul#primary a.current {
	display: block;
	float: left;
	padding: 3px 6px 4px 6px;
	margin: 0 3px 0 0;
	text-align: center;
	text-decoration: none;
	color: #777;
}
#menu_primary ul#primary a.current,
#menu_primary ul#primary a.current:hover {
	border: 1px dotted #aaa;
	border-bottom: none;
	background-color: #fff;
	padding-bottom: 6px;
	color: #933;
}
#menu_primary ul#primary a {
	background: #ddd;
	border: 1px dotted #666;
	border-bottom: none;
}
#menu_primary ul#primary a:hover {
	background: #eee;
	border-color: #aaa;
	color: #933;
	}


/* *** definition secondary *** */

#menu_secondary {
	position: relative;
	width: 744px;
	height: 6px;
	margin: 0 0 16px 16px;
/*	border-bottom: 1px dotted #aaa; */
	}
#menu_secondary ul#secondary {
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 744px;
}
#menu_secondary ul#secondary li  {
	font: normal 10px verdana, arial, sans-serif;
	display: inline;
	list-style: none;
	margin: 0;
}
#menu_secondary ul#secondary a,
#menu_secondary ul#secondary a.current {
	display: block;
	float: left;
	padding: 2px 6px 2px 6px;
	margin: 0 3px 0 0;
	text-align: center;
	text-decoration: none;
	color: #999;
}
#menu_secondary ul#secondary a.current,
#menu_secondary ul#secondary a.current:hover {
	border: 1px dotted #aaa;
	border-bottom: none;
	border-top: none;
	background-color: #fff;
/*	padding: 2px 6px 4px 6px; */
	padding: 2px 6px 2px 6px;
	color: #933;
}
#menu_secondary ul#secondary a {
	background: #fff;
	border: 1px dotted #aaa;
	border-bottom: none;
	border-top: none;
}
#menu_secondary ul#secondary a:hover {
	background: #fff;
	border-color: #ddd;
	color: #933;
	text-decoration: underline;
	}