/* ======================== */
/* General
/* ======================== */
body              {margin:0; padding:0; font-size:12px; font-family:Arial,Helvetica,sans-serif; background-color:white; color:black; font-weight:normal; background-image:url(/img/immokompass/bg_body.jpg); background-repeat:repeat-x;}

#wrap             {margin:0; padding:0;}
#mainborder       {width:821px; margin:0 10px; padding:0; border:1px solid black;background-color:white;}
#main             {width:801px; margin:10px; padding:0;}
#header           {width:801px; margin-bottom:30px; position:relative;}
.content          {width:801px; margin:0; padding:0; }
.content2cols     {width:336px; float:left; /*border:1px solid blue;*/ }
.content3cols     {width:445px; float:left;}
#footer           {width:801px; font-size:11px; clear:both; padding:27px 20px; text-align:center;}

h1,h2,h3,h4,h5,h6   {margin:0; padding:0;}
h1                  {padding:0 0 3px 0; font-size:20px; font-weight:normal;}
h3                  {font-size:12px; font-weight:bold;}
p                   {margin:0; padding:0;}
img                 {border:none;}

.bold               {font-weight:bold;}
.italic             {font-style:italic;}
.clear              {clear:both;}

.left20px           {padding-left:20px;}
.left               {float:left;}
.right              {float:right;}
.paddleft10         {padding-left:10px;}
.paddleft20         {padding-left:20px;}
.margtop7           {margin-top:7px;}
.margtop10          {margin-top:10px;}
.margtop17          {margin-top:17px;}
.margtop30          {margin-top:30px;}
.margbottom26       {margin-bottom:26px;}
.padbottom26        {padding-bottom:26px;}
.margbottom10       {margin-bottom:10px;}
.center             {text-align:center;}

ul.horizontal       {margin:0; padding:0; list-style-type:none; }
ul.horizontal li    {margin:0; display:block; float:left;}

/* für Opera/Firefox html>body .zbtopplus1 {margin-top:1px;} */

/* ======================== */
/* Header Logo              */
/* ======================== */
#header-logo    { position:absolute; width:148px; height:70px; top:10px; left:0; }
#header-logo a  { display:block; width:148px; height:70px; }
#header-logo h1 { display:none; }

/* ======================== */
/* Header Bilder            */
/* ======================== */
.header_home_01_w      {height:260px; background:url(/img/immokompass/header/home_img_header_01_w.jpg) no-repeat;}
.header_home_01_b      {height:260px; background:url(/img/immokompass/header/home_img_header_01_s.jpg) no-repeat;}

.header_home_02_w      {height:260px; background:url(/img/immokompass/header/home_img_header_02_w.jpg) no-repeat;}
.header_home_02_b      {height:260px; background:url(/img/immokompass/header/home_img_header_02_s.jpg) no-repeat;}

.header_home_03_w      {height:260px; background:url(/img/immokompass/header/home_img_header_03_w.jpg) no-repeat;}
.header_home_03_b      {height:260px; background:url(/img/immokompass/header/home_img_header_03_s.jpg) no-repeat;}

.header_kompass        {height:200px; background:url(/img/immokompass/header/kompass_img_header.jpg) no-repeat;}
.header_bauen          {height:200px; background:url(/img/immokompass/header/bauen_img_header.jpg) no-repeat;}

.header_kompass             {height:200px; background:url(/img/immokompass/header/kompass.jpg) no-repeat; }
.header_bauen               {height:200px; background:url(/img/immokompass/header/bauen.jpg) no-repeat; }
.header_recht               {height:200px; background:url(/img/immokompass/header/recht.jpg) no-repeat; }
.header_investieren         {height:200px; background:url(/img/immokompass/header/investieren.jpg) no-repeat; }
.header_ausland             {height:200px; background:url(/img/immokompass/header/ausland.jpg) no-repeat; }
.header_home                {height:260px; background:url(/img/immokompass/header/home.jpg) no-repeat; }
.header_forum               {height:200px; background:url(/img/immokompass/header/forum.jpg) no-repeat; }
.header_energie             {height:200px; background:url(/img/immokompass/header/energie.jpg) no-repeat; }

/* ======================== */
/* Header/Content fuer Layer */
/* ======================== */
#header-layer          {width:801px; position:absolute; top:0; left:0; z-index:50; display:none;}
#header-layer .text    {width:465px; margin:0 0 0 275px;}
#header-layer .text h1 {margin:0; padding:0; font-size:12px; font-weight:bold;}
#header-layer .text p  {margin-bottom:17px;}

