/*--- 
screen css file 
for wohnung.org
 1.  reset browsersettings
 2. generic classes (body, a, p, h1, etc.)
 3.  id�s (#)
 4.  layout
 5.  navigation
 6.  alignment (left, right, grids, h_010, w_010 etc.)
 7.  modules (boxes, buttons, forms )
 8.  typo
 9.  link behavior 
---*/
 
/*---  browserreset
-------------------------------------------------------------------*/         
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;  
 margin: 0; 
 outline: 0;
 padding: 0;
}
 
a:link img, 
a:visited img, 
a:hover img, 
a:active img {
    border: 0;
}
 
blockquote:before, 
blockquote:after,
q:before, 
q:after {
 content: "";
}
 
blockquote, q {
 quotes: "" "";
}
 
caption, 
th, 
td {
 font-weight: normal;
 text-align: left;
}
 
:focus {    /* remember to define focus styles! */
 outline: 0;
}
 
table {     /* tables still need 'cellspacing="0"' in the markup */
 border-collapse: separate;
 border-spacing: 0;
}
 
/*---  generic classes
-------------------------------------------------------------------*/
body {  
    background-color: #fff;
 color: #333;
 font-family: verdana,helvetica,sans-serif;
 font-size: 13px;
 height: 100%;
 margin: 0;
 padding: 0; 
 text-align: center;  
}
 
/*---  id�s
-------------------------------------------------------------------*/
#basecontainer { 
 margin-left: auto;
 margin-right: auto; 
 overflow: hidden;
    text-align: left; 
 width: 980px;
}
 
#pagefooter { 
    background: #efefef;
 float: left;
    padding: 16px 0 20px 73px; 
 width: 980px;
}
 
#pagecontent {
 float: left;
 padding: 0 0 0 20px;
 width: 720px;
}
 
#pageheader {
 border: solid #dedede 1px;
 border-top: 0px;
 height: 87px;
 width: 978px;
}
 
#skyscraper {
 float: left;
    min-height: 100%;
 width: 220px;
}
 
/*--- layout 
-------------------------------------------------------------------*/
 
.box_right_top_img{
 float: right;
 margin: 0 0 20px 20px;
}
 
.emoimage {
    /*background: url(../images/bg_emoimage.jpg) no-repeat left top;*/
 /*background: url(../images/startseiten-panorama.jpg) no-repeat left top;*/
 background: url(../images/header_01.jpg) no-repeat left top;
    height: 124px;
 width: 980px;
}
 
.footerbox {
 color: #999;
 float: left;
 font-size: 12px; 
 width: 193px;
 margin-right: 20px;
}
 
.footerbox_right{
 color: #999;
 float: right;
 font-size: 12px; 
 width: 193px;
 margin-right: 80px;
}
 
.linkbox {
 float: left; 
 width: 330px; 
}
 
.logo_whg {
 float: left;
 height: 78px;
 width: 185px;
}
 
#searchBtn{
 margin: 20px 0 0 0;
}
 
/*---  navigation
-------------------------------------------------------------------*/ 
 
#mainnav ul #last{
 border-right: none;
 width: 64px;
}
 
#mainnav{
 float: right;
 height: 38px;
 margin: 23px 0 0 0;
 width: 742px;
}
 
#mainnav ul{
 list-style-type: none;
 
}
 
#mainnav ul li{
 min-width:134px;
 text-align:center; 
 white-space:no-wrap;
 background: #fbda79;
 border: solid 1px #dedede;
 border-right: none;
 color: #fff;
 float: left;
 font-size: 15px;
 font-weight: bold;
 margin-top: 10px;
 padding: 4px 0;
}
 
#mainnav ul .current{
 min-width:139px; 
 background-color: #faba00;
 border: solid 1px #dedede;
 border-bottom: none;
 color: #fff;
 float: left;
 font-size: 15px;
 font-weight: bold;
 height: 19px;
 margin-top: 0px;
 padding-top: 14px; 
}
#mainnav ul .current a {
 margin-right:5px;
}
 
 
 
#mainnav ul .next{
 border-left: none;
}
 
#subnav{
 background: #faba00;
 border-left: solid 1px #dedede;
 color: #fff;
 float: right;
 height: 26px;
 text-align: left;
 width: 741px;
}
 
/*---  alignment
-------------------------------------------------------------------*/ 
 
.w_185{
 float: left;
 width: 185px;
}
 
.w_240{
 float: left;
 width: 240px;
}
 
/*---  modules
-------------------------------------------------------------------*/  
/*--- box_01 ---*/
.box_01 {
 width: 100%;
} 
 
.box_01 .boxbottom { 
 background: transparent url(../images/box_01.gif) no-repeat left top;
 background-position: -10px 0px;
 height: 10px;
 line-height: 10px;
} 
 
