/* CSS Stylesheet für HEMA Immobilientreuhand-, Projektentwicklungs- u. Bauträger GmbH. */
/* Autor: Andrea Glanz | www.glanzseiten.at | graphic & webdesign */

/* grau: hell: #CCCCCC - #999999 - #666666 - dunkel: #333333
/* blau-violett: #330099


/*========== HTML - BODY ==========*/ 

html {
	background: #FFFFFF none repeat scroll 0%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
}
	
/*========== MAIN BOXES ==========*/ 

#top {
	background: url(../images/border_top.gif) no-repeat center;
	height: 20px;
	width: 900px;
	margin: 0px auto;
}
#container {
	background: url(../images/border_container.gif) repeat-y center;
	width: 900px;
	margin: 0px auto;
	text-align: left;
}
#bottom {
	background: url(../images/border_bottom.gif) no-repeat center 50%;
	height: 20px;
	width: 900px;
	margin: 0px auto;
	clear: both;
}
/*----- wrapper box -----*/

#wrapper {
	width: 860px;
	text-align: left;
	margin: 0 20px;
}

/*----- head wrapper boxes -----*/

#wrapper_head_navi {
	height: 119px;
	width: 860px;
	background: url(../images/logo.gif) no-repeat center;
}
/* IE7 Hack */
*+html #wrapper_head_navi {padding-bottom: 8px}

#header {
	height: 80px;
	width: 860px;
	padding: 0;
}
/* IE6 Hack */
* html #header {margin: 0 0 -2px 0}

/*========== NAVIGATION ==========*/ 
#navigation {
	text-align: right;
	padding: 5px 0px 4px 10px;
	border-bottom: 1px solid #CCCCCC;
} 
	#navigation ul {
		margin-bottom: 0;
	}
	#navigation li {
		display: inline;
		list-style-type: none;
		margin-right: 2px;
		padding-left: 0;
	}
	#navigation a,
	#navigation span {
		background-image: url(../images/tab_bg.gif);
		background-repeat: repeat-x;
		color: #330099;
		font-size: small;
		font-weight: bold;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		border: 1px solid #CCCCCC;
	}
	#navigation a:hover,
	#navigation a:focus {
		background-image: url(../images/tab_bg_.gif);
		background-repeat: repeat-x;
		color: #666666;
		font-size: small;
		font-weight: bold;
		text-decoration: none;
		border-bottom-color: #FFFFFF;
	}
	#navig a,
	#navig span {
		background-image: url(../images/tab_f_bg.gif);
		background-repeat: repeat-x;
		color: #990000;
		font-size: small;
		font-weight: bold;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		border: 1px solid #CCCCCC;
	}
	#navig a:hover,
	#navig a:focus {
		background-image: url(../images/tab_f_bg_.gif);
		background-repeat: repeat-x;
		color: #990000;
		font-size: small;
		font-weight: bold;
		text-decoration: none;
		border-bottom-color: #FFFFFF;
	}
	#immobilien_privat #navi span,
	#immobilien_gewerbe #navi span {
		background-image: none;
		background-color: #FFFFFF;
		color: #990000;
		font-size: small;
		font-weight: bold;
		text-decoration: none;
		border-bottom-color: #FFFFFF;
	}
	#weitere_dienstleistungen #navi span,
	#kontakt_info #navi span,
	#home #navi span {
		background-image: none;
		background-color: #FFFFFF;
		color: #666666;
		font-size: small;
		font-weight: bold;
		text-decoration: none;
		border-bottom-color: #FFFFFF;
	}
	
/*========== CONTENT BOXES ==========*/ 		

#home_text {
	width:590px;
	height:450px;
}
#wrapper_innen{
	height: 500px;
	width: 858px;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#footer {
	height: 10px;
	width: 860px;
	background-color: #FFFFFF;
	text-align: center;
}

/*----- wrapper_innen boxes -----*/

