body {
	font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	color: #000000;
	margin: 20px;
	background-color: #EBEBEB;
}

.small {
	font-size:9pt;
}

.smallbox {
	font-size:9pt;
	border: 1px solid #c0c0c0;
	background-color: #e0e0e0;
	padding: 2px;
}

a {	
	color: blue;
	text-decoration:none;	
}

a:hover {        	
	color:green; 
}

a:visited {        	
	color: blue;
}

h1 {	
	font-family:arial, helvetica, sans-serif;
	font-size:13pt;	
}

h2 {	
	font-family:arial, helvetica, sans-serif;
	font-size:11pt;
	margin:18px 0px 5px 0px;	
}

h3 {	
	font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	margin:10px 0px 5px 0px;  	
}

h4 {	
	font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	margin:10px 0px 5px 0px;        	
}

TD {	
	text-align: left;
	color: #000000;
	font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	font-weight:300;
}


#maincontainer{
	width: 1030px;
	margin: 0;
	padding: 0;
	background: #EBEBEB url(shadow-m.gif) repeat-y left;
	/*border: 1px ridge #BBBBBB;*/
}

#shadowTop{
  height: 5px;
  width: 1030px;
  margin: 0;
	padding: 0;
	font-size:0pt;
  background: #EBEBEB url(shadow-t.gif) no-repeat left 100%;
}

#shadowBottom{
  height: 5px;
  width: 1030px;
  font-size:0pt;
  background: #EBEBEB url(shadow-b.gif) no-repeat left 0%;
}

#topsection{
	background: url(title.jpg) no-repeat scroll;
	font-family:geneva, arial;
	color: #000000;
	font-size:15pt;	
	font-weight:700;
	float: left;
	height: 139px; /*Height of top section, 120 - padding */
	width: 1020px; /*Firefox*/
	padding: 0 0 0 0;
	margin-left: 5px;
	display: block;
}

#topsection a{
  color: #000000;
}

#topsection a:visited{
  color: #000000;
}

#topsection p{
	/* margin-top: 53px; Titel vertikal verschieben über padding in topsection */
	margin-left: 10px;
	margin-top: 10px;
}

#topsection b{ /* 2. Titelzeile */
	position: relative;
	top: 95px;
	left: 290px;
}

#contentwrapper{
	float: left;
	width: 100%;
	/*height: 650px;*/
	padding: 0 0 0 0;
}

#toolbarBKP{
	/*background: #ffffff;*/
 text-align: right;
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/
	margin-right: 0px;
	margin-top: 0px;
	padding: 3 20 0 0;
}

#toolbar {
  background: url(toolbar.jpg) no-repeat scroll top right;
  text-align: right;
	color: #222222;
	font-size:9pt;
	font-weight:normal;
	float: right;
	height: 25px;
	width: 810px;
	padding: 0 0 15 0;
	margin-right: 5px;
	display: block;
}

#toolbar input {
	font-size: 9pt;
	padding: 1 1 1 1;
}

#toolbar a{
  border: 0;
  color: #222222;
  text-decoration: underline;
}

#icons {
	float: left;
	height: 30px;
	width: 180px;
	padding: 0 0 0 0;
	margin: 3 0 15 0;
	text-align: left;
	display: block;
}

#icons img {
  border: 0;
}

#contentcolumn{
	/*background: #ffffff;*/
	text-decoration: none;
	text-align: left;
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/
	margin-right: 0px; 
	margin-top: 0px; 
	padding: 6 20 10 20;
	line-height: 1.5;
}

#leftcolumn{
	background: #ffffff;
	/* background-image:url(links.jpg); */
	float: left;
	width: 170px; /*Width of left column*/
	padding: 0 0 0 15;
	margin-left: -1020px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
	background: #000000;
	color: #FFFFFF;
	clear: left;
	width: 1020px;
	height: 20px;
	/*margin-right: 5px; width+margin-right=width of maincontainer*/

	text-align: left;
	background-image: url(bg2.jpg);
	background-repeat:repeat-x;
}

#footer p{
	padding: 3px 10 0 10;

}

#footer a{
	color: #000000;
}

#footer a:visited{
	color: #FFFFFF;
}

#werbung{
	width: 681px; 
	text-align: right;
	margin-left: 300px;
}

