@charset "utf-8";
.header {
	width: 756px;
	height: 185px;
	margin: 0px auto;
	padding: 0px;
	background-color: #282828;
	position: relative; 
	/* border: solid 1px #ffffff; */ 
}

#header1 {
	position: absolute;
	top: 0px;
  	left: 0px;
	height: 168px;
	width: 560px;
	background-image:url(images/header/header_left.jpg);
	background-repeat:no-repeat;
}
#header2 {
	position: absolute;
	top: 0px;
	left: 560px;
	height: 168px;
	width: 196px;
	background-repeat:no-repeat;
}

/* Navi DIV-Box */
#navi {
	position: absolute;
	top: 165px;
	left: 5px;
	height: 33px;
	width: 780px;
	z-index:0;
}

#content {
	position: relative;
	width: 746px;
	margin: 0px auto;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #282828;
	min-height:300px;
	z-index:1;
	
}

#footer {
	position: relative;
	width: 756px;
	/* height: 40px; */
	margin: 0px auto;
	padding: 0px;
	background-color: #282828;
	z-index:1;
}

#hilfe {
	position: relative;
	width: 410px;
	margin: 0px auto;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #282828;
}

#GoogleAdsFirefox {
	position:fixed; 
	left:35px; 
	top:35px; 
	border:1px solid #DF2121; 
	background-color:#FFEBE4; 
	padding:5px; 
	width:180px; 
	z-index:999; 
	text-align:center;
	font-family:"Trebuchet MS", tahoma, sans-serif; font-size: 10pt; color:#DF2121; text-decoration:none; line-height:1.4;
}
#GoogleAdsFirefox a { color:#DF2121; text-decoration:underline; }
#GoogleAdsFirefox a:hover { color:#8C0000; text-decoration:none; }

.box_big {
	position: relative;
	float: left;
	width: 470px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	/* border: solid 1px #ffffff; */
}
.box_small {
	position: relative;
	float: right;
	width: 260px;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px;
	/* border: solid 1px #ffffff; */
}

.title_pic {
	position: absolute;
	left: 4px;
	font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 9pt; color: #ffffff;
	z-index:1;
}

.title_middle {
	height: 21px;
	width: 100%;
	background-image:url(images/titel/footer_middle.jpg);
	z-index:0;
}
.title_left {
	position: absolute;
	left: 0px;
	height: 21px;
	width: 6px;
	background-image:url(images/titel/footer_left.jpg);
	z-index:1;
}
.title_right {
	position: absolute;
	right: 0px;
	height: 21px;
	width: 6px;
	background-image:url(images/titel/footer_right.jpg);
	z-index:1;
}

.smiley {
	position: relative;
	margin: 0px;
	padding-top: 3px;
	border: 1px solid #393939;
	width: 99%;
	float: right;
}
 
.formfield {
	width: 100px;
}
.spanfield {
	padding-top: 3px;
	clear : both;
}
/* Reload-Button Startseite */
.buttonreload {	background-image:url(images/comment/button_reload_off.jpg); height: 50px; width: 50px; border: 0px;	margin:0 auto; display:block; float: right; }
.buttonreload:hover { background-image:url(images/comment/button_reload_on.jpg); }
 /* Standardtext */