#spacer_top{
	width: 858px;
	height: 20px;
	background-color: #FFFFFF;
}
#spacer_bottom{
	width: 858px;
	height: 10px;
	background-color: #FFFFFF;
}
#spacer_left{
	float: left;
	width: 20px;
	height: 470px;
	background-color: #FFFFFF;
}
#spacer_right{
	float: right;
	clear: right;
	width: 10px;
	height: 470px;
	background-color: #FFFFFF;
}
#spacer_mid{
	float: left;
	width: 10px;
	height: 460px;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#contentbox {
	height: 470px;
	width: 605px;
	background-color: #FFFFFF;
	float: left;
	overflow: auto;
} 
#sidebox {
	height: 470px;
	width: 210px;
	background-color: #FFFFFF;
	float: left;
}

/*========== GEWERBE BOXES ==========*/ 

#immobilien_gewerbe_weitere {
	height: 30px;
	width: 500px;
	float: left;
	overflow: auto;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* IE7 Hack */
*+html #immobilien_gewerbe_weitere {height: 20px;}
/* IE6 Hack */
*html #immobilien_gewerbe_weitere {height: 20px;}

#immobilien_gewerbe_weitere_spacer {
	height: 30px;
	width: 800px;
	float: left;
}	
#immobilien_gewerbe_content {
	height: 470px;
	width: 825px;
	float: left;
	overflow: auto;
	background-color: #FFFFFF;
}
#immobilien_gewerbe_objektauswahl {
	height: 70px;
	width: 825px;
	background-color: #FFFFFF;
	text-align: center;	
}

/*----- frame gewerbe boxes -----*/

#immobilien_gewerbe_karte_wrapper {
	height: 440px;
	width: 800px;
	float: left;
	overflow: auto;
	background-color: #FFFFFF;
}
#immobilien_gewerbe_karte {
	height: 440px;
	width: 450px;
	background-color: #FFFFFF;
	float: left;
}
#immobilien_gewerbe_laender {
	height: 440px;
	width: 250px;
	background-color: #FFFFFF;
	float: right;
}

/*----- rubriken gewerbe boxes -----*/

#immobilien_gewerbe_wrapper {
	height: 440px;
	width: 780px;
	background-color: #FFFFFF;
}
#immobilien_gewerbe_wrapper_1 {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}

#immobilien_gewerbe_spacer_top {
	height: 20px;
	width: 780px;
	background-color: #FFFFFF;
}
#immobilien_gewerbe_left{
	float: left;
	width: 360px;
	background-color: #FFFFFF;
}
#immobilien_gewerbe_right{
	float: right;
	width: 400px;
	background-color: #FFFFFF;
}
#immobilien_gewerbe_spacer_left {
	float: left;
	height: 420px;
	width: 10px;
}
#immobilien_gewerbe_box_left {
	float: left;
	width: 340px;
	border: 1px dashed #CCCCCC;
}
/* IE7 Hack */
*+html #immobilien_gewerbe_box_left {padding-top: 15px;}
/* IE6 Hack */
*html #immobilien_gewerbe_box_left {padding-top: 15px;}

#immobilien_gewerbe_box_spacer_left {
	float: left;
	height: 15px;
	width: 340px;
}
#immobilien_gewerbe_box_right {
	float: left;
	width: 380px;
	border: 1px dashed #CCCCCC;
}
/* IE7 Hack */
*+html #immobilien_gewerbe_box_right {padding-top: 15px;}
/* IE6 Hack */
*html #immobilien_gewerbe_box_right {padding-top: 15px;}

#immobilien_gewerbe_box_spacer_right {
	float: left;
	height: 15px;
	width: 380px;
}

/*========== KONTAKT BOXES ==========*/ 

