/* cmsms stylesheet: steffensteinbrueck modified: Montag, 28. Januar 2019 19:06:08 */
@import url("/fonts/font.css");

* {
margin: 0;
padding: 0;
}

html, body {  text-align:center;
        font-family: Lato, Helvetica,Arial,Verdana,lucida;
        color: #474646;
        font-size:100%;
        margin:0 auto;
        height: 100%;
        line-height: 130%;
        padding: 0 0 0 0;

            background: #cca078 url(https://www.steffen-steinbrueck.de/uploads/layout/back.jpg) repeat-y center;


        }

@media screen {#menu-mob, #header-mob, #titel-mob, #content-oben-mob, #foto-mob, .hide, #submenu {display: none;} }

#foot-bottom {
position: relative;
    margin:0 auto;
  text-align: left;
     min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */



}



#wrapper {
width:970px;

position: relative;
    margin:0 auto;
  text-align: left;
     min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */
 margin-bottom: 150px;

}


#kontakt {
float:right;
color:#ff7a3f;
background: none;
margin: 15px 60px 0 0;

}

#kontakt a {
 color:#ff7a3f;
 text-decoration: none;
}

.signet {
clear: both;
margin: 42px 0 0 82px;
}


#menu {
text-transform: uppercase;
width: 948px;
margin: 40px 0 0 11px;
height: 20px;
border-bottom: 1px solid #c9b9ab;}

#menu ul {
list-style-type: none;
float: right;
margin-right: 44px;
}

#menu li { float: left; margin-left: 1px;}

#menu a {
display: block;
padding:0 4px 0 4px;
text-decoration: none;
  color: #474646;

}

#menu a:hover {background:#cca078; color: #fff;}

#menu a.currentpage {
background:#ff7a3f; color: #fff;}


#foto {
width: 100%;
height: auto;
margin: 15px 0 0 11px;
overflow: hidden;
}

#portraits {
position: absolute;
top: 360px;
left: 261px;
width: 599px;
height: 270px;

z-index: 999;

}

#content-oben {
position: absolute;
top: 149px;
left: 472px;
background: url(https://www.steffen-steinbrueck.de/uploads/layout/trans.png);
width: 443px;
height: 438px;

}

.text {
margin: 0 0 0 30px;
padding: 20px 30px 0 0;

}

h1 {
margin: 0 0 20px 0;

font-size: 100%;
}

h2 {
margin: 12px 0 8px 0;
font-size: 100%;
}

#titel {
font-size: 200%;
font-family: "Crimson Text", verdana;
color:#ff7a3f;
}

#content-li {
float: left;
display: inline;
margin: 30px 0 0 82px;
width: 360px;

}

#content-re {
float: left;
display: inline;
margin: 30px 0 0 30px;
width: 400px;
border-left:  1px solid #c9b9ab;
padding-left: 30px;
}

.line {

width: 948px;
margin: 0 0 0 11px;
height: 20px;
border-bottom: 1px solid #c9b9ab;}

 #footer {

   clear: both;


position: relative;
width: 948px;
height: 125px;
bottom: 0;
margin:0 auto;


border-top: 1px solid #c9b9ab;

}

#foottext {
margin: 15px 0 0 30px;
font-size: 75%;
color: #b0835a;
}

#foottext a {color:#b0835a; background: none;}

#content-oben ul, #content-re ul {
list-style-type: none;
margin-bottom: 20px;
}

#content-oben li, #content-re li {
background: url(https://www.steffen-steinbrueck.de/uploads/layout/list.gif) no-repeat 0 10px;
padding-left: 10px;
margin-bottom: 8px;
}

input { width: 200px; border-top: none; border-right: none;  border-bottom: 1px solid #706e5f; border-left: none; margin-bottom: 15px;}

textarea{ width: 200px; border: 1px solid #706e5f; margin-top: 15px; margin-bottom: 15px;height: 130px;}

.fbsubmit { background: #ff7a3f; color: #fff; width: 150px; border: none; margin-top: 15px; margin-bottom: 15px;}

.cms_checkbox {width: 1em; height: 1em; margin-bottom: 3em;}

p {margin-bottom: 8px;}
a {text-decoration: none; color:#ff7a3f; background: none; }


@media screen and (max-width:50em) 



{


img {width: 100%; height: auto;} 

html, body {
 -webkit-text-size-adjust: none; 
font-size: 0.9em;
background: none;
line-height: 1.8em;
padding: 0;

text-align: center;
}

#wrapper {
width: 97%;
height: auto;
border: none;


position: static;
   margin:0 auto;

}


.signet {width: 80%; height: auto; margin: 0; padding: 4% 0 4% 0;}




#menu, #foto, #kontakt, #portraits, #content-oben, #titel {display: none;}
#menu-mob {display:block;}
#titel-mob {display: block; font-size: 200%;
font-family: "Crimson Text", verdana;
color:#ff7a3f; padding: 4% 0 4% 0;}
#content-li {float: none; width: auto; padding: 0; margin: 4% 0 0 0}
#content-re {float: none; width: auto;padding: 0; margin: 0; border: none;}
#foto-mob {display: block;}
#content-oben-mob {display: block; margin: 0; background: none; width: 100%, height: auto;}
.text {width: auto; margin: 0; padding: 0;}

#content-li img {width: 40%;}

#content-re img {width: 40%;}

.hide {margin-left: 4%; display: block; float: right}

#text { width: auto; padding: 4%; margin: 2% 0 0 0;overflow:auto;}
h2 {margin: 4% 0 4% 0 }

#footer {display: block; width: 97%; height: auto; margin-top: 2%; text-align: center;}
 #foottext {width: auto; height: auto; margin: 0; padding: 2%; text-align: center;}
input {width: 75%;}





.cms_select {width: 75%;}
textarea {width:75%;}
td {width: 30%;}


#foot-bottom {width: 100%; display:inline ;overflow: visible;}
h3 {padding: 0; margin: 0;}

/* Content togle css
----------------------------------------*/
h3.trigger {
    background: url(https://www.steffen-steinbrueck.de/uploads/layout/hamburger.png) no-repeat 0.4em;
    display: block;
    color: #000 !important;
    cursor: pointer;
    font-size: 1.5em !important;
    font-weight: normal !important;
    height: auto;
    line-height: 0.2em !important;
    margin: 0 0 0px !important;
    padding: 4% 4% 4% 10% !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;


}
h3.trigger:hover {
    color: #666666;
}
h3.active {
   
}
.toggle_container {
    
    background-size: auto;
    
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
position: absolute;
z-index: 10000;
}
.toggle_container .block {
    background: #ff7a3f;
    background-size:100% auto;
    padding: 20px;


}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;

}
.toggle_container h3 {
    
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.toggle_container img {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px 15px 15px 0;
    padding: 5px;
}

.toggle_container ul {overflow: hidden;}

.toggle_container li {

list-style: none;
border-top: 2px solid #fff;
margin-top: -6px;
}

.toggle_container li ul {

margin: 10px 0 20px 60px;

}

.toggle_container a {

padding: 10px 0 10px 0;
display: block;
color: #dfeffc;


}

.toggle_container a.currentpage {font-weight: bold;}
/* END Content togle css */
        .newstable {width: 100%; background: none;}




}