@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;     
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}

h1 {
  font-size: 2.0em;
  text-align: left;
  margin-top:50px;
  margin-bottom: 10px;
}

h2 {
  font-size: 1.5em;
  text-align: left;
  margin-top:20px;
  margin-bottom: 10px;
}

h3 {
  font-size: 1.1em;
  text-align: left;
  margin-top:20px;
  margin-bottom: 10px;
}

q:before,q:after {
    content:'';
}

abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
  font-family: arial, helvetica, sans-serif;
	color: #333;
  background-color: #ffffff;
	color: rgba(0,0,0,0.5);
  font-size: 0.95em;
}

a {
  text-transform: uppercase;
  color:#A03311;
  /*font-size: 0.8em;*/
}

a.maillink {
	text-transform:	none;
}


#banner{
  /*height: 160px;*/
  background-color: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 20px 0 0 0;
  margin:0;
  border-bottom: 1px solid #eee;
}

#footer{
  height: 60px;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  padding: 15px;
  margin:0;
  border-top: 1px solid #eee;
}

#termin{
 /* height: 180px;
  background-color: #ffffff;
  position: fixed;
  right: 10px;
  top: 240px;
  padding: 20px 0 0 0;
  margin:0;
  text-align:center;
  font-size: 1.0em;*/
  text-align:center;
  margin-top:20px;
  font-size:0.4em;
}

div.twocol {
  width:45%;
  min-width:300px;
  float:left;
  padding-right:5%;
}

div.twocol  p{
  margin-bottom:10px;
}

div.threecol {
  width:25%;
  min-width:250px;
  float:left;
  margin:1.5%;
  padding: 5px 10px;
  background-color: rgba(0,0,0,0.1);
}


#footer p {
  /*padding-left:1.5%;
  padding-right:1.5%;*/
 font-size: 0.85em;
}

#banner h1{
	font-size: 1.0em;
  text-align: center;
  font-family: Arial,serif;
  font-variant: small-caps ;
  letter-spacing: 0.07em;
  margin:0;
  padding:0;
}

#banner h1.big{
  font-size: 1.2em;
  letter-spacing: 0.0em;
  font-variant: normal;
  text-transform:uppercase;
  margin-top:10px;
}

p{
  font-size: 1em;
  margin-bottom:0.5em;
  margin-right:2%;
}

.section{
  text-align:left;
} 


#termin a {
  /*text-transform:uppercase;
  line-height:1.3em;
  margin-bottom:3px;
  padding: 9px 18px;
  display:block;
  margin: 10px;*/
  background: #e0a300;
	color: #fff;
}



ul.menusmall li a {
  text-transform:uppercase;
  font-size:0.9em;
  margin-left:100px;
  margin-bottom:3px;
  display:inline-block;
  color:#A03311;
}

.rechtsgebiete ul {
  list-style: square;
}

.rechtsgebiete ul  li{
  margin-left: 15px;
}


#menu{
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:20px 0 0 0;
}

#menu a {
  font-size: 0.8em;
}


#fullPage-nav{
	position: absolute;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}
#fullPage-nav li{
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
}
#fullPage-nav li a{
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

.pure-menu-link, .pure-menu-link:focus{
  background-color: #fff !important
}

.pure-menu-item.active>.pure-menu-link,.pure-menu-link:hover {
  background-color: #eee !important
}


#gmap_canvas img{max-width:none!important;background:none!important}

.pure-g > div {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .l-box {
            padding: 1em;
        }


@media only screen and (max-width : 480px) {
  /*.pure-hidden-sm{display:none !important}*/
  
}

@media screen and (max-width :568px) {
  /*.pure-hidden-sm{display:none !important}*/
 
}


@media screen and (min-width: 35.5em) {
	.pure-g {
		padding-left:2%;
		padding-right:2%;
	}

  #banner h1{
    font-size: 1.0em;
    letter-spacing: 0.07em;
  }

  #banner h1.big{
    font-size: 1.5em;
    letter-spacing: 0.0em;
    margin-top:10px;
  }
  
  #termin {
	  margin-top:15px;
	  font-size:0.6em;
  }
}

@media screen and (min-width: 48em) {
	.pure-g {
		padding-left:4%;
		padding-right:4%;
	}

  #banner h1{
    font-size: 1.0em;
    letter-spacing: 0.07em;
  }

  #banner h1.big{
    font-size: 1.5em;
    letter-spacing: 0.0em;
    margin-top:10px;
  }

  #menu a {
    font-size: 1.0em;
  }
  
  #termin {
	  margin-top:10px;
	  font-size:0.7em;
  }
}

@media screen and (min-width: 58em) {
	.pure-g {
		padding-left:10%;
		padding-right:10%;
	}
	
	#termin {
	  margin-top:10px;
	  font-size:0.9em;
  }

}

@media screen and (min-width: 75em) {
	.pure-g {
		padding-left:15%;
		padding-right:15%;
	}
  #banner h1{
    font-size: 1.5em;
    letter-spacing: 0.07em;
  }

  #banner h1.big{
    font-size: 2.2em;
    letter-spacing: 0.0em;
    margin-top:30px;
  }
}