/****************************************
 * TITLE   : Thyzel Immobilien Stylesheet *
 * REVISED :  14.02.2008           *
 ***************************************/

/******** Footer **************************************/
div#footer {
  background: #f9f9f9;
  color: #777777;
  border-top: 1px solid #ff0000;
  padding: 5px 10px 10px 25px;
  font: 11px arial, verdana, Georgia, "Times New Roman", Times, sans-serif;
  text-align: left;
  clear:both;
}
 
div.weihnachtsmuetze {
position:absolute; top:195px; left:635px;
}
 
div.pagepeel {
position:relative;
top:135px;
}

div.container_Begruessung {
width:435px;
background: #cc0000;
font: bold 13px arial;
color:#ffffff;
padding: 5px 10px 5px 15px;
border: 0px solid #cc0000;
}


div.werbung-links
{

  border: 0px solid black;
  padding: 0 0 0 25px;
  margin: 10px 10px 10px 10px ;
  float: right;
}

span b {font: bold 14px verdana;
}

#container_innen_2 b{font: bold 12px verdana;
}

div a.topscroll{
text-align:right;
float:right;
width:650px;
background: #efefef;
padding: 3px 10px 3px 0px;
text-decoration: none;
}

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 25px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 5px 1.5em;
text-decoration: none;
float:none;
color: black;
background: #777777;
border: 1px solid #999999;
}

.hovermenu ul li a:hover{
color: #ffffff;
background: #dd0000;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


/******** Kennzeichnung externer Links mit Icon *******************************************/


*a[href^="http:"],
*a[href^="datenschutz-popup.html"] {
background: transparent url('../pics/extlinks.png') 100% 50% no-repeat;
padding-right: 10px;
}

*a[href^="http://thyzel-immobilien.de"],
*a[href^="http://www.thyzel-immobilien.de"],
*a[href^="http://4stats.de/de/stats?id=5172"]
{
background: transparent;
padding-right: 0px;
}

*img {
border: 0px solid #555555;
margin: 0px 0px 0px 0px; float:left;
}

/******** General *******************************************/

div#hiddenlinks {
display:none;
}

h2 {
font: bold 12px verdana;
}

h4 {
font: bold 12px verdana;
}

div#leaderboad {
*background: black url('../hgpics/oberhof-hg.jpg') 100% 50% no-repeat;
font: normal 14px verdana;
text-align:center;
vertical-align:middle;
height:0px;
border-top:5px solid #cc0000;
border-bottom:5px solid #cc0000;
padding: 0px 140px 0px 140px;
background: #ffffff;
}

div.außenrahmen {
background:#cccccc;
border: 0px solid #cccccc;
}

div#container_artikel {
background:#ffffff;
color: #000000;
width:400px;
border: 1px solid #000000;
}


div#container_wohnungen {
background:#f7f7f7;
color: #eeeeee;
margin-left:5px;
width:460px;
height:100%;
border: 1px solid #777777;
}

div#container_red {
background: #ffffff;
color: #eeeeee;
width:200px;
height:280px;
border: 1px solid #cc0000;
}

div#container_header_red {
width:130px;
background: #cc0000;
font: bold 12px verdana;
color:#eeeeee;
padding: 5px 0px 5px 0px;
border: 0px solid #cc0000;
text-align:center;
}

div#container_innen_2 {
font: 12px verdana;
color: #333333;
padding: 10px 10px 10px 10px;
}

div#container_grey {
background:#ffffff;
height:280px;
color: #eeeeee;
margin-top:-282px;
margin-left:220px;
width:200px;
border: 1px solid #cc0000;
}
div#container_header_grey {
background:#cc0000;
font: bold 12px verdana;
color: #ffffff;
padding: 5px 0px 5px 20px;
border: 1px solid #cc0000;
}
div#container_innen_2 {
font:  11px arial;
color: #333333;
padding: 10px 10px 10px 10px;
}

