/*
 Created by yetrix.com - Alexander Stroschke
 E-Mail: webmaster@yetrix.com 
*/
/*==============================general=======================================*/
* {
  padding: 0;
  margin: 0;
}

html {
  height:100%; /* fix für ie6 */
}

body {
  margin: 0;
  padding: 0; /* fix für safari, firefox */
  font-family: Arial, Helvetica, sans-serif;
  background: #000000 url('../gfx/bg-site.jpg') repeat-x;
  color:#777;
}

h3 {
  border-bottom:1px dotted #ccc;
  margin-bottom:5px;
}

a {
  color:#ff0000;
}

.ctn li {
  margin-left:20px;
}

.full {
  width:100%;
}

.orange {
  color:#f97827;
}

.grey {
  color:#888;
}

.bold {
  font-weight:bold
}

.small {
  font-size:0.8em;
}

/*=================================icons======================================*/
.icon {
  position:relative;
  top:3px;
  margin-right:3px;
  border:0px;
}

/*=================================menu left==================================*/

.leftmenu
{
  display:block;
  padding:5px 0px 7px 5px;
  border-bottom:1px solid #333333;
  text-decoration:none;
}

.leftmenulast
{
  display:block;
  padding:5px 0px 5px 5px;
  border:none;
  text-decoration:none;
}

.leftmenu img
{
  border:0px;
}

.leftmenulast img
{
  border:0px;
}

.leftmenu:hover
{
  background-color: #222222;
}

.leftmenulast:hover
{
  background-color: #222222;;
}

/*=================================list left==================================*/

.leftlist
{
  display:block;
  padding:5px 0px 7px 5px;
  border-bottom:1px dotted #ccc;
  text-decoration:none;
  cursor:help;
}

.leftlistlast
{
  display:block;
  padding:5px 0px 5px 5px;
  border-bottom:0px;
  text-decoration:none;
  cursor:help;
}

/*=================================alerts=====================================*/
.help {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #5B5B8A;
  background: #E7DEFF url(../images/icons/key.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #5B5B8A;
  width: 617px;
}

.error {
  padding: 5px 5px 5px 30px;
  margin-bottom: 10px;
  color: #ff2222;
  background: #330000 url(../images/icons/error.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #990000;
}

.success {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #44ff44;
  background: #334433 url(../images/icons/accept.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #22ff22;
}


.pr_info {margin-bottom: 15px; background:#333333 url('../gfx/bg-info.jpg') repeat-x;}
.information {
  padding: 5px 5px 5px 30px;
  color: #ff6600;
  background: url(../images/icons/information.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #444444;
  
  font-size:13px;
}

.hints {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #ff6600;
  
  text-align:center;
  
  font-weight:bold;
  background: #333333 url(../images/icons/lightbulb.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #444444;
}

/*=================================content====================================*/
.wrap {
  margin:auto;
  width: 900px;
  background:#111111;
  margin-top:10px;
  border:#333333 1px solid;
  margin-bottom:10px;
}

/*=================================navigation=================================*/
#navigation {
  width: 750px;
  float:right;
  padding: 0;
  margin: 0;
}

#navbox {
  width:100%;
  float:right;
  margin-bottom:20px;
}

#navbar {
  float:left;
  width:100%;
  font-size:0.7em;
  font-weight:bold;
  line-height:normal;
  
}

#navbar ul {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
}

#navbar li {
  display:inline;
  margin:0;
  padding:0;
}

#navbar a {
  float:left;
  background:url("../gfx/nav_tableft.png") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}

#navbar a span {
  float:left;
  display:block;
  background:url("../gfx/nav_tabright.png") no-repeat right top;
  padding:6px 15px 7px 10px;
  color:#ffffff;
}

#navbar a span {
  float:none; /* Hack IE5-Mac \*/
}

#navbar a:hover span {
  color:#ffffff; /* End IE5-Mac hack */
}

#navbar a:hover {
  background-position:0% -27px;
}

#navbar a:hover span {
  background-position:100% -27px;
}  