.box_01 .boxbottom .inner { 
 background: transparent url(../images/box_01.gif) no-repeat left top;
 float: right;
 height: 10px;
 width: 10px;
} 
 
.box_01 .boxcontent {
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
 padding: 0 15px;
}
 
.box_01 .boxtop{
 background: transparent url(../images/box_01.gif) no-repeat left top;
 background-position: -10px -10px;
 height: 10px; 
 line-height: 10px;
 width: 100%;
}
 
.box_01 .boxtop .inner{ 
 background: transparent url(../images/box_01.gif) no-repeat left top;
 background-position: 0px -10px;
 float: right;
 height: 10px;
 width: 10px;
}
 
.box_01 .skyscraper{
 clear:both;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
 text-align:center;
 
}
 
/*--- box_02 ---*/
.box_02 {
 background: #efefef url(../images/box_02.gif) no-repeat left top;
 background-position: -10px -10px;
 width: 100%;
}
 
.box_02 .boxbottom { 
 background: transparent url(../images/box_02.gif) no-repeat left top;
 background-position: -10px 0px;
 height: 10px;
 line-height: 10px;
} 
 
.box_02 .boxbottom .inner { 
 background: transparent url(../images/box_02.gif) no-repeat left top;
 float: right;
 height: 10px;
 width: 10px;
}
 
.box_02 .boxcontent {
 padding: 0 15px;
}
 
.box_02 .boxtop { 
 background: transparent url(../images/box_02.gif) no-repeat left top;
 background-position: 0px -10px;
 float: right;
 height: 10px;
 width: 10px;
} 
 
/*--- forms start ---*/
form br { /* Alle Zeilenumbr�che in Formularen ausw�hlen */
 clear: left; 
}
 
input, textarea {
 display: block; 
 float: left;
 font-size: 13px; 
 background: #fff; 
 border: 1px solid #cdcdcd;
 color: #000;
 height: 18px;
 margin: 0;  
 padding: 3px;
}
 
#what_search{
 margin: 0 20px 3px 0;
 width: 213px;
}
 
#where_search{
 margin: 0 20px 3px 0;
 width: 158px;
}
 
/*--- forms end ---*/
 
/*--- typo
-------------------------------------------------------------------*/
h1 {
 color: #010101;
 font-size: 18px;
 margin: 0;
 padding: 0 0 6px 0;
}
 
h2 {
 color: #434343;
 font-size: 15px;
 font-weight: normal;
 padding: 2px 0;
 /*color: #f9b900; orange*/
 /*font-size: 15px; vorgabe*/
 /*padding: 0 0 5px 0; vorgabe*/
}
 
h3 {
 color: #f9b900;
 font-size: 15px;
 padding: 0 0 5px 0; 
 /*color: #434343; vorgabe*/
 /*font-size: 15px; vorgabe*/
 /*font-weight: normal; vorgabe*/
 /*padding: 2px 0; vorgabe*/
}
 
h4 {
 color: #999;
 font-size: 12px;
 line-height: 26px;
}
 
h5 {
 color: #333;
 font-size: 13px;
 font-weight: bold;
 line-height: 22px;
}
 
span.comment {
    float: left;
 font-size: 11px;
}
 
/*--- height ---*/
.h_001,
.h_005,
.h_010,
.h_020{  
    clear: both;
    font-size: 1px;
    line-height: 1px;
}
 
.h_001 { height:  1px; }
.h_005 { height:  5px; }
.h_010 { height: 10px; }
.h_020 { height: 20px; }
.h_450 { height: 450px; }
 
/*--- grids ---*/
.grid_04o16,
.grid_12o16 {
 display: inline; 
 float: left;
    margin: 0 20px 0 0;
 padding: 0; 
}
 
.grid_04o16 { width: 220px; }
.grid_12o16 { width: 700px; }
 
/*--- link behavior 
-------------------------------------------------------------------*/
a:visited, 
a:link, 
a:active {
 color: #999;
    text-decoration: none;
}
 
#subnav span a:hover,
#mainnav ul li a:hover,
a:hover{
 text-decoration: underline;
}
 
#mainnav  ul li a:visited, 
#mainnav  ul li a:link, 
#mainnav  ul li a:active {
 color: #fff;
 padding: 4px 13px 4px 13px;
}
 
#mainnav  ul .current a:visited, 
#mainnav  ul .current a:link, 
#mainnav  ul .current a:active {
 color: #fff;
 padding: 14px 13px 4px 13px;
}
 
#mainnav ul #last a{
 padding: 14px 16px 4px 15px;
}
 
#subnav  span a:visited, 
#subnav  span a:link, 
#subnav  span a:active {
 color: #fff;
}