@import url(http://reset5.googlecode.com/hg/reset.min.css);
@import url(http://fonts.googleapis.com/css?family=Domine:400,700);
@import url("/css/menu.css");

#content h1, 
#content h2, 
#content h3
{
	font-family: 'Domine', serif;
}

#content-frame
{
	width:85em;
	clear:both;
	margin:0 auto;
}

#content-right
{
	float:right;
	width:63em;
}

#content-right #content
{
	width:auto;
}

#content-right h1
{
	width:auto;
}

#content-right #topnav, 
#content-right #bottomnav
{
	width:auto;
}

a.ico
{
    padding-left:20px;
    height:18px;
}

a.down
{
    background: transparent url(/images/ico/down.png) no-repeat left center;
}

a.up
{
    background: transparent url(/images/ico/up.png) no-repeat left center;
}

a.home
{
    background: transparent url(/images/ico/home.png) no-repeat left center;
}

a.eye
{
    background: transparent url(/images/ico/eye.png) no-repeat left center;
}

a.mail-send
{
    background: transparent url(/images/ico/mail-send.png) no-repeat left center;
}

a.pdf
{
    background: transparent url(/images/pdf.gif) no-repeat left center;
}


*
{
	font-family: "Lucida Sans Unicode","Lucida Sans", Verdana, Tahoma;
}

body
{
	font-size: 100%;
	text-align: center;
}

body.subpage
{
	font-size:0.8em;
}

div.info
{
	background-color:#ecf4ff;
	border-top:solid 1px #bcf;
	border-bottom:solid 1px #bcf;
	margin:1em;
	padding:0.25em;
}

div.info p
{
	color:#009;
}

span.new
{
	text-transform:uppercase;
	color:red;
	font-size:0.85em;
	vertical-align:super;
	margin:0 0 0 0.25em;
}

a:link, a:visited, a:active
{
  color: #0000CD;
  text-decoration: none;
}

a:hover
{
  color: #0000CD;
  text-decoration: underline;
}

.small
{
	font-size:0.9em;
}

img
{
  border: 0;
}

img.nb, #content img.nb
{
	border:0;
	padding:0;
	vertical-align:middle;
	background-color:transparent;
}

img.nf, #content img.nf
{
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
	background-color:transparent;
}

img.fl, #content img.fl
{
  float: left;
  margin: 0 12px 12px 0;
}

img.fr
{
  float: right;
  margin: 0 0 12px 12px;
}


div.cl, .cl
{
  	clear: both;
}

div#sub-header
{

 	font-size: 1em;
 	width: 75em;
	display: block;

	margin: 0.5em auto;
	clear: both;
	overflow: hidden;
}

/* --- content section --- */


div#content
{
/*	font-size: 1em;*/
	width: 75em;

  /* background: #fefefe url('../images/content-bg.jpg') repeat-y left top;*/
  background-color: #fefefe;
  display: block;
  border-left: 1px #e1e1e1 solid;
  margin: 0 auto 0 auto;
  text-align: left;
  /*overflow: hidden;*/
  overflow:auto;
  position:relative;
  padding:1px 0;
}

div#content_search
{
 	font-size: 1em;
 	width: 75em;
    border-left: 1px #e1e1e1 solid;
    margin: 0 auto;
    text-align: left;
}
div#content a:hover
{
	color: #FF8000;
	text-decoration: underline;
}


#content p, #content dl, #content ul, #content blockquote
{
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	margin: 1em 1em 1em 1.5em;
}

#content blockquote p
{
	margin:1em 0;
}

#content small
{
	font-size: 0.85em;
}

#content p.imageleft img
{
	overflow: visible;
	margin: 4px 8px 8px 0;
	float: left;
	vertical-align: top;
	display: block;
}

#content table td
{
	padding: 0.5em;
	border-bottom: 1px #eee solid;
	vertical-align: top;
}

#content table th
{
	padding: 0.5em;
	border-bottom: 1px #eee solid;
	vertical-align: top;
}

#content table
{
	font-size: 1.1em;
	width: 85%;
	margin: 1em;
	border-collapse: collapse;
	border-top: 2px #aaa solid;
	border-bottom: 2px #aaa solid;
	padding:0;
	background-color: #fafafa;
	table-layout:fixed;
}

body.grundbuch #content table
{
	width:auto;
}

body.grundbuch h2
{
	background: #E0FFFF;
}

#content table.simple
{
	margin: 1em;
	width: 90%;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}

.red
{
	color:#900;
}

.red a
{
	color:#900;
	text-decoration:underline;
}

.bold
{
	font-weight:bold;
}

td.w20
{
	width: 20%;
}

#content blockquote
{
	background-color: #fff;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 0.5em 1.5em;
	color: #666;
}

#content img, #content_detail img,
#content img, #content iframe
{
	background-color: #f6f6f6;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 8px;
}

#content div.picture
{
	text-align: left;
	font-size: 0.9em;
}

#content div.picture img
{
	margin: 0 0 0.5em auto;
	float: none;
	clear: both;
	
}

#content div.right
{
	float: right;
	width: 33%;
	padding: 2em;
}

#content div.left
{
	float: left;
	width: 33%;
	padding: 2em;
}

#content div.picture span
{
	color: #555;
	line-height: 1.25em;
	display: block;
}

#map
{
	display: block;
	margin: 1em;
}

#map img
{
	background-color: transparent;
	padding: 0;
	border: 0;
	margin: 1em;
}

body.subpage div#content ul
{
	list-style-type: square;
	list-style-position: inside;
	/*margin: 0 0 1em 2em;*/
	/*font-size: 1.1em;*/
	/*line-height: 1.5em;*/
}

body.subpage #content table td ul
{
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 1em 2em;
	font-size: 1em;
	line-height: 1.5em;
}

h1
{
 	font-size: 2em;
 	width: 37.5em;

	margin: 0.5em auto;
	display: block;
	background-color: #4169E1;
	color: white;
	clear: both;
	text-align: left;
}

h1 a:link, h1 a:visited, h1 a:active
{
	color:#fff;
}

h1 span.title
{
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 0 0.5em;
}

#content h2
{
/*	text-transform: uppercase; */
	display: block;
	font-size: 1.7em;
	line-height: 1.4em;
	color: #333;
	margin: 1em 0.75em;
	font-weight: bold;
}

#content h3
{
/*	text-transform: uppercase; */
	display: block;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #333;
	margin:1em 1.05em;
	font-weight: normal;
}

/*
	--- ---
*/	

div#footer
{
	margin: 0 0 1em 0;
	font-size: 0.85em;
	letter-spacing: 0.2em;
}

div#footer p, 
div#footer p a
{
	color: #777;
	text-transform: uppercase;
}

p.fr
{
  text-align: left;
}


/*
   --- google-area --- 
*/

div#google
{
	display: block;
	margin: 32px 0 0 0;
}

a#homelink
{
	background: #fff url(../images/bruecke-small.gif);
	display: block;
	width: 320px;
	height: 108px;
	float: left;
	overflow: visible;
}

span#subpageheaderimgschild
{
	background: url(../images/heubisch-schild.jpg) no-repeat;
	/*background: url(../images/KW_2010.png) no-repeat;*/
	display: block;
	width: 92px;
	height: 108px;
	float: right;
}

span#subpageheaderimg
{
	background: url(../images/westen.jpg) no-repeat;
	display: block;
	width: 383px;
	height: 108px;
	float: right;
}

/*
	--- nav ---
*/

div#topnav, div#bottomnav
{
 	width: 75em;
  border-left: 1px #e1e1e1 solid;
	text-transform: uppercase;
	background-color: #efefef;
 	text-align: right;
 	clear: both;
}

div#topnav
{
  border-top: 1px #e1e1e1 solid;
	margin: 4px auto 0 auto;
}

div#bottomnav
{
  border-bottom: 1px #e1e1e1 solid;
	margin: 0 auto 16px auto;
}

div#topnav span, div#bottomnav span
{
    font-size:1em;
    }

div#topnav span a, 
div#bottomnav span a
{
	font-size: 0.75em;
	line-height: 2.85em;
	font-family: Verdana, Helvetica, sans-serif;
	margin-right: 2em;
	padding-top:2px;
	padding-bottom:2px;
} 

/*
div#topnav span.email a,
div#bottomnav span.email a
{
	background: transparent url('../images/e-mail.gif') no-repeat center center;
	padding: 0 1em;
	overflow: visible;
}

div#topnav span.email a:hover,
div#bottomnav span.email a:hover
{
	
	text-decoration: none;
	
}
*/



/*
	--- bildergalerie ---
	
*/

.h-label, #content a.h-label
{
	cursor:pointer;
	background-color: #d3e6fc;
	color: #6AE;
	border: solid 1px #d3e6fc;
	margin-right: 1.5em;
	padding:0.25em 0.5em;
	display:inline-block;
	-webkit-border-radius: 4px;
	text-decoration:none;
}

.active-h-label, #content a.active-h-label
{
	background-color: #6AE;
	color: #fff;
	border: solid 1px #6AE;
}	

#content .h-label:hover, a.h-label:hover
{
	background-color: #d3e6fc;
	color: #159;
	border: solid 1px #159;
	text-decoration:none;
}

.active-h-label:hover, #content a.active-h-label:hover
{
	background-color: #6AE;
	color: #fff;
	border: solid 1px #6AE;
	text-decoration:none;
}

body.gallery div#content div.W100
{
	width:100%;
	float:none;
	clear:both;
	margin:0 0 2em 0;
}

body.gallery div#content div.W50
{
	float:left;
	width:50%;
	margin:0 0 2em 0;
}

body.gallery div#content div.W25
{
	float:left;
	width:25%;
	margin:0 0 2em 0;
}


body.gallery div#content div.W25 img,
body.gallery div#content div.W50 img, 
body.gallery div#content div.W100 img
{
	float:left;
}

body.gallery div#content div.W25 p, 
body.gallery div#content div.W50 p, 
body.gallery div#content div.W100 p
{
	font-size: 0.9em;
	color: #777;
	line-height:1.75;
}

body.gallery div#content div.W100 p.red
{
	color:#900;
}



/* --- zwei-spaltig --- */
div.col2
{
	float: none;
	display: table;
	clear: both;
	padding: 0;
	margin: 8px 0 8px 0;
	overflow: visible;
	width: 100%;
}

body.gallery div.col2 img
{
	background-color: white;
	padding: 4px;
	border: 1px solid #ddd;
	float: left;
	margin: 0 8px 8px 0;
}

body.gallery div.col21 p, body.gallery div.col22 p
{
	line-height: 1px;
	padding-right: 8px;
}

div.col2 div.col21
{
	overflow: hidden;
	width: 50%;
	float: left;
}

div.col2 div.col22
{
	overflow: hidden;
	width: 50%;
	float: right;
}

body.gallery div.col2
{
	font-size: 0.8em;
	color: #777;
}



.grey
{
	color: #aaa;
}

.center
{
	text-align: center;
}

/* --- firefox image --- */

#content img.firefox
{
  float: right;
  margin: 0 0 12px 12px;
  padding: 0;
  border: 0;
  margin: 1em;
  background-color: transparent;
}

a#translate
{
}

a#translate:hover
{
	text-decoration: none;
}

/* --- links page --- */

dl.linklist dt a
{
	display:block;
	font-weight: bold;
}

dl.linklist
{
/*	font-size:1.1em;*/
	line-height:1.5;
	margin: 0.5em 1em 1em 1em;
}

/*
#content dl.linklist dd p
{
font-size:1.1em;
line-height:1.5;
}
*/

dl.linklist dt
{
	width:25%;
	float:left;
	clear:left;
	border-top:1px dashed #999;
	padding: .5em .5em 1.5em 0.5em;
}

dl.linklist dd
{
	margin-left:30%;
	border-top:1px dashed #999;
	padding: .5em .5em 1.5em 0.5em;
}

dl.linklist dd:after
{
	content:".";
	display:block;
	clear:left;
	height:0;
	visibility:hidden;
}

<!--[if lte IE 7]>

dl.linklist
{
	min-height:0;
}

* html dl.linklist, * html dl.linklist dd
{
	height:1px;
}

<![endif]-->




/* --- google suche --- */

div#content table.gsc-search-box,
div#content table.gcsc-branding
{
    border:0;
    table-layout:auto;
}

#content_search div.gsc-control-cse div.gsc-cursor-box
{
    text-align:center;
}

div#content_search table.gsc-table-result,
div#content_search table.gsc-table-result a.gs-title
{
    font-size:85%;
    border:0;
}

div#content table.nav
{
	width:100%;
	margin: 1em 0;
	border-top: 1px solid #8af;
	border-bottom: 1px solid #8af;
	background-color:#f1f1ff;
	font-size:1.25em;
}

div#content table.nav td
{
	text-align:center;
	border-bottom-width:0;
	font-weight:bold;
}

div#content table.nav td.nav_active
{
	background-color:#cdf;
}

div.covid19
{
	height:100%;
	padding-top:8px;
	padding-bottom:8px;
	overflow: hidden;
}

div.covid19 .covid19-value
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: xx-large;
	font-weight: bolder;
}

div.covid19 .danger
{
	background-color: red;
	color:white;
}

div.covid19 .warning
{
	background-color: orange;
	color:white;
}

div.covid19 .info
{
	background-color: green;
	color:white;
}

div.covid19 .covid19-updated
{
	color:#aaa;
	font-size: smaller;
}

div.covid19 .covid19-location, div.covid19 .covid19-updated
{
	white-space: nowrap;
}