* { box-sizing: border-box; }
body { background-color: #ece6d9; font: 100.01%/1.0em Arial,sans-serif; line-height: 1.4; font-weight: normal; color: #020202; hyphens: auto; }
h1,h2,h3 { font-size: 1.6em; font-weight: bold; color: #900; }
h1 { text-transform: uppercase; }
h2 { font-size: 0.875em; font-size: 1.3em; }
h3 { font-size: 0.75em; font-size: 1.1em; }
a { color: inherit; }
sup { vertical-align: text-bottom; }

.grau { color: #666; }
.rot { color: #990000; }


#wrapper { width: 90%; max-width: 1024px; max-width: 1440px; position: relative; margin: 15px auto; background-color: #fff; border: 1px solid #fff; box-shadow: 0px 0px 10px #999; }
#header { width: 100%; height:79px; height: 84px; position:relative; background: url("/files/elbgau/grafiken/kopfBG.png") left top no-repeat; background-size: cover; }
nav.mod_navigation ul { margin-left: 2%; }
nav.mod_navigation li { display: inline; list-style-type: none; }
nav.mod_navigation li a,
nav.mod_navigation li strong { margin: 0 0.5%; color: #fff; text-decoration: none; font-weight: normal; padding: 3px 0; }
#hauptmenu li.active strong,
#hauptmenu li.trail a,
#hauptmenu li:hover a { border-top: 3px solid #fff; }
#hauptmenu { position: absolute; top: 48px; top: 53px; width: 73.44%; width: 70%; height: 31px; padding-top: 4px; font-size: 81.25%; font-size: 1.1em; #background: url("/files/elbgau/grafiken/hauptmenuBG.png") left top no-repeat; background: #ab0001; border-top: 1px solid #fff; }
#hauptmenu ul { padding: 3px 0 0 0; padding-top: 0; }
#nebenmenu { position: relative; font-size: 62.5%; font-size: .9em; padding-top: 5px; }

#nebenmenu li:before { content: " | "; color: #fff; }
#nebenmenu li:first-child:before { content: ""; }

##nebenmenu ul:before { content: "© elbgau-immobilien-boedecker "; color: #fff; }
#copyright { font-size: 62.5%; font-size: .9em; color: #fff; }
#logo { position: absolute; bottom: -40px; right: 11%; width: 13.96%; height: auto; }

#main { width: 73.44%; width: 70%; position: relative; padding-bottom: 20px; }
#main .inside { padding: 0 3%; }
#main div.mod_newsreader div.ce_text { padding: 0; }
#main p,
#main ul,
#main table,
#main form { font-size: 68.75%; font-size: 1em; }
#main td,
#right td { padding-right: 1em; }
#right td:first-child { min-width: 5em; }
#main ul { margin-left: 15px; list-style-type: disc; }
#main .ce_form form { width: 70%; width: 100%; }
#main label,
#main legend { width: 20%; float: left; font-weight: normal; }
#main input,
#main textarea,
#main .checkbox_container>span { width: 80%; float: left; margin-bottom: 5px; }
#main input[type=submit] { width: 100px; margin: 0px 0 10px 20%; }
#main span.mandatory { color: #f00; }
#main div.explanation { clear: both; }
#main div.explanation p { font-size: 1em; }
#main .gesamt { #width: 100%; }
#main .links,
#main .rechts { float: left; width: 48%; margin-bottom: 10px; margin-right: 0; }
#main .rechts { float: right; margin-left: 0; }
#main .checkbox_container input { width: auto; margin-right: 0.5em; display: inline; }
#main .checkbox_container label { width: auto; display: inline; float: none; }

#main div.layout_full { border-bottom: 1px solid #900; }
#main div.layout_full .links { width: 68%; }
#main div.layout_full .rechts { width: 28%; }
#main div.layout_full .expose { width: 100%; }
#main div.layout_full div.expose a { padding: 2px 50px 2px 5px; color: #fff; background: #cbaa84; text-decoration: none; text-align: left; }
#main div.layout_full figure { padding: 2%; }
#main div.layout_full figure img { border: 3px solid #fff; box-shadow: 0 0 15px #999; }
#main div.mod_newsarchive .links p {padding: 2% 0 0 0; }
  
#right { width: 26.4%; width: 29.9%; position: relative; float: right; margin: 0 0 0 0.1%; padding-bottom: 20px; }
#right h2 { padding: 1px 10px; color: #fff; font-size: 0.75em; font-size: 1.1em; font-weight: normal; margin: 0 0 -3px 0; #background: url("/files/elbgau/grafiken/ueberschriftRechtsBG.png") no-repeat; background: #ab0001; border-top: 1px solid #fff; }
#right div.block p,
#right div.block table,
#right p,
#right table { box-sizing: border-box; margin: 0 10px; font-size: 68.75%; font-size: 1em; }
#right table { width: 100%; }
##right div#geschaeftsbereiche ul { margin-left: 25px; }
##right div#geschaeftsbereiche li { list-style-type: disc; }
#right div.layout_latest { background: #e8dac9; margin: 3px 0; padding: 10px; }
#right div.layout_latest p { margin: 0; }
#right ul { margin-left: 25px; list-style-type: disc; font-size: 68.75%; font-size: 1em; }

div.layout_latest figure { float: left; margin-right: 2%; }
div.layout_latest div.newsText {  }
div.layout_latest h3 { margin-top: 0; }
div.mod_newslist img,
div.mod_newsarchive img { max-width: 74px; height: auto; border: 2px solid #fff; box-shadow: 0px 0px 15px #999;}

div.toggler { cursor: pointer; }
div.trennLinie { clear: both; width: 100%; height: 1px; background: #900; margin: 10px 0; }

/* 767 */
@media (max-width: 980px) {
#main, #left, #right, #hauptmenu { width: 100% !important; }
#hauptmenu { font-size: 0.6875em; font-size: 1.1em; }
#logo { bottom: -14px; bottom: -16px; right: 5%; width: 6em; }
#main .ce_form form { width: 100%; }
#right h2 { background: none #9a1700; }
nav.mod_navigation li a,
nav.mod_navigation li span { padding: 4px 0; }
}
@media (max-width: 560px) {
#hauptmenu { font-size: 8px; font-size: 1em; }
nav.mod_navigation li a,
nav.mod_navigation li span { padding: 5px 0; }
#main .links, #main .rechts {
    float: none;
    width: 100%; }
}