.innertube{
	margin: 0 0 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

.arrowlistmenu{
	width: 175px; /*width of menu*/
}

.arrowlistmenu .headerbar{
	font-family:arial, helvetica, sans-serif;
	font-size:12pt;	
	color: #000000;
	margin: 0px;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-align: left;
	padding: 2px 0px 2px 0px; /*header text is indented 10px*/
}

.arrowlistmenu .headerbar a{
  color: #000000;
}

.arrowlistmenu .headerbar a:visited{
  color: #000000;
}

.arrowlistmenu ul{
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-Top: 0px;
	padding-Bottom: 0px;
}

.arrowlistmenu ul li{
  padding-bottom: 2px;
}

.arrowlistmenu ul li a{
	color: #000000;
	display: block;              
	padding: 1px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	text-align: left;
	padding-bottom: 2px;
	border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
	color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	background: url(arrowbullet0.gif) no-repeat left;
	background-color: #d8d8d8;
}

/* Menue active fuer Level 0 bis 5 */
/* (Level: Hauptmenue=Level 0, 1. Untermenue=Level 1, Untermenue vom Untemenue = Level 2 usw.*/
.indexA0 {
	background: url(arrowbullet1.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 0;
}

.indexA1 {
	background: url(arrowbullet1.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:12pt;		
	margin-left: 15;
}

.indexA2 {
	background: url(arrowbullet1.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 30;
}

.indexA3 {
	background: url(arrowbullet1.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 45;
}

.indexA4 {
	background: url(arrowbullet1.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 60;
}

.indexA5 {
	background: url(arrowbullet1.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 75;
}

/* Menue not active fuer Level 0 bis 5 */
.index0 {
	background: url(arrowbullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:11pt;		
	margin-left: 0;
}

.index1 {
	background: url(arrowbullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 15;
}

.index2 {
	background: url(arrowbullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 30;
}

.index3 {
	background: url(arrowbullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 45;
}

.index4 {
	background: url(arrowbullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 60;
}

.index5 {
	background: url(arrowbullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 75;
}

/* Menue not active fuer Level 0 bis 5 - Offenes Verzeichnis */
.indexO0 {
	/* background: url(arrowbullet_open0.gif) no-repeat left; */
  font-family:arial, helvetica, sans-serif;
  font-size:11pt;		
	margin-left: 0;
}

.indexO1 {
	background: url(arrowbullet_open0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 15;
}

.indexO2 {
	background: url(arrowbullet_open0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 30;
}

.indexO3 {
	background: url(arrowbullet_open0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 45;
}

.indexO4 {
	background: url(arrowbullet_open0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 60;
}

.indexO5 {
	background: url(arrowbullet_open0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 75;
}

/* Menue not active fuer Level 0 bis 5 - Verweis auf eine Seite */
.indexP0 {
	/* background: url(arrowbullet_page.gif) no-repeat left; */
  font-family:arial, helvetica, sans-serif;
  font-size:11pt;		
	margin-left: 0;
}

.indexP1 {
	background: url(arrowbullet_page.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 15;
}

.indexP2 {
	background: url(arrowbullet_page.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 30;
}

.indexP3 {
	background: url(arrowbullet_page.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 45;
}

.indexP4 {
	background: url(arrowbullet_page.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 60;
}

.indexP5 {
	background: url(arrowbullet_page.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;			
	margin-left: 75;
}


/* Menue not active fuer Level 0 bis 5 - Verweis innerhalb einer Seite */
.indexB0 {
	/* background: url(bullet0.gif) no-repeat left; */
  font-family:arial, helvetica, sans-serif;
  font-size:11pt;		
	margin-left: 0;
}

.indexB1 {
	background: url(bullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 15;
}

.indexB2 {
	background: url(bullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 30;
}

.indexB3 {
	background: url(bullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;		
	margin-left: 45;
}

.indexB4 {
	background: url(bullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 60;
}

.indexB5 {
	background: url(bullet0.gif) no-repeat left; 
  font-family:arial, helvetica, sans-serif;
  font-size:10pt;	
	margin-left: 75;
}


/* ############ CSS fuer Formular #################### */

.tb {
background-color: #e9e9e9;
}

.ttop {
background-color: #f9f9f9;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
padding: 3px;
}

.tc {
background-color: #ffffff;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
padding: 3px;
}


input.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color:#FFFFFF;
border: 1px solid #000000;
}
textarea.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #000000;
}

select.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color:#FFFFFF;
border: 1px solid #000000;
}

.los {
font-size: 11px;
font-weight: bold;
color: #000000;
background: #DDDDDD;
padding: 2 10 2 10;
border: 1px solid #000000;
}
form { display: inline; }

/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/

form.cmxform fieldset { margin-bottom: 10px; }

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}

form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}

form.cmxform fieldset li {
	list-style: none;
	padding: 2px;
	margin: 0;
	}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}


form.cmxform {
	width: 500px;
	font-size: 0.9em;
	color: #333;
	}

form.cmxform legend { padding-left: 0; }

form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #8EBFE5;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
}

form.cmxform fieldset fieldset { background: none; }


form.cmxform label { width: 160px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 163px; } /* Width plus 3 (html space) */

form.cmxform input {
  border-color: #5B99C8;
  border-width: 1px;
  padding: 2;
  margin: 1;
}

form.cmxform input[readonly] {
  border-width: 0;
  padding: 2;
  margin: 1;
}


/* tablesorter */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	/*margin:0px 0pt 0px;*/
	font-size: 8pt;
	/*width: 682px;*/
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(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(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}
/* tablesorter end */

/* tables & charts*/
.img {
  border: 0 none;
}

.chart {
  margin-left:   40px;
  margin-right:  5px;
  margin-bottom: 20px;
  border: 0 none;
}

.chart-column {
  margin-left:   40px;
  margin-right:  5px;
  margin-bottom: 25px;
  border: 0 none;
}

.cc {
  font-size: 10px;
  text-decoration:underline;
  color: #777;
  /*position: relative;
  bottom: 1px;*/
}

.chartspan {
  margin-left:   30px;
  margin-right:  5px;
  margin-bottom: 15px;
  float:right;
  text-align:center
}

.chartspan-inline {
  margin-left:   10px;
  margin-right:  10px;
  margin-bottom: 15px;
  float:left;
  text-align:center
}

#tbimg {
  border: 0 none;
  float:right;
}

#tbfc {
  float:left;
}

#tabs select {
  vertical-align:text-top;
}

#sessioninfo {
  /*border:1px solid blue; */
  text-align: right;
}

#sessioninfoLoggedIn {
  color: white;
  text-align: right;
}

#sessioninfoLoggedIn a {
  color: white;
}

#sessioninfo table{
  float:right;
}

#loginResult{
  color: red;
  padding-top:5pt;
}

#error{
  color: red;
}

#clear {
clear:both;
}

#domainName {
  font-weight:bold;
  font-size:10pt;
  font-family:Verdana,Arial,sans-serif;
  padding-top:3pt;
  padding-right:10pt;
  padding-bottom:5pt;
}
#chartTitle {
  /*font-weight:bold;*/
  font-size:10pt;
  font-family:Verdana,Arial,sans-serif;
}
#canvas {
  margin-left: 5px;
}
#mainTable {
  margin-left: 5px;
  margin-right: 5px;
  width: 98%;
  
}
#addTable {
  margin-left: 2px;
  margin-right: 2px;
  width: 98.5%;
}
#addDiv {
  margin-bottom: 5px;
}
#content {
  padding: 8px 8px 8px 8px;
  width: 760px;
}
#subsection {
  border:0px solid #CCCCCC;
  margin-top:0px;
}
#est {
  color: #999999;
  font-style: italic;
}
#saveSettings {
  margin-top:5px;
  margin-bottom:7px;
}
#refresh {
  margin-top:5px;
}
tr.light td {
  border-top: 1px solid #BBBBBB;
  padding-top: 7px;
  padding-bottom: 7px;
}
#keywordNavigation input {
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0 40 0 40;
}
#annotations {
  font-size:8pt;
  font-family:Verdana,Arial,sans-serif;
}
.ajax_loader {
  font-size:8pt;
  font-family:Verdana,Arial,sans-serif;
}
#screen {
  position: absolute;
  left: 0;
  top: 0;
  background: #000000;
  display: none;
}
#box
{
  width: 300px;
  height: 36px;
  /*padding-top: 10px;*/
  /*background: #FFFFFF;*/
  /*background-image: url(/images/gui/transp_gradient_40.png);*/
  background-image: url(/images/gui/transp_gradient_80.png);
  /*border: 1px #777777 solid;*/
  background-repeat:repeat;
  font-size:8pt;
  font-family:Verdana,Arial,sans-serif;
  /*border: gray solid 1px;*/
  text-align: center;
  position: absolute;
  /*margin-left: -150px;
  margin-top: -30px;*/
  left: 50%;
  top: 50%;
  z-index: 20;
  display: none;
}
#info {
  color: red;
  font-size:8pt;
  font-family:Verdana,Arial,sans-serif;
}
.msgSuccess {
  color: green;
}
.msgError {
  color: red;
}
.explanation {
  color: gray;
}
#refresh {
  margin-left:10px;
}


