/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* html, body */
HTML, BODY
				{
				margin:0;
				padding:0;
				background: #FFF;
				height: 101%;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Lato', sans-serif, Georgia, Times New Roman, Tahoma, Arial, Verdana;
				font-size:100%;
				color:#58585a;
				font-weight:normal;
				text-decoration:none;
				}

a
				{
				color:#84837e;
				text-decoration:none;
				outline: none;
				transition: all 500ms;
				}

a:Hover
				{
				color:#58585a;
				}

b, strong
				{
				font-weight:bold;
				}

img
				{
				border:0px;
				}

h1
				{
				font-size:1.8em;
				text-transform: uppercase;
				padding-bottom: 10px;
				border-bottom: 1px solid #CCC;
				margin-bottom:20px;
				}
				
h3
				{
				font-size:1.4em;
				color: #58585a;
				margin-bottom:10px;
				}
				
h4
				{
				font-size:1.1em;
				color: #58585a;
				margin-bottom:10px;
				}
				
ul
				{
				list-style:none;
				}
				
p
				{
				font-size:1em;
				line-height: 1.6;
				margin-bottom: 15px;
				}
				
p.small
				{
				font-size:.85em;
				line-height: 1.6;
				}

li
				{
				font-size:1em;
				line-height: 1.6;
				}
				
p a,
li a
				{
				color: #948138;
				}
				
i
				{
				font-style: italic;
				color:#c2c0b5;
				}
				
.divider
				{
				height:1px;
				background: #CCC;
				margin: 20px 0 20px 0;
				}
				
a.btn
				{
				color: #948138;
				}
				
a.btn:Hover
				{
				color: #58585a;
				}
				
#id_right ul
				{
				list-style: square;
				margin: 0 0 20px 20px;
				}
				
#id_right ul li
				{
				margin-bottom: 10px;
				}

table
				{
				width: 100%;
				border-collapse: collapse;
				margin-bottom: 20px;
				}

table td
				{
				padding: 6px;
				border: 1px solid #CCC;
				}

table.blank
				{
				width: auto;
				border-collapse:inherit;
				margin: 15px 0 0 0;
				}

table.blank td
				{
				padding: 0;
				border: 0;
				}

table.blank td p
				{
				margin: 0;
				}

#cookie-bar
				{
				background:#F4f4f4;
				height:auto;
				line-height:24px;
				color:#eeeeee;
				text-align:center;
				padding:3px 0;
				}
				
#cookie-bar *
				{
				color: #444;
				text-align: center;
				margin: 0;
				}
				
#cookie-bar.fixed
				{
				position:fixed;
				top:0;
				left:0;
				width:100%;
				}
				
#cookie-bar a.cb-enable
				{
				background:#FFF;
				color: #000;
				display:inline-block;
				border-radius:3px;
				text-decoration:none;
				padding:0 6px;
				margin-left:8px;
				}
		
.highlight
				{
				background: #f4f4f4;
				padding: 30px;
				margin: 30px 0;
				}
			
/* ------------------------------------------------------------------------------------------------------------ */

#id_notar_koeln
				{
				width: 90%;
				max-width: 1140px;
				margin: auto;
				overflow: hidden;
				padding: 30px 0px 20px 0px;
				}

#id_notar_koeln a
				{
				display: block;
				width:272px;
				height: 64px;
				background: url('../images/mueller-leinenweber-notare.svg') top center no-repeat;
				margin: auto;
				}

