/*
  die-informatiker.net Design
  Created by die-informatiker.net Design-Team
  http://www.die-informatiker.net

*/



/* ________________________________________________ G E N E R E L L ________________________________________________________ */


/* General page style. */
/* CHANGED */
body {
	background-color: 		#C6D7E7; 	/*Rahmen um die Seite */
	font-family: sans-serif; 
}

/* Forms brauchen sonst zu viel Platz -DS */
form {
	margin: 0px;
}

/* This is the border line AROUND the entire page and the background color of its content*/
/* CHANGED */
.bodyline { 
	background-color: #EEF3F8; border: 1px #1388AE solid; 
	font-family: sans-serif; 
}


/* This is the outline round the main forum tables */
/* DEPRECATED */
.forumline	{ background-color: #00FF00; /* Das ist die Farbe der Pseudo-Ränder! - SK */
		  border: 0px #FF0000 solid; }




/* ________________________________________________ K Ä S T E N ________________________________________________________ */

form.inner {margin: -2px 0px;}

td 	{border-collapse:collapse;} /* nutzlos für Konqueror, sollte aber für Firefox drin sein, wird sonst komisch -SK */

/* Main table cell colours and backgrounds */
/* CHANGED: border-info jetzt hier dabei */
td.row1,td.row2,td.row1openLeft, td.row2openLeft, td.row1Icon,td.row1openTop,td.row2openTop,td.row2center,td.postSpacer {
	border: #A5B2BD solid;
	padding:3px;
	border-width: 1px 0px 0px 1px;
}
td.row1,td.row1openLeft,td.row1Icon,td.row1openTop { background-color: #FFFFFF; }
td.row2,td.row2openTop,td.row2center, td.row2openLeft	{ background-color: #EFEFEF; }
td.row3	{ background-color: #FF0000; }  /* wird das ben�igt? -SK */


/* ADDED: Zellen-Klasse als Trennline zwischen einzelnen Posts in viewposts -DS */
td.postSpacer {
	background-color: #AAA;
	height: 5px;
}

/* ADDED: Zellen-Klasse fr die Hauptzelle in view_forum und index_body, damit das Flag-Symbol in der gleichen Zelle erscheint -BF */
td.row1openLeft { border-width: 1px 0px 0px 0px; }
td.row2openLeft { border-width: 1px 0px 0px 0px; }
/* ADDED: Zellen-Klasse fr Flag-Symbol, um etwas Abstand vom Tabellenrand und dem Text zu erhalten -BF */
/** width:38px durch padding:10px ersetzt, da durch das width:100% in ner anderen Zelle die Breite nicht in umgesetzt wurde **/
td.row1Icon { text-align: center; padding: 10px; }
td.row1openTop, td.row2openTop { border-width: 0px 0px 0px 1px; }
/* ADDED: Center-Klasse um die "align=center" Attribute entfernen zu k�nen */
td.row2center { text-align: center; vertical-align: middle; }

/* Es scheint, als könnten wir th für alle Überschriften erster Ordnung (schwarz auf grauem Farbverlauf) 1:1 bernehmen - SK*/
/* CHANGED */
/** auf text-align: left gesetzt, da scheinbar th's standardmäßig zentriert werden -BF **/
/** padding-left geaddet, damit der Text nicht so am Rand pickt :) -BF **/
th h1	{
	margin: 0px;
}
th,th h1	{
	color: #000000; 
	font-size: 12px; 
	font-weight: bold;
}
th	{
	height: 28px; /* Grafik box_header.png ist 28 Pixel hoch */
	background-color: #AAAAAA;
	background-image: url(images/box_header.png);
	border: #A5B2BD solid;
	border-width: 1px 0px 0px 1px;
	text-align: left;
	padding-left:3px;
}

/* Gelber Farbverlauf für die Login Box - DH*/
/** Es wird von th geerbt, daher nur Neuerungen und Äderungen nötig... Rest entfernt -BF **/
/* NEW */
th.yellow	{
	background-image: url(images/box_header_yellow.png);
}

/* ADDED: buttonCotainer for multiple header cells -BF */
th.buttonContainer {
	border-left: none;
	text-align: right;
}

/* td für Üerschriften zweiter Ordnung, z.B. Kategorien - aber nicht nur */
/* NEW */
td.subheadingLeft,td.subheadingCenter {
	background-color: #1388AE;
	height: 20px;
	border: #A5B2BD solid;
	border-width: 1px 0px 0px 1px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
	padding:3px;
}
td.subheadingLeft 	{ text-align:left; }
td.subheadingCenter 	{ text-align:center; }

td.subheadingWithoutBorder {
	background-color: #1388AE;
	height: 20px;
	border: #A5B2BD solid;
	border-width: 1px 0px 0px 0px;
	color: #FFFFFF;
	font-size:12px;
	padding:3px;
	text-align:right;
}


/* Schatteneffekte, direkt an die Tabellen anfgen */
/* NEW */
td.horizSpacer,td.vertSpacer,td.bottomrightSpacer {
	background-color: #DDDDDD; 		/*Die generelle Schattenfarbe. Sp�er �derbar -SK */
	border: #A5B2BD solid; 		/* Randfarbe der Zellen. Wird oben und links angefgt um Zellen zu schlie�n */
}



td.horizSpacer {
	height: 2px; 				/* mssen 2 sein, da 1px Rand inklusive ist -SK*/
	border-width: 1px 0px 0px 0px;
}

td.vertSpacer {
	width: 2px;				/* 2px hier => 1px in Konqueror, 2px in Firefox. Find ich OK -SK */
	border-width: 0px 0px 0px 1px;
}

td.bottomrightSpacer {
	width: 2px;
	height: 2px;
	border-width: 0px;
}

/* td fr die gelbe Navigation -DH */
/* NEW */
td.navigationYellow {
	background-color: #EEAF03; 
	height: 19px; 
	width:300px; 
	border: #FAFAFA solid; 
	border-width: 0px 0px 1px 0px;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size:12px; 
	text-align:right;
	white-space: nowrap;
}

/* td fr die blaue Navigation -DH */
/* NEW */
td.navigationBlue {
	background-color: #1388AE; height: 20px; border: #FAFAFA solid; border-width: 0px 0px 1px 0px;
	color: #FFFFFF; font-weight: bold; font-size:12px; text-align:right;
}

/* td fr den wei�n bereich mit logo oben -DH*/
/* NEW */
.header {
	background-color: #FAFAFA; height: 114px;
	color: #000000; font-size:11px; text-align:right;
}

/* td fr den hellblauen Hintergrund und die Breite der Infospalten -DH */
/* NEW */
td.infospalte {
	background-color: #EEF3F8; width: 170px; vertical-align: top;
}

/* fr die breite der boxen -DH */
/* NEW */
.box {
	width:150px; margin: 19px 10px 0px 10px; vertical-align:top; border-spacing: 0px; padding:0px; border-collapse:collapse;
}

/* Fusszeile des Forums -DH */
/* NEW */
.copyrightLine {
	height:50px; background-color:#EEF3F8; text-align:center; vertical-align:bottom;
}


/* "Normale" K�ten: Unterscheidung Links/Rechts, um zwei Elemente an die linke bzw. rechte Seite zu kriegen.*/
/* NEW */
td.locationbarBox,td.locationbarBoxLeft,td.locationbarBoxRight {
	background-color: #EFEFEF;
	border: #A5B2BD solid;
	height: 20px /* == td.subheading ! */;
	padding:3px;
}
td.locationbarBox 	{border-width: 1px 0px 0px 1px;}
td.locationbarBoxLeft 	{border-width: 1px 0px 0px 1px;}
td.locationbarBoxRight 	{border-width: 1px 0px 0px 0px; text-align:right;}

/* wie locationbar, nur H�e und text-align etc jeweils selber einstellen -SK */
td.universalBox, td.universalBoxOpenLeft {
	background-color: #EFEFEF;
	border: #A5B2BD solid;
	border-width: 1px 0px 0px 1px;
	padding:3px;
}
/* padding:3px hinzugefgt... neue Klasse fr mittlere und rechte K�ten (nicht politisch gemeint :P) */
td.universalBoxOpenLeft	{ border-width: 1px 0px 0px 0px; }


/*
  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
*/
/*DEPRECATED */
td.rowpic {
		background-color: #FF0000;
}

/* DEPRECATED -SK */
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color: #FF0000;
			border: #FFFFFF; border-style: solid; height: 28px;
}


/* DEPRECATED -SK*/
td.row3Right,td.spaceRow {
	background-color: #FF0000;
	border: #FFFFFF;
	border-style: solid;
}
/* added: -WS */
/* fr Fehlermeldungen -WS */
td.errorBox { border: 1px #FF0000 solid; margin-top:19px;}

/* SmilyBox -WS */
table.smilyBox { border: 1px #006699 solid;}

/* einfacher background -WS*/
td.whiteBack {background-color: #FFFFFF;}

/* allgemeine Definition fr Containertabellen, besser als inline Style Angaben -WS */
table.collapse, table.topTable {width:100%; border-spacing: 0px; padding:0px; border-collapse:collapse;}
table.topTable { margin-top: 19px; }

td.greyTopLeft {background-color:#EFEFEF; border-left: 1px #A5B2BD solid; border-top: 1px #A5B2BD solid;}
/* fr die Leiste mit den Absenden/... Buttons -WS */
td.buttonRow { text-align:center; background-color:#EFEFEF; border-left: 1px #A5B2BD solid; border-top: 1px #A5B2BD solid; border-bottom: 1px #A5B2BD solid; height:28px; vertical-align:middle;}

td.privmsgsFolder { font-size: 12px; letter-spacing: 1px; vertical-align:middle ;height:40px; white-space:nowrap;}
td.loginLeft	{width:45%; text-align:right; vertical-align:middle; height:28px; border-left: 1px #A5B2BD solid; background-color:#EFEFEF;}
td.loginRight	{width:55%; text-align:left;  vertical-align:middle; height:28px; background-color:#FFFFFF;}

td.containerContainer { padding-bottom: 2px !important; padding-top: 2px !important; height: 21px; max-height: 21px; }
td.karmaContainer { text-align: left; vertical-align: middle; font-size: 12px; height: 19px; }
td.buttonContainer { text-align: right; vertical-align: middle; height: 19px; }


/* ________________________________________________ S C H R I F T E N ________________________________________________________ */


/* General text */
/* REMAINS */
.gen, .genBold 		{ font-size : 12px; }
.genmed, .genmedBold	{ font-size : 11px; }
.gensmall, .gensmallBold { font-size : 10px; }
.gen,.genmed,.gensmall, .genBold, .genmedBold, .gensmallBold { font-weight: normal; color : #000000;}
.genBold, .genmedBold, .gensmallBold { font-weight: bold; }
.genmedWhite		{ color: #ffffff; font-size : 11px; font-weight: normal;}
a.genmedWhite		{ color: #ffffff; font-size : 11px; font-weight: normal;}
a.genmedWhite:hover	{ color: #ffffff; font-size : 11px; font-weight: normal; text-decoration: underline;}
/* added: fette Schriftarten, als Ersatz fr die <b> Tags  -WS */
/* changed: habe die Deklaration anders gestaltet, um die Redundanz zu reduzieren -BF */
/** habe die nicht-bold .gen* mit font-weight:normal versehen, damit sie nicht in fetten Abschnitten (th-tags) fett dargestellt werden...
    dafr bitte .gen*Bold verwenden! **/



/* CHANGED: Farbe rausgeworfen, weil wir verscheidenfarbige Links haben
   => Allen Links sollten explizit Klassen zugewiesen werden! */
a,a:link,a:active,a:visited,a.gen,a.genmed,a.gensmall	{ text-decoration: none; }
a:hover,a.gen:hover,a.genmed:hover,a.gensmall:hover	{ text-decoration: underline; }

/* General font families for common tags */
/* REMAINS */
font,th,td,p 			{ font-family: sans-serif }
hr				{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* added, nachdem wir keine generelle Linkfarbe haben -SK*/
a.standardlink		{ color: #006699;}
a.standardlink:visited	{ color: #006699;}
a.standardlink:active { color: #006699;}
a.standardlink:hover	{ color: #006699; text-decoration:underline;}

/* Memberlist */
/* added */
a.memberlink		{ color: #006699; font-size:12px; }

/* The register, login, search etc links at the top of the page */
/* CHANGED */
.mainmenu		{ font-size : 11px; color: #000000; }
a.mainmenu		{ color : #000000; }


/* NEW */
.categorytitle 	{ font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #FFFFFF; }
.mailfoldertitle 	{ font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #FFFFFF; }

/* NEW */
/*wei� Links fr die Navigation -DH*/
a.navbarLinks 	{ font-weight: bold; font-size: 12px; color: #FFFFFF; }
a.navbarLinks:hover 	{ font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: underline; }

/* NEW */
/*nicht anklickbare Elemente in der gelben Leiste -DH*/
.noLink 	{ font-weight: bold; font-size: 12px; color: #EFEFEF; }


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

/* NEW */
.locationbarText 	{ font-weight: normal; font-size: 11px; color: #000000; }
a.locationbarText 	{ color: #006699; }

/* titles for the topics: could specify viewed link colour too */
/* REMAINS */
.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; }

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

/* NEW */
/* Beim Threadlesen Name des Verfassers eines Postings. Fr die Forenansichten bitte postdetails verwenden. -SK */
.authorname {
	font-size: 11px;
	color : #000000;
}
a.authorname { color: #006699;}

/* Location, number of posts, post date etc */
/* sowohl Forenansicht als auch in einlenen Postings */
.postdetails {
	font-size: 10px;
	color: #000000;
}
a.postdetails { color: #006699; }

.editedmessage { margin-top: 1ex; }

.arrownav {
	font-family: sans-serif;
	font-size: 11px; 
	color: #444444;
	line-height: 125%;
	background-color: #FAFAFA;
	border: 1px solid #D1D7DC;
}


/* Copyright and bottom info */
/* REMAINS */
.copyright {
	font-size: 10px;
	font-family: sans-serif;
	color: #000000;
	letter-spacing: -1px;
}
a.copyright {
	color: #000000;
	text-decoration: none;
}


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

/* Forum category titles */
/* DEPRECATED, da in categorytitle und mailfoldertitle aufgeteilt */
.cattitle		{
	font-weight: bold;
	font-size: 12px ;
	letter-spacing: 1px;
	color : #FF0000;
}
a.cattitle		{
	text-decoration: none;
	color : #FF0000;
}


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

/* ________________________________________________ E I N G A B E ________________________________________________________ */

/* Form elements */
/** Grauen Rahmen gesetzt, wirkt weniger aggressiv -BF **/
input,textarea, select {
	color : #000000;
	font: normal 11px sans-serif;
	border: #A5B2BD 1px solid;
}

input { text-indent : 2px; }

/* fr checkboxen um zu verhindern, dass sie auch einen schwarzen rand haben -DH */
.checkbox { border: 0px }

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

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000; font-size: 11px; font-family: sans-serif;
}

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

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

/* 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: #EFEFEF; border-style: none; }

/* ________________________________________________ C L I C K E R S ________________________________________________________ */
td.row1 span.clicker {
	float:left;
	text-align: center;
	margin-right: 10px;
	height: 200px;
	max-width: 140px;
}

div.userfloat {
	text-align: center; 
	background: white; 
	border: 1px #A5B2BD solid; 
	padding: 3px;
}

/* ________________________________________________ K A R M A ________________________________________________________ */
button.karmaThumb {
	width: 16px;
	height: 17px;
	border: none;
	vertical-align: bottom;
	background: url(images/arrows.png) no-repeat;
	opacity: 0.8;
	margin: 0px;
	padding: 0;
	cursor: pointer;
	cursor: hand; /* IE backward */
}
/* try some stuff to get rid of the focus border */
button.karmaThumb:active, button.karmaThumb:focus {
	outline: 0 none;
}

button.karmaThumb::-moz-focus-inner {
	border: none;
}

button.karmaVoted:hover {
	opacity: 0.8;
}

button.karmaVoted {
	opacity: 0.5;
}

button.karmaChoice.karmaUp, button.karmaUp:hover {
	background-position: -16px -17px;
}

button.karmaChoice.karmaDown, button.karmaDown:hover {
	background-position: 0px -17px;
}

button.karmaDown, button.karmaDown.karmaChoice:hover {
	background-position: 0px 0px;
}

button.karmaUp, button.karmaUp.karmaChoice:hover {
	background-position: -16px 0px;
}

button.karmaUp {
	margin-right: .5em;
}
button.karmaDown {
	margin-left: .5em;
}

span.postKarma {
	font-weight: bold;
	font-size: 12px;	
}
span.postdetails span.postKarma {
	font-size: inherit;
}

span.karmaRatingGood {
	color: green;
}
span.karmaRatingBad {
	color: red;
}
span.postKarma.karmaRatingNeutral, span.karmaDetails span.karmaRatingNeutral {
	color: gray;
}

span.karmaDetails, a.karmaDetails {
	margin-left: .6em;
	font-size: 10px;
}
a.karmaDetails {
	color: #BBB;
}
span.karmaDetails a.standardlink {
	font-weight: normal;
	color: inherit;
}

img#busyIndicator {
	display: none;
}

img.busyIndicator {
	position: absolute;
	margin: 0 1em;
}


/* ________________________________________________ M I S C ________________________________________________________ */
#alumniLogo {
	margin: 11px 12px;
	border: none;
}