.s { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #ffffff;  text-decoration: none; line-height: 1.3; }
.sg { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #81C237; background-color: #282828; text-decoration: none; line-height: 1.3; }

/* Textlink Werbung */
.w { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #ffffff;  text-decoration: none; line-height: 1.3; }
.w a { color:#FFFFFF; }
.w a:hover { color: #81C237; text-decoration: none; }

/* Hovereffekt Navi */
.navi { color: #81C237; text-decoration: underline;  font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; }
.navi:hover { text-decoration: none; }
/* Hovereffekt Navi-Admin & persnliche Links */
.navi_2 { color: #FFCC03; text-decoration: underline;  font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt;}
.navi_2:hover {	text-decoration: none;}
/* Hovereffekt Navi-unten klein */
.navi_3 { color: #282828; text-decoration: none; font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 7pt;}
.navi_3:hover {	color: #000000; }
/* Navigationstext ohne Hovereffekt / als Link */
.navitext { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 8pt; color: #000000; text-decoration: none; background-color: #282828; text-align:left; margin-left:8px; line-height: 2.2;}
.navitext_3 { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 7pt; color: #282828; text-decoration: none; text-align:left;  margin-left:8px; line-height: 2.2;}
/* Hovereffekt Smileys-Einblenden */
.navi_4 { color: #393939; font-family: Trebuchet MS, tahoma, sans-serif; font-size: 7pt; float: right; }
.navi_4:hover {	color: #000000; }

/* Formulare */
/* FORMULARE/Inputboxen/Buttons */
.input { border: solid 1px #393939; color:#ffffff; background-color:#393939; font-size: 8pt; text-decoration: none; font-family: Trebuchet MS, tahoma, sans-serif; }
.button { border: solid 1px #393939; color:#ffffff; background-color:#282828; font-size: 8pt; text-decoration: none; font-family: Trebuchet MS, tahoma, sans-serif; }
.button:hover{ border: solid 1px #282828; color:#ffffff; background-color:#393939; font-size: 8pt; text-decoration: none; font-family: Trebuchet MS, tahoma, sans-serif; }
/* FieldSet */
.field { border: solid 1px #282828; background-color:#efefef; color: #000000;}		

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* berschriften */
/* berschrift 1 */
.u1 { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 11pt; color: #ffffff; background-color: #282828; text-decoration: none; text-align: center; font-weight: bold; margin-top:8px;	}

/* berschrift 2 */
.u2 { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #ffffff; background-color: #282828; text-decoration: none; font-weight: bold; margin-top:8px; }
/* berschrift 2 - grn */
.u2g { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #81C237; background-color: #282828; text-decoration: none; font-weight: bold; }
.u2i { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #999999; background-color: #282828; text-decoration: none; font-weight: bold; margin-top:8px; }
/* Texte */
/* Standardtext */
.s { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #ffffff; background-color: #282828; text-decoration: none; line-height: 1.3; }
.sg { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #81C237; background-color: #282828; text-decoration: none; line-height: 1.3; }
.friends { font-family: Trebuchet MS, tahoma, sans-serif; font-size: 9pt; color: #ffffff; background-color: #282828; text-decoration: none; margin-left:15px;} 
/* Freunde bei Profilen */
.friend { font-family: Trebuchet MS, tahoma, sans-serif; font-size: 9pt; color: #ffffff; background-color: #282828; text-decoration: none; line-height: 1.3; padding: 1px; margin: 5px; border: 1px dashed #393939; margin-bottom:15px; }
.deletefriend { font-family: verdana, sans-serif; color: #c20000; font-weight:bold; font-size:10pt;text-decoration: none;  }
.addspecialfriend { font-family: verdana, sans-serif; color: #cccccc; font-weight:bold; font-size:8pt;text-decoration: none; }
.deletespecialfriend { font-family: verdana, sans-serif; color: #ffcc03; font-weight:bold; font-size:8pt;text-decoration: none; }
/* Aktive Zahl bei Bltterfunktion */
.active { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; text-align: left; line-height: 1.3; font-weight: bold;}

.eintraege { COLOR: #ffffff; text-decoration: none; font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 8pt; line-height: 1.3; }
.quote { COLOR: #ffffff; text-decoration: none; font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 7pt; line-height: 1.2; }
.code {	COLOR: #ffffff; text-decoration: none; font-family:  Courier New,Trebuchet MS, tahoma, sans-serif; font-size: 8pt; line-height: 1.4; }

/*Hovereffekt Links */
.link, .eintraege a { color: #ffffff; text-decoration:underline; }
.link:hover, .eintraege a:hover { color: #81C237; text-decoration:none; }

.story 
{ 
	text-align:center;
	color:#CCCCCC;
	line-height:1.8; 
}
.story a
{
	color:#CCCCCC; text-decoration:underline; 
}
.story a:hover
{
	color: #fff; text-decoration:none; 
}

/* Bullets im Userprofil */ 
.bullet { cursor:pointer; vertical-align:middle; }

/* Roter Fehlermeldungstext */
.rot {  font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: red; background-color: #282828; text-decoration: none; font-style: italic; margin-bottom:5px;}

/* Grner Besttigungstext */
.gruen { font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #81C237; background-color: #282828; text-decoration: none; font-style: italic; margin-bottom:5px;}

.wb {font-family:  Trebuchet MS, tahoma, sans-serif; font-size: 10pt; color: #c20000; font-weight:bold; text-decoration: none; }


/* Auto UserListe */
div.autocomplete { position:absolute; width:200px; background-color:#393939; border:1px solid #282828; margin:0px; padding:0px; z-index:3; }
div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; text-align:left; }
div.autocomplete ul li.selected { background-color: #81C237; color:#000000 }
div.autocomplete ul li:hover { background-color: #81C237; color:#000000 }
div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }

/* Tabellen */
.weiss { color: #ffffff; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; border-bottom: #81C237 1px solid; background-color: #282828; }
.grau { color: #ffffff; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; border-bottom: #81C237 1px solid;  background-color: #393939; }
.tabelle { color: #ffffff; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;  padding-top: 0px; background-color: #282828; border: 1px solid  #393939; }
.tabelle0 { border: 0px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; }
.tabelle00 { border: 0px; padding:0px; margin:0px; }