body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
}

h2 {
	font-size: 11pt;
	border-bottom: 1px dotted #ccc;
	margin: 5px 0px;
	padding: 2px 0px;
	color: #FFB56B;
	/*background-color: #707070;*/
}


/********** BASICS ********/
fieldset {
	padding: 8px;
	background-color: #FFFAE5;
}

legend {
	font-size: 120%;
	font-weight: bold;
	color: #800000;

}
.error {
	text-align: left;
	background-color: orange;
	padding: 12px;
	border: 2px solid red;
	margin-bottom: 12px;
}
.error h2{
	margin: 0px 0px 5px 0px;
	color: red;
	font-size: 13px;
}

.success {
	text-align: left;
	background-color: lime;
	padding: 12px;
	border: 2px solid green;
	margin-bottom: 12px;
}
.success h2{
	margin: 0px 0px 5px 0px;
	color: green;
	font-size: 13px;
}

.font40{font-size: 40%;}
.font50{font-size: 50%;}
.font60{font-size: 60%;}
.font70{font-size: 70%;}
.font80{font-size: 80%;}
.font90{font-size: 90%;}
.font105{font-size: 105%;}
.font110{font-size: 110%;}
.font120{font-size: 120%;}
.font130{font-size: 130%;}
.font140{font-size: 140%;}
.fontn {font-weight: normal;}
.fontb {font-weight: bold;}
.fontu {text-decoration: underline;}
.fontwhite {color: #fafafa;}

/** MAIN LAYOUT **/
.marginall {margin: 10px;}
.margint{margin-top:10px;}
.marginr{margin-right:10px;}
.marginl{margin-left:10px;}
.marginb{margin-bottom:10px;}
.margint0{margin-top:0px;}
.marginr0{margin-right:0px;}
.marginl0{margin-left:0px;}
.marginb0{margin-bottom:0px;}
.spacer {padding:5px;}

.paddingall {padding: 10px;}
.paddingt{padding-top:10px;}
.paddingr{padding-right:10px;}
.paddingl{padding-left:10px;}
.paddingb{padding-bottom:10px;}
.paddingt0{padding-top:0px;}
.paddingr0{padding-right:0px;}
.paddingl0{padding-left:0px;}
.paddingb0{padding-bottom:0px;}


.borderall1 {border: 1px solid #ccc;}
.borderb1 {border-bottom: 1px solid #ccc;}
.bordert1 {border-top: 1px solid #ccc;}
.borderl1 {border-left: 1px solid #ccc;}
.bordert2 {border-top: 2px dotted #ccc;}

.right {  text-align: right;}
.center, .centered, textcenter {text-align: center;}

.subcolumns { width:100%; overflow:hidden; }
.subcolumns_oldgecko { width:100%; float:left; }

.fl {float: left;}
.fr {float: right}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,.c13,.c14,.c15,.c16 { float:left;}

.c1{ width: 40px;}
.c2{ width: 100px;}
.c3{ width: 160px;}
.c4{ width: 220px;}
.c5{ width: 280px;}
.c6{ width: 340px;}
.c7{ width: 400px;}
.c8{ width: 460px;}
.c9{ width: 520px;}
.c10{ width: 580px;}
.c11{ width: 640px;}
.c12{ width: 700px;}
.c13{ width: 760px;}
.c14{ width: 820px;}
.c15{ width: 880px;}
.c16{ width: 940px;}


/******** NORMAL SITE ********/


#titel {
  text-align: center;
}

#inhalt {
	text-align: center;
}

#menu{
  width: 245px;
  vertical-align: top;
}

a{
  text-decoration: none;
  color: #000000;
}

a:hover{
  text-decoration: underline;
}

.menu_uber
{
  width: 100%;
  height: 20px;
  text-align: center;
  background-color: #B30000;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
#content {
	width: 725px;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}

#inner_content {
	background-color:#fff /*#f7f7f7*/ /*#FEFFEE*/;
	padding: 0px 12px 12px 12px;
}


.content_uber
{
  width: 100%;
  height: 20px;
  text-align: center;
  background-color: #B30000;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
.erreichbar
{
  font-size: 13px;
  color: green;
  text-align: left;
}
.preisinfo
{
  text-align: right;
  font-size: 10px;
  margin-bottom: -10px;
}
.berater
{
  border-width: 1px;
  border-style: solid;
  border-color: #330000;
  padding: 5px;
  background-color: #FFE699;
}

.besetzt
{
  color: #ff0000;
  font-weight: bold;
  margin-right: 15px;
}
.besetzt a
{
  color: #ff0000;
  font-weight: bold;
  margin-right: 15px;
}
.besetzt2 a
{
  color: #ff0000;
  font-weight: bold;
  margin-right: 5px;
}
.pause
{
  color: #707070;
  font-weight: bold;
  margin-right: 15px;
}
.pause a
{
  color: #707070;
  font-weight: bold;
  margin-right: 15px;
}

.frei a
{
  color: green;
  font-weight: bold;
  margin-right: 15px;
}
.frei
{
  color: green;
  font-weight: bold;
  margin-right: 15px;
}
.frei2 a
{
  color: green;
  font-weight: bold;
  margin-right: 5px;
}

.sternchen
{
  font-size: 10px;
  text-align: left;
  margin-top: 0px;
}
.nick_uber
{
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.kurztext
{
  font-size: 14px;
  text-align: left;
}
.profil
{
  text-align: center;
}
.submit
{

}
.smaller
{
  font-size: 11px;
}
.smaller2
{
  font-size: 11px;
  text-align: right;
}
a img
{
  border : 0 none;
}
.profil_bewertung_uber
{
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  color: #660000;
}
.hr_register
{
  width: 98%;
}
.zahl
{
  text-align: center;
  vertical-align: top;
  width: 25px;
}
.start a
{
  font-size: 13px;
  text-decoration: none;
  color: #660000;
}
.start a:hover
{
  text-decoration: underline;
  color: #660000;
}
.berater_werden
{
  font-weight: bold;
  text-decoration: underline;
  margin-top: 25px;
  font-size: 13px;
  margin-bottom: -10px;
  padding-bottom: -10px;
  text-align: left;
}
.berater_werden_uber
{
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  color: #660000;
  margin-top: 20px;
}
.berater_werden_text
{
  font-size: 12px;
  text-align: left;
}
.berater_werden_text a
{
  font-weight: bold;
}
.oben
{
  font-size: 11px;
  text-align: right;
  margin-top: -20px;
}
.powered
{
  font-size: 11px;
  text-align: center;
  margin-top: -5px;
}
.menu_platz
{
  height:10px;
  font-size:3px;
}
.abisz
{
  border-style: solid;
  border-width: 1px;
  border-color: #660000;
  padding: 6px;
  line-height: 18px;
  font-weight: bold;
  text-align: block;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 5px;
  letter-spacing: 3px;
}
.monat
{
  border-style: solid;
  border-width: 1px;
  border-color: #660000;
  padding: 6px;
  text-align: block;
  margin-left: 7px;
  margin-top: 5px;
}
.monat a
{
  display:block;
  height:100%;
  width:100%;
  text-decoration:none;
}
.mini
{
  font-size: 9px;
  color: #C0C0C0;
}
.mini a
{
  font-size: 9px;
  color: #C0C0C0;
  text-decoration: none;
}
.normal
{
  font-size: 12px;
}
.kurz
{
  color: black;
}
.werbetext
{
  color: green;
  font-size: 13px;
}
.sw
{
  display:none;
}
.empf
{
  display:none;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 14px Times New Roman, serif, Arial, Helvetica, sans-serif;
	color: #FFF1D3;
}

#TB_secondLine {
	font: 10px Times New Roman,serif, Arial, Helvetica, sans-serif;
	color: #FFF1D3;
}

#TB_window a:link {color: #FFF1D3;}
#TB_window a:visited {color: #FFF1D3;}
#TB_window a:hover {color: #FFF1D3;}
#TB_window a:active {color: #FFF1D3;}
#TB_window a:focus{color: #FFF1D3;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:navy;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	font: 14px Times New Roman,serif, Arial, Helvetica, sans-serif;
	background: #660000;
	z-index: 102;
	color: #FFF1D3;
	border: 4px solid #D99E52;
	display:none;
	text-align:center;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
}

#TB_closeWindow{
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeWindowButton{
	height:15px;
	font-weight:normal;
	font-size: 12px;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
  text-align: center;
  color: #FFF1D3;
  font-size: 14px;
  font-weight: bold;
	background-color:#660000;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/*** AGENT LISTINGS **/

.agent {
	/*background-color:#FAFAA5;*/
	background:#E4EBF2 url(/bilder/bg/agent_bg.gif) repeat-x scroll left top;
	text-align: left;
	width: 99.50%;
	margin: 15px 0px;
	padding: 5px 2px;
	border-bottom:8px solid #E4EBF2;
	position: relative;
	float: right;
	min-height: 120px;
}
.agent h1 {
	font-size: 14px;
	/*border-bottom: 1px dotted #ccc;*/
	color:#660000;
	margin:10px 0 0px 0px;
}

.agent_bottom{
	margin-left: 10px;
	padding-left: 5px;
	padding-top: 3px;
	text-align: left;
	margin-top: 10px;
	border-left: 1px dotted #ccc;
}

.agent_smaller {
	font-size: 10px;
	color: #777;
}

.free {
	color:green;
	font-weight:bold;
	margin:0 5px;
}
.free a { color: green;}

.break {
	color:blue;
	font-weight:bold;
	margin:0 5px;
}
.break a { color: blue;}

.busy {
	color:red;
	font-weight:bold;
	margin:0 5px;
}
.busy a { color: red;}


.offline{
	color:red;
	font-weight:bolder;
	margin: 0 5px;
}

.offline a{
	color:red;
}

.agent_bottom font {
	font-weight: bold;
	margin-left: 20px;
}

.noservice {
	color:black;
	font-weight:normal;
	margin:0 5px;
}

.star {
	left:223px;
	position:relative;
	top:37px;
	z-index:2;
}

.premium_number {
	font-size:9px;
	left:5px;
	position:relative;
	top:-10px;
	z-index:1;
}

.paging {
	margin: 0px 0px 10px;
}
.paging a, .paging b {
	margin: 0 2px;
}



/************ CUSTOMER **********/
.centered {
	width: 99.95%;
	text-align: center;
}


/************ CUSTOMER MENU **********/

#outer {display:block; position:relative; background:#eee; padding:2em; text-align:center; margin:40px 15px;}
#outer h2 {margin-bottom:1em;}

#navigation {
	background:transparent;
	margin:0 auto;
	height:3em;
	border-top: 5px solid #ccc;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:110px;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px; background:#888;}
a:menu:hover b {background:#888;}

.red {background:#c00;}
.orange {background:#f90;}
.yellow {background:#b8b800;}
.green {background:#090;}
.blue {background:#00c;}
.indigo {background:#309;}
.violet {background:#c6c;}
.grey {background:#888;}
.darkgrey{background: darkgrey;}
.brown {background: brown;}
.pink {background: pink;}

a:hover b.red {background:#888;}
a:hover b.orange {background:#888;}
a:hover b.yellow {background:#888;}
a:hover b.green {background:#888;}
a:hover b.blue {background:#888;}
a:hover b.indigo {background:#888;}
a:hover b.violet {background:#888;}
a:hover b.darkgrey {background:#888;}
a:hover b.brown {background:#888;}
a:hover b.pink {background:#888;}




.active {padding-top:10px; background:#888; cursor:default;}


#navigation2 {
	clear:both;
	background:transparent;
	margin:0 auto;
	height:29px;
	border-bottom: 1px solid #ccc;

/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }

#navigation2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background:transparent;
}
#navigation2 li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }

a.menu2, a.menu2:visited {display:block; text-decoration:none; width:103px;}
a.menu2:hover, a.menu2:active {background:transparent; cursor:pointer;}
a.menu2:hover .boxcontent {padding-bottom:0.8em; background:#888;}
a.menu2:hover .pad {height:0.2em;}



/*** CUSTOMER LISTINGS **/
.datatable th{
	background-color: #666;
	color: white;
	border-right: 1px solid white;
	padding:4px 2px;
}
.datatable tr:hover {
	background-color: yellow;
}

.odd, .odd td{
	background-color:#F0F0F6;
}

.even, .even td {
	background-color:#FFF;
}

.textcenter {
	text-align: center;
}


/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #aaa;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/icon/table/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/icon/table/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/icon/table/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


.popup{
	border: 4px solid #333;
	padding: 8px;
	background-color: #eee;
	position: absolute;
	z-index:2;
	display: none;
}


.chatwin{
	position: absolute;
	left: 0px;
	width: 880px;
	border: 6px solid orange;
	background-color: white;
}

.chat_agent td{	color: red; }
.chat_cust td{	color: blue; }

.chatwin2{
	padding: 6px;
	border: 2px solid darkorange;
}
#chattext{
	max-height: 300px;
	overflow-y: scroll;
}


/************* TAGS ************/
.tagcloudbody {
font-size:11px;
border:solid 1px #333333;
padding:5px;
text-align:justify;
}

.tagcloudbody a { text-decoration:none;  padding:5px 4px 0px 0px; }

.tagcloudThema {
font-weight:bold;
font-size:12px;
margin-bottom: 10px;
}

.tag5 {font-size:24px;}
.tag4 {font-size:17px;}
.tag3 { font-size:15px;}
.tag2 {font-size:13px; }
.tag1 {font-size:11px;}