/* LOGINFELD */

  div#rlogin {
	width:97%;
	height:20px;
	opacity: 1.0;
  }

  div#rlogin div {
     clear: right;
	 text-align:center;
	 opacity: 1.0;
  }
  
  ul#login {
    margin: 0;
	padding: 0;
    text-align: center;
	opacity: 1.0;
  }

  ul#login li {
    list-style: none;
    float: left;
    position: relative;
	left: 0%;
	padding: 0;
	opacity: 1.0;
  }

  ul#login li ul {
    margin: 0;
	padding: 0;
    position: absolute; /* Position der eingeblendeten Elemente */
	padding:4px;
    top: 1em;
	left: -2em;
    display: none;
	opacity: 1.0;
	z-index: 2;
  }
  
  ul#login li:hover ul {
    display: block;
	opacity: 1.0;
  }
  ul#login li ul li {
    float: none;
    display: block;
	opacity: 1.0;
  }

  ul#login a, ul#login span {
    display: block;
    /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none;
	font-weight: bold;
	opacity: 1.0;
  }
  
  
  /* Navigations Links */

  div#Rahmen {
	height:25px;
	margin-left: 180px;
	width: 630px;
	text-align:center;
	padding: 5px;
	border: 0px;
	/* Hintergrund der gesamten Leiste */
  }

  div#Rahmen div {
     clear: right;
	 text-align:center;
	 /* nicht sichtbar, ??? */
  }
  
  ul#Navigation {
    margin: 0;
	padding: 0;
    text-align: center;
	/* nicht sichtbar, ??? */
  }

/* Hintergrund der Buttons */
  ul#Navigation li {
    list-style: none;
    float: left;
    left: 22px;
    width: 180px;
    margin: auto auto;
    position: relative;
    padding: 2px;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(45, 45, 45);
    /* RGBa with 0.8 opacity */
    background-color: rgba(36, 36, 36, 0.6);
    /* Definiert alle einzelnen Elemente des Menüs */
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    border-radius: 15px;
    background: url(bilder/tableback.png);
    border: solid 0px #444444;
  }
  
/* Hintergrund der Buttons beim Hover */
  ul#Navigation li:hover {
	padding: 2px;
	/* Fallback for web browsers that don't support RGBa */
    	background-color: rgb(35, 85, 100);
    	/* RGBa with 0.8 opacity */
    	background-color: rgba(35, 85, 100, 0.5);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
  }
  
/* Links der Buttons */
  ul#Navigation li a {
	color: #c6c6c6;
	font-size: 1em;
	letter-spacing: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: light;
	text-transform: uppercase;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
  }
  
/* Links der Buttons beim Hover */
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
	color: #a4c6d2;
	letter-spacing: 2px;
	/* Hover-Effekt der einzelnen Elemente */
  }

  ul#Navigation li ul {
    margin: 0;
	padding: 0;
    position: absolute;
    width: 220px;
	padding:5px;
    top: 1.4em;
	left: -3.3em;
    display: none;
	z-index: 2;
	/* Aufklapp-Untermenüs, gesamtes Element das die Listenelemente enthält */
  }
  
  ul#Navigation li:hover ul {
    display: block;
	/* siehe oben, Hover */
  }
  
  ul#Navigation li ul li {
    float: none;
    display: block;
	/* Definiert einzelne Unterelemente */
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    height: 20px;
    padding: 0px;
    border-radius: 15px;
    width: 175px;  /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none;
    font-weight: bold;
  }


/* ALLGEMEIN CSS */

/* Navbar Leiste */
#navbar {
	width: 100%;
	position:fixed; 
	height:30px; 
	top:0px; 
	left:0px; 
	z-index:100; 
}

/* Text der Navbar */
#navbar_content {
	opacity: 0.6;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	top:0px; 
	margin-right:auto; 
	margin-left:auto; 
	width:975px; 
	height:30px; 
	z-index:100; 
	padding:3px;
	color:#BBBDBD; 
	font-size: 1em;
	font-family: Trebuchet MS, sans-serif;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	/* Fallback for web browsers that don't support RGBa */
   	 background-color: rgb(68, 116, 130);
   	 /* RGBa with 0.6 opacity */
    	background-color: rgba(68, 116, 130, 0.8);
}

#navbar_content:hover {
	opacity: 1.0;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(56, 93, 104);
    /* RGBa with 0.6 opacity */
    background-color: rgba(42, 82, 94, 0.8);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#navbar a {
	color:#BBBDBD; 
}

#navbar a:hover {
	color: #66a7b9;
}

