#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */

* {margin: 0; padding: 0; border: 0;}
body { margin:30px 0 0 0;	background:#e8ebe9; }
h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;}
html {min-height: 100%; margin-bottom: 1px;}

/***** boxes *****/

#wrapper { text-align:left; width:939px;	margin:0 auto; }

#headerhome { width:939px; height:28px; background:url('../images/site/background-home-top.gif') bottom center no-repeat; }
#lefthome   { float:left; width:5px; height:556px; background:url('../images/site/background-home-left.gif') no-repeat; }
#mainhome   { float:left; position:relative;width:926px; height:556px; background:url('../images/site/background-home.jpg') no-repeat; }
#righthome  { float:right; width:8px; height:556px; background:url('../images/site/background-home-right.gif') no-repeat; }
#footerhome { clear:both; width:939px; height:18px; background:url('../images/site/background-home-bottom.gif') top center no-repeat; }

.font-home { position:absolute; top:231px; left:62px; }

#header { width:939px; height:28px; background:url('../images/site/background-top.gif') bottom center no-repeat; }
#header-left { float:left; width:471px; height:28px; background:url('../images/site/logo.gif') 8px 0px no-repeat; }
#header-right { float:right; width:468px; height:28px; }

/* right faux column tab */
#contentfloatholder {	float: left; }
/* this is for NN6 to clear floats */
#contentfloatholder:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

#left   { float:left; width:5px; height:556px; background:url('../images/site/background-left.gif') no-repeat; }
#main   { float:left; width:926px; height:556px; background:url('../images/site/background.jpg') no-repeat; }
#right  { float:right; width:8px; height:556px; background:url('../images/site/background-right.gif') no-repeat; }
#footer { clear:both; width:939px; height:18px; background:url('../images/site/background-bottom.gif') top center no-repeat; }

/***** navigation *****/

.navi-home { position:absolute; top:341px; left:106px; color:white; }
.navi-home ul { list-style-type:none; padding:10px 10px 0 0; }
.navi-home li { float:left; font:normal normal normal 13px Arial, Helvetica, sans-serif; }
.navi-home a:link, .navi-home a:visited{ text-decoration:none; font:normal normal normal 13px Arial, Helvetica, sans-serif; color:white; }
.navi-home a:hover { color:#797979; } 

.navi-top { color:#6f3131; }
.navi-top ul { float:right; list-style-type:none; padding:10px 10px 0 0; }
.navi-top li { float:left; font:normal normal bold 13px Arial, Helvetica, sans-serif; }
.navi-top a:link, .navi-top a:visited{ text-decoration:none; font:normal normal normal 13px Arial, Helvetica, sans-serif; color:#6f3131; }
.navi-top a:hover { color:#797979; } 

.navi-bottom { color:#6f3131; }
.navi-bottom ul { float:right; list-style-type:none; padding:3px 10px 0 0; }
.navi-bottom li { float:left; font:normal normal bold 13px Arial, Helvetica, sans-serif; }
.navi-bottom a:link, .navi-bottom a:visited{ text-decoration:none; font:normal normal normal 13px Arial, Helvetica, sans-serif; color:#6f3131; }
.navi-bottom a:hover { color:#797979; } 

/***** content *****/

.content { position:relative; }
.content .text { position:absolute; left:380px; bottom:53px; font:normal normal normal 13px Arial, Helvetica, sans-serif; color:white; padding-right:40px; }
.content .textangebot { position:absolute; left:466px; bottom:53px; font:normal normal normal 13px/18px Arial, Helvetica, sans-serif; color:white; padding-right:71px; }
.content .textangebot2 { position:absolute; left:32px; bottom:53px; font:normal normal normal 13px/18px Arial, Helvetica, sans-serif; color:white; padding-right:500px; }
.content .textquer { position:absolute; left:447px; top:380px; font:normal normal normal 13px/18px Arial, Helvetica, sans-serif; color:white; padding-right:70px; }
.content .texthoch { position:absolute; left:447px; top:450px; font:normal normal normal 13px/18px Arial, Helvetica, sans-serif; color:white; padding-right:70px; }
.content .textbadezimmer { position:absolute; left:447px; top:420px; font:normal normal normal 13px/18px Arial, Helvetica, sans-serif; color:white; padding-right:71px; }
.content .textangebot2 ul { list-style-type:none; padding-left:20px; }
.content .textangebot2 ul li { display:block; text-indent:-8px; }
.content .image { position:absolute; left:32px; top:40px; }
.content .imageangebot { position:absolute; left:462px; top:71px; }
.content .imagequer { position:absolute; left:445px; top:73px; }
.content .imagehoch { position:absolute; left:445px; top:33px; }
.content .imagewohn { position:absolute; left:445px; top:33px; }
.content .stadtplan { position:absolute; left:380px; top:40px; color:white; font:normal normal normal 13px Arial, Helvetica, sans-serif; }
.content .stadtplan img { border:2px solid #551111; margin-bottom:4px; }
.content .mappos { position:absolute; left:34px; top:15px; }

a:link, a:visited { text-decoration:none; color:#f3c842; font-weight:bold; font-style:italic; }
a:hover { text-decoration:underline; } 

.content .pfeilhoch { position:absolute; left:723px; top:413px; }
.content .pfeilquer { position:absolute; left:884px; top:336px; }
.content .pfeilbade { position:absolute; left:707px; top:382px; }

.content .pfeilwohn { position:absolute; left:884px; top:336px; }
.content .pfeilwohn2 { position:absolute; left:670px; top:330px; }

.image img, .imageangebot img, .imagequer img, .imagehoch img, .imagewohn img { border:2px solid #551111; }

.kontakt { position:relative; }
.kontakt .kontakt-text { position:absolute; left:410px; top:422px; font:normal normal normal 13px/20px Arial, Helvetica, sans-serif; color:white; padding-right:86px; }
.kontakt .kontakt-image-left { position:absolute; left:41px; top:35px; }

.hidepics { width:0px; height:0px; visibility:hidden; } 
.popup { text-align:center; }

/***** allgemeines css *****/

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}