/* BODY
-------------------------------------------------------------------- */
BODY{
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	color: #486487;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	text-align: center;
	background-color: #fed473;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	line-height: 1.5em;
	padding: 0;
}
BODY.zoom{
   FONT-SIZE: 9pt;
   background-image: none;	
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487;
	MARGIN: 0px;
	background-color: #fee7b2;
}
BODY.galerie{
   FONT-SIZE: 9pt;
   background-image: none;	
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487;
	MARGIN: 0px;
	background-color: #fee7b2;
}

/* FORMULARELEMENTE
-------------------------------------------------------------------- */
FORM{
	COLOR: #486487;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	padding: 5px;
	margin: 0px;
	width: 700px;
}
FORM.suche{
	background: none;
	border: 0;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	width: 245px;
}
LABEL{
	width: 110px;
	float: left;
}
RADIO{
	COLOR: #486487;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
}
INPUT{
	border: 1px solid #f8eada;
	background-color:#FFFFFF;
	COLOR: #486487;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	width: 300px;
	height: 21px;
	padding: 2px;
	margin-bottom: 2px;
}
INPUT.plz{
	width: 67px;
}
INPUT.zweihundert{
	width: 230px;
}
INPUT.ohne_rahmen{
	border-width:0;
	COLOR: #486487;
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	width: 20px;
	background-image: none;
}
INPUT.button{
	width: 145px;
	background-image: url(images/bt-abschicken.gif);
	border: none;
   COLOR: #ffffff;
	height: 29px;
	font-weight: bold;
	cursor: pointer;
}
INPUT.suche{
	width: 200px;
}
INPUT.suchebutton{
	width: 20px;
	background-color:#ffffff;
	background-image: url(images/suche.gif);
	background-repeat: no-repeat;
	border: 0;
}
SELECT{
	border: 1px solid #f8eada;
	background-color:#FFFFFF;
   COLOR: #486487;
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	width: 300px;
	padding: 2px;
	margin-bottom: 2px;
}
SELECT.hundert{
	width: 100px;
}
SELECT.zweihundert{
	width: 200px;
}
textarea{
	border: 1px solid #f8eada;
	background-color:#FFFFFF;
   COLOR: #486487;
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	width: 300px;
	padding: 2px;
}

/* TABELLEN
-------------------------------------------------------------------- */
TABLE{
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TABLE.formrahmen{
    Background: #f8eada;	
}
TABLE.hell{
    Background: #fee7b2;	
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TABLE.mittel{
    Background: #fed473;	
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TABLE.zoom{
    border-color:#f8eada;	
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TR{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TR.farbig{
    Background: #f8eada;	
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TR.mittel{
    Background: #fed473;	
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
}
TR.hell{
    Background: #fee7b2;	
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TH{
    FONT-SIZE: 25pt;
    COLOR: #cc0000;
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
TD{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487
}
TD.mittel{
    Background: #fed473;	
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487
}
TD.farbig{
    FONT-SIZE: 9pt;
    Background: #f8eada;
    FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487
}

/* ALLGEMEINE FORMATIERUNGEN
-------------------------------------------------------------------- */
ul li{
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487;
	list-style-image:url(images/anstrich-li.gif);
}
P{
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487;
	line-height: 1.5em;
}
P.klein{
	FONT-SIZE: 7pt;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	color: #486487;
}
P.gross{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14pt;
	COLOR: #486487;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
P.abschluss{
	FONT-SIZE: 9pt;
	COLOR: #cc0000;
	FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif
}
A{
	FONT-SIZE: 9pt;
   COLOR: #CC0000;
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
}
A:hover{
   COLOR: #003366;	
   FONT-FAMILY: Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
A.klein{
    FONT-SIZE: 7pt;
}
a.noborder:hover {
	border: 0;
	text-decoration: none;
}
hr{
	width: 100%; 
	color: #f8eada;
	height: 1px;
	border: 0;
}
.galerie h2{
   font-size: 20px;
	color: #ffffff; 
	margin : 0px;
	padding: 5px;
	border-bottom: 1px dotted #CC0000;
	background-color:#f8eada;
	text-align: right;
}
blockquote {
	border-top: 1px solid #7396b5;
	border-bottom: 1px solid #7396b5;
	background: #d1dcea;
	padding: 0px 10px;
	margin: 10px 0px 0px 0px;
}
img {
	border-color: #3366cc;
}

/* NAVIGATION
-------------------------------------------------------------------- */
#nav {
	float: right;
}
#nav ul {
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 405px;
	height: 38px;
}
#nav li {
	list-style-image:none;
	padding: 0px;
	margin: 0px;
	float: left;
}
#nav li a {
	font-size: 100%;
	FONT-FAMILY: "Arial Narrow", Arial;
	width: 75px;
	height: 21px;
	display: block;
	color: #FFFFFF;
	text-align: center;
   padding: 12px 3px 5px 3px;
   margin: 0px;
	letter-spacing: 0em;
	border: 0;
   text-decoration: none;
	background-image: url(images/bg-navi.gif); 
	background-repeat: no-repeat; 
	outline: none;
}
#nav a.home {
	background-image: url(images/bg-navi-home.gif); 
}
#nav a.kontakt {
	background-image: url(images/bg-navi-kontakt.gif); 
}
#nav a:hover {
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
	background-image: url(images/bg-naviOn.gif); 
	background-repeat: no-repeat; 
}
#nav a.aktiv {
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
	background-image: url(images/bg-naviOn.gif); 
	background-repeat: no-repeat; 
}
#nav a.kontakt:hover {
	background-image: url(images/bg-navi-kontaktOn.gif); 
}
#nav a.kontaktaktiv {
	background-image: url(images/bg-navi-kontaktOn.gif); 
}

