/* ### 
bruns rechtsanwälte
mike lang 5.2018

layout
#################################################################### */

html { overflow-y: scroll; }
body{ background-color: white; }
#wrapper { margin-left: auto; margin-right: auto; margin-top: 40px; background-position: 40px; background-image: url(bg_faux_col.gif); background-repeat: repeat-y; height: 100%; width: 1080px; padding-right: 40px; padding-left: 40px; }
#ie_warning { color: black; background-color: #f1f1f1; width: 100%; margin-top: 40px; padding: 10px; border: solid 1px #e64e28; }
noscript h3 {color: red;font-size: 17px;line-height: 1.5em;background-image: url(nav_li_bg.png);background-repeat: repeat;position: absolute;z-index: 200;margin-top: 150px;margin-left: 30px;padding: 5px;}

#linke_spalte { position: fixed; width: 211px; float: left; }
#rechte_spalte { width: 840px; float: right; }

#header { min-height: 300px; position: relative; width: 100%;  }
#ueberschrift { width: 100%; position: relative; }
#ueberschrift_o { font-family: "Istok Web"; width: 100%; top: -30px; position: relative; margin-bottom: 25px; font-size: 30px; text-transform: uppercase; color: white; text-align: center;}
#ueberschrift_u { top: -30px; width: 100%; position: relative; letter-spacing: 4px; font-size: 55px; text-transform: uppercase; color: #301f61; text-align: center;}

#logo { height: 203px; width: 211px; float: left; border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 5px; }
#logo img { width: 211px; height: 203px; }
#logo a, #logo a:hover { background-image: none; padding: 0px; margin: 0px; border-style: none; border-width: 0px; }

#mainnav { float: left; margin-top: 50px; margin-bottom: 30px; margin-left: 20px; }
#content { width: 100%; height: auto; min-height: 400px; padding-top: 40px; }

.einspaltig #content1 {float: left; display: inline-block; width: 700px;}

/*
.einspaltig .txt { border-right-color: white; border-right-width: 20px; border-right-style: solid; background-color: #f5f5f5; border-left-color: #e9e9e9; border-left-style: solid; border-left-width: 40px; padding-right: 50px; padding-left: 10px; }
*/


.einspaltig .txt { padding-right: 50px; padding-left: 50px; }

.zweispaltig #content1, .zweispaltig #content2 { height: 100%; float: left; display: inline-block; width: 400px; }
.zweispaltig #content1 {margin-right: 20px;}

.dreispaltig #content1, .dreispaltig #content2, .dreispaltig #content3 { float: left; display: inline-block; width: 260px;}
.dreispaltig #content1, .dreispaltig #content2 { margin-right: 20px;}

#footer { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; float: left; padding-top: 10px; padding-bottom: 10px; width: 100%; }
#footer p { color: #001e40; font-size: 0.8em; float: right; margin: 2px 20px 0 0; padding-left: 3px; padding-bottom: 3px; padding-right: 2px; padding-top: 2px; }
#footer a { padding-left: 3px; padding-bottom: 2px; padding-right: 2px; padding-top: 2px; color: #001e40; font-size: 0.8em; float: right; margin: 2px 20px 0 0; border-style: none; border-width: 0; }

/*google modul */
.map_canvas { border: solid 1px #7c7c7c; height: 340px !important; width: 100% !important; }
.hide {display: none;} 

/* bild */
.bild { background-color: #f3f3f3; margin-top: 0px; display: inline-block; margin-bottom: 25px; vertical-align: top; margin-right: 20px; }
.bild_klein, .bild_mittel { background-color: #dadada; margin-right: 20px; }
.bildtext { display: block; margin-top: 15px; padding: 1em 1em 2em 1em; }
.bildtext ol li, .bildtext ul li { list-style-type: square; list-style-position: outside; margin-left: .5em; }




.bild h2, .bild p, .bild b, .bild ul, .bild ol { padding-left: 8px; }

#sitemap ul li {margin:10px 0 0 0}
#sitemap ul ul li {margin:10px 0 0 20px}
#sitemap ul li a {margin: 0 0 5px 0;padding: 2px 15px 2px 10px;font-size: 1.3em;text-decoration:none}
#sitemap ul li a:before {margin: 0 5px 0 0;font-size: 1em;font-weight: 700;}
#sitemap ul li a:hover {color:gray}
#sitemap ul li a:hover:before {color:#000}
#sitemap ul {padding-left: 20px;list-style-type:none !important}
#sitemap ul:first-child {padding-top:10px}
#sitemap ul:last-child {margin-bottom:10px}
#sitemap ul:last-child a {color: #000;font-size: 1em;text-decoration:none}
#sitemap ul:last-child a:before {font-size:20px}

a.seositemapedit {font-size: 12px;color:#000}
a.seositemapedit:before { color: #000; font-size:12px}
a.seositemapedit:hover {color:red}
a.seositemapedit:before {color:red}
a.seositemapedit span {display: inline-block;font-size: 12px;margin-left:20px}
a.seositemapedit.warning strong {font-size: 10px;color:red}



/* https://cookieconsent.insites.com */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:120px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}




/*styles for 0px bis 999px!*/
@media screen and (min-width: 0px){
	#linke_spalte { position: static; }
}