/* Gesamte Seite */
body	{
	height:100%;
	background: #2d2d2c url(bilder/background.jpg) fixed center;
	background-size: cover;
	line-height: 1.2;
	margin: auto auto;
	font-family: Tahoma, Arial, Verdana;
	font-size: 14px;
	color:#BDB8AC;
	cursor:url('bilder/cursor_off.cur')	-8 -8, auto;
}

/* Forenhintergrund der inneren Tabelle */
#back	{
	width: 975px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: auto auto;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* Breite der Tabelle innerhalb des Forums unter Header */
#forenbreite {
    width:100%;
}

/* Seitentabelle */
#seitentabelle {
    position:fixed;
    width:15%;
    height:100%;
    overflow:auto;
    top:0px;
    left:0px;
}

/* Auswahlbox */
select	{
	font-size: 1em;
	padding: 2px 5px;
	cursor:url('bilder/cursor.cur')	-8 -8, auto;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	background: #EEEEEE;
	border: 1px solid #bbbbbb;
	color: #444444;
	outline: 0px none;
	border-radius: 6px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* Textfeld mehrzeilig */
textarea	{
	font-size: 1em;
	padding: 10px;
	cursor: auto;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	background: #EEEEEE;
	border: 1px solid #bbbbbb;
	color: #444444;
	outline: 0px none;
	border-radius: 15px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

textarea:hover	{
	font-size: 1em;
	padding: 10px;
	cursor: auto;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	background: url(bilder/tableback.png);
	border: 1px solid #444444;
	color: #BBBDBD;
	outline: 0px none;
	border-radius: 15px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(36, 36, 36);
    /* RGBa with 0.6 opacity */
    background-color: rgba(36, 36, 36, 0.6);
}

/* Einzeiliges Eingabefeld, Buttons */
.input	{
	font-size: 1em;
	padding: 2px 5px;
	cursor: pointer;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	background: #EEEEEE;
	border: 1px solid #bbbbbb;
	color: #444444;
	outline: 0px none;
	border-radius: 6px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* Einzeiliges Eingabefeld, Buttons Hover */
.input:hover {
	font-size: 1em;
	padding: 2px 5px;
	cursor: pointer;
	font-family: Trebuchet MS,Verdana,Arial,sans-serif;
	border: 1px solid #bbbbbb;
	color: #027C77;
	outline: 0px none;
	border-radius: 6px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* Normale Schrift */
.normalfont	{
	font-family:Verdana, Tahoma, sans-serif;
	font-size:1.1em;
	line-height:22px;
}

/* Kleine Schrift */
.smallfont	{
	font-family:Verdana, Tahoma, sans-serif;
	font-size:0.8;
	line-height:18px;
}

/* Charakterrede */
.speech {
        color: #4a879d;
}

/* NPC Rede */
.nsc {
        color: #6fa5b8;
}

/* Funkrede */
.funk {
    color: #acacac;
    font-style: italic;
    font-family: Courier New;
}

/* Telepathierede */
.telepathie {
	font-style: italic;
    color: #c67bd6;
}

/* überschrift 1, Listen */
h1 {
	color: #eeeeee;
	font-family: 'Electrolize', sans-serif;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	border-bottom: 3px solid #377789;
	padding: 5px;
	border-radius: 10px;
}

/* überschrift 2, Header */
h2 {
	color: #eeeeee;
	font-family: 'Electrolize', sans-serif;
	font-size: 1.3;
	text-decoration: none;
	text-transform: none;
	border-bottom: 3px solid #377789;
	padding: 5px;
	border-radius: 10px;
}

/* überschrift 3, klein */
h3 {
	color: #eeeeee;
	font-family: 'Tahoma', sans-serif;
	font-size: 1em;
	text-decoration: none;
	text-transform: none;
	border-bottom: 2px solid #377789;
	padding: 5px;
	border-radius: 10px;
}

h6	{
	font-size:1em;
	color:#E6E3DB;
	font-family:'IrishHunt', sans-serif;
	font-weight:normal;
	letter-spacing: 2px;
	text-align:center;
	padding:2px;
	margin:0px;
	display: inline-block;
	height:15px;
}

/* Foren überschriften */
.head	{
	font-family:'Electrolize', sans-serif;
	font-size:1.8em;
	line-height: 22px;
	text-align: center;
	text-decoration:none;
	text-transform: none;
	color:#6C6864;
	display:inline-block;
}

/* Foren überschriften Hover */
.head:hover {
}

/* Foren Beschreibungen */
.descr	{
	font-family: Trebuchet MS,sans-serif;
	font-size: 1em;
	text-decoration: none;
	text-transform: none;
	color:#BDB8AC;
	padding: 3px;
	margin-top: 1px;
	margin-bottom: 10px;
}

/* Weiterführende Links in Beschreibungen */
.forenlinks {
	background: #E6E3DB;
	color: #999383;
	width: 96%;
	height: 15px;
	display: inline-block;
	border-right: #BDB8AC solid 5px;
	padding: 2px;
	margin-top: 5px;
}

/* Links */
a:link, a:visited {
	color: #377789;
    text-decoration: none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* Hover Link */
a:hover {
	COLOR:#66a7b9;
	text-decoration:none;
	cursor:url('bilder/cursor.cur')	-8 -8, auto;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* Aktiver Link */
a:active {
	COLOR:#377789;
	text-decoration:none;
}

/* Buttons in Beiträgen */
.cssbuttons {
	color: #666666;
	margin: auto auto;
	padding: 3px;
	//width: 60px;
	height: 20px;	
	display: inline-block;
}

.cssbuttons:link, .cssbuttons:visited {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 0.8em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    color: #666666;
}

.cssbuttons:active {
	color: #027C77;	
}

.cssbuttons:hover {
    color: #027C77;
}

/* Headerbild */
#header {
	width: 975px;
	margin: auto auto;
	font-size: 0px; /* Verhindert "Loch" zwischen Headerbild und Forenbild */
}

/* Gespiegeltes Headerbild */
#header_mirror {
	width: 975px;
	margin: auto auto;
	background: url(bilder/banner2.png) no-repeat;
	height: 350px;
	position: absolute;
	z-index: -1;
}

/* Headertabelle Box */
#headertabelle {
	height: 230px;
	margin: auto auto;
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 1.1em;
	color:#BBBDBD;
}

/* Linke Headerspalte */
#hlinks {
	float: left;
	width: 48%;
	margin: auto;
	height: 250px;
	text-align: left;
}

/* Rechte Headerspalte */
#hrechts {
	float: right;
	width: 48%;
	margin: auto;
	height: 250px;
	text-align: right;
}

/* Boxen innerhalb der Spalte (mit Infos, zum Scrollen) */
.header_box {
    overflow: auto;
    height: 170px;
    border: 0;
}

/* Avatar im Profil */
#avatar_header img {
	width: 100px;
}

