/*********************** Seitenhintergrund ***********************/
/* 					{ margin: 0; padding: 0 } */

a:focus, a:active	{outline: none;}
body				{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 12px; color: #000000; font-family: Arial,FreeSans,sans-serif; line-height: 1.4; }

/*********************** HTML- Tags ***********************/
fieldset            {padding: 6px; margin: 6px; border:1px solid #000000;}
legend              {font-size: 11px;}
td,th               {font-size: 12px; color: #000000; font-family: Arial,FreeSans,sans-serif; }
select,input,option,textarea	{font-size: 11px; font-family: Arial,FreeSans,sans-serif; }
form                {display: inline}
small               {font-size:9px;}
img					{border:0}
ul					{list-style-type: circle; margin-bottom:40px;}
li					{margin-left:20px; margin-bottom:10px;}
h2					{font-size:16px; margin-top:20px; margin-bottom:8px;}
h3					{font-size:14px; margin-top:20px; margin-bottom:6px;}

select.light, input.light, option.light, textarea.light { border:1px solid #b2b4b7; background-color: #f8f8f8; padding:5px; color: #828282; }





/*********************** Seiten Grund Layout ***********************/
#contentWrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 1001px;
	background-image: url(images/interface_bg_wow.png);
	background-repeat: repeat-y;
}

#content {
	width: 824px;
	float: left;
	display: inline;
	/*background-color: #dcdcdc;*/
	margin-top: 101px;
	margin-left: 168px;
	margin-right: 9px;
}

/*.js #content {display: none;}*/ /* #content wird hier mit javascript ausgeblendet für fadein */

#sidebar {
	width: 168px;
	float: left;
	margin-top: 111px;
	margin-left: -1001px;
	padding-left: 10px;
}

#sidebar2 {
	float: right;
	width: 172px;
	/* margin-left: -5px; */
	margin-top: 212px;
	margin-right: 6px;
}

#clearDiv {
	 clear: both;
	 position:relative;
	 line-height: 0px;
}

#footer {
	position: relative;
	clear: both;
}

#header {
	position: absolute;
	width:1001px;
	height:111px;
	background:url(images/interface_head_20100310.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
}



