body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFE5;
	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: #f7f7f7;
}

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

}
.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;
}



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



#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: #FFFFE5;
  color: #FFB56B;
  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: #FFFFE5;
  color: #FFB56B;
  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;
  font-weight: normal;
}
.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;}

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

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

.star {
	left:84px;
	position:absolute;
	top:0;
	z-index:1;
}

.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: 8px 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;
}