
/* ==== COMMON SETTINGS ==== */
*       { margin:0; padding: 0; }
a       { text-decoration: none; color: #d40035; }
a:hover { text-decoration: underline; }
.clear  { clear: both; }
h1	{ font-size: 14pt; font-weight: bold; margin-bottom: 30px; }
h2	{ font-size: 12pt; font-weight: bold; margin-bottom: 20px; }
body    { background: #050505; font: 9pt Arial, Helvetica, sans-serif; }

/* ==== PAGE POSITIONING ==== */
#wrapper { width: 980px; margin: 0 auto; padding-bottom: 13px; background: #0f0f0f url('img/wrapper.png') 0 0 no-repeat; }
#header  { position: relative; height: 38px; }
#left	 { float: left; width: 225px; color: #646464; }
#main	 { float: left; padding-top: 100px; width: 730px; color: #fff; }
#footer  { clear: both; height: 18px; background: #272727; margin: 13px 13px 0 13px; text-align: center; }

#header .logo { position: absolute; display: block; width: 200px; height: 50px; top: 30px; left: 10px; z-index: 5000; }
#header .date { position: absolute; top: 10px; right: 35px; color: #999999; font-size: 10pt; }

#left .mod_navigation	    { padding: 90px 0 0 15px; }
#left .mod_navigation ul    { list-style-type: none; }
#left .level_1 a,
#left .level_1 span	    { display: block; height: 23px; line-height: 23px; margin-bottom: 12px; color: #878787; font-size: 13pt; padding-left: 7px; }
#left .level_1 a:hover,
#left .level_1 span	    { color: #fff; text-decoration: none; }

#left .level_1 a.submenu,
#left .level_1 a.trail,
#left .level_1 span.submenu,
#left .level_1 span.trail     { margin-bottom: 4px; }

#left .level_1 .level_2	      { margin-left: 2px; margin-bottom: 17px; }
#left .level_1 .level_2 a,
#left .level_1 .level_2 span  { margin-bottom: 9px; font-size: 11pt; line-height: 13px; height: 13px; padding-left: 19px; }

#left .level_1 .level_3	      { margin: 2px 0 15px 12px; }
#left .level_1 .level_3 a,
#left .level_1 .level_3 span  { font-size: 11pt; line-height: 9px; height: 9px; padding-left: 19px; }

/* ----> Navigation Colors <---- */
#left .level_1 a.start, #left .level_1 span.start	      { border-left: 5px solid #492274; }
#left .level_1 li.start .level_2			      { border-left: 1px solid #492274; }

#left .level_1 a.mode, #left .level_1 span.mode	      { border-left: 5px solid #a70061; }
#left .level_1 li.mode .level_2			      { border-left: 1px solid #a70061; }

#left .level_1 a.genuss, #left .level_1 span.genuss   { border-left: 5px solid #fa4200; }
#left .level_1 li.genuss .level_2		      { border-left: 1px solid #fa4200; }

#left .level_1 a.wohnen, #left .level_1 span.wohnen   { border-left: 5px solid #662b03; }
#left .level_1 li.wohnen .level_2		      { border-left: 1px solid #662b03; }

#left .level_1 a.haus, #left .level_1 span.haus	      { border-left: 5px solid #d40035; }
#left .level_1 li.haus .level_2			      { border-left: 1px solid #d40035; }

#left .level_1 a.service, #left .level_1 span.service { border-left: 5px solid #f68703; }
#left .level_1 li.service .level_2		      { border-left: 1px solid #f68703; }

#left .level_1 a.kontakt, #left .level_1 span.kontakt { border-left: 5px solid #46590f; }
#left .level_1 li.kontakt .level_2		      { border-left: 1px solid #46590f; }

#left .box		   { padding: 10px; border: 4px solid #fff; width: 167px; background: #1d1d1d; margin: 0 0 15px 15px; font-weight: bold; }
#left .box h3		   { color: #fff; }
#left .box a		   { float: right; padding: 1px 10px; background: #343434; color: #fff; }
#left .box p		   { margin-bottom: 15px; }
#left .box .normal	   { background: none; color: #fff; padding: 0; display: block; float: left; padding-top: 3px; font-size: 7pt; font-weight: normal; }
#left .box .text	   { width: 140px; background: transparent url('img/text_bg.png') 0 0 repeat-x; padding: 1px; border: 1px solid #383838; }
#left .box .text	   { font: 9pt Arial; color: #ccc; margin-bottom: 10px; }
#left .box .submit	   { float: right; padding: 1px 10px; background: #343434; color: #fff; border: none; font: 9pt Arial; font-weight: bold; }
#left .box .submit:hover   { cursor: pointer; }
#left .vip		   { background: #1d1d1d url('img/vip-card.png') 5px 10px no-repeat; }
#left .vip h3		   { margin-bottom: 155px; }

#left .mod_search	   { margin: 0 0 10px 15px; }
#left .mod_search .text	   { width: 125px; font: 9pt Arial; color: #ccc; padding: 1px; border: 1px solid #383838; margin-bottom: 5px; background: transparent url('img/text_bg.png') 0 0 repeat-x; }
#left .mod_search .submit  { font: 9pt Arial; font-weight: bold; color: #ccc; margin-bottom: 5px; padding: 1px 10px; background: #343434; border: none; }

#main .mod_article     		 { margin: 0 0 0 10px; overflow: visible; }
#main .mod_article .head	 { margin: -100px -10px 20px -10px; }
#main .mod_article p		 { line-height: 20px; margin-bottom: 20px; }
#main .mod_article img		 { border: 6px solid #272727; }
#main .border-bottom		 { border-bottom: 1px solid #575757; padding-bottom: 15px; }
#main .mod_article img		 { border: none; float: right; }

#main .startnews		 { background: transparent url('img/news_bg.png') top center no-repeat; color: #b7b7b7; font-size: 11pt; }
#main .layout_start		 { float: left; width: 210px; height: 325px; padding: 10px; background: #0d0d0d; margin-top: 17px; line-height: normal; }
#main .layout_start.odd		 { margin: 17px 15px 0 15px; }
#main .layout_start p		 { margin: 0; }
#main .layout_start .more	 { float: right; margin-top: 5px; }
#main .layout_start .more a	 { background: #1b1b1b; border: 1px solid #323232; color: #d1d1d1; font-weight: bold; font-size: 10pt; padding: 1px 10px; }
#main .layout_start .more a:hover{ text-decoration: none; background: #666; color: #000; border-color: #666; }
#main .imageBox			 { display: block; position: relative; border: 6px solid #272727; width: 200px; height: 206px; margin-bottom: 10px; }
#main .imageBox .overlay	 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: none; z-index: 3000; background: transparent url('img/overlay.png') 0 0; z-index: 3000; }
#main .imageBox .img		 { position: absolute; top: 0; left: 0; border: none; z-index: 1000; width: 200px; height: 206px; }
#main .imageBox:hover .overlay	 { z-index: 0; }

#main .formbody		  { margin: 20px 0; }
#main .formbody label	  { display: block; float: left; width: 130px; }
#main .formbody br	  { clear: both; }
#main .formbody .text,
#main .formbody .textarea,
#main .formbody .select,
#main .formbody .captcha  { float: left; width: 250px; font: 9pt Arial; color: #ccc; padding: 1px; border: 1px solid #383838; margin: 0 5px 5px 0; background: transparent url('img/text_bg.png') 0 0 repeat-x; }
#main .formbody .select	  { width: 256px; }
#main .formbody .submit	  { font: 9pt Arial; font-weight: bold; color: #fff; margin-bottom: 5px; padding: 1px 10px; background: #343434; border: none; }
#main .submit:hover	  { background: #666; cursor: pointer; }

#main .ce_imageflow img,
#main .ce_image img		 { border: none; }

#main .mod_sitemap li.mode.first { display: none; }
#main .mod_sitemap li.mode	 { background: #a70061; }
#main .mod_sitemap li.genuss	 { background: #fa4200; }
#main .mod_sitemap li.wohnen	 { background: #662b03; }
#main .mod_sitemap li.haus	 { background: #d40035; }
#main .mod_sitemap li.service	 { background: #f68703; }
#main .mod_sitemap li.kontakt	 { background: #46590f; }
#main .mod_sitemap .level_1 li	 { float: left; display: none; margin-right: 1px; width: 105px; padding: 7px; color: #fff; min-height: 300px; }
#main .mod_sitemap .level_1 .submenu { display: block; }
#main .mod_sitemap .level_2 li	 { float: none; display: block; margin: 0; width: auto; padding: 0; min-height: 0; }
#main .mod_sitemap a		 { color: #fff; }
#main .mod_sitemap .level_1 a	 { font-weight: bold; }
#main .mod_sitemap .level_2 a	 { font-weight: normal; }
#main .mod_sitemap ul		 { list-style-type: none; }
#main .mod_sitemap .level_3	 { padding-left: 10px; }

#footer a      { font-weight: bold; line-height: 18px; color: #7d7d7d; font-size: 10pt; }