/*********************** " Links für Top und End Bar" ***********************/	
a.bar:link,a.bar:visited          {color: #4ba4ff; text-decoration:underline; font-weight: normal;}
a.bar:hover                       {color: #ffffff; text-decoration:underline; font-weight: normal;}



/*********************** "Normale Links" ***********************/	
a:link,a:visited              {color: #282828; text-decoration:none; font-weight: bold;}
a:hover                       {color: #000000; text-decoration:underline; font-weight: bold;}



/*********************** " Links: User Suche Server Namen" ***********************/	
a.links_search:link,a.links_search:visited        		{color: #555555; text-decoration:none; font-weight: normal;}
a.links_search:hover                       				{color: #666666; text-decoration:underline; font-weight: normal;}



/* ----------  Links der Navigations-Boxen ---------- */
a.links_boxes:link,
a.links_boxes:visited {color: #f78d3c; text-decoration:underline; margin-left:38px;}
a.links_boxes:hover   {color: #c2c2c2; text-decoration:none; margin-left:38px;}
a.links_boxes:active  {color: #ffa800;}



/* ----------  Links der Navigations-Boxen für Favoriten ---------- */
a.links_boxes_fav:link,
a.links_boxes_fav:visited {color: #c2c2c2; text-decoration:none; margin-left:2px;}
a.links_boxes_fav:hover   {color: #ffffff; text-decoration:none; margin-left:2px;}
a.links_boxes_fav:active  {color: #ffa800;}



/* ----------  Links der Navigations-Boxen für Kategorien ---------- */
a.links_boxes_cats:link,
a.links_boxes_cats:visited {color: #c2c2c2; text-decoration:none; margin-left:20px;}
a.links_boxes_cats:hover   {color: #c2c2c2; text-decoration:none; margin-left:20px;}
a.links_boxes_cats:active  {color: #ffa800;}



/* ----------  Links der Navigations-Boxen für Favoriten ---------- */
a.links_boxes_favs:link,
a.links_boxes_favs:visited {color: #c2c2c2; text-decoration:none;}
a.links_boxes_favs:hover   {color: #c2c2c2; text-decoration:none;}
a.links_boxes_favs:active  {color: #ffa800;}



/* ----------  Links der Listen Content Boxen ---------- */
a.links_boxes_list:link,
a.links_boxes_list:visited {color: #282828; text-decoration:none;}
a.links_boxes_list:hover   {color: #000000; text-decoration:none;}



/* ----------  Links der Listen Content Boxen im Kopf---------- */
a.links_boxes_content:link,
a.links_boxes_content:visited {color: #3abdff; text-decoration:none;}
a.links_boxes_content:hover   {color: #d5d5d5; text-decoration:none;}


.type_stats_header			{font-family: Arial,FreeSans,sans-serif; font-size: 10px;font-weight:bold;color:#ebebeb;line-height:1.2;}
a.type_stats_header:link,
a.type_stats_header:visited	{font-family: Arial,FreeSans,sans-serif; font-size: 10px;font-weight:bold;color: #ffa800; }
a.type_stats_header:hover	{font-family: Arial,FreeSans,sans-serif; font-size: 10px;font-weight:bold;color: #ffffff; }
a.type_stats_header:active  {color: #ffa800;}



/*********************** Rest ***********************/
.type_nav_head			{font-weight: bold; color: #000000;}
.type_box_header1		{font-weight: bold; font-size:12px; vertical-align:top; margin-top:8px; margin-left:10px; text-transform: uppercase; font-family: Arial,FreeSans,sans-serif }
.type_box_header2		{font-weight: bold; color: #3195c8; font-size:12px; vertical-align:top; margin-top:-1px; margin-left:10px; }
.type_box_header2_cats	{font-weight: bold; color: #3abdff; font-size:11px; vertical-align:top; margin-top:-1px; }
.type_box_header2_by	{color: #999999; font-size:11px; vertical-align:top; margin-top:-1px; }
.type_box_header2_date	{color: #929292; font-size:11px; vertical-align:top; margin-top:-1px; }
.type_box_middle_content {padding:20px;}
.error					{font-size: 11px; background: #C83816; color: #ffffff; font-family: Arial,FreeSans,sans-serif; border: #262c25 1px solid;}
.type_hell_normal		{color: #E9E9E9;}
.type_nav_serveranzahl	{color: #c1c1c1; font-size:8px; margin-right:10px; }
#s_head h1 				{font-size: 18px; padding: 0 ; margin: 0; }



/* ----------  Pager ---------- */
.pagediv a:link,.pagediv a:visited {
	float:			left;
	font-size: 		12px;
	font-family: 	Arial,FreeSans,sans-serif;
	padding: 		1px 4px 1px 4px;
	margin: 		1px;
	text-align: 	center;
	text-decoration: none;
	font-weight: 	normal;
	color: 			#2e2e2e;
	background: 	#FFFFFF;
	border: 		1px solid #858585;
	height:			14px;
	line-height:	1.1;
}
.pagediv a:hover {
	border: 1px solid #2b2b2b;
	background: #2b2b2b;
	color: white;
}



/* TOP und END BOX */
#top {
	position:relative; 
	left:0px;
	top:0px;
	width:100%;
	height:21px;
	text-align:center;
}

#end {
	position:relative; 
	left:0px;
	width:100%;
	height:430px;
	border-top:1px solid #3b3b3b;
	background-color:#202020;
	color:#d4d4d4;
	font-family:Arial,FreeSans,sans-serif;
	padding-top:15px;
	clear:both;
	text-align:center;
}

#end .headline {
	text-transform:uppercase; font-size:13px; color:#666; margin-bottom:5px;
}


#top {
	font-size:10px; 
	color:#8d8d8d; 
	font-family:Arial,FreeSans,sans-serif; 
	font-weight:normal; 
	line-height:20px;
}



/*********************** TOUR AUF HOME ***********************/
.tour {
	text-decoration: none;
	margin:30px 0px 30px 0px;
	padding:0px;
	height:440px;
}

.tour_info {
	width:407px;
	text-align:left;
}

.tour div .hidden {
	display: none;
}

.tour div .header {
	/*background-color:#e9e9e9;*/
	background-repeat:repeat-x;
	padding:0px;
	margin:10px 0px 10px 0px;
	height:23px;
	text-decoration: none;
	font-size:16px; 
	font-weight:bold; 
	font-family:Arial,FreeSans,sans-serif; 
	color:#000000; 
	line-height:20px; 
}

.tour div .content {
	/*background-color: #e9e9e9;*/
	margin: 0px 0px 0px 46px;
	padding: 0px 0px 0px 0px;
}

.tour div .content input.previous, .tour div .content input.next {
	display: block;
	margin: 20px 0px 20px 0px;
	font-size: 13px;
	color: #000;
}

.tour div .content input.previous {
	float:left;
}

.tour div .content input.next {
	float:right;
	font-weight: bold;
}






.note {
	display: block;
	padding: 3px 3px 3px 33px;
	min-height: 27px;
	background-color: #f7f7f7;
	/*background: #f7f7f7 url(images/icon-note.png) 5px 3px no-repeat;*/
	border-top: 4px solid #dbdbdb;
	border-bottom: 4px solid #dbdbdb;
	/*color: #333333;*/
}

.info {
	display: block;
	padding: 13px 13px 13px 20px;
	min-height: 27px;
	background-color: #e9eef3;
	background: #e9eef3 url(images/icons2/information.png) 0px 0px no-repeat;
	border: 1px dotted #aec9ef;
	margin-top: 20px;
	margin-bottom: 20px;
	/*color: #333333;*/
}

.info .heading { font-size:14px;font-weight:bold;color:#2971D1; }

.error_msg {
	display: block;
	padding: 3px 3px 3px 33px;
	min-height: 27px;
	background-color: #f3e9e9;
	border-top: 4px solid #efaeae;
	border-bottom: 4px solid #efaeae;
	/*color: #333333;*/
}

span.alert {
	display: block;
	padding: 3px 3px 3px 33px;
	min-height: 27px;
	background: #F7F1EF url(images/content/icon-alert.png) 5px 4px no-repeat;
	border-top: 4px solid #F8A88C;
	border-bottom: 4px solid #F8A88C;
	color: #000;
}



/* Navigation
---------------------------------------------------*/
#sidebar .nav_bullet{
margin-right:9px;
}


#sidebar ul, #sidebar ul li {
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 152px;
}

#sidebar li a {
font-size: 12px;
font-weight: normal;
vertical-align:top;
color: #000;
display: block;
width: 152px;
height: 18px;
padding-top:2px;
text-decoration: none;
overflow:hidden;
}

* html #sidebar li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 152px;
}

#sidebar li a:visited {
color: #000;
font-weight:normal;
}

#sidebar li a:hover{
color: #000000;
/*font-weight:bold;*/
/*letter-spacing:-0.6px;*/
text-decoration:underline;
/*background: url(images/nav_bg.gif) no-repeat left top;*/
}

#sidebar li.nav_selected a{
color: #000;
text-decoration:underline;
/*font-weight:bold;
letter-spacing:-0.6px;*/
}

#sidebar li a:active{
color: #000;
/*font-weight:bold;*/
}


#sidebar li a{
padding-left:9px;
}

#sidebar .nav_cats li a{
padding-left:6px;
}

#sidebar .nav_head {
padding-left:18px;
font-weight:bold;
text-decoration:underline;
}



/* Toggle Opacity
---------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity40 img{
/* Eine Zeile zusätzlich in Index.php für Internet Explorer 5,6*/
opacity: 0.4;
}

.toggleopacity20 img{
/* Eine Zeile zusätzlich in Index.php für Internet Explorer 5,6*/
opacity: 0.2;
}

.toggleopacity40:hover img, .toggleopacity20:hover img{
/* Eine Zeile zusätzlich in Index.php für Internet Explorer 5,6*/
opacity: 1;
}


.cont_outer, .cont_outer_regs {
margin-left:35px; margin-right:35px; /*margin-top:10px;*/ margin-bottom:10px;
}

.cont_outer_regs {
/* border:1px solid #c2c2c2; background-color:#ffffff; padding:1px;margin:1px;  min-width:650px; max-width:824px; width:100%; */
}

.cont_head1, .cont_head3 {
/*border-bottom:1px dotted #959595;*/  padding:0px; margin:0px;
}

.cont_head3 {
/*border-top:1px dotted #959595;*/
}

.cont_head1_title {
/*border-left: #9D9D9D 3px solid;*/ color:#000000;
}

.cont_head1_title h1, .cont_head1_title h2, .cont_head1_title h3 {
display:inline !important;
}

.cont_head1_title h1, h1 {
font-size:30px !important; font-weight:bold; letter-spacing:-2px; color: #323232;
}

.cont_head1_title h2 {
font-size:16px !important; font-weight:normal; letter-spacing:0px; padding-left:10px;
}

.cont_content {
/*border-top:1px solid #ffffff;*/ /*background-color:#e9e9e9;*/ padding:0px; margin:0px; margin-bottom: 80px; /* border-bottom:1px dotted #a1a6b1; */
}

.cont_content2 {
/*border-top:1px solid #ffffff;*/ /*background-color:#e9e9e9;*/ padding:0px; margin:0px; /*border-bottom:1px dotted #a1a6b1;*/
}

.cont_content_nohead {
/*background-color:#e9e9e9;*/ padding:0px; margin:0px;
}

.cont_head2 {
/*border-top:1px solid #ffffff;*/ /*background-color:#f7f7f7;*/ padding:5px; margin:0px; /*border-bottom:1px dotted #a1a6b1;*/
}


.cont_head1 .sview_left {
line-height:15px; margin-top:-4px;
}

.cont_head1 .sview_left h2 {
display:inline; font-size:35px !important; font-weight:bold; letter-spacing:-1px; padding:0;  color: #323232;
}

.cont_head1 .sview_right {
float:right; text-align:right; padding-right:5px; font-size:10px; font-weight:normal; color:#ababab;
}

.cont_head1 .sview_right a {
color:#ababab; font-weight:normal;
}

.cont_head1 .sview_right h1 {
font-weight:normal; display:inline; font-size:10px;
}



/* begin css tabs - thanks Joshua Kaufman from http://unraveled.com */

ul.tabnav { /* general settings */
text-align: center; /* set to left, right or center */
margin: 11px 0px 0px 0px; /* set margins as desired */
border-bottom: 1px solid #b2b4b7; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
font-size:15px;
line-height:1.2;
}

ul.tabnav li { /* do not change */
display: inline;
padding:0;
margin:0;
line-height:1.2;
}

ul.tabnav li a { /* settings for all tab links */
padding: 4px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px dotted #b2b4b7; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #fff; /* set unselected tab background color as desired */
color: #808080; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
font-weight:normal;
}

ul.tabnav a:hover { /* settings for hover effect */
background-color: #ffeca2; /* set desired hover color */
text-decoration: underline;
color: #000;
border: 1px solid #ffcc00;
border-bottom: 1px solid #ffeca2;
}

ul.tabnav li.active { /* settings for selected tab */
border-bottom: 1px solid #e9e9e9; /* set border color to page background color */
background-color: #e9e9e9; /* set background color to match above border color */
}

ul.tabnav li.active a { /* settings for selected tab link */
border: 1px solid #b2b4b7;
border-bottom: 0px;
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below (+1px) */
font-weight: bold;
text-decoration: none;
}

/* end css tabs */




#sociable { text-align:center; padding-top:10px; padding-bottom:10px; }
#sociable img { padding-right:5px; }




.list_tla {
	list-style-type:none;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.list_tla li {
	padding:0px;
	margin:0px;
	padding-left:5px;
	margin-right:20px;
	border-left:2px solid #3195c8;
	display:inline;
}

.list_tla a {
	color:#999;
	font-size:11px;
	text-transform:none;
}

.note2 {
	display: block;
	padding: 5px 5px 5px 10px;
	min-height: 27px;
	background-color: #f7f7f7;
	border: 1px solid #dbdbdb;
	color: #3e3e3e;
}


.list_codegen_A {
	list-style-image:url(images/content/caution.gif);
	margin-top:5px;
	margin-bottom:5px;
}

.list_codegen_A li {
	margin-left:0px;
	padding-left:5px;
}

.list_codegen_B {
	list-style-image:url(images/success.gif);
	margin-top:5px;
	margin-bottom:5px;
}

.list_codegen_B li {
	margin-left:0px;
	padding-left:5px;
}


#partner { }
#partner img { padding-bottom:3px; }



/*********************** User History ***********************/

.uhist_list_nick, .uhist_list_nick_reg { float:left; width:40%; padding-left:40px; }
.uhist_list_nick_reg { background-image:url(images/content/uhistory_uflag_registered.png); background-repeat:no-repeat; background-position:12px 7px; }
.uhist_list_nick span, .uhist_list_nick_reg span { color:#9b9b9b; font-size:9px; }

.uhist_list_channel { float:left; width:27%; padding-top:7px; overflow:hidden; white-space:nowrap; font-size:9px;}
.uhist_list_channel img { vertical-align: middle; }
.uhist_list_time_connect { float:left; width:14%; line-height:3; font-size:9px; }
.uhist_list_time { line-height:3; font-size:9px; }



/*********************** Server Liste und User Liste ***********************/
ul.serverlist, ul.userlist {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
}

ul.serverlist li {
	margin:0;
	padding:0;
	border:0;
	border-bottom:1px dotted #959595;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:35px;
	padding-right:35px;
}

ul.userlist li {
	margin:0;
	padding:0;
	border:0;
	border-bottom:1px dotted #959595;
	padding-top:7px;
	padding-bottom:7px;
}

ul.serverlist li.uneven, ul.userlist li.uneven {
	background-color:#fff;
}

ul.serverlist li.even, ul.userlist li.even {
	background-color:#fff;
}

ul.serverlist li:hover, ul.userlist li:hover {
	background-color:#f9f9f9;
}


div.list_filter {
	float:left; margin-left:20px;
}

div.list_filter h3 {
	margin-top:0px;
}


.smaller_headline {
font-size:16px; margin-top:20px; margin-bottom:8px; font-weight:bold;
}