/* NAVIGATION ORTE
-------------------------------------------------------------------- */
#naviorte {
	width: 210px;
	margin: 5px 0 20px 0;
	padding: 0;
	text-align: left;
}
#naviorte ul {
	margin: 0;
	padding: 0;
}
#naviorte ul li {
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style:none;
}
#naviorte ul li a {
	font-size: 140%;
	FONT-FAMILY: "Arial Narrow", Arial;
	color: #FFFFFF;
	display: block;
   padding: 3px 10px 3px 3px;
   margin: 0 0 2px; 0;
   text-decoration: none;
	font-weight: bold;
	outline: none;
	background-color: #cc0000;
}
#naviorte ul li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #486487;
}
#naviorte ul li a.aktiv {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #486487;
}

#naviorte ul li ul li a {
	font-size: 100%;
	FONT-FAMILY: Arial;
	color: #cc0000;
	display: block;
   padding: 3px 10px 3px 20px;
   margin: 0 0 2px; 0;
   text-decoration: none;
	font-weight: bold;
	background-color: #fed473;
}
#naviorte ul li ul li a:hover {
	color: #cc0000;
	font-weight: bold;
	background-color: #fed473;
}
#naviorte ul li ul li a.aktiv {
	color: #cc0000;
	font-weight: bold;
	background-color: #bbdef3;
}

/* TOP
-------------------------------------------------------------------- */
#top{
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-color: #bbdef3;
}

/* RAHMEN
-------------------------------------------------------------------- */
#rahmen{
	width: 980px;
	margin: 0px auto;
	padding: 0px;
}

/* HEADER
-------------------------------------------------------------------- */
#header{
	width: 980px;
	height: 195px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(images/bg-header.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
#sound{
	float: right;
	height: 16px;
}

/* INHALTSBEREICH
-------------------------------------------------------------------- */
#content {
	width: 960px;
	padding: 10px 0px 20px 0px;
	margin:0px auto;
	text-align: left;
	background-color: #fff3c4;
}
#links {
	width: 210px;
	margin: -20px 10px 0px 10px;
	padding: 0;
	float: left;
}
#links p {
	font-size: 100%;
	color: #4b6d8e;
	text-align: justify;
	margin: 0;
	padding: 0;
}
#links ul.service {
	margin: 0 0 0 18px;
	padding: 0;
}
#links ul.service li {
	font-size: 90%;
	color: #4b6d8e;
}
#inhalt{
	width: 710px;
	min-height: 300px;
	margin: -10px 10px 0 0;
	padding: 0;
	text-align: left;
	float: right;
	text-align: justify;
}
#inhalt h1{
	font-size: 25px;
	FONT-FAMILY: Georgia, Garamond, Arial;
	color: #cc0000; 
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	font-weight: normal;
	font-style: italic;
}
#inhalt h2{
   font-size: 19px;
	color: #486487; 
	margin: 10px 0px 5px 0px;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px dotted #486487;
}
#inhalt h3{
   font-size: 14px;
	color: #486487; 
	margin: 10px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px dotted #486487;
}
#inhalt h4{
   font-size: 9px;
	color: #486487; 
	font-weight: bold;
	margin: 2px 3px;
	padding: 0px;
	border: none;
}
#links h3{
   font-size: 10pt;
	font-weight: bold;
	FONT-FAMILY: "Arial Narrow", Arial;
	color: #486487; 
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px solid #fed473;
}

/* IMMOBILIEN
-------------------------------------------------------------------- */
#immoliste {
	border: 0px;
}
.objektrahmen{
	border: 1px solid #ffe392;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 5px 0px;
}
.objekt{
	background-color: #fbeaba;
	background-repeat: repeat-x; 
	margin: 0px;
	padding: 3px 3px 3px 15px;
}
#immoliste h1 {
   font-size: 19px;
	font-weight: bold;
	color: #486487; 
	border: none;
	margin: 0px;
}
#immoliste .objekt h1 {
   font-size: 20px;
	font-weight: normal;
	color: #cc0000; 
}
#immoliste h2 {
   font-size: 14px;
	color: #486487;
	font-weight: bold; 
	border: none;
	margin: 2px 0px 2px 0px;
}
#immoliste p {
	margin: 0px 0px 0px 0px;
}
#immoliste a.objekt {
	display: block;
	border: 1px solid #fff;
}
#anzahl{
	background-color: #ffe392;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}