.statusOk {
  color: green;
  font-size:10pt;
  font-weight: 600;
}

.statusErrors {
  color: red;
  font-size:10pt;
  font-weight: 500;
}

/* simple css-based tooltip */
div.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
div.tooltipPrices {
    background-color:#E5E5D8;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#000000;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
div.tooltipWide, div.tooltipOSR {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:400px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

#loginLink {
  margin-right: 10px;
}

#demo {
  background: transparent url(/images/domain-rank-analysis.jpg) no-repeat 50% top;
  padding: 5 0 5 10;
  width: 100%;
  height: 150px;
  text-align: center;
  margin: 40 0;
  line-height: 1.2;
}

#demo h2 {
  margin: 10 0 0 0;
}

#demoDomain {
  font-family:arial,sans-serif;
  font-size:17px;
  margin-bottom:0.2em;
  margin-top: 0px;
  position: relative;
  right: 20px;
}

#demoDomainText {
  font-family:arial,sans-serif;
  font-size:13px;
  position: relative;
  bottom: 3px;
}

#demoDomainTextLeft{
  font-family:arial,sans-serif;
  font-size:15px;
  position: relative;
  right: 20px;
}

#demoStartButton {
  font-family:arial,sans-serif;
  font-size:17px;
  padding: 0 40 0 40;
  margin: 0 0 3 3;
}

