body {
	background-image: url(http://www.erzherzogjohann.at/ehj_2009/bilder/background.jpg);
	background-repeat:repeat-y top center;
	font-size: 11px;
	color: #221409;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	background-color:#bc2c19;
	padding:0;
	margin:0;
}

.footer_white { color: #f9f4ca; text-decoration: none; font-size: 12px; }
.right { text-align: right }
.content_hl { font-size: 12px; font-weight: bold; color: #c82522; }
.goldbild { color: #d4b273; text-decoration: none; border-color: #d4b273; }
.bildtitel { padding-left: 20px; font-size: 10px; color: #d1b27b; text-decoration: none }
.td_topangebot { background-repeat: no-repeat; background-position: right bottom; }
.white_small { font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #FFF; text-decoration: none; font-weight: bold }
.navi {font-size: 12px; font-family:Verdana, Geneva, sans-serif; font-weight: normal; color: #ffffff; font-size: 12px; text-decoration:none; }
.navi2 { font-size: 12px; font-family:Verdana, Geneva, sans-serif; font-weight: bold; color: #fdf1c1; font-size: 12px; text-decoration:none; }

/* angebote formatierung */
.angebote_date { font-size: 11px; text-decoration: none;	color: #666666; }
.angebote_hl { font-size: 12px; color: #c82522; font-weight:bold; text-decoration: none; }
.angebote_details { font-size: 10px; font-weight: bold; color: #c82522; text-decoration: underline; }
.angebote_preis { font-size: 10px; font-weight: normal; color: #c82522; text-decoration: none; }

/* aktuelles formatierung */
.news_date { font-size: 10px; font-weight:bold; text-decoration: none;	color: #666666; }
.news_hl { font-size: 12px; font-weight: bold; color: #a68b5a; text-decoration: none; }
.news_line { line-height: 18px; margin-bottom: 5px; }
.news_text { font-size: 11px; text-decoration: none; }
.news_mehr { font-size: 10px; font-weight: bold; color: #a68b5a; text-decoration: underline; }
.red { font-size: 11px;  color: #c82522; text-decoration: none; }
/* link formatierung */
a { color: #c82522; }
a:hover { text-decoration: underline; }
.sitemap { color: #f9e4b6; }
.gold2 { font-size: 12px; font-family: Verdana; color: #a68b5a; text-decoration: none; border-color: #a68b5a; }

h1 { font-size: 16px; font-family: Arial; font-weight: bold; color: #c82522; }

h2 {
	font-size: 1.7em;
	font-weight: normal;
}

h3 { font-size: 13px; font-weight: bold; }
.gold { font-size: 12px; font-family: Verdana; color: #f9e4b6; text-decoration: none }
.normal { font-size: 11px; font-family: Verdana; color: #191813; text-decoration: none }
.white { font-size: 12px; font-family: Verdana, Geneva, sans-serif; color: #FFF; text-decoration: none; font-weight: bold }
.borderu {border: 1px; border-bottom-color:#d6b373;}
.facebook {padding-bottom: 5px; padding-top: 200px;} 
/* ----------container-------------- */

#facebook {
padding-bottom: 5px;
}




#borderu {

border: 1px; 
border-bottom-color:#d6b373;
}

#container {
	width: 1020px;
	margin: 0px auto;
	padding: 0 auto;
}

#testdiv {
	position: absolute;
	width: 230px;
	height: 112px;
	z-index: 50;
}

/* ----------banner for logo-------------- */
#topnavi2 {
	text-align:left;
	padding-left: 27px;
	padding-top: 20px;
	padding-bottom: 3px;
}
#topnavi {
	text-align:right;
	padding-right: 20px;
	padding-top: 18px;
	padding-bottom: 3px;
}
#banner {
	height: 102px;
	background-image: url(http://www.erzherzogjohann.at/ehj_2009/bilder/header.png);
	background-repeat: no-repeat;
	background-position: top;
}

/* -----------------Navigation--------------------- */

#mainnavi {
	height: 22px;
	padding-left: 31px;
}


#filzbalken {
	z-index: -99;
	position: absolute;
	width: 100%;
	left: 0;
	height: 66px;
	background-image: url(http://www.erzherzogjohann.at/ehj_2009/bilder/filz.jpg);
	background-repeat: repeat-x;
}

/* -----------------Inhalt--------------------- */
#left {
	width:166px;
	padding-left: 22px;
	padding-top: 90px;
	float:left;
	background-image: url(http://www.erzherzogjohann.at/ehj_2009/bilder/anfragebckrg.gif);
	background-repeat:no-repeat;
	background-position: right top;
	height: auto;
	position: relative;
	top: auto;
	z-index: 1;
}
#leften {
	width:166px;
	padding-left: 22px;
	padding-top: 90px;
	float:left;
	background-image: url(http://www.erzherzogjohann.at/ehj_2009/bilder/orange.gif);
	background-repeat:no-repeat;
	background-position: right top;
	height: auto;
	position: relative;
	top: auto;
	z-index: 1;
}

#leftbanner {
width:160px;
padding-left: 22px;
padding-top: 15px;
float:left;
height: auto;

}

#leftcontent {
width:188px;

float:left;
height: auto;

}
#content {
	min-height:600px;
	padding: 0;
	margin-left: 188px;
	 
}

#flash{
	width: 804px;
	height:266px;
	padding: 0;
	
	
	 
}
#topangebot{
	width: 794px;
	height: auto;
	background-color: #fdf1c1;
	padding-right: 28;
	padding-top: 10px;
	padding-left: 10px; 
}

#stern{
	width: 794px;
	height: auto;
	padding-right: 28;
	padding-top: 10px;
	padding-left: 10px;
	z-index: 100; 
}

#angebote{
	width: 794px;
	height: auto;
	padding-right: 28;
	background-color: #fdf1c1;
	padding-left: 10px; 
	vertical-align: top;
}
	

/* -----------footer--------------------------- */
#footer {
	clear: left;
	
	padding-left: 170px;
	margin: 0;
	margin-left: 0em;
}
#footer2 {
	clear: left;
	height: 120px;
	padding-left: 20px;
	padding-right: 10px;
	margin: 0;
	margin-left: 0em;
}

#navi3 {
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
border-bottom:dotted;
border-bottom-color: #fdf1c1; 
border-bottom-width: 1px;
}



/*** ESSENTIAL STYLES ***/



.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;


}
.sf-menu {
	line-height:	14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
	width: 1020px;
	
}


	
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
    border-bottom: solid;
	border-bottom-color:#fdf1c1;;
	border-bottom-width:4px;
		z-index: 99;
}
.sf-menu li {
	float:			left;
	position:		relative;
		z-index: 99;
}
.sf-menu a {
	display:		block;
	position:		relative;
		z-index: 99;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	width:	170px;
	top:			18px; /* match top ul list item height */
	z-index:		99;
	padding-top: 4px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;

}
.sf-menu a {

	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 0px;
	
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	border-bottom: thick;
}
.sf-menu li {
	background: none;
	
	}
	
	
	
	
.sf-menu li li {
	background:		#911b19;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	border-bottom:dotted;
	border-bottom-color: #a7573c;
	border-bottom-width: 1px;
	font-weight: normal;
	padding-left: 15px; 
	padding-top: 3px;
	padding-bottom: 3px;
}

.sf-menu li li:hover {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fdf1c1;
	border-bottom:dotted;
	border-bottom-color: #a7573c;
	border-bottom-width: 1px;
}	




.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #fdf1c1;

}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* Generated via www.cssmenubuilder.com */

.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('http://www.erzherzogjohann.at/ehj_2009/bilder/breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:11px Verdana, Helvetica, sans-serif; color:rgb(253,241,193); text-decoration:none; line-height:30px; display:block; background:url('http://www.erzherzogjohann.at/ehj_2009/bilder/breadcrumbImage.png') 100% -60px no-repeat; }
.breadcrumb ul li a span{padding:0 17px 0 15px; }
.breadcrumb ul li a:hover span{text-decoration:underline; color:rbg(253,241,193);}
.breadcrumb ul li a.active{background:none;}
.breadcrumb ul li a.active span{color:rgb(253,241,193);}
.breadcrumb ul li a.active:hover span{text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('http://www.erzherzogjohann.at/ehj_2009/bilder/breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('http://www.erzherzogjohann.at/ehj_2009/bilder/breadcrumbImage.png') 100% -90px no-repeat; }