/*  - - - - - #####################  - - - - -*/
/* - - -   Style Dernsche Höfe - VorSicht 2009 - - -*/
/*  - - - - - #####################  - - - - -*/
body {
	color: #333;
	font-size: 12pt;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	line-height: 14pt;
	background-color: #fff;
	text-align: center;
	min-height: 550px;
	min-width: 980px;
	padding-top: 20px;
}

a:link, a:visited {
	color: #cc9966;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: none;
	color: #333;
}

hr {
	height: 1px;
	border-top: 1px dotted #cc9966;
	border-bottom: none;
	border-left: none;
	border-right: none;
	display: block;
	width: 100%;
	float: left;
	clear: both;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* ##################### - - - - - - - - - - - - -  headlines - - -*/
h2 {
	color: #cc9966;
	font-size: 13pt;
	line-height: 16pt;
	text-transform: uppercase;
	margin-bottom: 15pt;
}

h3 {
	color: #cc9966;
	font-size: 10pt;
	line-height: 14pt;
	margin: 6pt 0;
}

h4 {
	font-size: 8pt;
	line-height: 12pt;
}

/* #### - - - - - - -   listen   - - -*/
.textwrapper li {
	font-size: 9pt;
	display: block;
	background-image: url(/../images/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

.textwrapper dl {
	font-size: 9pt;
}

.textwrapper dt {
	float: left;
	display: block;
	width: 120px;
}

.textwrapper dd {
	float: left;
	display: block;
	width: 240px;
}

/* ##################### - - - - - - - - - - - - -  Layout konstruktion - - -*/
#wrappit {
	width: 980px;
	height: 800px;
	display: block;
	margin: 0 auto;
	background-image: url(../images/gold_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	z-index: 0;
}

#scrollwrapper {
	position: absolute;
	display: block;
	width: 980px;
	height: 800px;
	margin: 0;
	overflow: hidden;
}

#scrollcontent {
	position: absolute;
	display: block;
	width: 980px;
}

/* ##################### - - - - - - - - - - - - -  S E I T E N  - - -*/
#start {
	position: relative;
	top: 0px;
}

.seite {
	display: block;
	width: 980px;
	height: 800px;
}

.inhalt {
	position: relative;
	left: 0px;
	top: 136px;
	width: 980px;
	height: 800px;
}

.textwrapper {
	position: relative;
	display: block;
	width: 980px;
	height: 312px;
}

.inhalt .textwrapper {
	background-color: #FFF;
}

/* #### - - - - - - -  header image   - - -*/
.image_header {
	position: relative;
	width: 980px;
	height: 272px;
	display: block;
	overflow: hidden;
}

/* #### - - - - - - -  vorwort  - - -*/
.image_left {
	position: absolute;
	width: 392px;
	height: 272px;
	display: block;
}

.image_right {
	position: absolute;
	left: 392px;
	width: 588px;
	height: 272px;
	display: block;
}

/* #### - - - - - - -  ausnahmen  - - -*/
/* ##################### - - - - - - - - - - - - -  Kontakt, Impressum - - -*/
.inhalt_gold .image_header img {
	margin-top: 136px;
}

.inhalt_gold .textwrapper {
	margin-top: 46px;
}

.inhalt_gold .textwrapper, .inhalt_gold h2, .inhalt_gold a:link, .inhalt_gold a:visited {
	color: #FFF;
}

.inhalt_gold a:hover {
	color: #333;
}

/* ##################### - - - - - - - - - - - - -  intro - - -*/
#intro .image_header {
	position: relative;
	width: 980px;
	height: 544px;
	display: block;
	overflow: hidden;
}

#intro #fade_start {
	position: relative;
	top: 136px;
	width: 980px;
	height: 408px;
	display: block;
	z-index: 0;
}

/* #### - - - - - - -  downloads - - -*/
#downloads .textwrapper {
	height: 448px;
}

#downloads h3 {
	font-size: 9pt;
	color: #333;
	text-transform: uppercase;
	margin: 6pt 0 6pt 4pt;
}

#downloads .image_header {
	height: 136px;
}

/* #### - - - - - - -  movies - - -*/
#intro_mov, #intro_shops, #intro_office {
	position: absolute;
	width: 196px;
	height: 136px;
	display: block;
	z-index: 20000;
}

#intro_mov {
	top: 408px;
	left: 196px;
}

#intro_office {
	top: 136px;
	left: 0px;
}

#intro_shops {
	top: 408px;
	left: 784px;
}

#office_mov, #shops_mov {
	position: absolute;
	top: 0px;
	left: 196px;
	width: 196px;
	height: 80px;
	display: block;
	z-index: 20000;
}

#office_mov {
	left: 0px;
}

#shops_mov {
	left: 196px;
}

#daylight_mov, #night_mov, #dawn_mov,
#winter_daylight_mov, #winter_night_mov, #winter_dawn_mov {
	position: absolute;
	top: 0;
	left: 0;
	width: 588px;
	height: 272px;
	display: block;
}

