/************************/
/* GLOBAL               */
/************************/
html
{
	height: 100%;


}

body
{
	min-height:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(images/Bilder/toningBak.jpg) repeat-x left top;
	
}

body form
{
	margin-top:13px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	width: 942px;
	max-width: 942px;
    background-color: #FFFFFF;
}

#Page 
{
    position: relative;
    height:100%;
    background-color: #FFFFFF;
}

a 
{
	color: #91a2b2;
	text-decoration:none;	
}

a:hover
{
	color: #006ea0;
	text-decoration:none;	
}


img
{
	border:0;
}


h1, h2, h3, h4 
{
	font-family: Arial;
}

h1 {font-weight: normal; font-size: 30px; line-height: 32px; color:#5A656F; EditMenuName: Heading 1;}
h2 {font-weight: normal; font-size: 17px; line-height:19px; color: #5A656F; EditMenuName: Heading 2;}
h3 {font-weight: bold; font-size: 12px; line-height:15px; color: #555555; EditMenuName: Heading 3;}

p 
{
    padding: 0; 
}

.introduction 
{
    font-style:italic;
}

hr 
{
	margin: 0.5em 0;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border:0;
}

hr.footer
{
	color:#DCDCDC;
}



hr.clear 
{
    clear: both;
}

ul 
{
    padding: 0;
    margin: 0.2em 1.5em 1.5em 1.5em;
}


.hidden 
{
    display: none;
}

.error 
{
    color: Red;
}

.button
{
    border: 1px solid #c0c0c0;
    color:#555;
    background: #c0c0c0 url(images/Bilder/buttonBg_New.gif) repeat-x;
}

table
{
	
	border-collapse: collapse;
}

th
{
	background-color: #DADEDE;
	text-align: left;
	font-weight:bold;
	font-family: Arial;
}

/************************/
/* Pyjamas table        */
/************************/

#MainContentArea .HouseTypeTable a
{
    color: #000000;
}

.HouseTypeTable img
{
	width:160px;
	border-right: solid 2px #7F8C94;
	border-bottom: solid 2px #7F8C94;
	border-left: solid 1px #7F8C94;
	border-top: solid 1px #7F8C94;
}

.HouseTypeTable td
{
	text-align:left;
	width:163px;
}

#MainContentArea table.priceList a
{
    color: #000000;
}

table.priceList
{
	width:500px;
}
table.priceList th
{
	padding:5px;
	background-color: #7F8C94;
	text-align: left;
	font-weight:bold;
	font-family: Arial;
	color:#FFF;
}
table.priceList td p 
{
	margin: 0; padding: 0;	
}
table.priceList td
{
	padding:5px;
	color:#7F8C94;
	width:150px;
}

tr.dark
{
	background-color: #DADEDE;
	color:#7F8C94;
	text-decoration:none;
}

/************************/
/* HEADER               */
/************************/
#HeaderArea
{
	
	margin: 0 -0.5em;
}

#Header
{
	position: relative;
	padding: 2px;
	height: 70px;
}


#Header #HouseCounter
{
	float:right;
	margin-right:20px;
	margin-top:20px;
	font-family:Arial;
}

#Header #HouseCounterText
{
	float:left;
	color:#555;
	font-size:10px;
	margin-right:8px;
	margin-top:4px;
	text-align:right;
}

#Header #HouseCounterText2
{
	color: #000;
	font-weight:bold;
	margin-right:5px;
}


#Logotype
{
	float: left;
	height: 70px;
	width: 324px;
	margin-left: 6px;
	
}

/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
    width: 100%;
    min-height:100%;
	overflow:hidden;
	background-color: #FFF;
	
	
}


/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
    width:734px;
    height:100%;
	font-family:Arial;
	font-size: 12px;
	line-height: 15px;
	color: #555555;
	vertical-align:top;
	text-align:left;
	float:right;
	
}

/* IE 6 doesn't understand the > selector and ignores it */
html>body #MainContentArea {height: 100%; width:734px;}

#MainContentArea a
{
	 color:#91a2b2;
	/*color:blue;*/
}

#MainContentArea a:hover
{
	text-decoration:none;
}

#MainBodyArea
{
	overflow: hidden;
	width:513px;
	height:100%;
	float:left;
	vertical-align:top;
	border-right: solid 1px #DCDCDC;
}

#MainBodyArea.standardpage 
{
	width: 503px;
	padding-right: 10px;
}

#MainBodyAreaWide
{
	overflow: hidden;
	width:720px;
	height:100%;
}

#MainBodyArea .pageList
{
	padding: 0;
}

#MainBodyArea p
{
	margin-right:10px;
}

#MainBodyArea .pageList ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#MainBodyArea .pageList img
{
	max-width:200px;
	float:right;
	margin-left:5px;
	margin-right:20px;	
}

#SecondaryBodyArea
{
	width: 182px;
	overflow:visible;
	float:right;
	padding-right:22px;
}

#SecondaryBodyArea a
{
	font-size:10px;
	line-height:17px;
}


/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* PAGELIST              */
/*************************/
.pageList ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pageList li
{
    padding-bottom: 0.2em;
	list-style-type: none;
}

.pageList h2
{
	margin: 0;
}
.pageListDate
{
    float:right;
    color:#999999;
    font-size:9px;
    margin-right:10px;
}
/*div.pageList div.item
{
    clear:both; 
    overflow:auto;
}*/
div.pageList div.item
{
    border-bottom:1px solid #ECEDEE;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding:0 0 10px;
	width:100%;
}


/*************************/
/* ERRORPAGE             */
/*************************/
div#errorPage
{
	margin-top:13px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	width: 942px;
	max-width: 942px;
    background-color: #FFFFFF;
}

/*************************/
/* AGENT LIST            */
/*************************/

.agentImageContainer
{
	position:relative;
}

.agentImageContainer img.authorizedIcon
{
	position:absolute; 
	left:0px;
	bottom:0px;
}