.diyw .diyweb {
 font-family: Arial, Helvetica, sans-serif;
 word-wrap: break-word;
}

.diyw .diyweb a {
 color: #C5893B;
 text-decoration: none;
}

.diyw .diywebWrapper {
 width: 960px;
 margin: auto;
}

.diyw .diywebNavigation {
 background: none repeat scroll 0 0 #83A4C0;
 border-bottom: 25px solid #ABC8E1;
 padding-bottom: 100px;
 margin-bottom: 25px;
 min-width: 960px;
}

.diyw .diywebNavigation > div {
 width: 860px;
 position: relative;
 display: table;
 margin: auto;
}

.diyw .diywebContent {
 padding-top: -75px;
 position: relative;
 box-shadow: 0 0 5px rgba(0,0,0,0.5);
 border: 10px solid #f7f7f7;
 margin-top: -150px;
 color: #405C74;
}

.diyw .diywebHeader {
 position: relative;
}

.diyw .diywebHeader:before {
 background: none repeat scroll 0 0 white; /* brauche ich nicht merh ?*/
 bottom: -30px;
 content: "";
 height: 30px;
 left: 50px;
 position: absolute;
 width: 210px;
}

.diyw #mainNav1 {
 margin-bottom: 25px;
 min-height: 25px;
 display: table;
 padding: 25px 25px 0;
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3 {
 list-style: none outside none;
}

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a {
 display: block;
}

.diyw #mainNav1 li {
 float: left;
 max-width: 810px;
}

.diyw #mainNav1 a, .diyw #mainNav1 a:link, .diyw #mainNav1 a:visited {
 color: #FFFFFF;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 padding: 5px 10px;
}

.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover, .diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover, .diyw #mainNav1 a:hover, .diyw #mainNav1 a:active, .diyw #mainNav1 a:focus {
 background-color: #ABC8E1;
 color: #FFFFFF;
}

.diyw #mainNav2 a, .diyw #mainNav2 a:link, .diyw #mainNav2 a:visited {
 text-decoration: none;
 color: #405C74;
 font-size: 14px;
 padding: 2px 0;
}

.diyw #mainNav2 a.current, .diyw #mainNav2 a.current:hover {
 color: #405C74;
 font-weight: bold;
}

.diyw #mainNav2 {
 margin: 0 0 60px;
 padding: 0 0 0 20px;
}

.diyw #mainNav3 {
 margin: 0 0 10px;
 padding: 0 0 0 15px;
}

.diyw #mainNav3 .navTopItemGroup_0 {
 list-style: circle outside none;
 font-size: 12px;
}

.diyw .diywebSidebar {
 min-height: 200px;
 width: 180px;
 font-size: 12px;
 float: left;
 margin: 0 0 0 50px;
 padding: 30px 15px;
 position: relative
}

.diyw .diywebSidebar h1, .diyw .diywebSidebar h2 {
 border-bottom: 1px dotted #868686;
 font-size: 16px;
 padding: 0 0 5px;
}

.diyw .diywebFooter {
 margin: 25px;
 width: 920px;
}

.diyw .diywebEmotionHeaderMask {
 background: url(https://www.ferienwohnung-tangermuende.de/s/img/bg-emotionMask.png) no-repeat scroll 0 0 transparent;
 height: 40px;
 left: -25px;
 position: absolute;
 bottom: -20px;
 width: 990px;
 z-index: 1;
}

.diyw .diywebMainContent {
 float: left;
 margin-left: 30px;
 width: 600px;
}

.diyw .diywebMainContentWrapper {
 background: url(https://www.ferienwohnung-tangermuende.de/s/img/bg-diywebClamp.png) repeat-y scroll 0 0 transparent;
 position: relative;
 padding-top: 30px;
 padding-bottom: 10px;
}

.diyw .diywebMainContentWrapper:before {
 background: #f7f7f7;
 bottom: 0;
 content: "";
 left: 50px;
 position: absolute;
 top: 30px;
 width: 210px;
}