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

#page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #cdcac3; }  
#page { padding-left: 0px; width: 1005px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/}  

 
#topnav { width: auto;  background: #aaa; font: normal 9px verdana;}  

/**
 * @section hidden elements | Versteckte Elemente
 * @see     ...
 *
 * Skip-Links und versteckte Inhalte
 */

/* Klassen für unsichtbare Elemente im Basislayout */
.skip, .hideme, .print {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}
    
/* Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}
 
div#start_miete {background-color: #fefefe;  padding:25px 40px 25px 25px; float:left; height:130px; border-top:1px dashed red; border-bottom:1px dashed red; border-left:1px dashed red;}
div#start_kauf {background-color: #fefefe; padding:25px 25px 25px 25px; height:130px; border-top:1px dashed red; border-bottom:1px dashed red; border-right:1px dashed red;}

div#newspress {font: normal 13px arial;background-color: #fefefe; padding:5px; border:0px dashed black; width:330px; float:right; height:100%;}
div#vermieterad {font: normal 13px arial; background-color: #fefefe; padding:5px; border:0px dashed black; width:330px; height:100%;}


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

span b {font: bold 13px arial, verdana;
}

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

h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 150% }                        /* 18px */

h1 {
margin-top:0px;
font: bold 18px verdana;
}
h2 {
font: bold 12px verdana;
}


div#container_wohnungen {
background:#f7f7f7;
color: #eeeeee;
margin-left:5px;
width:645px;
height:720px;
border: 0px solid #777777;
}


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

b {
font: bold 13px arial;
}


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-family: 'Trebuchet MS', Verdana, Arial, "Times New Roman", Times, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width:980px;
  background:#ccc;
  background: #cdcac3;
}


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


/******** 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 {
 font: bold 15px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
 color: #ffffff;
 padding: 10px 20px 10px 20px;
 border-left: 0px solid #ffffff;
 border-right: 0px solid #ffffff;
 margin:10px;
 *letter-spacing:0.05em;
}

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


div#top_navigation a{
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

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

div#top_navigation a:hover, div#top_navigation .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]-->


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

div.title {
  background: #cc0000;
  border-left: 0px solid #ff0000;
  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 'Trebuchet MS', helvetica;
  padding: 15px 1px 5px 10px;
  word-spacing:0.1px;
}



div#news {
  font: normal 12px arial;
  width: 340px;
  background-color:#fefefe;
  border: 0px solid black;
  padding:5px;
  margin: 0px 0px 0px 0px;
  float: right;
}



/******** Footer **************************************/
#footer {
  background: #f9f9f9;
  color: #777777;
  border-top: 1px solid #ff0000;
  padding: 5px 10px 10px 25px;
  font: 12px 'Trebuchet MS', arial, verdana, Georgia, "Times New Roman", Times, sans-serif;
  text-align: left;
  clear:both;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.somediv{
width: 320px;
clear: left;
border: 1px solid #b9b9b9;
margin:10px;
font: 12px 'arial', verdana, Georgia, "Times New Roman", Times, sans-serif;
}

.somediv .floatbox{
float: left;
width: 125px;
padding-left: 5px;
margin-top: 5px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 5px;
margin-left: 126px;
padding-left:10px;
}