/* Avatargröße */
.avatar img {
	width: 180px;
}

img {
	border: 0;
}

/* Boxen */
div.boardtable {
	padding: 10px;
}

/* Tabellen */
table.boardtable {
	width: 100%;
}

/* Boxen */
.boardtable {
	background: url(bilder/tableback.png) repeat;
	color: #BDB8AC;
	font-family: Verdana, Tahoma;
	font-size: 1em;
	border: solid 1px #444444;
	border-radius: 20px;
	border-spacing: 0px;
	overflow: hidden;
	padding: 10px;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(36, 36, 36);
    /* RGBa with 0.6 opacity */
    background-color: rgba(36, 36, 36, 0.6);
}

/* Boardtable kleinere Boxen */
.boardtable_other {
	background: url(bilder/tableback.png) repeat;
	border: solid 1px #444444;
	border-radius: 20px;
	border-spacing: 0px;
	overflow: hidden;
	padding: 5px;
	margin: auto;
}

/* Forentabelle */
.boardtable_index {
	border-top: 1px solid #444444;
}

/* Foren einer Kategorie */
.tborder {
	background: url(bilder/tableback.png) repeat;
	width: 100%;
	margin: auto auto;
	border: 1px solid #444444;
	border-spacing: 0;
	border-radius: 15px;
	overflow: hidden;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(36, 36, 36);
	/* RGBa with 0.6 opacity */
	background-color: rgba(36, 36, 36, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

/* Tabellenende */
tr:last-child td {
    border-bottom-left-radius: 20px;    
    border-bottom-right-radius: 20px;
}

/* Tabellenanfang */
tr:first-child td {
    border-top-left-radius: 20px;    
    border-top-right-radius: 20px;   
}

/* Kategoriezeile */
.tcat {
	width: 100%;
}

/* Tabellenkategorie */
#tablecat	{	
	background: url(bilder/tableback.png) repeat;	
}

/* Tabellentitel */
#tabletitle	{	
	background: url(bilder/tableback.png) repeat;	
}

/* Tabelle 1 */
#tablea {
}
	
/* Tabelle 2 */
#tableb {
}
	
/* Forenzeile */
.hover {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	padding-bottom:10px;
}