.header_kompass-layer  {height:330px; background:url(/img/immokompass/header/kompass_img_layer.jpg) no-repeat; border-bottom:1px solid #ccc; }


/* ======================== */
/* Subnavi Header */
/* ======================== */
#subnavheader       {width:796px; font-size:11px; text-align:right; padding:7px 4px 0 0; position:absolute; left:0; top:0;}
#subnavheader ul    {padding-left:12px; list-style-type:none; display:block; margin:0; float:right;}
#subnavheader li    {padding-right:6px; margin:0; display:block; float:left;}

#subnavheader ul.dark li, 
#subnavheader ul.dark li a, 
#subnavheader ul.dark li a:hover     {color:black;}

#subnavheader ul.bright li, 
#subnavheader ul.bright li a, 
#subnavheader ul.bright li a:hover   {color:white;}


/* ======================== */
/* Mainnavi Header */
/* ======================== */
#navheader          {width:801px; font-size:12px; background-color:white; height:27px; border-top:1px solid black; border-bottom:1px solid black; position:absolute; left:0; top:90px;}
#navheader ul       {padding:3px 0 0 4px; list-style-type:none; display:block; margin:0;}
#navheader li       {margin:0; padding:3px 3px; display:block; float:left;}
#navheader .active  {padding:3px 3px; font-weight:bold; color:white; background-color:black;}
#navheader .last    {padding:3px 4px 3px 0;}


/* ======================== */
/* Subnavi Content          */
/* ======================== */
.content2cols #subnavcontent       {width:336px;}
.content2cols #subnavcontent li    {width:336px;}

.content3cols #subnavcontent       {width:445px;}
.content3cols #subnavcontent li    {width:445px;}

#subnavcontent ul                 {list-style-type:none; margin:0; padding:0;}
#subnavcontent li                 {padding:0; margin:0; display:block; float:left; border-top:1px solid black;}
#subnavcontent li.last            {border-bottom:1px solid black;}

#subnavcontent li a,
#subnavcontent li a:hover         {display:block; padding:3px 3px 3px 17px; font-weight:bold; font-size:12px; text-decoration:none;}
#subnavcontent li a               {color:black; background:url(/img/immokompass/arrow_black.gif) white no-repeat 3px 0;}
#subnavcontent li a:hover,
#subnavcontent li a.active,
#subnavcontent li a.active:hover {color:white; background:url(/img/immokompass/arrow_white.gif) black no-repeat 3px 0;}


/* ======================== */
/* Header Textarea          */
/* ======================== */
#headertextarea          {position:absolute; left:0; top:146px;}
#headertextarea h1       {margin:7px 0 0 245px; font-size:16px; font-weight:bold;}
#headertextarea .col-I   {float:left; margin:0 10px 0 0; text-align:right; width:468px;}
#headertextarea .col-II  {float:left; margin:37px 10px 0 0; text-align:left;}

.header-dark-bg #headertextarea h1              {color:white;}
.header-dark-bg #headertextarea .col-I          {color:white;}
.header-dark-bg #headertextarea .col-II         {color:white;}
.header-dark-bg #headertextarea .col-II a, 
.header-dark-bg #headertextarea .col-II a:hover {display:block; padding:3px 3px 3px 17px; color:black; font-weight:bold; font-size:12px; background:url(/img/immokompass/arrow_black.gif) white no-repeat 3px 0; text-decoration:none;}

.header-bright-bg #headertextarea h1              {color:black;}
.header-bright-bg #headertextarea .col-I          {color:black;}
.header-bright-bg #headertextarea .col-II         {color:black;}
.header-bright-bg #headertextarea .col-II a, 
.header-bright-bg #headertextarea .col-II a:hover {display:block; padding:3px 3px 3px 17px; color:white; font-weight:bold; font-size:12px; background:url(/img/immokompass/arrow_white.gif) black no-repeat 3px 0; text-decoration:none;}

#headertextarea-right  {position:absolute; left:0; top:127px; width:776px; text-align:right;}
.header-dark-bg #headertextarea-right                 {color:white;}
.header-dark-bg #headertextarea-right a, 
.header-dark-bg #headertextarea-right a:hover         {color:white; font-weight:bold; font-size:12px; text-decoration:underline;}
.header-dark-bg #headertextarea-right a.open, 
.header-dark-bg #headertextarea-right a.open:hover    {padding:3px 3px 3px 17px; background:transparent url(/img/immokompass/arrow_white_open.gif) no-repeat 3px 2px; }
.header-dark-bg #headertextarea-right a.close         {padding:3px 3px 3px 17px; background:transparent url(/img/immokompass/arrow_white_close.gif) no-repeat 3px 0;}

.header-bright-bg #headertextarea-right               {color:black;}
.header-bright-bg #headertextarea-right a, 
.header-bright-bg #headertextarea-right a:hover       {color:black; font-weight:bold; font-size:12px; text-decoration:underline;}
.header-bright-bg #headertextarea-right a.open, 
.header-bright-bg #headertextarea-right a.open:hover  {padding:3px 3px 3px 17px; background:transparent url(/img/immokompass/arrow_black_open.gif) no-repeat 3px 2px;}
.header-bright-bg #headertextarea-right a.close       {padding:3px 3px 3px 17px; background:transparent url(/img/immokompass/arrow_black_close.gif) no-repeat 3px 0;}

/* ================================== */
/* Box Kompass Sidebar (width 306px)  */
/* ================================== */
.box-sidebar-gradient              {width:306px; margin-bottom:20px; background:#FFFFFF url(/img/immokompass/bg_box_sidebar_gradient.gif) no-repeat}
.box-sidebar-top                   {width:306px; font-size:0.1px; height:2px; background:url(/img/immokompass/bg_box_sidebar_top.gif) no-repeat;}
.box-sidebar-innerwrap             {width:306px; background: url(/img/immokompass/bg_box_sidebar_transparent.gif) repeat-y;}
.box-sidebar-bottom                {width:306px; font-size:0.1px; height:14px; background-image:url(/img/immokompass/bg_box_sidebar_bottom.gif); background-repeat:no-repeat;}
.box-sidebar-content               {width:288px; margin:7px 0 0 9px;}
.box-sidebar-content .header       {margin-bottom:10px; text-align:center; border-bottom:1px solid black;}
.box-sidebar-content .img          {display:block; margin:0 0 10px 0; float:left;}
.box-sidebar-content .content      {width:185px; float:left; margin:0 0 13px 10px;}
.box-sidebar-content .navi         {padding-bottom:2px; }
.box-sidebar-content .navi a       {font-size:12px; color:white; background-color:black; padding:2px 10px; margin:0 1px 0 0; font-weight:bold; text-decoration:none; white-space:nowrap;}
.box-sidebar-content .navi a:hover {color:#ccc; padding:2px 10px; font-weight:bold; text-decoration:none;}
.box-sidebar-content .list         {width:313px; padding:0 0 2px 10px;}
.box-sidebar-content .tagcloud     {padding:0 10px; margin:0;text-align:center;}

/* ie */
* html .box-sidebar-content .navi img {padding-left:6px;}

h2.box-sidebar-headerline {width:306px; font-size:12px; font-weight:bold; border-bottom:1px black solid;}


/* ======================== */
/* Box small (width 336px)  */
/* ======================== */
.box-small-gradient              {width:336px; margin-bottom:20px; background:#f1f0f1 url(/img/immokompass/bg_box_small_gradient.gif) no-repeat}
.box-small-top                   {width:336px; font-size:0.1px; height:2px; background:url(/img/immokompass/bg_box_small_top.gif) no-repeat;}
.box-small-innerwrap             {width:336px; background: url(/img/immokompass/bg_box_small_transparent.gif) repeat-y;}
.box-small-bottom                {width:336px; font-size:0.1px; height:14px; background-image:url(/img/immokompass/bg_box_small_bottom.gif); background-repeat:no-repeat;}
.box-small-content               {width:318px; margin:7px 0 0 9px;}
.box-small-content .header       {margin-bottom:10px; text-align:center; border-bottom:1px solid black;}
.box-small-content .img          {display:block; margin:0 0 10px 0; float:left;}
.box-small-content .content      {width:215px; float:left; margin:0 0 13px 10px;}
.box-small-content .navi         {padding-bottom:2px; }
.box-small-content .navi a       {font-size:12px; color:white; background-color:black; padding:2px 10px; margin:0 1px 0 0; font-weight:bold; text-decoration:none; white-space:nowrap;}
.box-small-content .navi a:hover {color:#ccc; padding:2px 10px; font-weight:bold; text-decoration:none;}
.box-small-content .list         {width:313px; padding:0 0 2px 10px;}
.box-small-content .tagcloud     {padding:0 10px; margin:0;text-align:center;}

/* ie */
* html .box-small-content .navi img {padding-left:6px;}

h2.box-small-headerline {width:336px; font-size:12px; font-weight:bold; border-bottom:1px black solid;}



/* ======================== */
/* Box 445 with border */
/* ======================== */
.box445                  {width:445px; margin-bottom:20px; background-image:url(/img/immokompass/bg_box445.gif); background-repeat:repeat-y;}
.box445grey              {width:445px; margin-bottom:20px; background:url(/img/immokompass/bg_box445grey.gif) repeat-y;}
.box445gradient          {width:445px; margin-bottom:20px; background:url(/img/immokompass/bg_box445gradient.gif) #f1f0f1 no-repeat;}
.box445gallerygradient   {width:445px; margin-bottom:1px; background:url(/img/immokompass/bg_box445gradient.gif) #f1f0f1 no-repeat;}
.box445expertadvise           {width:445px; height:150px; clear:both;}
.box445expertadvise .header   {margin-bottom:10px; text-align:center; border-bottom:1px solid black;}
.box445expertadvise .img      {display:block; margin:0 0 10px 0; float:left;}
.box445expertadvise .text     {width:275px; float:left; padding:18px 0 0 10px; margin:0; font-weight:bold; font-size:18px; font-style:italic; color:#999;}


.box445bottom            {width:445px; font-size:0.1px; height:20px; background-image:url(/img/immokompass/bg_box445_bottom.gif); background-repeat:no-repeat;}
.box445greybottom        {width:445px; font-size:0.1px; height:20px; background-image:url(/img/immokompass/bg_box445grey_bottom.gif); background-repeat:no-repeat;}
.box445greybottomshort   {width:445px; font-size:0.1px; height:10px; background:url(/img/immokompass/bg_box445grey_bottomshort.gif) no-repeat;}
.box445gradientbottom    {width:445px; font-size:2px; height:2px; line-height:2px; background:url(/img/immokompass/bg_gradient_bottom.gif) no-repeat;}
.box445content           {clear:both; width:405px; padding:10px 0 0 20px;}
.box445gradientcontent   {width:445px; padding-bottom:20px; background:url(/img/immokompass/bg_box445transparent.gif) repeat-y;}
.box445contentfull       {clear:both; width:445px; padding:10px 0 0 0;}
.box445contentblock      {clear:both; width:405px; padding:0 0 0 20px;}
.box445detail            {margin:-1px 0 2px 0;}
h2.box445headerline      {width:445px; font-size:12px; font-weight:bold; border-bottom:1px black solid;}

div.box445contentWrapper {clear:both; width:405px; padding:0;}
.box445contentWrapper p {clear:both; padding:10px 0 0 20px;}

/* ======================== */
/* Teaser Image/Text */
/* ======================== */
.teaser445                   {width:445px; margin-bottom:26px;}
.teaser-small                {width:336px; margin-bottom:20px;}
.teaser445img                {width:146px; position:relative; float:left;}
.teaser445nav                {position:absolute; padding-left:136px;}
.teaser445zoom               {position:absolute; top:95px; left:130px;}
h2.teaser445navtext          {background-color:black;color:white;padding:1px 20px;margin:0;font-size:11px;font-weight:normal;white-space:nowrap;}
h2.teaser445navtext a, 
h2.teaser445navtext a:hover  {white-space:nowrap; font-size:11px; color:white; text-decoration:none;}

/* fuer artikelserien "line of goods" */
h2.teaser445navtext-log          {background-color:#efeff0;color:black;padding:1px 20px;margin:0;font-size:11px;font-weight:normal;}
h2.teaser445navtext-log a, 
h2.teaser445navtext-log a:hover  {white-space:nowrap; font-size:11px; color:black; text-decoration:none;}

.teaser445text      {width:269px; padding:20px 20px 0 10px;float:left;} /* ??? */

/* teaser header fuer artikelserie */
.teaser445-log-header {background-color:#efeff0; color:black; padding:1px 10px; margin:0 0 10px 0; font-size:11px; font-weight:normal;}

/* ======================== */
/* Teaser Bildergalerie */
/* ======================== */
h2.navtextbox       {width:60px;font-size:11px;font-weight:normal;background-color:black;padding:1px 10px;margin:0;}
h1.headergalerie    {padding:3px 0 6px 0;}


/* ======================== */
/* Header mit Linie unten   */
/* ======================== */
.content3cols .hl-full                {width:445px; margin:0; padding:0; border-bottom:1px solid black; font-size:12px; font-weight:bold;}
.content3cols .box445detail .hl-full  {width:405px; margin:0; padding:0; border-bottom:1px solid black; font-size:12px; font-weight:bold;}
.content2cols .hl-full                {width:336px; margin:0; padding:0; border-bottom:1px solid black; font-size:12px; font-weight:bold;}


/* ======================== */
/* Box Anzeige */
/* ======================== */
.boxanzeige         {margin-bottom:20px;}
/* ie */
* html .boxanzeige  {margin-bottom:17px;}
.anzeige            {font-size:11px; margin-bottom:2px;}


/* ======================== */
/* Trennlinie */
/* ======================== */
.line               {margin-bottom:20px;border:0px;border-top:solid 1px #7f7f7f;}
.linearticle        {font-size:0.01em;width:405px;height:1px;margin:1px 20px 8px 20px;padding:0;border:0px;border-top:1px solid black;}


/* ======================== */
/* Teaser Themenspalten ganz unten auf Home */
/* ======================== */
.teaser765          {width:801px; padding-bottom:7px;}
.themen             {width:152px; float:left;}
h2.themenbox        {width:125px; background-color:black; padding:1px 10px; margin:0 0 4px 0; font-size:11px; font-weight:normal;}
.thementext         {padding:0 0 2px 15px}


/* ======================== */
/* Links*/
/* ======================== */
a			        {color:black; font-size:12px; font-weight:normal; text-decoration:none;}
a:hover	            {color:black; font-size:12px; font-weight:normal; text-decoration:none;}

a.highlight,
a.highlight:hover   {text-decoration:underline;}

a.bold              {font-weight:bold;}
a.bold:hover        {font-weight:bold;}

a.white11           {color:white; font-size:11px;}
a.white11:hover     {color:white; font-size:11px;}

/* TagLinks */
a.tags              {text-decoration:none; padding-left:5px;}
a.tags:hover        {text-decoration:underline; padding-left:5px;}
a.font1             {font-size:10px;}
a.font1:hover       {font-size:10px;}
a.font2             {font-size:12px;}
a.font2:hover       {font-size:12px;}
a.font3             {font-size:16px;}
a.font3:hover       {font-size:16px;}

a.h1                {font-size:20px; font-weight:normal;}
a.h1:hover          {font-size:20px; font-weight:normal; text-decoration: underline; }

a.h3                {font-size:12px; font-weight:bold;}
a.h3:hover          {font-size:12px; font-weight:bold; text-decoration: underline; }

a:hover             {text-decoration: underline; }

/* evtl. white-space: nowrap; */
a.teaserlink        {display:block;padding-top:3px;font-size:12px;background-image:url(/img/immokompass/arrow_black.gif); background-repeat:no-repeat;padding-left:15px;text-decoration:underline;}
a.teaserlink:hover  {color:#666; text-decoration:underline;}

a.boxlink-b,
a.boxlink-b:hover   {display:block; padding:3px 3px 3px 17px; color:black; font-weight:bold; font-size:12px; background:url(/img/immokompass/arrow_black.gif) white no-repeat 3px 0; text-decoration:none;}

a.boxlink-w,
a.boxlink-w:hover   {display:block; padding:3px 3px 3px 17px; color:white; font-weight:bold; font-size:12px; background:url(/img/immokompass/arrow_white.gif) black no-repeat 3px 0; text-decoration:none;}

a.teaserlink-w        {display:block;padding-top:3px;font-size:12px;background-image:url(/img/immokompass/arrow_white.gif); background-repeat:no-repeat;padding-left:15px;text-decoration:underline;}
a.teaserlink-w:hover  {color:#666; text-decoration:underline;}

/* Artikel lesen */
a.boldread          {background-image:url(/img/immokompass/arrow_read.gif); font-weight:bold;padding-left:12px;}
a.boldread:hover    {font-weight:bold;}

/* Anker mit oeffnen / schliessen status */
a.open,
a.open:hover        {background:url(/img/immokompass/arrow_read.gif) 0 -3px no-repeat; font-weight:bold; padding-left:12px;}
a.close,
a.close:hover       {background:url(/img/immokompass/arrow_close.gif) 0 -3px no-repeat; font-weight:bold; padding-left:12px;}

/* SpecialLinkReiter in Boxes */
a.box300navilink    {font-size:12px; color:white; background-color:black; padding:2px 6px; margin:0 1px 0 0; font-weight:bold; text-decoration:none; white-space:nowrap;}
a.box300navilink:hover	{color:#ccc; padding:2px 6px; font-weight:bold; text-decoration:none;}


a img	                {border:none;}

#subnavheader a         {font-size:11px; padding-left:6px; margin:0; text-decoration:none;}
#subnavheader a:hover	{text-decoration:underline;}

#navheader a            {font-size:12px; padding:3px 4px; margin:0; font-weight:bold; text-decoration:none;}
#navheader a:hover      {text-decoration:none; color:white; background-color:black;}

#footer a               {font-size:11px; text-decoration:none;}
#footer a:hover	        {font-size:11px; text-decoration:underline;}


/* ======================== */
/* Artikel                  */
/* ======================== */
.article h1         {margin:0 0 7px 0; padding:0;}
.article h2.teaser  {margin:0 0 20px 0; font-size:12px; font-weight:bold;}
.article p          {margin:0 0 27px 0;}


/* ======================== */
/* Artikel footer           */
/* ======================== */
.articlefootercol-I  {width:360px; float:left; text-align:center;}
.articlefootercol-II {width:45px; float:left; text-align:right;}

/* ======================== */
/* Expertenrat footer           */
/* ======================== */
.ea-articlefootercol-I  {width:400px; float:left; text-align:center;}
.ea-articlefootercol-II {width:45px; float:left; text-align:right;}


/* ======================== */
/* Artikel Diskussion Forum */
/* ======================== */
.box445 .forum-image           {float:left; width:25px;}
.box445 .forum-text            {float:left; width:380px;}
.box445 .forum-text a          {font-weight:bold; text-decoration:underline;}
.box445 .forum-text .last-post {color:#999;}


/* ======================== */
/* Artikel Kommentar        */
/* ======================== */
.cheadercol-I                  {float:left; width:200px;}
.cheadercol-II                 {float:left; width:205px; text-align:right;}
.cheadercol-II a,
.cheadercol-II a:hover         {font-size:11px; font-weight:normal;}
.cheadercol-II a.open,
.cheadercol-II a.open:hover,
.cheadercol-II a.close,
.cheadercol-II a.close:hover   {display:inline;}
.citem                         {width:405px; padding:0 0 0 20px;}
.citem .datetime a.teaserlink  {font-weight:normal; padding:3px 0 0 12px; background:url(/img/immokompass/arrow_read.gif) no-repeat; color:#999; text-decoration:underline;}
.citem .datetime a.close       {font-weight:normal; padding:3px 0 0 12px; background:url(/img/immokompass/arrow_close.gif) no-repeat;}
.citem .subject a              {font-weight:bold; text-decoration:underline;}
.csendstate                    {padding:6px; margin-top:10px; color:white; background-color:#990000; font-size:12px;}

/* ======================== */
/* Expertenrat Kommentar    */
/* ======================== */
.eacitem                         {width:445px; padding:0;}
.eacitem p                       {margin:0; padding:0;}
.eacitem .datetime a.teaserlink  {font-weight:normal; padding:3px 0 0 12px; margin:0; background:url(/img/immokompass/arrow_read.gif) no-repeat; color:#999; text-decoration:underline;}
.eacitem .datetime a.close       {font-weight:normal; padding:3px 0 0 12px; margin:0; background:url(/img/immokompass/arrow_close.gif) no-repeat;}
.eacitem .subject a              {font-weight:bold; text-decoration:underline;}
.eacsendstate                    {padding:6px; margin-top:10px; color:white; background-color:#990000; font-size:12px;}


/* ======================== */
/* Aehnliche Artikel        */
/* ======================== */
.relatedarticle            {padding:0 0 4px 20px;}
.relatedarticle .col-I     {float:left; width:60px;}
.relatedarticle .col-II    {float:left; width:355px;}
.relatedarticle .col-II a  {font-weight:normal; text-decoration:none;}


/* ======================== */
/* Ads (Werbeflaechen)      */
/* ======================== */
#header-ad       {width:728px; height:90px; padding:0 0 0 58px; margin-bottom:10px; z-index:1000;}
#ad_leaderboard
{
	height: 87px;
	width: 837px;
	margin-bottom: 5px;
	position: relative;
	text-align: center; 
	/* Zentrierung wieder rausgenommen wg. der Werbung EMS SkyScraper
	margin-left: auto; 
	margin-right: auto;
	*/
}

#ad_contentad, #ad_textad {
	text-align: center;
}

#ad_skyscraper   {width:160px; height:600px; position:absolute; left:843px; top:100px; z-index:1000;}
#ad_skyscraper2  {width:160px; height:600px; position:absolute; left:843px; top:715px; z-index:1000;}

.content2cols .box-content-ad                 {width:336px; text-align:center;}
.content2cols .box-content-ad .content-ad     {width:318px; margin-left:18px; text-align:left;}
.content3cols .box-content-ad                 {width:445px; padding:20px 0 10px 0; text-align:left;}
.content3cols .box-content-ad .content-ad     {width:336px; margin-left:72px; text-align:left;}

.content2cols .box-halfpage-ad                {position:relative; padding-bottom:610px; margin-bottom:26px;} /* padding margin combi bcause of opera */
.content2cols .box-halfpage-ad .halfpage-ad   {position:absolute; width:336px; height:600px; z-index:5;}
.content3cols .box-halfpage-ad                {width:445px; padding:0 0 20px 0; text-align:left;}
.content3cols .box-halfpage-ad .halfpage-ad   {width:445px;}

.content2cols .box-promoarea-ad                   {width:336px; text-align:left;}
.content2cols .box-promoarea-ad .promoarea-ad     {width:120px; margin-left:108px; text-align:left;}
.content3cols .box-promoarea-ad                   {width:445px; padding:20px 0 10px 0; text-align:left;}
.content3cols .box-promoarea-ad .promoarea-ad     {width:120px; margin-left:162px; text-align:left;}

span.ad {display:block; margin:0 0 3px 0; font-size:11px; text-transform:uppercase;}

.content .box-sponsoredby-ad         {width:801px; text-align:right; height:28px; margin-bottom:10px;}
.content2cols .box-sponsoredby-ad    {width:336px; text-align:right;}
.content3cols .box-sponsoredby-ad    {width:445px; text-align:right;}

.box-sponsoredby-ad span               {display:block; float:left; font-size:11px; margin:14px 5px 0 0;}
.box-sponsoredby-ad a                  {display:block; width:113px; float:left;}
.content .box-sponsoredby-ad span      {width:681px;}
.content2cols .box-sponsoredby-ad span {width:182px;}
.content3cols .box-sponsoredby-ad span {width:327px;}

.content3cols .box-contenttext-ad                     {width:445px; padding:20px 0 10px 0; text-align:left;}
.content3cols .box-contenttext-ad .contenttext-ad     {width:445px; text-align:left;}
.content3cols .contenttext-ad .img                    {float:left; width:146px; margin-right:10px;}
.content3cols .contenttext-ad .text                   {float:left; width:280px;}
.content3cols .contenttext-ad .text span.ad           {margin-bottom:10px;}


body#video-popup #content .box-sponsoredby-ad      {width:320px; text-align:right; height:28px; margin-bottom:5px;}
body#video-popup #content .box-sponsoredby-ad span {width:202px;}


/* ======================== */
/* Formular allgemein       */
/* ======================== */
form         {padding:0; margin:0;}
form .input  {border:1px solid #a5acb2;}
fieldset     {margin:0; padding:0; border:none;}
label        {display:block; font-size:11px;}
form .button {font-family:arial, helvetica, sans-serif; font-weight:bold; background:#000 url(/img/immokompass/arrow_white_for_button.gif) no-repeat scroll left center; border:none; color:#fff; padding:0 0 1px 17px; margin:0;}

/* Kommentar Formular */
.boxcomments                   {margin:0 20px; padding:0;}
.boxcomments .boxname          {float:left; width:187px; padding-top:8px;}
.boxcomments .boxname input    {width:171px;}
.boxcomments .boxemail         {float:left; width:213px; padding-top:8px;}
.boxcomments .boxemail input   {width:211px;}
.boxcomments .boxsub           {clear:both; padding-top:10px;}
.boxcomments .boxsub input     {width:398px;}
.boxcomments .boxcom           {padding-top:10px;}
.boxcomments .boxcom textarea  {width:398px;}
.boxcomments .boxsend          {width:402px; padding-top:10px; text-align:right;}
.boxcomments .boxsend .button  {width:98px;}

/* Expertenrat Kommentar Formular */
.boxeacomments                   {margin:0; padding:0;}
.boxeacomments .boxname          {float:left; width:207px; padding-top:8px;}
.boxeacomments .boxname input    {width:191px;}
.boxeacomments .boxemail         {float:left; width:233px; padding-top:8px;}
.boxeacomments .boxemail input   {width:231px;}
.boxeacomments .boxsub           {clear:both; padding-top:10px;}
.boxeacomments .boxsub input     {width:438px;}
.boxeacomments .boxcom           {padding-top:10px;}
.boxeacomments .boxcom textarea  {width:438px;}
.boxeacomments .boxsend          {width:443px; padding-top:10px; text-align:right;}
.boxeacomments .boxsend .button  {width:98px;}


/* ======================== */
/* Diverse Ausrichtungen    */
/* ======================== */
/* align horizontal:right, vetical:misc */
.align_rt  {text-align:right; vertical-align:top;}
.align_rm  {text-align:right; vertical-align:middle;}
.align_rb  {text-align:right;vertical-align:bottom;}
/* align horizontal:center, vetical:misc */
.align_ct  {text-align:center;vertical-align:top;}
.align_cm  {text-align:center;vertical-align:middle;}
.align_cb  {text-align:center;vertical-align:bottom;}
/* align horizontal:left, vetical:misc */
.align_lt  {text-align:left;vertical-align:top;}
.align_lm  {text-align:left;vertical-align:middle;}
.align_lb  {text-align:left;vertical-align:bottom;}


/* ======================== */
/* Bildergalerie            */
/* ======================== */
#box445contentgallery  {width:424px; padding:20px 0 0 10px;}
#galleryimgprev        {width:26px; margin:175px 0 0 0; float:left;}
#boxgalleryimg         {width:370px; margin:0; float:left;}
#galleryimgdescr       {font-size:11px; width:370px; margin:4px 0 0 0;}
#galleryimgnext        {width:26px; margin:175px 0 0 0; float:left; text-align:right;}

#box445contentgalleryslider  {width:424px; padding:0 0 0 10px;}
#galleryimgprevslider        {width:16px; margin:38px 0 0 0; padding-right:10px; float:left; text-align:right;}
#boxgalleryimgsliderwrap     {width:370px; height:89px; margin:0; float:left; /*clip:rect(0 370px 82px 0);*/ overflow:hidden; position:relative; z-index:50;}
#boxgalleryimgslider         {width:5000px; height:89px; margin:0; position:absolute; top:0px; left:0px; z-index:2;}
#galleryimgnextslider        {width:21px; margin:38px 0 0 0; padding-left:5px; float:left; text-align:left;}

ul.gallerylist                  {margin:0 0 20px 0; padding:0; list-style-type:none;}
ul.gallerylist li               {float:left; margin-right:11px; text-align:center; vertical-align:middle;}
ul.gallerylist li.last          {margin-right:0;}
ul.gallerylist gallerydetail    {display:none;}

.content3cols ul.gallerylist-full                  {margin:0 0 20px 0; padding:0; list-style-type:none;}
.content3cols ul.gallerylist-full li               {float:left; /*margin-right:2px;*/ margin-right:11px; text-align:center; vertical-align:middle;}
.content3cols ul.gallerylist-full li.last          {margin-right:0;}
.content3cols ul.gallerylist-full gallerydetail    {display:none;}

ul#galleryslider                {margin:10px 0 20px 0; padding:0; list-style-type:none; }
ul#galleryslider li             {float:left; /*margin-right:13px;*/ margin-right:16px; text-align:center; vertical-align:middle;}
ul#galleryslider li img         {border:3px #f0f1f0 solid;}
ul#galleryslider li.last        {margin-right:0;}
ul#galleryslider li img.active  {border:3px black solid;}

#gallerypopuplayer             {position:absolute; width:243px; z-index:100;}
.gallerypopuptext              {display:none;}
.box-popuplayer                {width:243px; margin-bottom:20px; background:url(/img/immokompass/bg_box236.gif) repeat-y;}
.box-popuplayer-top            {width:243px; font-size:1px; height:1px; line-height:1px; background:url(/img/immokompass/bg_box236_top.gif) no-repeat;}
.box-popuplayer-content        {width:223px; font-size:11px; padding:10px 0 0 10px;}
.box-popuplayer-bottom         {width:243px; font-size:0.1px; height:20px; background:url(/img/immokompass/bg_box236_bottom.gif) no-repeat;}
.box-popuplayer-content .image {width:84px; text-align:left; float:left; margin:0;}
.box-popuplayer-content .text  {width:139px; float:left; margin:0; padding:0;}
.box-popuplayer-content .image-r {width:84px; text-align:left; float:left; margin:0;}
.box-popuplayer-content .text-r  {width:139px; float:left; margin:0; padding:0;}


/* ======================== */
/* Immobilienkompass        */
/* ======================== */
#immokompass-form                        {margin-bottom:2px;}
#immokompass-improve-view box445content  {background-color:transparent;}
#immokompass-improve-view a, 
#immokompass-improve-view a:hover        {text-decoration:underline; margin-right:7px;}
#immokompass-usercommentslist .col-I     {float:left; margin:0 4px 2px 0; color:#999;}
#immokompass-usercommentslist .col-II    {float:left; margin:0 0 2px 0;}


/* ======================== */
/* Reiternavigation         */
/* ======================== */
.content2cols .box-tabbed-nav-outer {width:336px; border-bottom:1px solid black;}
.content3cols .box-tabbed-nav-outer {width:445px; border-bottom:1px solid black;}
.box-tabbed-nav                     {position:relative; clear:both;}
.box-tabbed-nav ul                  {margin:0; padding:0; position:absolute; top:0px; left:0px; bottom:-1px;}
.box-tabbed-nav ul li               {display:inline; list-style:none;}
.box-tabbed-nav ul li a,
.box-tabbed-nav ul li a.current,
.box-tabbed-nav ul li a.last             {display:block; float:left; padding:3px 5px; margin:0; text-align:left; font-family:arial,helvetica,sans-serif; font-size:11px; text-decoration:none; color:white;}
.box-tabbed-nav ul li a:hover,
.box-tabbed-nav ul li a.current,
.box-tabbed-nav ul li a.current:hover    {padding-bottom:4px; margin-top:0;}
.box-tabbed-nav ul li a.current, 
.box-tabbed-nav ul li a.current:hover    {background:white; color:black; font-weight:bold; border-top:1px solid black; border-right:1px solid black; border-bottom:none; border-left:1px solid black;}
.box-tabbed-nav ul li a                  {background:black; color:white; border-right:1px black solid; border-bottom:1px white solid; border-left:1px white solid;}
.box-tabbed-nav ul li a:hover            {color:white; font-size: 11px; margin-top:0; padding-bottom:4px;}
.box-tabbed-nav ul li a.before-current   {border-right:1px solid white;}
.box-tabbed-nav ul li.last a.last        {border-right:none;}
.box-tabbed-nav ul li.last a.current     {border-right:1px black solid;}

/* Reiternavigation Immobilienkompass Details über Region/Stadt */
#tabbed-nav-location-outer          {height:35px;} /* ??? */
.box-tabbed-nav ul.immokompasslist li.first a {width:109px;}
.box-tabbed-nav ul.immokompasslist li a       {width:60px;}

/* Reiternavigation Expertenrat */
#tabbed-nav-expertadvise-outer           {margin-bottom:20px;}
.box-tabbed-nav                          {height:21px;}
.box-tabbed-nav ul.expertadviselist li a {width:125px; text-align:center;}


/* ======================== */
/* Pager                    */
/* ======================== */
.content2cols .pager {width:331px; margin:30px 0 10px 0; text-align:center;}
.content3cols .pager {width:440px; margin:30px 0 10px 0; text-align:center;}
.content3cols .box445detail .pager {width:405px; margin:30px 0 10px 20px;}


/* Immobilienkompass Details Box */
.box-location-data                {width:331px; padding:7px 0 20px 5px;}
.box-location-data .teaser-small  {width:331px;}
.box-location-data h1             {margin:0; padding:0 0 10px 0; font-size:12px; font-weight:bold;}

/* ======================== */
/* Video Player Vorschau    */
/* ======================== */
.teaser445 .box-media-file     {float:left; width:145px; margin-right:10px;}
.teaser445 .box-media-text     {float:left; width:280px;}
.video_swf_player_bar          {width:145px; height:20px; background:url(/images/immokompass/video_player_bg.gif) no-repeat;}
.video_swf_player_bar .play    {width:127px; height:20px; float:left; background:transparent url(/images/immokompass/video_player_but_play.gif) 1px 3px no-repeat;}
.video_swf_player_bar .zoom    {width:18px; height:20px; float:left; background:transparent url(/images/immokompass/video_player_but_zoom.gif) 0px 3px no-repeat;}
.video_swf_player_bar .play a, 
.video_swf_player_bar .play a:hover,
.video_swf_player_bar .zoom a, 
.video_swf_player_bar .zoom a:hover {display:block; padding-top:4px; font-size:9px; color:#666;}
.video_swf_player_bar .play a, 
.video_swf_player_bar .play a:hover {padding-left:20px; width:107px;}
.video_swf_player_bar .zoom a, 
.video_swf_player_bar .zoom a:hover {width:18px;}


/* ======================== */
/* Video Popup              */
/* ======================== */
body#video-popup                 {margin:0; padding:0; font-size:12px; font-family:Arial,Helvetica,sans-serif; background-color:white; color:black; font-weight:normal; background:none;}
body#video-popup h1              {padding-bottom:10px; margin:0; font-size:15px; font-weight:bold;}
body#video-popup #header         {padding:20px 20px 10px 20px; margin:0; border-bottom: 1px solid black;}
body#video-popup #logo           {float:left; width:200px;}
body#video-popup #close          {float:left; width:120px; text-align: right;}
body#video-popup #close a,
body#video-popup #close a:hover  {color:#999; background:transparent url(/img/immokompass/x.gif) no-repeat scroll right center; padding-right:13px; text-decoration:none;}
body#video-popup #content        {padding:10px 20px 0 20px; margin:0;}


/* ======================== */
/* Image Popup              */
/* ======================== */
body#image-popup                 {margin:0; padding:0; font-size:12px; font-family:Arial,Helvetica,sans-serif; background-color:white; color:black; font-weight:normal; background:none;}
body#image-popup h1              {padding-bottom:10px; margin:0; font-size:15px; font-weight:bold;}
body#image-popup #header         {padding:20px 20px 10px 20px; margin:0; border-bottom: 1px solid black;}
body#image-popup #logo           {width:280px; float:left;}
body#image-popup #close          {width:120px; float:left; text-align: right;}
body#image-popup #close a,
body#image-popup #close a:hover  {color:#999; background:transparent url(/img/immokompass/x.gif) no-repeat scroll right center; padding-right:13px; text-decoration:none;}
body#image-popup #content        {padding:10px 20px 0 20px; margin:0;}

/* ======================== */
/* Weiterempfehlen Popup    */
/* ======================== */
body#recommend-popup                 {margin:0; padding:0; font-size:12px; font-family:Arial,Helvetica,sans-serif; background-color:white; color:black; font-weight:normal; background:none;}
body#recommend-popup h1              {padding-bottom:10px; margin:0; font-size:15px; font-weight:bold;}
body#recommend-popup #header         {padding:20px 20px 10px 20px; margin:0; border-bottom: 1px solid black;}
body#recommend-popup #logo           {width:326px; float:left;}
body#recommend-popup #close          {width:120px; float:left; text-align:right;}
body#recommend-popup #close a,
body#recommend-popup #close a:hover  {color:#999; background:transparent url(/img/immokompass/x.gif) no-repeat scroll right center; padding-right:13px; text-decoration:none;}
body#recommend-popup #content        {padding:10px 60px 0 20px; margin:0;}


body#recommend-popup .boxname          {width:195px; float:left; padding:8px 10px 0 0;}
body#recommend-popup .boxname input    {width:195px;}
body#recommend-popup .boxemail         {width:195px; float:left; padding-top:8px;}
body#recommend-popup .boxemail input   {width:195px;}
body#recommend-popup .boxmsg           {padding-top:10px;}
body#recommend-popup .boxmsg textarea  {width:400px; height:120px;}
body#recommend-popup .infotext         {font-size:10px; margin:20px 0;}
body#recommend-popup .boxsend          {width:400px; padding-top:10px; text-align:right;}
body#recommend-popup .boxsend .button  {width:98px;}

#breadcrumb { padding: 0 0 10px 0 }


/* CSS Anpassungen fuer die Immo-Kompass-Applikation */
iframe#iframe_ad_leaderboard {
  width: 1040px;
  height: 95px;
  text-align: center;
  background-image:url(/img/immokompass/bg_body.jpg); 
  background-repeat:repeat-x;
}

iframe#iframe_ad_skyscraper {
  position:absolute; 
  left:843px; 
  top:95px;
  width:200px; 
  height:600px;
}

iframe#iframe_ad_skyscraper2 {
  position:absolute; 
  left:843px; 
  top:715px;
  width:200px; 
  height:600px;
  /* background-color: pink; */
}

iframe#iframe_ad_contentad, iframe#iframe_ad_contentad_down {
  width: 300px;
  height: 280px;
}

iframe#iframe_ad_contentad2 {
  width: 426px;
  height: 150px;
}


div#ivwimg, img#btpx{
  position:absolute;
}

/* Bildergalerie */
h2.photoshow { MARGIN-TOP: 20px; FONT-SIZE: 14px; MARGIN-LEFT: 20px; }

/* Kommentare zu Artikeln */
h1.artikelhead a {
	font-size: 20px;
}

div.who {
	margin-top:16px;
}

div.subj {
	font-weight:bold;
}

div.input_name input, div.input_email input, div.input_betreff input {
	width:80%;
}

div.artikelRahmen { background-color:#FAFAFA; padding:6px; margin:6px; margin-left:20px; border:1px solid black; }

div#weitere { WIDTH: 100%; POSITION: relative; HEIGHT: auto; }

div.investorkennung {
	display:block;
	width:54px;
	height:16px;
	background:url(http://www.capital.de/img/investor.gif) no-repeat center #988b34;
	overflow:hidden;
	float:right;
	margin-left:8px;
	margin-top:-20px;
}
div.investorkennung span {
	display:none;
}

/* FAQ-Block */
ol.faq {
	margin-top:1em;
	padding-top:1em;
	border-top:1px dotted #ccc;
}

ol.faq a {
	color:#900;
	font-weight:bold;
}

/* Abschnittstyp Tabelle */
table.StandardTabelle {
	width:100%;
	border-collapse:collapse;
	margin:1em 0 1em 1em;
}
table.StandardTabelle p {
	margin:0; padding:0;
}
table.StandardTabelle th {
	text-align:left;
	padding:3px;
	background-color:#000;
	color:#fff;
	font-weight:bold;
}
table.StandardTabelle td {
	padding:5px 3px;
	border-bottom:1px dotted #999;
}