/*
  The ecoi.net version of sub solver, created by Johannes Weberhofer
*/
	/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #e5e5e5;
	scrollbar-face-color: #dee3e7;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #dee3e7;
	scrollbar-3dlight-color: #d1d7dc;
	scrollbar-arrow-color: #006699;
	scrollbar-track-color: #efefef;
	scrollbar-darkshadow-color: #98aab1;
}

/* General font families for common tags */
a:link,a:active,a:visited {
	color: #0c3658;
}

a:hover {
	text-decoration: underline;
}

hr {
	height: 0px;
	border: solid #d1d7dc 0px;
	border-top-width: 1px;
}

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

/* Main table cell colours and backgrounds */
td.row1 {
	background-color: #efefef;
}

td.row2 {
	background-color: #dee3e7;
}

td.row3 {
	background-color: #d1d7dc;
}

/*
  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: #cddfeb;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
	color: #14578c;
	font-size: 11px;
	background-color: #cddfeb;
	height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	background-image: url("images/cellpic1.gif");
	background-color: #cddfeb;
	border: none;
}

/*
  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 {
	height: 29px;
	border: none;
}

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: 28px;
}

td.row3Right,td.spaceRow {
	background-color: #d1d7dc;
	border: #ffffff;
	border-style: solid;
}

th.thHead,td.catHead {
	font-size: 12px;
	border: none
}

th.thSides,td.catSides,td.spaceRow {
	border: none
}

th.thRight,td.catRight,td.row3Right {
	border: none
}

th.thLeft,td.catLeft {
	border: none
}

th.thBottom,td.catBottom {
	border: none;
}

th.thTop {
	border: none
}

th.thCornerL {
	border: none
}

th.thCornerR {
	border: none
}

/* 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;
}

.genmed {
	font-size: 11px;
}

.gensmall {
	font-size: 10px;
}

.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: underline;
}

/* Forum category titles */
.cattitle {
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	color: #006699
}

a.cattitle {
	text-decoration: none;
	color: #006699;
}

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

/* Forum title: Text and link to the forums used in: index.php */
.forumlink {
	font-weight: bold;
	font-size: 12px;
	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;
}

/* The content of the posts (body of text) */
.postbody {
	font-size: 12px;
}

a.postlink:link {
	text-decoration: none;
	color: #006699
}

a.postlink:visited {
	text-decoration: none;
	color: #5493b4;
}

a.postlink:hover {
	text-decoration: underline;
	color: #dd6900
}

/* Quote & Code blocks */
.code {
	font-family: courier, 'courier new', sans-serif;
	font-size: 11px;
	color: #006600;
	background-color: #fafafa;
	border: #d1d7dc;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px
}

.quote {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	line-height: 125%;
	background-color: #fafafa;
	border: #d1d7dc;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px
}

/* 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 11px verdana, arial, helvetica, sans-serif;
	border-color: #000000;
}

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

input {
	text-indent: 2px;
}

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #efefef;
	color: #000000;
	font-size: 11px;
	font-family: verdana, arial, helvetica, 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: #dee3e7;
	border-style: none;
}

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

/* ecoi layout */
img {
	border: 0;
}

body {
	font-family: verdana, tahoma, arial, sans-serif;
	border-left: 3pt solid #f7fbfb;
	border-right: 3pt solid #f7fbfb;
	margin: 0;
	background: #f7fbfb;
	background-image:
		url("/templates/ecoi/images/ecoi-bodybackground-left.gif");
	background-repeat: repeat-y;
}

div.contentdiv {
	width: 100%;
}

#innerContent {
	margin-left: 206px;
	margin-right: 10px;
	clear: right;
}

#siteBar {
	background-image: url("images/ecoi-headline-background.gif");
	background-repeat: repeat-x;
	border-bottom: 4px solid #f7fbfb;
	height: 55px;
}

#loginLogout {
	position: absolute;
	top: 33px;
	right: 4px;
	width: 180px;
	height: 20px;
	text-align: right;
	background-image: url("images/ecoi-headline-loginlogout.gif");
	background-repeat: no-repeat;
	background-position: left;
	font-size: 70%;
	padding-top: 2px;
	padding-right: 4px;
}

#loginLogout a {
	background-image: url("images/ecoi-headline-loginlogout-arrow.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1em;
	padding-right: 1em;
}

#siteTitle {
	font-size: 80%;
	margin: 4px 0 4px 0;
}

#menuBar {
	font-size: 9pt;
	clear: both;
	width: 200px;
	float: left;
}

#menuBar a {
	text-decoration: none;
	font: bold;
	color: #0c3658;
	background-color: #c1d5e3;
	vertical-align: middle;
	background-image: url("images/li_bg.gif");
	height: 25px;
	display: block;
	margin: 0;
	padding-top: 3px;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

#menuBar a:hover {
	text-decoration: underline;
}

#menuBar a img {
	padding: 0 2px 0 4px;
}

#menuBar img {
	margin-bottom: 6px;
}

/* MAINNAV */
.menuu {
	position: relative;
	float: left;
	width: 200px;
	background: url("images/li_bg.gif") 0 0 no-repeat;
}

#menuBar a {
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: bold;
	left: 0px;
	padding: 0;
	margin: 0;
	padding-left: 20px;
}

.menusep {
	padding: 0;
	margin: 0;
}

.menusep a {
	line-height: 2em;
}

#menuBar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 2em;
}

#MsCOI {
	font-size: 70%;
	background-color: white;
	padding: 1em;
	height: 200px;
}

#MsCOI img {
	float: left;
	padding-right: 1em;
}

#erf {
	font-size: 65%;
	text-align: right;
}

#imprint {
	font-size: 65%;
	text-align: left;
}

#copyright {
	font-size: 65%;
	text-align: right;
	color: grey;
	line-height: 0.5em;
	height: 2em;
}

#textcontent {
	color: #0c3658;
}

.inhalte h2 {
	background: #cce1eb;
	padding: 4pt;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11pt;
	line-height: 1.6em;
}

.inhalte {
	font-family: verdana, arial, sans-serif;
	font-size: 9.5pt;
	line-height: 1.2em;
	background: #fff;
	color: #000;
	border: 1px solid #a2c0d5;
}

.inhalte p {
	padding: 4pt;
	margin: 0;
}

.inhalte ul {
	line-height: 1.6em;
	margin-left: 25px;
}

.inhalte img {
	padding: 0pt;
	margin: 0pt;
	border: 0px solid #a2c0d5
}

.inhalte a {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	line-height: 1.2em;
	background: #fff;
	margin: 0pt color :   #000;
}

.inhalte td {
	padding: 2pt;
	margin: 0pt;
	font-size: 7pt;
	border: 1px solid #a2c0d5
}

.inhalte h3 {
	padding: 3pt;
	margin: 2;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	text-decoration: underline line-height :     1.6em;
}

.inhalte h4 {
	background: #cce1eb;
	padding: 4pt;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	line-height: 1em;
}

.inhalte h5 {
	background: #cce1eb;
	padding: 4pt;
	margin-top: 2pt;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #0c3658;
	line-height: 1em;
}

.links a {
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	line-height: 1.2em;
	background: #fff;
	margin: 0pt color :   #000;
}

.links img {
	border: 0;
}

.links td {
	border: 0;
}

.tabellen td {
	padding: 2pt;
	margin: 0pt;
	font-size: 7pt;
	border: 1px solid #a2c0d5;
}