/* #### - - - - - - -  #home - - - weather report + tipps   - - -*/
.weather {
	position: absolute;
	top: 0;
	left: 588px;
	width: 392px;
	height: 272px;
	display: block;
}

#weather_icon {
	position: absolute;
	top: 136px;
	left: 29px;
}

.weather .text {
	position: absolute;
	top: 120px;
	left: 132px;
	width: 260px;
	height: 130px;
	display: block;
}

.weather .text h2 {
	color: #FFF;
	margin: 12px 0 10px 0;
}

#home .text_left {
	position: absolute;
	width: 528px;
	top: 30px;
	left: 2px;
	display: block;
}

#home .tipps {
	position: absolute;
	top: 0px;
	left: 588px;
	display: block;
	width: 392px;
	height: 312px;
	background-image: url(../images/info_back.jpg);
	background-repeat: no-repeat;
	z-index: 1000;
	overflow: visible;
}

#home .tipps .text {
	position: absolute;
	top: 146px;
	left: 132px;
	width: 230px;
	height: 130px;
	display: block;
}

#home .tipps .text h2 {
	color: #FFF;
	margin: 4pt 0;
}

#home .tipps .text h3 {
	color: #333;
}

#home .tipps .text a:link, #home .tipps .text a:visited {
	color: #FFF;
	margin-top: 12px;
	display: block;
}

#home .tipps .text a:hover {
	color: #333;
}

/* #### - - - - - - - - - - - - - -- - - - - - -  tipps uebersicht  - - -*/
#tipps .tipps {
	display: block;
	width: 316px;
	margin: 8px 3px;
	float: left;
	min-height: 115px;
}

#tipps .tipps img {
	width: 120px;
	float: left;
	margin: 0 10px 20px 0;
}

#tipps h3 {
	margin-left: 3px;
}

#tipps .tipps h3 {
	margin-top: 0;
}

/* #### - - - - - - -   plan big  - - -*/
#plan_big {
	position: relative;
	top: 0;
	left: 0;
	width: 980px;
	height: 584px;
	display: block;
}

.map_image {
	width: 588px;
	height: 584px;
	display: block;
	float: left;
}

.map_image li a img {
	position: absolute;
	z-index: 1000;
	width: 30px;
	height: 30px;
}

.text_macro, .text_micro {
	width: 392px;
	height: 584px;
	display: block;
	float: right;
	background-image: url(/../images/map_left_gold.jpg);
	background-repeat: no-repeat;
}

.text_macro #close_icon, .text_micro #close_icon {
	position: absolute;
	left: 576px;
	top: 24px;
	height: 31px;
	width: 31px;
	display: block;
}

.text_macro p, .text_macro li {
	color: #FFF;
	margin-left: 30px;
}

.text_macro li {
	font-size: 9pt;
	display: block;
	background-image: url(/../images/bullet_white.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

.text_micro li a {
	color: #FFF;
	font-size: 9pt;
	line-height: 14pt;
	display: block;
	padding: 0 0 0 30px;
	height: 23px;
}

.text_micro li span {
	float: left;
	clear: left;
	width: 40px;
	display: block;
	text-align: center;
	height: 23px;
	background-image: url(/../images/kreis.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.text_micro li a:hover {
	color: #333;
}

/* the overlayed element */
.simple_overlay {
	display: none;
	z-index: 10000;
	background-color: #FFF;
	width: 392px;
	height: 272px;
	min-height: 272px;
	margin: -96px 0 0 588px;
	float: left;
	padding: 0;
}

.simple_overlay p, .simple_overlay h3 {
	padding: 0 20px;
}

/* #### - - - - - - - - - - - - - - -  mieter overlay   - - -*/
.overlay {
	width: 980px;
	height: 300px;
	background-color: #fbf2e1;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	display: none;
	z-index: 10000;
	margin-top: -135px;
}

.overlay .close {
	background-image: url(../images/close_icon.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 42px;
	top: -16px;
	height: 31px;
	width: 31px;
}

.overlay .text_right {
	padding-top: 38px;
	width: 362px;
}

/* ##################### - - - - - - - - - - - - -  Inhalt textblöcke- - -*/
.text_right_big {
	position: absolute;
	top: 30px;
	width: 566px;
	left: 392px;
	display: block;
}

.text_left_big {
	position: absolute;
	top: 30px;
	width: 556px;
	left: 0px;
	display: block;
}

.text_left {
	position: absolute;
	top: 30px;
	left: 196px;
	width: 370px;
	display: block;
}

.text_right {
	position: absolute;
	width: 392px;
	top: 30px;
	left: 588px;
	display: block;
}

/* ##################### - - - - - - - - - - - - -  hauptnavigation - - -*/
#navigation {
	position: absolute;
	top: 20px;
	width: 980px;
	z-index: 100;
}

.logo {
	float: right;
	display: block;
	width: 240px;
	height: 140px;
}

.hauptnav {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 720px;
	display: block;
	height: 40px;
}

.hauptnav li {
	float: left;
	list-style: none;
	position: relative;
}

.hauptnav li a, .hauptnav li a:link, .hauptnav li a:visited {
	color: #FFF;
	font-size: 13pt;
	text-decoration: none;
	outline: none;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	display: inline;
	float: left;
	margin: 0 26px 0 0;
}

.hauptnav li a:focus, .hauptnav li a:hover, .hauptnav li a:active {
	color: #333;
}

.hauptnav li ul {
	position: absolute;
	top: 34px;
	left: 0;
	width: 500px;
	display: block;
	height: 20px;
	z-index: 110;
}

.hauptnav ul li {
	position: relative;
	float: left;
	list-style: none;
}

.hauptnav ul li a, .hauptnav ul li a:link, .hauptnav ul li a:visited {
	color: #FFF;
	font-size: 11pt;
	text-decoration: none;
	outline: none;
	text-align: left;
	display: block;
	float: left;
	margin: 0 16px 0 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.hauptnav ul li a:focus, .hauptnav ul li a:hover, .hauptnav ul li a:active {
	color: #333;
}

#current {
	color: #333;
}

/* ##################### - - - - - - - - - - - - -  footer - - -*/
#footer {
	position: absolute;
	top: 740px;
	display: block;
	width: 980px;
	height: 80px;
	z-index: 100;
}

#footer ul {
	position: absolute;
	top: 18px;
	left: 0px;
	display: block;
	height: 40px;
}

#footer li {
	list-style: none;
	float: left;
}

#footer li a, #footer li a:link, #footer li a:visited {
	color: #FFF;
	font-size: 9pt;
	text-decoration: none;
	outline: none;
	text-align: left;
	text-transform: uppercase;
	display: inline;
	float: left;
	margin: 0 0 0 20px;
}

