/* Normal, standard links. */
a:link{ color: #000; text-decoration: none;}
a:visited{ color: #000;	text-decoration: none; }
a:hover { text-decoration: underline; }

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {	/* color: #000000; */ color: #000; text-decoration: none; }
a.nav:hover { color: #cc3333; text-decoration: underline; }

/* Tables should show empty cells. */
table { empty-cells: show; }

/* By default (td, body..) use verdana in black. */
body, td, th , tr { color: #000; /* color: #614B22; */ font-size: small;	font-family: verdana, sans-serif; }

/* The main body of the entire forum. */
body { background-color: #EDD4A6; background: url(images/back1.jpg) repeat;	margin: 0px; padding: 12px 30px 4px 30px; }

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button { color: #000; font-family: verdana, sans-serif; }
input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000; font-family: verdana, sans-serif; }

/* All input elements that are checkboxes or radio buttons. */
input.check { }

/* Selects are a bit smaller, because it makes them look even better 8). */
select { font-size: 90%; font-weight: normal; color: #000; font-family: verdana, sans-serif; }

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor { height: 1px; border: 0; color: #666; background-color: #666; }

/* No image should have a border when linked */
a img { border: 0; }
/* A quote, perhaps from another post. */
.quote { color: #000; background-color: #FFEECF; border: 1px solid #000; 	margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }

/* A code block - maybe even PHP ;). */
.code { color: #000; background-color: #dddddd; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em;
	/* Put a nice border around it. */ border: 1px solid #000; margin: 1px auto 1px auto; padding: 1px; width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap; overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader { color: #000;	text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help { cursor: help; }

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction { color: red; }

/* The main post box - this makes it as wide as possible. */
.editor { width: 96%; }

/* Highlighted text - such as search results. */
.highlight { background-color: yellow; font-weight: bold; color: black; }

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body { color: #000000; background-color: #F7E4C1; }
.windowbg2 { color: #000000; background-color: #FFF3DB; }
.windowbg3 { color: #000000; background-color: #d1b47f; }
/* the today container in calendar */
.calendar_today { background-color: #FFFFFF; } 

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	color: #000000;
	font-style: normal;
	background: url(images/titlebg.jpg) #fff3db repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: black;
	font-style: normal;
}

.titlebg a:hover
{
	color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color: black;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	background: url(images/header_bg2.gif) #102537 repeat;
	color: #F0B428;
	color: #F7E4C1;
	padding-left: 10px;
	padding-right: 10px;
	border-top: solid 1px #F0B428;
	/* border-left: solid 1px #F0B428; */
}
.catbg2 , tr.catbg2 td
{
	background: url(images/header_bg2.gif) #102537 repeat;
	color: #F0B428;
	padding-left: 10px;
	padding-right: 10px;
	border-top: solid 1px #F0B428;
	/* border-left: solid 1px #F0B428; */
}
.catbg, .catbg2, .catbg3
{
	border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: white;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: #F0B428;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #ADADAD;
	padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 1px;
	border: 1px solid #696969;
	background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 90%;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}
/* Sicherstellen, dass Links in Postings und PNs entsprechend unterstrichen werden!  */
.post a, .personalmessage a
{
	text-decoration: underline !important;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
	color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
	color: white;
	text-transform: uppercase;
	vertical-align: top;
}
.maintab_back, .maintab_active_back
{
	color: white;
	text-decoration: none;
	font-size:  9px;
	vertical-align: top;
	padding: 2px 6px 6px 6px;
	font-family: tahoma, sans-serif;
}

.maintab_first
{
	background: url(images/maintab_first.gif) left bottom no-repeat;
	width: 10px;
}
.maintab_back
{
	background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
	background: url(images/maintab_last.gif) left bottom no-repeat;
	width: 8px;
}
.maintab_active_first
{
	background: url(images/maintab_active_first.gif) left bottom no-repeat;
	width: 6px;
}
.maintab_active_back
{
	background: url(images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
	background: url(images/maintab_active_last.gif) left bottom no-repeat;
	width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
	color: white;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
	color: #e0e0ff;
	text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
	color: white;
	text-transform: uppercase;
	vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-size: 9px;  vertical-align: bottom;	padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }

.mirrortab_first { background: url(images/mirrortab_first.gif) no-repeat; width: 10px; }
.mirrortab_back { background: url(images/mirrortab_back.gif) repeat-x; }
.mirrortab_last { background: url(images/mirrortab_last.gif) no-repeat;	width: 6px; }
.mirrortab_active_first { background: url(images/mirrortab_active_first.gif) no-repeat; width: 6px; }
.mirrortab_active_back { background: url(images/mirrortab_active_back.gif) repeat-x; }
.mirrortab_active_last { background: url(images/mirrortab_active_last.gif) no-repeat; width: 8px; }

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited { color: white; text-decoration: none; }
.mirrortab_back a:hover, .mirrortab_active_back a:hover { color: #e0e0ff; text-decoration: none; }

/* The AJAX notifier */
#ajax_in_progress
{ background: #32CD32; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }


/* PORTAL */
/* ############################################################################################################################################### */

#portal { margin: 20px 0px 0px 0px; }
#portal .box { border: 1px solid #666; border-bottom: 1px solid #adadad; }
#portal .welcome { margin-top: 15px; padding: 10px; font-size: 1.3em; }
#portal .stopfloat { float:none !important; clear: both; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px; }
#portal .lastElement { float: right !important; text-align: right !important; padding-right: 5px;}

#portal .catbg2 a:hover { color: #f0b428;}

#portal #left { float: left; width: 24%; border: 0px solid blue; }
#portal #right { float: right; width: 75%; border: 0px solid red; }

/* allgemeine Felddefinitionen */
#portal .boxheader { padding: 0px; }
#portal .boxheaderLabel { padding: 5px 5px 5px 10px; }
#portal .boxheaderLabel a { text-decoration: underline; }
#portal .box .titlebg2 { background-position: 0% 10%; border-top: 1px solid #666; padding-left: 2px; }
#portal .line { border: 0px solid green; overflow: hidden; padding: 2px; border-bottom: 0px solid #666; margin-bottom: 1px; }
#portal .line div { float: left; overflow: hidden; }
#portal .bold { font-weight: 900; }

#portal .icon { width: 25px; padding: 5px; }
#portal .subject { width: 525px; }
#portal .subject .board { font-size: 0.8em; font-style: italic; font-weight: 100; }
#portal .poster { width: 80px; }
#portal .time {  }


#portal .postbox, #portal .calendar { margin-bottom: 25px; }

/* recentTopics */
#portal .recentTopics .line { min-height: 32px; }
#portal .recentTopics .header { min-height: 6px; font-size: 0.7em; padding: 2px 0px; }

/* Postbox */
#portal .mails { padding-left: 8px;}


/* Kalender */
#portal .calendar .titlebg2 { padding: 4px 0px 4px 8px;}
#portal .calendar .soon { font-size: 0.8em;}
#portal .calendar .user { padding-left: 12px;}

/* Wer ist online */
#portal .online .user { padding-left: 8px; font-size: 0.8em; }