div.leftcontentpics {
background:#aa0000;
font: bold 13px verdana;
color: #eeeeee;
width:159px;
height:100%;
float:left;
padding: 0px 1px 0px 0px;
margin: 0px 10px 0px 0px;
}

div.headline_red {
background: #aa0000;
font: bold 13px verdana;
color: #eeeeee;
width:294px;
padding: 1px 0px 3px 10px;

}

div.headline_content {
background: #eeeeee;
width:294px;
padding: 0px 0px 5px 5px;
border: 1px solid #dddddd;
font:  12px arial;

}

b {
font: bold 13px arial;
}

div#bg {
  background: #aa0000;
  border: 1px solid #ffffff;
  padding: 0px 0px 0px 0px;

}

ul {
  font: 11px arial, "Times New Roman", Times, sans-serif;
  text-align: left;
  line-height: 15px;
  background: #cccccc;
 list-style: none;
 margin: 0; padding: 0.5em;
 border-left: 10px solid #cc0000;
}

a:link { color: #DF0000; }
a:visited { color: #DF0000;}
a:hover { color: #3F3F3F; background: #DFDFDF; text-decoration: none; }
a:active {  /* Deklarationen */ }
a:focus { /* Deklarationen */ }

body {
  font: 11px Verdana, Arial, "Times New Roman", Times, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width:995px;
  background:#eaeaea;
  *background: #ff0000 *url('/layout/redverlauf_hg.png') repeat-x;
  border-left:5px solid #eeeeee;
  border-right:5px solid #ffffff;
}


p { font: 12px Verdana, arial, Helvetia, sans-serif;  text-align: left;
  padding: 0px 0px 0px 0px;
}

p.noheight { line-height: 1.12em; }


/* Note: Compensates for IE acronym dotted underline bug */
acronym {
  border-bottom: 1px dotted #000000;
  cursor: help;
}

/******** Header ********************************************/
div#header {
 background: transparent url('../hgpics/oberhof-hg.jpg') 0% 50% no-repeat; 
  border: 0px solid #dddddd;
  font-family: arial, Georgia, "Times New Roman", Times, sans-serif;
  width: auto;
  height:135px;
}

/* Note: Temporary Message for Ad Banner Area (remove if using banner image) */
div#header span {

  font: 11px verdana, Georgia, "Times New Roman", Times, sans-serif;
  border: 1px solid #eeeeee;
  float: right;
  margin: 0px 0px 0px 0px;
  width: 220px;
  padding: 10px 40px 9px 10px;
  font-weight: normal;
  text-align: right;
  background: #ffffff url('') 100% 50% no-repeat;
}

/* Note: Optional Ad Banner Area (remove if not using banner image at all) */
div#header img {
  border: 0px solid #000000;
  *float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#header h1 { color : #000000; font-size: 22px; margin: 0px 0px 0px 10px; width: 340px; }

div#header h2 { color: #cc0000; font-size: 13px; margin: 5px 0px 0px 0px;  width: 200px; }

div#header h5 { color: #aaaaaa; font-size: 10px; margin: 0px 0px 10px 0px; }

.select {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 padding: 10px 20px 10px 20px;
 border-left: 0px solid #ffffff;
 border-right: 0px solid #ffffff;
 margin:10px;
 letter-spacing:0.05em;
}

div#unternehmen {
 background: black url(../layout/blockdefault.gif) center center repeat-x;
 letter-spacing:0.05em;
 color: #efefef;
 font: bold 12px Verdana;
 font-weight: normal;
 text-transform: capitalize;
 border-top: 0px solid #000000;
 border-bottom: 0px solid #000000;
 text-align: center;
 padding: 9px 10px 9px 10px;
}

div#unternehmen a{

color: white;
padding: 9px 11px;
text-decoration: none;
*border-right: 1px solid white;
}

div#unternehmen a:visited{
color: white;
}

div#unternehmen a:hover, div#unternehmen .select{
color: white;
background: transparent url(../layout/blockactive.gif) center center repeat-x;
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1.0em;
}
</style>
<![endif]-->




