html { background: transparent none repeat 0 0; }  /*background-color, background-image, background-attachment, background-repeat, background-position*/

body {
    text-align: center;
    font-family: verdana;
    padding-bottom: 2em;
    width: 100%;
    height: 100%;
    float: left;
}

body.home {
    background: #fff url('../images/backHome.gif') repeat 0 0;
}
body.wohnung {
    background: #fff url('../images/backWohnung.gif') repeat 0 0;
}
body.lage {
    background: #fff url('../images/backLage.gif') repeat 0 0;
}
body.preise {
    background: #fff url('../images/backPreise.gif') repeat 0 0;
}
body.anfrage {
    background: #fff url('../images/backAnfrage.gif') repeat 0 0;
}
body.tipps {
    background: #fff url('../images/backTipps.gif') repeat 0 0;
}
body.links {
    background: #fff url('../images/backLinks.gif') repeat 0 0;

}

th, td { border:0px; }


#header, #footer {
    clear: both;
    text-align: left;
    width: 900px;
    margin: 0 auto; /* centering a block-element */
}

#header {
    margin-top: 2em;
}

#stripe {
    width: 100%;
    float: left;
    background-color:#E5E0CA;
    border-bottom:1px solid #957D4F;
    border-top:1px solid #957D4F;
}


#stripewrapper {
    text-align: left;
    margin: 0 auto; /* centering a block-element */
    width: 974px;
}

#content {
    float: left;
    width: 100%;
}

#text {
    display: block;
    float: left;
    width: 35%;
    overflow: hidden;
}

#foto {
    display: block;
    float: right;
    width: 63.5%;
}

#foto img {
    border: 7px solid #FFFFFF
}
/* HEADER */

#header .wrapper {
    position: relative;
    top: 0;
    left: 0;
    background-color:#CAC29B;
    border: 1px solid #957D4F;
    border-bottom: none;
    padding: 0;
    display: block;
    float: left;
    padding: 2%;
    height: 65px;
    width: 96%;
}

/* LOGO */

#logo {
    display: block;
    height: 35px;
    width: 157px;
    position: absolute;
    top: 100%;
    left: 0;
}

#logo img {
    display: block;
    position: absolute;
    top: -86px;
    left: 20px;
    z-index: 999;
}



/* NAVIGATION */

#franznavigation a:link {
    text-decoration: none;
    background: transparent url('../images/HauptNaviFranz.gif') no-repeat 0 0;
}
#franznavigation a:visited {
    background-image: url('../images/HauptNaviFranz.gif');
}
#franznavigation a:hover, #franznavigation a:active, #franznavigation a.active {
    background-image: url('../images/HauptNaviFranzHover.gif');
}


#italnavigation a:link {
    text-decoration: none;
    background: transparent url('../images/HauptNaviItal.gif') no-repeat 0 0;
}
#italnavigation a:visited {
    background-image: url('../images/HauptNaviItal.gif');
}
#italnavigation a:hover, #italnavigation a:active, #italnavigation a.active {
    background-image: url('../images/HauptNaviItalHover.gif');
}


#englnavigation a:link {
    text-decoration: none;
    background: transparent url('../images/HauptNaviEnglish.gif') no-repeat 0 0;
}
#englnavigation a:visited {
    background-image: url('../images/HauptNaviEnglish.gif');
}
#englnavigation a:hover, #englnavigation a:active, #englnavigation a.active {
    background-image: url('../images/HauptNaviEnglishHover.gif');
}


#navigation, #englnavigation, #franznavigation, #italnavigation {
    display: block;
    float: right;
    list-style: none none outside;
    margin: 1em 0 0 0;
    padding: 0;
    width: 420px;
}

#navigation li, #englnavigation li, #franznavigation li, #italnavigation li {
    display: block;
    float: left;
}

#navigation a, #englnavigation a, #franznavigation a, #italnavigation a {
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

#navigation a:link {
    text-decoration: none;
    background: transparent url('../images/HauptNavi.gif') no-repeat 0 0;
}

#navigation a:visited {
    background-image: url('../images/HauptNavi.gif');
}

#navigation a:hover, #navigation a:active, #navigation a.active {
    background-image: url('../images/HauptNaviHover.gif');
}

#navigation a.home, #englnavigation a.home, #franznavigation a.home, #italnavigation a.home					{ background-position:    0   0; }
#navigation a.wohnung, #englnavigation a.wohnung, #franznavigation a.wohnung, #italnavigation a.wohnung		{ background-position:  -53px 0; }
#navigation a.lage, #englnavigation a.lage, #franznavigation a.lage, #italnavigation a.lage   				{ background-position: -104px 0; }
#navigation a.preise, #englnavigation a.preise, #franznavigation a.preise, #italnavigation a.preise	 		{ background-position: -156px 0; }
#navigation a.anfrage, #englnavigation a.anfrage, #franznavigation a.anfrage, #italnavigation a.anfrage 	{ background-position: -207px 0; }
#navigation a.tipps, #englnavigation a.tipps, #franznavigation a.tipps, #italnavigation a.tipps  			{ background-position: -258px 0; }
#navigation a.links, #englnavigation a.links, #franznavigation a.links, #italnavigation a.links		  		{ background-position: -309px 0; }

#navigation span, #englnavigation span, #franznavigation span, #italnavigation span  {
    margin-left: -9999px;
}


/* CONTENT */

#content .wrapper {
    padding: 3em 0 3em 0; /* padding-top in px, due to #logo img*/
}


/* FOOTER */

#footer .wrapper {
    display: block;
    float: left;
    background-color:#cac29b;
    border: 1px solid #957d4f;
    border-top: none;
    width: 96%;
    padding: 2%;
}

#languages {
    list-style: none none outside;
    margin: 0;
    padding: 0;
}

#languages li, #languages a {
    height: 25px;
    width: 73px;
    margin-right: 20px;
}

#languages li {
    display: block;
    float: left;
}

#languages a {
    display: block;
    overflow: hidden;
}

#languages a:link {
    text-decoration: none;
    background: transparent url('../images/SprachenNavi.gif') no-repeat 0 0;
}

#languages a:visited {
    background-image: url('../images/SprachenNavi.gif');
}

#languages a:hover, #languages a:active, #languages a.active {
    background-image: url('../images/SprachenNaviHover.gif');
}

#languages a.deutsch  { background-position:   -8px  -6px; }
#languages a.english  { background-position:  -100px  -6px; }
#languages a.italiano { background-position: -192px  -6px; }
#languages a.francais { background-position: -280px  -6px; }

#languages span {
    margin-left: -9999px;
}