/* colors */
/* color usage */
/* reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, theme ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{padding: 0; margin: 0; font: inherit; font-size: 100%; vertical-align: baseline; border: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section{display: block; }
body{line-height: 1; }
ol, ul{list-style: none; }
blockquote, q{quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none; }
table{border-spacing: 0; border-collapse: collapse; }
hr{border-top-width: 0; border-top-style: none; border-left-style: none; }
/* Basic Layout */
html{height: 100%; }
body{max-width:1300px;min-width:360px; margin: 0 auto; font-family: verdana, sans-serif; background-color: #c6cbc8; }
.clearfix:after{display: block; visibility: hidden; height: 0; clear: both; line-height: 0; content: "."; }
#content:after {content:'';display:block;padding-bottom:40px; }
/* Typography */
#content a{text-decoration: none; color: black; border-bottom: solid 1px black; }
#content a:hover{color: #f49e00; border-bottom: solid 1px #f49e00; }
#content p{font-size: 1em; line-height: 1.6em; }
h1, h2{font-family: "Droid Sans", verdana, sans-serif; font-weight: 700; }
h1{margin-top: 3px; margin-bottom: 6px; font-size: 1.3em; line-height: 1.3em; letter-spacing: .6px; }
h2{margin-top: 30px; margin-bottom: 20px; font-size: 1.1em; letter-spacing: 1px; color: #006; }
/* Listen */
#content ul {margin: 18px 0 18px 40px; list-style: disc; }
#content ul li{margin-bottom: 7px; font-size: 1em; line-height: 1.4em; }
/* Header */
header{width: 100%; overflow: hidden; background-color: #9b9f9d; }
/* Header Logo */
header #brand{float: left; width: 20%; padding: 4% 0; background-color: #9b9f9d; }
header #brand img{max-width: 90%; padding: 1% 5%; }
/* Header Banner */
header #banner{position: relative; float: left; width: 54%; }
header #banner-schmal{display: none; }
header #banner img{width: 100%; }
header #banner .tagline{position: absolute; top: 130px; left: 140px; font-family: "Gill Sans", "Droid Sans", verdana, sans-serif; font-size: 1.8em; font-weight: 400; line-height: 1.1em; letter-spacing: 2px; color: #f5f5f5; }

/* Illustrations */
.navig_illustration {width:100%;padding-top:63%;overflow:hidden;}
.homepage .navig_illustration {background-image:url(/images/Fotolia_53662397_XS_Khorzhevska.jpg);background-size:cover;}



/* Header Contact */
#contact-theme-image{display: none; }
header #contact{float: left; width: 26%; background-color: #9b9f9d; }
header #contact .contact-content{padding: 6% 0 0 6%; }
header #contact .contact-content p{font-family: verdana, sans-serif; font-size: .9em; line-height: 1.4em; color: #f3f3f3; }
header #contact .beratung-responsive{display: none; }
/* Header: Make equal height columns, see http://callmenick.com/post/css-equal-height-columns-three-different-ways */
header #brand, header #banner, header #contact{padding-bottom: 99999px; margin-bottom: -99999px; }
/* Main */
#primary{width: 100%; overflow: hidden; }
#primary .container-left{float: left; width: 20%; background-color: #9b9f9d; }
#primary #theme-image{width: 100%;}
#primary #theme-image img{width: 100%; }
/* Navigation */
header #container{display: none; }
#primary nav{padding: 20px 0 50px 10px; font-size: 1.125em; line-height: 1.2em; background-color: #006; }
#primary nav ul li:hover{background-color: #5151cc; }
#navselected{background-color: #5555d5; }
#thePageErben .link-Erben, #thePageSchenkung .link-Schenkung, #thePageTestamentsberatung .link-Testamentsberatung, #thePageErrichten .link-Errichten, #thePageGestalten .link-Gestalten, #thePageErbschaftssteuer .link-Erbschaftssteuer, #thePageErbfall .link-Erbfall, #thePageTestamentsanfechtung .link-Testamentsanfechtung, #thePageErbprozess .link-Erbprozess, #thePagePflichtteilsansprueche .link-Pflichtteilsansprueche, #thePageErbengemeinschaft .link-Erbengemeinschaft, #thePageLebensgemeinschaft .link-Lebensgemeinschaft, #thePageService .link-Service, #thePageKanzlei .link-Kanzlei{border-right: 4px solid orange; }

nav ul.accordion li a {font-family: "Droid Sans", verdana, sans-serif; text-decoration: none; color: #f5f5f5; }
nav ul.accordion li {padding: 5px; padding:10px 5px; font-size: 1em; font-weight: 700; line-height: 1.2em; cursor: hand; color: #fff; }
nav ul.accordion li ul li {padding: 5px 0px 5px 10px; font-size: .8em; font-weight: 400; cursor: hand; letter-spacing: .3px; color: #000; }

/* formular */

textarea{overflow: auto; height: 150px; }
.text{font-size: 90%; }
.pleasewait {display:none;color:green;}


#formular{margin-top: 18px; display: block; width:100%; }
#formular p.formtext{font-size: 1em; line-height: 1.2em;margin-bottom:5px; }
input, textarea, .btn{border: #006 0 solid; color: #000; background-color: #DEDEDE; font-family: verdana; font-size: 100%; color: #000; }
input, textarea{-webkit-appearance: none; -webkit-border-radius: 0; width: 75%; }
input{height: 40px; padding-left: 20px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn{display: inline-block; background-color: #fff; border: #585858 1px solid; color: #585858; margin-top: 0; padding-left: 7px; font-size: 84%; width: 100px; }
.ruecksetzen{border: #006 0 solid; color: #979797; padding-left: 0; }
p.erforderlich{font-size: .7em; line-height: 1.3em; margin-top: -3px; margin-bottom: -1px; }


/* old stuff 

.navig_first_sel{border-right: 5px solid #f93; background-color: #006; }
.navig_second_sel{padding-top: 2px; padding-bottom: 2px; padding-left: 10px; font-size: 1.1em; font-weight: 400; cursor: hand; color: #fff; border-right: 5px solid #f93; }
.navig_title{padding-top: 5px; padding-right: 5px; padding-bottom: 10px; font-weight: 600; }

*/

/* Links*/ 
.footer a:link, .footer a:visited {color: #333300;font-family: Arial,Helvetica,sans-serif;text-decoration: none;}
.contact-content a, .contact-content a:visited {text-decoration:none;color:white;}

/* Content */
#primary #content{float: left; width: 54%; padding: 50px; box-sizing: border-box; background-color: white; }
/* Aside */
aside{float: left; width: 26%; background-color: white; }
.contentcontainer_right{height: auto; margin: 50px auto 35px; font-size: 90%; line-height: 1.4em; color: #444; }
.contentcontainer_right p{padding: 2px 0 12px 20px; font-family: "Droid Sans", verdana, sans-serif; font-size: 1.1em; font-weight: 500; line-height: 1.1em; letter-spacing: 1px; }
/* Aside Akkordeon */
.ac-container{width: 100%; margin: -7px auto 40px; }
.ac-container label{position: relative; z-index: 20; display: block; height: 50px; padding: 10px 20px 7px; font-family: Verdana, Arial, sans-serif; font-size: 1.07em; line-height: 1.3em; cursor: pointer; color: #585858; background: #fff; box-shadow: 0 0 0 1px rgba(155, 155, 155, .3), 0 0 0 0 rgba(255, 255, 255, .9) inset, 0 0 0 rgba(0, 0, 0, .1); }
.ac-container label:hover{background: #dedede; }
.ac-container input:checked + label, .ac-container input:checked + label:hover{color: #fff; background: #006; }
.ac-container label:hover:after, .ac-container input:checked + label:hover:after{position: absolute; top: 7px; right: 13px; width: 24px; height: 24px; content: ""; }
.ac-container input{display: none; }
.ac-container article{position: relative; z-index: 10; height: 0; margin-top: -1px; overflow: hidden; -webkit-transition: height .3s ease-in-out, box-shadow .6s linear; -moz-transition: height .3s ease-in-out, box-shadow .6s linear; -ms-transition: height .3s ease-in-out, box-shadow .6s linear; -o-transition: height .3s ease-in-out, box-shadow .6s linear; transition: height .3s ease-in-out, box-shadow .6s linear; background: rgba(255, 255, 255, .5); }
.ac-container article p{padding: 15px 20px 0; font-family: Verdana, Arial, sans-serif; font-size: 1em; line-height: 1.4em; letter-spacing: 0; color: #000; }
.ac-container article .mehr{padding: 20px; padding-top: 0; font-size: 1em; line-height: 1.4em; }
.ac-container article .mehr a{text-decoration: none; color: #f93; }
.ac-container article .mehr a:hover{color: #f93; border-bottom: solid 2px #f93; }
.ac-container input:checked ~ article {
    -webkit-transition: height .5s ease-in-out, box-shadow .1s linear;
       -moz-transition: height .5s ease-in-out, box-shadow .1s linear;
        -ms-transition: height .5s ease-in-out, box-shadow .1s linear;
         -o-transition: height .5s ease-in-out, box-shadow .1s linear;
            transition: height .5s ease-in-out, box-shadow .1s linear;

    box-shadow: 0 0 0 1px rgba(155, 155, 155, .3);
}
.ac-container input:checked ~ article.ac-smal {
    height: 220px;
}
.ac-container input:checked ~ article.ac-medium {
    height: 275px;
}
.ac-container input:checked ~ article.ac-large {
    height: 310px;
}
.ac-container label.last_checkbox{line-height: 2.8em; }
/* Aside Drucken und Pdf */
a.right_link{text-decoration: none; color: #f93; }
a:hover.right_link{color: #f93; border-bottom: solid 2px #f93; }
.gratis{margin-top: 60px; }
.pdfs{padding: 10px; padding-left: 20px; color: #000; }
.pdfs a{text-decoration: none; color: black; border-bottom: solid 1px black; }
/* Aside Boxen */
.right_box{display: block; width: 200px; height: 30px; padding-top: 7px; padding-left: 20px; margin-bottom: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #010c91; }
.right_box a{font-size: 1em; text-decoration: none; letter-spacing: 1px; color: #fff; }
.right_box a:hover{color: #f93; }
#primary .container-left, #primary #content, #primary aside{padding-bottom: 99999px; margin-bottom: -99999px; }
/* ======== Media Queries ======== */

@media only screen and (max-width: 1250px) {
header #banner .tagline{position: absolute; top: 100px; left: 120px; }
#primary nav{padding-top: 20px; padding-bottom: 50px; padding-left: 10px; font-size: 17px; line-height: 1.2em; }
}
@media only screen and (max-width: 1150px) {
#primary nav{padding-top: 20px; padding-bottom: 50px; padding-left: 10px; font-size: 1em; line-height: 1.2em; }
}
@media only screen and (max-width: 1100px) {
header #banner .tagline{position: absolute; top: 90px; left: 100px; }
header #contact .contact-content p{font-size: .8em; line-height: 1.4em; }
#primary nav{padding-top: 20px; padding-bottom: 50px; padding-left: 10px; font-size: 1em; line-height: 1.2em; }
.right_box{width: 200px; height: 30px; padding-top: 7px; padding-left: 20px; margin-bottom: 7px; line-height: 1.6em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}
@media only screen and (max-width: 1000px) {
header #banner .tagline{position: absolute; top: 80px; left: 80px; font-size: 1.5em; }
header #contact .contact-content{padding: 7% 0 0 7%; }
header #contact .contact-content p{font-size: .75em; line-height: 1.4em; }
#primary nav{font-size: .875em; }
#primary nav .navig_first{font-size: 1.1em; }
#content p{font-size: .9em; line-height: 1.6em; }
#content ul li{font-size: .9em; line-height: 1.4em; }
}
@media only screen and (max-width: 900px) {
header #banner .tagline{top: 60px; left: 60px; font-size: 1.5em; }
header #contact .contact-content{padding: 5% 0 0 5%; }
header #contact .contact-content p{font-size: .65em; line-height: 1.4em; }
#primary nav{font-size: 13px; }
#primary .navigation_table{padding-left: 5px; }
.contentcontainer_right{font-size: 80%; }
.right_box{width: 170px; height: 25px; line-height: 1.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.right_box a{font-size: .9em; }
}
@media only screen and (max-width: 785px) {
header{position: relative; }
header #brand, header #banner, header #contact{padding-bottom: 0; margin-bottom: 0; }
header #brand{display: none; }
header #banner-schmal{display: block; width: 100%; }
header #banner-schmal img{display: block; width: 100%; min-width: 320px; }
header #container{position: fixed; top: .1em; left: .85em; display: block;z-index:10000; }
header #container .menu-btn{font-size: 2em; color: white; }
header #container .menu-btn a{ text-decoration: none; color: black;font-weight:bold;}
header #container.container-push .menu-btn a {color:white;}
header #banner{display: none; float: none; }
header #contact-theme-image{display: block; float: left; width: 50%; }
header #contact-theme-image img{display: block; width: 100%; }
header #contact{float: left; width: 45%; background-color: #9b9f9d; }
header #contact .contact-content{width: 100%; padding: 6% 7% 4% 10%; }
header #contact .contact-content p{font-size: .85em; line-height: 1.2em; color: #f3f3f3; }
header #contact .beratung-responsive{display: block; float: left; margin-top: 5px; margin-bottom: 8px; margin-left: 33px; }
#primary .container-left, #primary #content, #primary aside{padding-bottom: 0; margin-bottom: 0; }
#primary .container-left{float: none; width: 100%; height: auto; }
#primary nav{padding: 0; font-size: 1em; }
#primary nav.navigation_table{padding-top: 30px; padding-left: 0; }
#primary #theme-image{display: none; float: none; width: 100%; background-color: none; }
#primary #content{float: none; width: 100%; background-color: white; }
.navig_first, .navig_first_sel{padding-left: 30px; font-size: 1.3em; }
.navig_second{padding-bottom: 8px; padding-left: 30px; font-size: 1em; line-height: 1.25em; }
.navig_second_sel{padding-top: 2px; padding-bottom: 2px; padding-left: 28px; font-size: .9em; }
.right_box{width: 220px; line-height: 1em; }
.right_box a{font-size: .9em; }
aside {display: none; }
.gte-intermediate {display:block;}

}
@media only screen and (max-width: 730px) {
header #contact .beratung-responsive{margin-left: 31px; }
header #contact .contact-content p{font-size: .8em; }
.gte-intermediate {display:none;}

}
@media only screen and (max-width: 710px) {
header #contact .contact-content p{font-size: .8em; }
header #contact .beratung-responsive{margin-top: 0; margin-left: 29px; }
#primary #content{padding-top: 40px; }
.right_box{width: 210px; }
.right_box a{font-size: .8em; }
}
@media only screen and (max-width: 660px) {
header #contact .contact-content p{font-size: .7em; line-height: 1.2em; }
.right_box{width: 180px; }
}
@media only screen and (max-width: 630px) {
header #contact-theme-image{width: 52%; }
header #contact{width: 43%; }
header #contact .beratung-responsive{margin-left: 26px; }
}
@media only screen and (max-width: 600px) {
header #contact .beratung-responsive{margin-left: 24px; }
}
@media only screen and (max-width: 580px) {
header #contact-theme-image{display: none; float: none; }
header #contact{float: none; width: 100%; overflow: hidden; }
header #contact .contact-content{float: right; width: 42%; padding: 5% 7% 4% 0; }
header #contact .contact-content p{font-size: .9em; line-height: 1.2em; }
header #contact .beratung-responsive{display: block; float: left; padding-top: 6px; padding-bottom: 6px; margin-top: 12px; margin-bottom: 0; margin-left: 50px; }
header #contact .right_box_first{margin-top: 30px; }
.right_box{width: 180px; line-height: 1.4em; }
.right_box a{font-size: .85em; }
}
@media only screen and (max-width: 530px) {
header #contact .contact-content p{font-size: .8em; }
header #contact .right_box_first{margin-top: 26px; }
}
@media only screen and (max-width: 520px) {
header #contact{padding-left: 10%; }
header #contact .contact-content{float: none; width: 100%; padding: 5% 7% 4% 0; }
header #contact .contact-content p{font-size: 1em; line-height: 1.3em; }
header #contact .beratung-responsive{float: none; padding-top: 6px; padding-bottom: 6px; margin-top: 12px; margin-bottom: 0; margin-left: 0; }
header #contact .right_box_first{margin-top: 10px; }
header #contact .right_box_last{margin-bottom: 30px; }
.right_box{width: 240px; line-height: 1.4em; }
.right_box a{font-size: .85em; }
}
@media only screen and (max-width: 420px) {
header #contact{min-width: 320px; padding-top: 2%; padding-left: 13%; }
header #contact .contact-content p{font-size: .9em; line-height: 1.3em; }
#content{min-width: 320px; }
}
@media only screen and (max-width: 370px) {
header #contact{padding-left: 10%; }
}
@media only screen and (min-width: 1800px) {
body {max-width:1400px;}
}