/**
	Copyright (c) 2002, Springsite BV, The Netherlands. All rights reserved.
	@version $Revision: 1 $ $Date: 23-07-02 11:46 $
*/

/**
	Redesign:	Klas Roggenkamp	-> www.klasroggenkamp.de
				Arne Richer	

	for diewahlgang.de

**/
/**
	Stylesheet.
	
	@author <a href="http://www.springsite.com">Springsite</a>
	@version $Revision: 1 $ $Date: 23-07-02 11:46 $
*/

/* 
	Font definition for all tags in one place. Base font size definition for all tags in one place.
	Make sure no font-family is specified elsewhere.
	All other tags inherit their font setting from the definition below.
	
	Maximum width = 618 pixels.
	Maximum height = 329 pixels.
*/

html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/* Explicitly set the font-family for elements that apparently do not inherit it from the root */

body
{
	x-background: #7F7F7F;
	background: #7F7F7F;
	overflow: hidden;
	font: 10px Verdana, Arial, Helvetica, sans-serif;

}

table, td, tr
{
	font-size: 10px;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 5px;
}

p
{
	margin: 0px;
	margin-bottom: 6px;
}

button, input, textarea, select, option
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a:link
{
    color: darkblue;
	text-decoration: none;
}

a:visited
{
    color: darkblue;
	text-decoration: none;
}

a:hover
{
    color: darkred;
	text-decoration: underline;
}

.ClientArea
{
	x-width: 800px;
	x-height: 600px;
	width: 800px;
	height: 600px;
}

.Logo
{
	position: absolute;
	top: 84px;
	left: 496px;
}

.Credits
{
	position: relative;
	top: 36px;
	left: 526px;
}

#PropertyNum
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;

}

#PropertyDesc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.Intro
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background: lightGrey;
	padding: 8px;
}

#Stemadvies
{
	width: 100%;
	border-width: 4px;
	border-style: solid;
	border-color: black;
	x-background: #999933;
	background: DarkOrange;
	padding: 8px;
}

#ResultsFrame
{
	border: 1px solid black;
}

#ResultsPane
{
	border: none;
	background: white;
	scrollbar-base-color: white;
	overflow-y: auto;
	padding: 0px;
	margin: 0px;
}

.HistoHeader
{
	font-size: 7pt;
	padding-top: 4px;
	padding-bottom: 4px;
	
	xbackground: DarkOrange;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}

.HistoLine
{
	font-size: 8pt;
	
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

.HistoPos, .HistoNeg, .ZoomHistoPos
{
/*
	background: #00CC00;
	border: 1px solid black;
	margin-top: 3px;
	margin-bottom: 3px;
*/
  height: 10px;
  background-color: #000099;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: middle;
  transition: width 2s ease-in-out;	
}

.HistoNeg
{
	/*
	background: #ff0000;
	border: 1px solid black;
	margin-top: 3px;
	margin-bottom: 3px;
*/
  background-color: #ff0000;
}

.HistoNone
{
/*
	margin-top: 4px;
	margin-bottom: 4px;
*/
  height: 10px;
  background-color: #e0e0e0; /* grauer Balken */
  /*border: 0.5px dashed #aaa;*/
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
  width: 30px; /* statisch oder per JS */
}

.ZoomHistoLine
{
	font-size: 8pt;
	height: 40px;
	
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	padding: 6px;
}

.ZoomHistoPos
{
	background: #00CC00;
/*	border: 1px solid black;
	border-left: none;
	margin-top: 3px;
	margin-bottom: 3px;*/
}

.ZoomHistoNeg
{
	background: #ff0000;
	border: 1px solid black;
	border-right: none;
	margin-top: 3px;
	margin-bottom: 3px;
}

.ButtonBar
{
	color: white;
	background: black;
}

.ActionButton
{
	cursor: hand;
	background-color: F7941D;
}

.ButtonText
{
	font-family: Arial;
	x-font-size: 14pt;
	font-size: 14pt;
	x-font-weight: bold;
	padding-top: 9px;
	padding-left: 4px;
	padding-right: 8px;
	x-width: 70px;
	x-width: 100px;
	cursor: hand;
}

.Status
{
	padding-top: 0px;
}

.PropertyStatusFrame
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.PropertyStatus
{
	font-size: 8pt;
	
	text-align: center;
	height: 23px;
	width: 100%;
	
	border: none;
	cursor: hand;
}

.PropertyStatusSelected
{
	font-size: 8pt;
	
	text-align: center;
	height: 23px;
	width: 100%;
	background: red;
	
	border: none;
	cursor: hand;
}

.NoOpinionButton
{
	background-color: F7941D;
	cursor: hand;
}

.PrevNextButton
{
	font-size: 8pt;
	text-align: center;
	cursor: hand;
}

.Button
{
	width: 40px;
	height: 25px;
	text-align: center;
	background: lightgrey;
	cursor: hand;
}

.ExFeatures
{
	position: absolute;
	top: 160px;
	padding: 4px;
	background: white;
	border: 1px solid black;
	font-size: 8pt;
}

/**
	End of Stylesheet.
*/
.faq {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.weiss {
	background: white;
	background-color: #FFFFFF;
}
.orange {
	background: #FF9933;
	background-color: #FF9933;
}