/* Zeile Hover */
.hover:hover {
	background: url(bilder/hover.png) repeat;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(100, 100, 100);
	/* RGBa with 0.6 opacity */
	background-color: rgba(100, 100, 100, 0.2);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

/* Zeile Threadbit */
.hover_threadbit {
	border-top: 1px solid #444444;
	padding: 5px;
}

/* Threadbit Hover */
.hover_threadbit:hover {
}
	
/* Profillinks im Profil */
.profillinks {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	background: url(bilder/tableback.png) repeat;
	display: inline-block;
	border-radius: 15px;
	width: 100%;
	padding: 10px;
	text-align: left;
	margin: auto;
}

/* Profillinks im Thread */
.threadlinks {
	font-family: 'Source Sans Pro', sans-serif;
	background: url(bilder/tableback.png) repeat;
	display: inline-block;
	border-radius: 10px;
	width: 85px;
	padding: 5px;
	text-align: left;
	margin: auto;
}

/* Profilfelder Box */
.userfields {
	line-height: 5px;
	font-size: 1em;
	text-transform: lowercase;
	text-align: left;
	background: url(bilder/tableback.png) repeat;
	text-align: justify;
	text-justify: trim;
	padding: 3px;
	width: 180px;
}

/* Titel der Profilfelder */
.userfield_title {
	font-family: 'Orbitron', Verdana, sans-serif;
	display: block;
	text-align: center;
	margin: 0px;
	border-bottom: 2px solid #377789;
	border-radius: 10px;
	font-size: 1em;
}

/* Profilfelder */
.userfield_content {
	text-align: center;
	background: url(bilder/tableback.png) repeat;
	display: block;
	width: 99%;
	margin: 0px;
	text-transform: none;
}

/* Profil Spalte für Avatar */
.profil_avatar {
	height: 450px;
	width: 200px;
	padding: 10px;
	float: left;
	/* border-right: 1px solid #333333; */
}

/* Profil Spalte für Steckbrief äußere Tabelle*/
.profil_main {
	height: 450px;
	width: 75%;
	float: left;
	/* border-right: 1px solid #333333;	*/
}

/* Profil Steckbrief innere Tabelle*/
#profilstecki {
    width:97%;
    height:360px;
    padding:10px;
    float:right;
    margin-auto;
    overflow:auto;
    font-size:1em;
}

/* Kursive Schrift */
.i, i	{
	color: #377789;
}

/* Fette Schrift */
.b, b	{
}

/* Unterstrichene Schrift */
.u, u	{
	color:#377789;
	border-bottom: 1px dotted #377789;
}

/* Thread Box */
/* .thread {
/* 	background: #999383;
/* 	color: #E6E3DB;
/* 	padding: 4px;
/* 	border-right: #756D5B 4px solid;
/* }

/* Antworten und Hits Box */
.hits {
	background: url(bilder/tableback.png) repeat;
	height: 40px;
	padding: 2px;
	text-align: center;
	border-radius: 10px;
}

/* Letzter Post Box */
/* .lastpost { */
/* 	background: #E6E3DB; */
/* 	color: #756D5B; */
/* 	padding: 2px; */
/* 	text-align: center; */
/* } */

/* Post Box */
.posts	{
	border: 1px solid #444444;
	padding:20px;
	background: url(bilder/tableback.png);
	width: 75%;
	border-radius: 10px;
	margin: 5px;
	text-align: justify;
	line-height:22px;
}

/* Code Box */
#code	{
	width:80%;
	overflow:scroll;
	border-bottom: 1px dotted #444444;
	padding:5px;
	margin: auto auto;
	max-height: 150px;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(36, 36, 36);
    /* RGBa with 0.5 opacity */
    background-color: rgba(36, 36, 36, 0.5);
}

/* Zitat Box */
#quote	{
	width:80%;
	border-bottom: 1px dotted #444444;
	padding:5px;
	margin: auto auto;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(36, 36, 36);
    /* RGBa with 0.5 opacity */
    background-color: rgba(36, 36, 36, 0.5);
}

/* Info Box */
#info	{
	width:80%;
	border-bottom: 1px dotted #444444;
	padding:5px;
	margin: auto auto;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(36, 36, 36);
    /* RGBa with 0.5 opacity */
    background-color: rgba(36, 36, 36, 0.5);
}

/* Unteraccount hat eine neue Nachricht */
.pmindex {
	max-height: 20px;
	padding: 5px;
	text-align: center;
	color: #cc0000;
	border-bottom: 1px dotted #444444;
	margin: 5px;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(36, 36, 36);
    /* RGBa with 0.5 opacity */
    background-color: rgba(36, 36, 36, 0.5);
}

/* Prefixe */
.prefix {
	display: inline-block;
	background: #222222;
	color: #888888;
	border-radius: 5px;
	text-align: center;
	padding: 3px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:0.8em;
}

/* Trennlinie */
hr {
	width: 80%;
	color: #444444;
	background-color: #444444;
	height: 1px;
	border: 0px;
}