div#hauptnavi2 {
letter-spacing:0.05em;
background: #dfdfdf;
 color: #333333;
 font: 13px verdana, Georgia, "Times New Roman", Times, sans-serif;
 font-weight: normal;
 text-transform: capitalize;
 border-left: 0px solid #000000;
 border-bottom: 0px solid #000000;
 text-align: left;
 padding: 5px 0px 5px 280px;
}

div#verwaltung {
 background: #eeeeee;
 color: #333333;
 font-size: 11px;
 font-weight: normal;
 border-bottom: 0px solid #ca0c0c;
 text-align: right;
 padding: 5px 5px 5px 5px;
}

div#promo {
 height: 70px;
 margin: 0px 0px 0px 0px;
 margin-left: 400px;
 border: 1px solid #cc0000;
 text-align: left;
 width: 268px;
}

div#promotop {
 border: 1px solid #dfdfdf;
 background:#ffffff;
 font: 11px arial;
 width:360px;
 height:150px;
 padding:0px 0px 0px 0px;
 margin: 0px 320px 0px 0px;
 text-align: center;
}

div.promotop2 {
 margin: 10px 270px 0px 0px;
 width: 488px;
 height:70px;
 padding: 5px;
 text-align: left;
 background:#efefef;
}

/******** Side Bar ******************************************/
div#sidebar {
  font: Verdana, "Times New Roman", Times, sans-serif;
  float: left;
  width: 146px;
}

div#sidebar img { border: none; }

div#sidebar p { text-align: left; }

.topgap { margin: 0px 0px 0px 10px; }

.btmgap { margin: 0px 0px 0px 10px;  text-align: left; }


/******** Side Bar (RHS) *******/
  div#rhsbar {
  font: 8px arial, Verdana, "Times New Roman", Times, sans-serif;
  float: right;
  margin-right: 22px;
  width: 130px;
}

div#rhsbar img { border: none; }

div#rhsbar p { text-align: left; }

/******** Misc Info (goes at bottom of either Side Bar) *******/
div.miscinfo {
  background: #FFFFFF;
  border: 1px solid #cc0000;
  font-size: 10px;
  padding: 3px 10px 3px 10px;
  margin-top: 8px;
  width: 100%;
}

/******** Nav Menu (position at top of side bar) ************/

div#nmenu {
  font: 13px arial;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 70px;
  padding-left: 0px;
  width: 180px;
  text-align:center;
}

div#nmenu span {
  font: 13px arial;
  background: #cc0000;
  color: #eeeeee;
  text-align:center;
  border-left: 0px solid #333333;
  border-right: 5px solid #dedede;
  border-top: 0px solid #333333;
  border-bottom: 0px solid #333333;
  cursor: default;
  display: block;
  text-decoration: none;
  font-weight: bold;
  width: 145px;
  padding:10px 5px 10px 5px;
}

div#nmenu a {
  background: #ffffff;
  border: 1px solid #cc0000;
  display: block;
  padding: 5px 3px 5px 10px;
  width: 145px;
  border-top: 1px solid #cc0000;
  *border-bottom: 1px solid #cc0000;
  text-align:center;
}

div#nmenu a:link {
  text-decoration: none;
   background: #ffffff;
   color: #000000;
  font-weight: normal;
}

div#nmenu a:visited {
  text-decoration: none;
   background: #ffffff;
  color: #000000;
  font-weight: normal;
  }

div#nmenu a:hover {
  background: #cc0000;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
 }

/******** Side Info (position at bottom of side bar) ********/
div#sideinfo {
  background: #FFFFFF;
  border: 1px solid #00478D;
  font-size: 10px;
  padding: 3px 10px;
  margin-top: 6px;
  width: auto;
}

/******** Content Area **************************************/
div#contentarea {
  padding-left: 190px;
  background: #ffffff;
}

