/*
-----------------------------------------------
Layout 1001: Screen Styles
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
}

.altcolor {
	background-color: #568fe6;
}


/* Container */

div#container {
	margin: 0 auto;
	width: 940px;
	background-image: url(https://124.sb.mywebsite-editor.com/webseitendaten/215/042/742/usertemplates/img/1001-container_bg.gif);
	background-repeat: repeat-y;
	background-position: 239px 0;
}


/* Header */

div#header {
	position: relative;
	padding-bottom: 40px;
	background: #fff;
	zoom: 1;
}
div#header_wrapper {
	padding-top: 20px;
}

div#emotion-header {
	position: relative;
}
div#emotion-header strong#emotion-header-title {
	position: absolute;
	top: 0;
	left: 0;
}


/* Content */

div#content {
	width: 700px;
	float: right;
	background: #fff;
}
div#content div.gutter {
	padding: 0 100px 60px 100px;
}


/* Sidebar */

div#sidebar {
	width: 239px;
	float: left;
	padding: 0 0 40px 0;
}

div#jimdobox {
	margin-bottom: 20px;
}


/* Navigation */

div#navigation {
	margin: 0 0 20px;
	padding: 0 0 30px;
	background: url(https://124.sb.mywebsite-editor.com/webseitendaten/215/042/742/usertemplates/img/1001-navigation_bg.gif) repeat-x 0 100%;
}

ul.mainNav1 {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	background: url(https://124.sb.mywebsite-editor.com/webseitendaten/215/042/742/usertemplates/img/1001-dots.gif) repeat-x;
}
ul.mainNav1 li {
	width: 239px;
}
ul.mainNav1 li a {
	font-weight: bold;
	display: block;
	width: 219px;
	padding: 5px 10px;
	background: url(https://124.sb.mywebsite-editor.com/webseitendaten/215/042/742/usertemplates/img/1001-dots.gif) repeat-x 0 100%;
	background-color: #fff !important;
	text-align: right;
	text-decoration: none;
}
ul.mainNav1 li a:hover, ul.mainNav1 li a.current {
	background: transparent !important;
	color: #fff;
}
ul.mainNav2 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.mainNav2 li a {
	padding: 5px 30px 5px 10px;
	width: 199px;
}
ul.mainNav3 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.mainNav3 li a {
	padding: 5px 50px 5px 10px;
	width: 179px;
}

div#sidebar_content {
	margin: 0 0 20px;
	padding: 0 20px;
}


/* Footer */

div#footer {
	width: 700px;
	margin-left: 240px;
}
div#footer div.gutter {
	background: url(https://124.sb.mywebsite-editor.com/webseitendaten/215/042/742/usertemplates/img/1001-dots.gif) repeat-x;
	background-color: #fff;
	float: left;
	width: 660px;
	padding: 10px 20px;
}

br.c {
	display: block;
}             

/* -----------------------------------------
   Bauunternehmen Schmitt
   Vorsichtige Designmodernisierung
   ----------------------------------------- */

/* Grundschrift und Lesbarkeit */
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #30363A;
    line-height: 1.65;
}

/* Ruhiger, heller Seitenhintergrund */
body,
div#container {
    background-color: #F3F1EC;
}

/* Container flexibler gestalten */
div#container {
    width: 96%;
    max-width: 1180px;
    background-image: none;
}

/* Kopfbereich */
div#header {
    padding-bottom: 25px;
    background: #FFFFFF;
}

div#header_wrapper {
    padding-top: 15px;
}

div#header img {
    max-width: 100%;
    height: auto;
}

/* Hauptinhalt */
div#content {
    width: calc(100% - 239px);
    background: #FFFFFF;
    float: right;
}

div#content div.gutter {
    padding: 10px 6% 50px;
}

/* Seitenleiste */
div#sidebar {
    width: 239px;
    box-sizing: border-box;
    background: #30363A;
    padding: 0 0 30px;
}

/* Navigation */
div#navigation {
    padding-bottom: 20px;
    background: none;
}

ul.mainNav1 {
    background: none;
}

ul.mainNav1 li {
    width: 100%;
}

ul.mainNav1 li a,
ul.mainNav2 li a,
ul.mainNav3 li a {
    box-sizing: border-box;
    width: 100%;
    background: transparent !important;
    color: #FFFFFF;
    text-align: left;
    padding: 12px 18px;
    border-bottom: 1px solid #4B5155;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

ul.mainNav1 li a:hover,
ul.mainNav1 li a.current,
ul.mainNav2 li a:hover,
ul.mainNav2 li a.current,
ul.mainNav3 li a:hover,
ul.mainNav3 li a.current {
    background: #C49A52 !important;
    color: #24292D;
}

div#sidebar_content {
    padding: 0 18px;
    color: #FFFFFF;
}

/* Footer */
div#footer {
    clear: both;
    width: auto;
    margin-left: 239px;
    background: #FFFFFF;
}

div#footer div.gutter {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 20px;
    background: #FFFFFF;
    border-top: 2px solid #C49A52;
}

/* Bilder im Inhalt */
div#content img {
    max-width: 100%;
    height: auto;
}

/* Kleinere Bildschirme */
@media screen and (max-width: 760px) {
    div#container {
        width: 100%;
    }

    div#content {
        width: 100%;
        float: none;
    }

    div#content div.gutter {
        padding: 20px 6% 35px;
    }

    div#sidebar {
        width: 100%;
        float: none;
    }

    div#footer {
        width: 100%;
        margin-left: 0;
    }

    div#header {
        padding-bottom: 15px;
    }

    div#header_wrapper {
        padding-top: 0;
    }
}       
/* Blauen Overlay-Hintergrund im Kopfbereich entfernen */
/* Schriftgröße der linken Navigation */
ul.mainNav1 li a,
ul.mainNav2 li a,
ul.mainNav3 li a {
    font-size: 15px !important;
    line-height: 1.4 !important;
}
/* Unterstreichung im Menü entfernen */
ul.mainNav1 li a,
ul.mainNav2 li a,
ul.mainNav3 li a {
    text-decoration: none !important;
}
div#header,
div#header_wrapper,
div#emotion-header {
    background-image: none !important;
    background-color: #FFFFFF !important;
    border-top: none !important;
}