/**
 * Capital - Immobilienkompass
 *
 * Skeleton/Pageframe styles of immokompass
 *
 * TOC:
 * ----
 * - @section general
 * - @section header_logo
 * - @section header_images
 * - @section header_subnavigation
 * - @section header_main_navigation
 * - @section header_layer
 * - @section header_text_area
 * - @section footer
 * - @section ads
 * - @section capital header
 *
 * @link       http://www.capital-immobilien.de/
 * @package    immokompass
 * @version    0.2
 *
 * Encodingtest: äöüß
 */


/**
 * #############################################################################
 * @section 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(http://www.immobilien-kompass.de/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:20px; position:relative;}
#footer           {width:801px; font-size:11px; clear:both; padding:27px 20px; text-align:center;}


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

/**
 * #############################################################################
 * @section 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; }


/**
 * #############################################################################
 * @section header_images
 */
.header_home_01_w      {height:260px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/home_img_header_01_w.jpg) no-repeat;}
.header_home_01_b      {height:260px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/home_img_header_01_s.jpg) no-repeat;}

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

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

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

.header_kompass             {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_bauen               {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_recht               {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_investieren         {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_ausland             {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_home                {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_forum               {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }
.header_energie             {height:100px; background:url(http://www.immobilien-kompass.de/img/immokompass/header/ftd_image_header.jpg) no-repeat; }


/**
 * #############################################################################
 * @section header_subnavigation
 */
#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;}

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


/**
 * #############################################################################
 * @section header_main_navigation
 */
#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:64px;
}
#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;}
#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;}


/**
 * #############################################################################
 * @section header_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(http://www.immobilien-kompass.de/img/immokompass/header/kompass_img_layer.jpg) no-repeat; border-bottom:1px solid #ccc; }


/**
 * #############################################################################
 * @section header_text_area
 */
#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(http://www.immobilien-kompass.de/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(http://www.immobilien-kompass.de/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(http://www.immobilien-kompass.de/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(http://www.immobilien-kompass.de/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(http://www.immobilien-kompass.de/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(http://www.immobilien-kompass.de/img/immokompass/arrow_black_close.gif) no-repeat 3px 0;}


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


/**
 * #############################################################################
 * @section ads
 */
iframe#iframe_ad_leaderboard    {width:1040px; height:95px; text-align:center; background-image:url(http://www.immobilien-kompass.de/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:300px;}
iframe#iframe_ad_contentad2     {width:250px; height:300px;}
div#ivwimg,
img#btpx                        {position:absolute;}


/* ======================== */
/* 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 img	                {border:none;}



/**
 * #############################################################################
 * @section capital header
 */

div#mainNav ul, div#mainNav li, div#topNav ul, div#topNav li, div#subNav li, div#subSubNav ul, div#subSubNav li
{
	margin: 0;
	padding: 0;
}

div#subNav ul {
	margin: 0 0 5px 0;
	padding: 0;
}

div#subSubNav ul {
/*	background: url(/img/bg_header.gif) center repeat-x #fff; */
	background-color:#f5f5f5;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	margin-bottom:1em;
}

div#subSubNav ul li a {
	padding-right:5px;
	color:#555;
}

/* div#master { background: url(/img/bg_header.gif) repeat-x #fff;  } */


div#seite {
	width: 841px;
}

div#seitewide {
	width: 991px;
}


div#seite, div#seitewide
{
/*	background:url("/img/bg_header.gif") repeat-x scroll 0 0 #FFFFFF; */
	padding-top:10px;
	text-align:left;
}

div#capheader, div#content, div#headerwide, div#contentwide, div#footer { padding: 0 0 0 15px; }

/* Header mit Background */
#capheader, #headerwide
{
	position: relative;
	height: auto;
	font-size: 10px;
}

#capheader ul, #headerwide ul { list-style-type: none; }
#capheader li, #headerwide li { display: inline; }
#capheader a, #headerwide a { color: #000; font: 12px Verdana,arial,sans-serif; }
#capheader a.hi, #headerwide a.hi { color: #8A0A12; }
#capheader a.aktiv, #headerwide a.aktiv { font-weight: bold; }
div#logo { position: relative; }

#capheader div#topNav a, #capheader div#mainNav a,
#headerwide div#topNav a, #headerwide div#mainNav a
	{ color: #505050; }

#capheader div#topNav a.hi, #capheader div#mainNav a.hi,
#headerwide div#topNav a.hi, #headerwide div#mainNav a.hi
	{ color: #8A0A12; }

#capheader div#topNav a.aktiv, #capheader div#mainNav a.aktiv,
#headerwide div#topNav a.aktiv, #headerwide div#mainNav a.aktiv
	{ color: #000; }

#capheader div#topNav a:hover, #capheader div#mainNav a:hover     {text-decoration:underline;}


div#logo #ausgabe
{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	left:0;
	position:absolute;
	text-align:right;
	top:62px;
	width:170px;
}

div#capheader div#rubrik
{
	width: 609px;
}

div#headerwide div#rubrik
{
	width: 689px;
}

div#capheader div#rubrik, div#headerwide div#rubrik
{
	color:#919795;
	left:217px;
	position:absolute;
	text-align:right;
	top:23px;
}

div#rubrik h1
{
	color:#919795;
	font-size:47px;
	font-weight:normal;
}

div#headerwide div#topNav
{
	width: 689px;
}

div#capheader div#topNav
{
	width: 609px;
}

div#capheader div#topNav, div#headerwide div#topNav {
	position: absolute;
	top: 0;
	left: 217px;
	text-align: right;
}
div#capheader div#topNav a, div#headerwide div#topNav a{
	font-size:10px;
}

div#topNav li { margin-left: 5px; }

div#loginInfo
{
	position: absolute;
	top: 17px;
	left: 217px;
	width: 609px;
	text-align: right;
}

div#loginInfo .username
{
	font-weight: bold;
	color: #8A0A12;
}

div#mainNav
{
	border-bottom: none;
	font-size:12px;
	overflow:hidden;
	padding:10px 0 16px;
}

div#mainNav ul { white-space:nowrap; }
div#mainNav li { margin-right: 10px; }
div#subNav, div#subSubNav { padding-top: 1px; }
div#subNav li, div#subSubNav li { margin-right: 12px; }
div#capheader li.last, #headerwide li.last { margin-right: 0; }

div#breadcrumb a, div#footer a
{
	color: #919795;
	text-decoration: none;
}