#domainName img {
  margin: 0 5 0 5;
  position: relative;
  top: 3px;
}

#fall {
  color: #AA0000;
  font-weight: bold;
}
#fallRelevantly {
  color: #AA0000;
  font-weight: bold;
  background-color: #FFCCCC;
}
#rise {
  color: #00AA00;
  font-weight: bold;
}
#riseRelevantly {
  color: #00AA00;
  font-weight: bold;
  background-color: #BBFFBB;
}

#datainfo {
  font-size: 8pt;
  text-align: right;
  width: 1020px;
  color: #777777;
}

#button_select_product {
  background-image:url('/images/button_select_product.png');
  width:147px;
  height:26px;
  background-position:0 -26;
  display:block;
}
#button_select_product:hover {
  background-position:0 0;
}

#button_pay_in {
  background-image:url('/images/button_pay_in.png');
  width:147px;
  height:26px;
  background-position:0 -26;
  display:block;
}
#button_pay_in:hover {
  background-position:0 0;
}

#button_product_overview {
  background-image:url('/images/button_product_overview.png');
  width:147px;
  height:26px;
  background-position:0 -26;
  display:block;
  margin: 5 0 0 0;
}
#button_product_overview:hover {
  background-position:0 0;
}

/* Menu Item with Image */
#mi {
  position: relative;
  right: 17px;
  white-space:nowrap;
}
#mi img {
  position:relative;
  top:2px;
  border-width: 0;
}

#custQuote {
  margin: 25 0 0 0;
  position:relative;
  right:10px;
}

#progressbar {
  position:relative;
  width:270px; 
  height:10px;
  margin: 4px 15px;
  border:1px solid #AAAAAA;
  overflow:hidden;
  background-color: white;
  background-image: url(/images/gui/progressbar-bg.gif);
  background-repeat: repeat-x;
}

#progressbar div {
  /*background-color:#777777;*/
  width:0; height:100%;
  background-image: url(/images/gui/progressbar-fg-blue.gif);
  background-repeat: repeat-x;
}

#tableControlsDiv {
  font-size: 9pt;
  text-align: right;
  margin: 4 10 6 0;
}