.rechts {
	width: 300px; 
	float: right; 
	margin-left: 10px; 
	padding: 3px;
}
.links {
	width: 360px; 
	float: left; 
	padding: 3px;
}
form.anfrage {
	width: 290px;
	border: none;
	background: none;
}
#formular label {
	width: 110px;
	float: left;
}
#formular input {
	background-color: #FFFFFF;
	border: 1px solid #fed473;
}
#formular input.anfrage {
	width: 145px;
	margin-bottom: 2px;
}
#formular input.anfrage_checkbox {
	width: 20px;
	height: 18px;
	margin-bottom: 3px;
	border: none;
	background-color: #fff3c4;
}
#formular input.button_anfrage {
	width: 145px;
	background-color: #fff3c4;
	background-image: url(images/bt-senden.gif);
	border: none;
   COLOR: #ffffff;
	height: 29px;
	font-weight: bold;
	cursor: pointer;
}
#formular textarea {
	width: 255px;
	background-color: #FFFFFF;
	border: 1px solid #fed473;
}
span.fehler {
	color: #cc0000;
	font-weight: normal;
}
#button {
}
#inhalt #button ul li {
	list-style: none;
	margin: 0;
	background-color: #7396b5;
}
#button li a {
	color: #FFFFFF;
	font-weight: bold;
	height: 30px;
	padding: 5px;
	font-size: 120%;
}
#objektdetail h1 {
   font-size: 19px;
}

/* ORTE */
.ortediv {
	display: none;
	width: 20px;
	height: 20px;
	position: absolute;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
#tabinhalt {
	border: 1px solid #cc0000; 
	width: 690px; 
	margin-bottom: 1em; 
	padding: 10px;
}
.shadetabs {
	padding: 3px 0;
	margin: 10px 0 0 0;
	font-weight: bold;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
	display: inline;
	margin: 0;
}
.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 5px 10px;
	margin-right: 1px;
	color: #cc0000;
	background: #fed473;
}
.shadetabs li a:visited{
	color: #fcf4eb;
}
.shadetabs li a:hover{
	color: #fcf4eb;
	background: #cc0000;
	padding: 7px 10px;
	top: -2px;
}
.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	color: #fcf4eb;
	background: #cc0000;
	padding: 7px 10px;
	top: -2px;
}
.tabcontent{
	display:none;
}
@media print {
	.tabcontent {
		display:block !important;
	}
}

/* ANGEBOTE AUSWAHL
-------------------------------------------------------------------- */
#angebotauswahl h3 {
	font-size: 150%;
}
#angebotauswahl ul {
	margin:0; padding:0;
}
#angebotauswahl ul li {
	list-style: none;
	list-style-image: none;
	background-color: #ebf0f4;
	margin: 0 0 2px 0;
	padding: 5px;
}
#angebotauswahl li a {
	height: 30px;
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
}

/* NOPRINT BEREICH
-------------------------------------------------------------------- */
div.noprint { display: none; }

/* SITEMAP
-------------------------------------------------------------------- */
li.immo_ort { list-style: none; font-weight: bold;}
li.immo_ort ul li{ font-weight: normal;}

/* NAVIGATION IM BAU
-------------------------------------------------------------------- */
a.imbau {
	width: 197px;
	margin: 0 0 20px 0;
    padding: 3px 10px 3px 3px;
	font-size: 140%;
	FONT-FAMILY: "Arial Narrow", Arial;
	color: #FFFFFF;
	display: block;
    text-decoration: none;
	text-align: left;
	font-weight: bold;
	outline: none;
	background-color: #486487;
}
a.imbau:hover {
	font-size: 140%;
	FONT-FAMILY: "Arial Narrow", Arial;
	color: #FFFFFF;
	background-color: #cc0000;
}

/* KONTAKT
-------------------------------------------------------------------- */
.kontaktbox{
	width: 100px; 
	float: left; 
	background-image: url(images/anstrich.gif); 
	background-repeat: no-repeat; 
	background-position: 0 3px;
	padding-left: 20px;
}
.ohne {
	background-image: none; 
}
a:hover.autor {
	border: 0px;
}
form p {
	margin-bottom: 5px;
}

/* FOOTER
-------------------------------------------------------------------- */
#footer {
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	background-color: #fee39b;
}
#footer p {
	font-size: 10px;
	margin: 0;
	color: #a3a391; 
}
#footer a{
	font-size: 10px;
	color: #a3a391; 
}
#footer a:hover{
	color: #a3a391; 
	border: 0;
	background: none;
	text-decoration: underline;
}

/* IE7 PROBLEME
-------------------------------------------------------------------- */
*html FORM{
	width: 710px;
}
*html li{
	list-style-image:url(images/anstrich-li-ie.gif);
}
*html INPUT{
	height: 22px;
}
*html #nav li a {
	width: 81px;
	height: 38px;
}
*html #inhalt{
	height: 300px;
}
*html #tabinhalt {
	width: 710px; 
}
*html #footer {
	width: 960px; 
}
*html a.imbau {
	width: 210px;
	font-size: 140%;
	FONT-FAMILY: "Arial Narrow", Arial;
	color: #FFFFFF;
	display: block;
    text-decoration: none;
	font-weight: bold;
	outline: none;
	background-color: #486487;
}