#id_notar_koeln a span
				{
				display: none;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_menu
				{
				position: relative;
				background: #948137;
				margin-bottom: 1px;
				padding: 4px 0px 5px 0px;
				}
		
#id_menu ul
				{
				text-align: center;
				}
				
#id_menu ul li
				{
				display: inline;
				}
				
#id_menu ul li a
				{
				font-size: 1em;
				font-weight: 500;
				color: #FFF;
				text-transform: uppercase;
				padding: 4px 20px 4px 20px;
				}
				
#id_menu ul li a:Hover,
#id_menu ul li .active
				{
				color:#d2ccb1;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */

#id_header
				{
				width: 100%;
				height: auto;
				margin: auto;
				text-align: center;
				margin-bottom: 1px;
				background: url(../images/pattern.gif);
				overflow: hidden;
				}

#id_header img
				{
				margin: auto;
				height: auto;
				}

.default
				{
				height: 40px!important;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.module
				{
				clear: both;
				padding-top: 40px;
				padding-bottom: 60px;
				width: 90%;
				max-width: 990px;
				margin: auto;
				overflow: hidden;				
				}

.module .image
				{
				float: right;
				margin-left: 20px;
				border: 1px solid #CCC;
				padding: 1px;			
				}
				
/* ------------------------------------------------------------------------------------------------------------ */

#id_left
				{
				float: left;
				width: 220px;
				padding-top: 27px;	
				}

#id_left .head
				{
				width: 100%;
				height: 30px;
				}

#id_left a
				{
				font-size: 0.9em;
				color: #948138;
				margin: 0;
				}				
#id_left .head a
				{
				text-transform: uppercase;
				display: block;
				border-bottom: 1px solid #CCC;
				}
				
#id_left a:Hover,			
#id_left .active
				{
				color: #58585a;
				}

#id_right
				{
				float: right;
				width: 740px;		
				}
			
/* ------------------------------------------------------------------------------------------------------------ */
				
.overview
				{
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #CCC;
				}
			
/* ------------------------------------------------------------------------------------------------------------ */

#id_footer
				{
				margin-top: 10px;
				background: #c5c7c8 url(../images/nrw.png) right top no-repeat;
				}

#id_footer .module
				{
				padding-top: 30px;
				padding-bottom: 30px;
				}

#id_footer a,
#id_footer p
				{
				font-size: 0.8em;
				color: #FFF;
				margin: 0;
				}

#id_footer a *,
#id_footer p *
				{
				font-size: 1em;
				color: #FFF;
				}

#id_footer .footer_row
				{
				float: left;
				width:20%;
				margin-right: 5%;
				}

#id_footer .footer_row ul li
				{
				padding: 0;
				margin-bottom: 0!important;
				}
				
#id_footer .head
				{
				width: 100%;
				height: 30px;
				}
				
#id_footer .head a
				{
				text-transform: uppercase;
				display: block;
				border-bottom: 1px solid #FFF;
				}
				
#id_footer a:Hover
				{
				color: #58585a;
				}

a.underline
				{
				text-decoration: underline;
				}

/* ------------------------------------------------------------------------------------------------------------ */

.contact_left
				{
				width:70%;
				float:left;
				}

.contact_right
				{
				width:300px;
				float:right;
				}				
				
/* form */
input[type=text],
textarea
				{
				border: 1px solid #C7C7C7;
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
				height: 36px;
				margin: 0;
				padding: 0px 0px 0px 4px;
				border-radius: 3px 3px 3px 3px;
				color: #84837e;
				width:99%;
				margin-bottom:10px;
				background: #FFF;
				}
				
textarea
				{
				height:160px;
				}

.alert
				{
				color: #58585a;
				font-weight: bold;
				}
				
.send
				{
				float:right;
				background: #58585a;
				border: none;
				font-size:16px;
				color:#FFF;
				margin-top: 10px;
				padding: 10px 20px 10px 20px;
				cursor: pointer;
				border-radius: 3px 3px 3px 3px;
				transition: all 500ms;
				}
				
.send:Hover
				{
				background: #948138;
				}

/* ------------------------------------------------------------------------------------------------------------ */
				
@media screen and (max-width: 1080px) {

*
				{
				max-width: 100%;
				height: auto;
				}

#id_left
				{
				width: 100%;
				margin-bottom: 40px;
				padding-top: 0;
				}

#id_left ul li
				{
				float: none;
				margin-right: 0;	
				}

#id_right
				{
				float: none;
				width: 100%;
				}

#id_menu ul li a
				{
				padding: 4px 10px 4px 10px;
				}

#id_footer .footer_row
				{
				float: none;
				width:100%;
				margin-right: 0;
				margin-bottom: 40px;
				}
				
	#id_footer a,
	#id_footer p,
	#id_footer td,
	#id_footer td p,
	td
				{
				font-size: 1em;
				}
				
	.module .image
				{
				width: 100%;
				float: none;
				margin-left: 0;
				margin-bottom: 30px;
				}
				
	.module .image img
				{
				width: 100%;	
				}
				
	ul
				{
				margin-left: 20px!important;
				}
				
	.footer_row ul,
	#id_left ul
				{
				margin-left: 0!important;
				}

}

@media screen and (max-width: 768px) {

	#id_menu_item_first
				{
				display:none!important;
				}
	
}