ÿþ
/* Kanal-Umgebung
---------------------------------------- */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	background: rgb(64,11,67) url(kanalbg.jpg) right bottom fixed no-repeat;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#title {
  margin-top: 5px;
  margin-left:0px;
	margin-bottom: -145px;
	height: 175px;
	background: url(lila-kanal3.jpg) left top no-repeat transparent;
}
#title h1 {
	display: none;
}

#menu { 
  position: absolute;
	width: 200px;
	display: block;
	float:left;
	top:180px;
	left: 3px;
	font-family: "Courier New",Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	color: rgb(220,180,225);
}

#menu li { 
	list-style: none; 
	padding:0 0 0 10px; 
	margin:2px 0; 
	line-height: 1em;
}
#menu li.active { color: white; }
#menu #journal {  font-size: 30px; margin-left: 3px;}
#menu #forum {  font-size: 36px; margin-left: 5px; }
#menu #zahlenspiel {  font-size: 26px; margin-left: 1px; }
#menu #liveradio {  font-size: 25px; margin-left: 3px; }
#menu #trenner {  font-size: 18px; margin-left: 3px; }
#menu #info {  font-size: 18px; margin-left: 5px; }

#menu a { 
	color: white; 
	text-decoration: none;	
}

#menu a:link, #menu a:visited  {
  color: rgb(185,135,190);  
}
#menu a.active:link, #menu a.active:visited  {
  color: rgb(220,196,222);  
}
#menu a:hover, #menu a:active  {
  color: #fff;  
  text-decoration: none;
}

#arrow1 {
	width: 70px;
	height: 30px;
	display: block;
	position: absolute;
	left: 140px;
	top: 190px;
	background: url(arrow1_83.png) transparent;
	padding: 0;
}

#arrow2 {
	width: 70px;
	height: 30px;
	display: block;
	position: absolute;
	left: 140px;
	top: 210px;
	background: url(arrow2_83.png) transparent;
	padding: 0;
}

#arrow3 {
	width: 70px;
	height: 30px;
	display: block;
	position: absolute;
	left: 140px;
	top: 224px;
	background: url(arrow3_83.png) transparent;
	padding: 0;
}

#arrow5 {
	width: 70px;
	height: 30px;
	display: block;
	position: absolute;
	left: 140px;
	top: 314px;
	background: url(arrow2_83.png) transparent;
	padding: 0;
}

#promo {
	width: 63%;
	min-width: 650px;
	margin: 10px auto;
}

#page {
	padding: 10px;
	width: 740px;
	margin: 0px 20px 80px 210px;
	background: transparent url(page_bg_83.png) left top repeat;
}

#end {
 height: 50px;
}


/* Farben */
.panel { background-color: rgb(242,240,243); }
.bg1 { background-color: rgb(242,240,243); }
.bg2 { background-color: rgb(235,228,236); }
.bg3 { background-color: rgb(212,190,215); }
.bg4 { background-color: rgb(200,170,210); }


/* Zahlenspiel */
#zahlenspiel .clear { clear: both; }
#zahlenspiel h2 {
	font-size: 2.2em;
	font-weight: normal;
	margin-top: 0.3em;
}
#headmenu_small {
	font-size: 1.3em;
	font-weight: bold;
	position: relative;
	top: 3px;
}
#headmenu_small span {
  color: rgb(90,30,100);
  text-decoration: none;
	background: rgb(236,230,237);
  padding: 2px 4px;
  border: 1px solid rgb(90,30,100);
}
#headmenu_small a {
  color: white;
  text-decoration: none;
	background: rgb(150,77,157);
  padding: 2px 4px;
  border: 1px solid rgb(120,34,130);
}
#headmenu_small a.forumindex {
	background: rgb(105,35,115);
  border: 1px solid rgb(90,30,100);
}
#headmenu_small a:hover {
  color: rgb(120,34,130);
  background: white;
  text-decoration: none;
}
#headmenu_small a.loginout {
  color: white;
  text-decoration: none;
	background: rgb(60,140,50);
  padding: 2px 4px;
  border: 1px solid rgb(50,100,45);
}
#headmenu_small a.loginout:hover {
  background: rgb(200,100,20);
  color: white;
  text-decoration: none;
  border: 1px solid rgb(120,60,15);
}

/* Forum-Anpassungen */
h2 {
	/* Forum header titles */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #111;
	font-size: 2.2em;
	margin: 12px 0 20px 0;
}
.forumheadlines {
  padding-left: 45px;
  padding-right: 20px;
}
.forumheadlines small { 
	font-size: 11px;
	color: #555; 
	text-transform: uppercase;
	margin: 0 0 -18px -45px;
	display: block;
	width: 100px;
}
h3.forumheadlines {
  border: none;
  font-size: 2em;
  text-transform: none;
  margin: 12px 0px 0px 0px;
}
h2.forumheadlines small { 
	margin: 0 0 -19px -45px;
}
.username-coloured { font-weight: normal; }
.post .username-coloured { font-weight: bold; }

.post {
	border: 1px solid #be98bf;
	margin-bottom: 5px;
}
ul.topiclist li {
	border: 1px solid #be98bf;
	padding: 5px 2px;
	margin-bottom: 3px;
	color: #333;
}
ul.topiclist li.header {
  border-top: 1px solid #be98bf;
  padding: 2px 2px 0px 2px;
}
ul.topiclist  {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}
ul.topiclist dd {
	border-left-color:#BE98BF;
}
.navbar {
	background: #be98bf;
}
.signature {
	color: #a783a9;
	border-top: 1px solid #be98bf;
}
.panel {
	border: 1px solid #be98bf;
}
#tabs { margin-bottom: -1px; }
#tabs li a {
	border-left: 1px solid #be98bf;
	border-top: 1px solid #be98bf;
	border-right: 1px solid #be98bf;
}
#tabs .activetab a span {
  background: rgb(235,230,236);
}
#cp-menu #navigation a {
	border-left: 1px solid #be98bf;
	border-top: 1px solid #be98bf;
	border-bottom: 1px solid #be98bf;
	border-right: none;
}
.postbody .content {
	font-size: 1.32em;
	color: #222;
}
a.forumtitle, a.topictitle {
	color: #5A195F;
}
a:link, a:visited, a.forumtitle:link, a.forumtitle:visited, a.topictitle:link, a.topictitle:visited {
	color: #5A195F;
}
a.topictitle:hover	{ color: rgb(140,0,120); }

a.postlink:link, a.postlink:visited {
  background: none;
	color: #5A195F;
	border: 0px solid white;
}
a.postlink:hover, a.postlink:active {
  background: none;
	color: rgb(140,0,120);
	text-decoration: underline;
	border: 0px solid white;
}

input.inputbox:hover, input.inputbox:active {
	border-color: #7A327F;
	color: #5A195F;
}

.navbar {
	padding: 5px 10px;
}
ul.linklist li {
	font-size: 1.2em;
}
.postprofile {
	border-left: 1px solid #be98bf;
}