/*=================================header=====================================*/
#headerbox {
  width: 100%;
  margin:0;
  padding: 0;
  background:#000000 url('../gfx/head.jpg') no-repeat;
}
.place {height:31px;}
#headerbox .logoline1 {background:url('../gfx/50-trans.png');  margin:0; font-size:12px; clear:both; padding:3px 6px 3px 6px; font-weight:bold;}
#headerbox .neuhier {text-align:right; float:right; width:49%;}
#headerbox .logoline1 .br1 {clear:both; margin:0px;padding:0px;}
#headerbox .logoline1 .logoline {
  width:49%;
  float:left;
  color:#eeeeee;
}
.flags {padding-left:6px; float:left; width:100px;}
.flags img {
  border:none;
}

#headerbox .anmelden {
  font-size: 0.4em;
  font-weight: normal;
  color: #ff6600;
  
  width:200px;
  
  text-align:right;
  float:right;
  margin: 15px 0px 0px 0px;
}


.header_top {
  height: 35px;
  margin: 0;
  padding-top: 8px;
  background: url(../gfx/bg-menuheads.jpg) repeat-x top;
  border-top: 1px solid #333333;
  border-bottom:1px solid #333333;
  clear:both;
  margin-bottom:10px;
}

.header_top .left {
  margin: 0;
  padding: 0;
  float: right;
}

#headerbox .right {
  margin: 0;
  padding: 0;
  position: relative;
  top: 11px;
  left: 5px;
  float: left;
  font-size: 0.8em;
}

#headerbox .login {
  margin: 0;
  padding: 0;
  position: relative;
  top: 5px;
  left: 5px;
  float: left;
  font-size: 0.8em;
  color: #999;
}

/*=================================formular===================================*/
.textinput {
  height: 18px;
  width: 200px;
  padding: 2px 0 0 5px;
  position: relative;
  border: 1px solid #a9a9a9;
  font-size: 12px;
  color: #777;
}

.logmailinput {
  height: 18px;
  width: 150px;
  padding: 2px 0 0 25px;
  position: relative;
  border: 1px solid #cccccc;
  font-size: 12px;
  color: #ccc;
  background:#222 url('../images/icons/email.png') no-repeat 3px 3px;
}

.logpassinput {
  height: 18px;
  width: 150px;
  padding: 2px 0 0 25px;
  position: relative;
  border: 1px solid #cccccc;
  font-size: 12px;
  color: #ccc;
  background:#222 url('../images/icons/lock.png') no-repeat 3px 2px;
}

.inputtextarea
{
  margin: 0;
	border: 1px solid #444;
	padding: 5px;
	width: 600px;
	height: 200px;
    color:#cccccc;
	background:#222222;
}

.submit-btn{
  background: #dfdfdf;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  padding: 1px 5px 1px 5px;
  color: #228b22;
  position:relative;
  top:0px;
}
/*=================================tableforum=================================*/
.tablediv table {
  border-collapse:collapse;
	width:100%;
}

.tablediv thead th {
  background: url(../gfx/bg-menuhead.jpg) repeat-x top;
  height: 30px;
	padding: 0px 7px;
	margin: 0px;
	text-align: left;
	border:1px solid #333333;
}

.tablediv tbody td {
	font-size: 0.9em;
	padding: 10px 7px;
	border: 1px solid #444444;
	text-align: left;
}

.tablediv tbody tr {
  background:#1A1A1A url(../gfx/bg-network.jpg) repeat-x top;
}

.tablediv tr.odd {
 background: #2B0000 url('../gfx/tab-important.jpg') repeat-x;

}
.tablediv tr.odd a {color:#ffffff; text-decoration:underline;}
/*=================================box left===================================*/
#leftbox {
  margin: 0;
  width: 200px;
  padding-left:10px;
  float: left;
}

#leftbox .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
}

#leftbox .header_add {
  margin-top:10px;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#leftbox {width:200px; float:left;}