#footer #current {
	color: #333;
}

#footer li a:focus, #footer li a:hover, #footer li a:active {
	color: #333;
}

.footer_img {
	position: relative;
	left: 392px;
	width: 392px;
	height: 80px;
	display: block;
}

/* ##################### - - - - - - - - - - - - -  disclaimer + news - - -*/
#wrapper_disclaimer, #wrapper_news {
	width: 980px;
	display: block;
	margin: 0 auto;
	background-image: url(../images/gold_back_disclaimer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	z-index: 0;
}

#wrapper_disclaimer #footer, #wrapper_news #footer {
	position: absolute;
	top: 136px;
	display: block;
	width: 980px;
	height: 80px;
	z-index: 100;
}

#wrapper_disclaimer .textwrapper, #wrapper_news .textwrapper {
	position: absolute;
	width: 980px;
	top: 30px;
	left: 0px;
	float: left;
	display: block;
	padding-top: 30px;
}

#wrapper_disclaimer .left, #wrapper_news .left {
	float: left;
	padding-left: 5px;
}

#wrapper_disclaimer .left {
	width: 470px;
}

#wrapper_disclaimer .right {
	width: 470px;
	float: right;
}

#wrapper_disclaimer p {
	font-size: 8pt;
	line-height: 16px;
}

.news_thread {
	width: 288px;
	float: left;
	display: block;
}

.news_thread h2 {
	padding-left: 8px;
}

#pm_content {
	width: 640px;
	float: right;
	display: block;
	margin-top: 40px;
}

.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pane-list li {
	background-color: #fff;
	padding: 8px;
	border-top: 1px dotted #cc9966;
	background-image: none;
	overflow: hidden;
}

.pane-list li:hover {
	background-color: #fbf2e1;
}

.pane-list span {
	font-size: 12px;
	display: block;
	color: #333;
	line-height: 16pt;
}

.pane-list .headline {
	font-size: 14px;
	line-height: 16pt;
	color: #cc9966;
	margin: 8pt 0;
}

.act {
	height: 22px;
}

li.act {
	background-color: #c9b178;
}

/* ##################### - - - - - - - - - - - - -  pressemeldungen - - -*/
.pm_text {
	width: 410px;
	float: left;
}

.pm_text p {
	margin-bottom: 12pt;
}

.pm_download {
	width: 200px;
	float: right;
	display: block;
}

.pm_download img {
	margin-bottom: 20px;
	width: 200px;
}

.pm_download h3 {
	margin-top: 60px;
	text-transform: uppercase;
}

/* ##################### - - - - - - - - - - - - -  downlod + news - - -*/
.dl_list {
	border-bottom: 1px dotted #cc9966;
}

.dl_list li {
	background-image: none;
	padding: 0;
}

.dl_list li a, .dl_list a:link {
	display: block;
	height: 34px;
	padding: 4px 0 0 40px;
	border-top: 1px dotted #cc9966;
	line-height: 20pt;
}

.dl_list a:focus, .dl_list a:hover {
	background-color: #fbf2e1;
}

.word {
	background-image: url(../images/word_icon.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.pdf {
	background-image: url(../images/pdf_icon.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.img {
	background-image: url(../images/jpg_icon.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

/* ##################### - - - - - - - - - - - - -  what a drag - Style Müller - - -*/