#kontakt {
	float: left;
	clear: both;
	height: 90px;
	width: 550px;
	border-bottom: 1px dashed #CCCCCC;
}
#kontakt_foto {
	float: left;
	height: 90px;
	width: 140px;
	text-align: center;
}
#kontakt_daten{
	float: left;
	height: 90px;
	width: 390px;
	text-align: left;
}
#kontakt_spacer_v{
	float: left;
	height: 90px;
	width: 20px;
}
#kontakt_spacer_h{
	float: left;
	clear: both;
	height: 20px;
	width: 550px;
}
#sv_foto {
	float: left;
	height: 90px;
	width: 110px;
	text-align: center;
}
#sv_spacer_v{
	float: left;
	height: 90px;
	width: 30px;
}
#sv_name{
	float: left;
	height: 90px;
	width: 350px;
	text-align: left;
}
#allgemein{
	width: 580px;
	float: left;
}

/*------------------------*/

.clearfloat { 
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.nobr {
	white-space: nowrap;
}


/*========== FONT ==========*/ 

.h1 {               /* Ueberschrift Standard BLAU FETT - hover: GRAU FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.h1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.h1:hover, a.h1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}

.Stil3 {              			               /* Beschreibung klein GRAU - nicht aendern */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: x-small;
	text-decoration: none;
}

.Stil1 {                     /* Standardschrift GRAU - hover: FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	text-decoration: none;
}
a.Stil1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	text-decoration: none;
}
a.Stil1:hover, a.Stil1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.Stil2 {             /* Standardschrift GRAU FETT - hover: BLAU FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.Stil2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.Stil2:hover, a.Stil2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}

.Stil5 {                     /* Index-text GRAU - hover: BLAU */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	text-decoration: none;
}
a.Stil5:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	text-decoration: none;
}
a.Stil5:hover, a.Stil5:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	text-decoration: none;
}


/*----- immobilien gewerbe -----*/


.Gew_U_grau {                 /* Ueberschrift Gewerbe Rubriken GRAU FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
/* IE7 Hack */
*+html .Gew_U_grau {font-size: x-small}
/* IE6 Hack */
*html .Gew_U_grau {font-size: x-small}


.Gew_U_rot {  	       /* Gewerbe Ueberschrift Auswahl Bundesland ROT FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.Gew_U_rot:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.Gew_U_rot:hover, a.Gew_U_rot:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
/* IE7 Hack */
*+html .Gew_U_rot {font-size: x-small}
*+html a.Gew_U_rot:link {font-size: x-small}
*+html a.Gew_U_rot:hover, a.Gew_U_rot:active {font-size: x-small}
/* IE6 Hack */
*html .Gew_U_rot {font-size: x-small}
*html a.Gew_U_rot:link {font-size: x-small}
*html a.Gew_U_rot:hover, a.Gew_U_rot:active {font-size: x-small}


.Gew_blau {          /* Gewerbe Auswahl Objektart BLAU FETT - hover: GRAU FETT*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	list-style-type: square;
}
a.Gew_blau:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	list-style-type: square;
}
a.Gew_blau:hover, a.Gew_blau:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	list-style-type: square;
}
/* IE7 Hack */
*+html .Gew_blau {font-size: x-small}
*+html a.Gew_blau:link {font-size: x-small}
*+html a.Gew_blau:hover, a.Gew_blau:active {font-size: x-small}
/* IE6 Hack */
*html .Gew_blau {font-size: x-small}
*html a.Gew_blau:link {font-size: x-small}
*html a.Gew_blau:hover, a.Gew_blau:active {font-size: x-small}


/*----- immobilien_gewerbe_steiermark: Ueberschriften ueber iframe -----*/

.Stil_GewStFrame_U1 {  	   /* Gewerbe Steiermark GRAU - hover: BLAU */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	text-decoration: none;
}
a.Stil_GewStFrame_U1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	text-decoration: none;
}
a.Stil_GewStFrame_U1:hover, a.Stil_GewStFrame_U1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	text-decoration: none;
}
.Stil_GewStFrame_U2 {  	   /* Gewerbe Steiermark ROT FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.Stil_GewStFrame_U3 {  	   /* Gewerbe Steiermark BLAU FETT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.Stil_GewStFrame_U4 {  	   /* Gewerbe Steiermark ROT */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: small;
	text-decoration: none;
}