/*=================================box right==================================*/
#rightbox {width:670px; float:right; padding-right:10px;}
/*=================================box right 2nd==============================*/
#addboxright {
  float: right;
  margin: 10px 0px 0px 0px;
  padding: 0;
  width: 680px;
  position: relative;
  right: 0px;
}

#addboxright .header {
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#addboxright .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#addboxright .header_text a {
  color: #999;
}

#addboxright .content {
  width: 100%;
  border: 1px solid #ccc;
}

#addboxright .content_text {
  width: 660px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#addboxright .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*=================================thumbnails=================================*/
.thumbtd
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtda
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtdr
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtdbar
{
  width:60px;
  height:70px;
  text-align:center;
}

.thumbtdbar img:hover
{
  border:1px solid #f43;
}

.thumbnail
{
  width:50px;
  height:50px;
  border:1px solid #ccc;
  padding:2px;
  vertical-align:middle;
  margin-bottom:4px;
}

/*=================================pagination=================================*/
#pagination
{
  font-family:tahoma;
  text-align:center;
  
  margin-top:10px;
}

#pagination span
{
  display:block;
  float:left;
  font-size:11px;
  line-height:13px;
  margin: 2px 6px 2px 0;
}

#pagination span a
{
  background-color:#777777;
  border:1px solid #bbbbbb;
  color:#303030;
  display:block;
  padding:1px 5px 2px 5px;
  text-decoration:none;
}

#pagination span a:hover, #pagination span a:active
{
  background-color: #bbbbbb;
  border:1px solid #303030;
}

#pagination span.aktuell
{
  background-color: #303030;
  border:1px solid #303030;
  color:#ffffff;
  font-size:11px;
  padding:1px 5px 2px 5px;
}

/*=================================lists======================================*/

.list_div
{
  background:#1A1A1A url('../gfx/bg-network.jpg') repeat-x;
  color:#eeeeee;
  padding:3px 5px 3px 5px;
  border:1px solid #333333;
  margin:8px 0px 0px 0px;
}

/*=================================footer=====================================*/
#footerbox {
  clear: both;
  margin: 0;
  padding: 6px;
  border-top: 1px solid #333333;
  margin-top:15px;
  background:url('../gfx/bg-footer.jpg') repeat-x;
}

#footerbox a {
  text-decoration:none;
}

#footerbox .content {
  clear: both;
  margin: 0;
}

#footerbox .left {
  float: left;
  font-size: 0.7em;
}

#footerbox .right {
  text-align:right;
  float: right;
  font-size: 0.7em;
}

.br {clear:both;}
.b_br {clear:both;padding-top:10px:}

.the_leftmenu {background:#111111; border:1px solid #333333; color:#cccccc; font-size:12px; margin-bottom:15px;}
.the_leftmenu h3 {color:#ffffff;font-size:14px; padding:6px; text-align:center; font-weight:bold; border-bottom:1px solid #333333; background:#111111 url('../gfx/bg-menuhead.jpg') repeat-x;}
.the_leftmenu_txt {padding:6px;}
.the_leftmenu_txt a {color:#cccccc;}

.the_rightbox {background:#111111; border:1px solid #333333; color:#cccccc; font-size:13px; margin-bottom:15px; text-align:left;}
.the_rightbox h2 {color:#ffffff;font-size:14px; padding:6px; text-align:left; background:#111111 url('../gfx/bg-menuhead.jpg') repeat-x; font-weight:bold; border-bottom:1px solid #333333;}
.the_rightbox_txt {padding:16px;}
.the_rightbox_txt h3 {border-bottom:1px solid #444444;}
.the_rightbox_txt table {margin-bottom:15px;}

img.profil_bild {width:184px; border:#444444 1px solid; margin-bottom:5px;}
img.group2 {background:#1A1A1A; border:none;max-width:120px;padding-top:5px;}

hr {color:#444444;background:#444444; height:1px; margin-bottom:6px; margin-top:6px; border:none;}

.bigad {margin-bottom:15px; border:1px solid #444444;}
.bigad img {border:none;}