div.title {
  background: #cc0000;
  border-top: 1px solid #eeeeee;
  border-bottom: 3px solid #000000;
  text-align:left;
  height:20px;
  font: normal 20px Arial;
  color:#ffffff;
  padding: 10px 10px 10px 40px;
  margin: 0px 0px 0px 0px; 
}

div.content {
  width:auto;
  height:100%;
  color:#000000;
  background: #ffffff;
  border: 0px solid #ff0000;
  font: 12px helvetica;
  padding: 15px 1px 5px 0px;
  word-spacing:0.1px;
}


div#werbungskyscraperrechts
{
  width: 120px;
  background:#ffffff;
  border: 1px solid black;
  padding:10px;
  margin: 10px 10px 10px 20px ;
  float: right;
}

div#news {
  width: 320px;
  background:#ffffff;
  border: 0px solid black;
  padding:5px;
  margin: 0px 0px 0px 0px;
  float: right;
}

div#content160x300 {
  width: 180px;
  font-size:12px;
  background:#ffffff;
  border: 1px solid black;
  padding:10px;
  margin: 0px 10px 15px 10px ;
  float: right;
text-align:center;
}

div#skyscraper160x600 {
  background:#dddddd;
  width:140px;
  height:100%;
  color:#000000;
  font: 11px arial;
  border: 0px solid #cc0000;
  margin: 0px 0px 0px 0px;
  float: right;
  padding: 0px 3px 0px 3px;
  text-align: left;
}

/******** Footer **************************************/
div#bottom {
  background: #f9f9f9;
  color: #777777;
  border: 0px solid #ff0000;
  padding: 5px 10px 10px 10px;
  font: 10px arial, verdana, Georgia, "Times New Roman", Times, sans-serif;
  text-align: center;
  clear:both;
}

div#Legende {
  color: #333333;
  border: 0px solid #999999;
  margin: 10px 140px 0px 0px;
  padding: 5px 5px 10px 10px;
  font: 11px arial, verdana, Georgia, "Times New Roman", Times, sans-serif;
  text-align: left;

}

div#infobox_r {
  width:160px;
  font: verdana, Georgia, "Times New Roman", Times, sans-serif;
  background:#ffffff;
  border: 1px solid #dd0000;
  padding: 5px 15px 15px 10px ;
  margin: 0px 170px 15px 10px ;
}

div.kontaktinfo_header {
  width:160px;
  font: 12px verdana, Georgia, "Times New Roman", Times, sans-serif;
  color:#ffffff;
  background:#cc0000;
  border: 0px solid #ccdddd;
  padding: 2px;
  font-weight: bold;
  text-align: center;
}

div#kontaktinfo {
  width:160px;
  font: 12px arial, verdana, Georgia, "Times New Roman", Times, sans-serif;
  background:#efefef;
  border: 1px solid #777777;
  padding: 10px 15px 15px 10px ;
  margin: 30px 170px 15px 10px ;
  text-align: left;
}

div#amphorismen {
border: 1px solid #ffffff;
font: 14px helvetica;
color:#efefef;
line-height:20px;
 width: 400px;
 height:auto;
 padding:10px;
 margin: -5px -15px -35px 350px;
 background:#cc0000;
 letter-spacing:2px;
}

/******** Nav Menu (position at top of side bar) ************/

.hide{display:none;}

#navigation{
height: 1.3em;
line-height: 2.3em;
margin: 0px 0px 0px 1px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #e0e0e0;
background: #eeeeee;
}

#navigation li{
float: left;
list-style-type: none;
border-right: 1px solid #ffffff;
background: #eeeeee;
white-space: nowrap;
}

#navigation li a{
display: block;
padding: 0 12px;
font-size: 1.0em;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
}

* html #navigation a {width:1%;} /* hack */

#navigation .selected,#navigation a:hover{ background:#80b0da; text-decoration:none; }

.text-promo {
font: normal 14px arial; 
text-align:left; 
vertical-align:center; 
clear:right; 
padding-top:8px;
padding-bottom:8px;
height:100%;
}