@charset "utf-8";
/* CSS Document */

* { margin:0pt;  padding:0pt; }
	 
html {
	background-image: url(../img/head_bg2.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	color: #222;
}

a {
	text-decoration:none;
	color:#003C00;
}

a:hover { 
	color: black;
	text-decoration: underline; 
}
	
#container  {
	width: 65em;  
	display:block;
	margin: 0 auto;
	text-align: left;
	max-width: 98%;
	overflow:auto;
	margin-bottom: 10px;
	z-index:3;
    }
	
#header  {
	margin: 0px;
	padding: 0px;
	height: 64px;
    }

#mainContentRahmen{
   	margin-top: 20px;
	border: 1px solid #888;
	padding: 0.6em;
}    

#mainContent  {
    	padding: 0pt;
    	background: #fef9ed url(../img/hov_bg2.jpg);
		border: 1px solid #888;
    	}
#mc1{  	background: transparent url(../img/sign.gif) no-repeat left bottom;  
		background: none;
		}    	
#mc2{	background: url(../img/sign2.gi#f) no-repeat right 90px; }

#dblink{
	float: right;
	color: #aaa;
}

#dblink ul {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
#dblink li{
	border-bottom: 1px solid #888;
	border-left:   1px solid #888;
	float:left;
	margin:0;
	text-align:center;
	width:5em;
}
.active{
}
.inactive{
	display: none;
}
#suchbereich{
		background: white;
		border-bottom: 1px solid #888;
		width: 100%;
		text-align: center;
	}    	
#cssKarte{
		float: right;
		display: block;
		width: 240px;	
}

#ortssuche{
	padding-top: 30px;
	border: 0px solid red;
	width: 72%;
	float: left;
}
#infolinks{
	overflow: hidden;
	width: 210px;
	text-align: left;
}		

input {
		display:block;
		width:86%;
		background-color: #ffae4d;
		padding-left: 0em;
		font-weight: bold;
		margin-left: 7%;
		}		
.selected { 
		background-color: #80CD6D; }

.ortsnavigation{
		text-align: center;
		font-size: 0.9em;
}

#ortsname{
		width: 100%;
		margin:0; padding: 0;
}
h2 {
		font-size: 1.2em;
		padding: 0em 0pt 0.3em 0em;}

#footer  {
	height: 61px;
	background-image: url(../img/foot_bg2.gif);
	background-repeat:repeat-x;
	width: 100%;
	bottom:0px;
    }

/***************   Menu  **************/
#menubox { margin-left:13em; }
.menu {
	background: white;
	font-size:1.1em;
	font-weight:normal;
	padding:0px;
	position:relative;
}
.menu ul {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

.menu li {
	border-left:2px solid #888;
	float:left;
	height:1.4em;
	margin:0pt 0.8em 0pt 0pt;
	text-align:left;
	width:8em;
}
.menu a {
	color:#888;
	display:block;
	height:1.4em;
	margin-left:-0.1em;
	padding-left:0.4em;
	padding-top:0.2em;
	text-decoration:none;
	width:100%;
}
.menu a:hover 	{ background:#888; color: white; }
hr 				{ visibility:hidden; }
/***************   Menu ende **************/

#beta{z-index: 1111; left:12%; top:20px; clear: none; float: none; position: absolute; display: block;}



#block1, #block2 {
padding:1em;
position:relative;
width:46%;
float:left;
z-index: 1;
}

#block1 img, #block2 img {
margin-bottom:0.2em;
margin-left:13em;
}


h4 {
font-size:1.1em;
font-weight:bold;
margin-bottom:0.4em;
}
#ortsname {
z-index: 1;
padding-left:2em;
width: 80%;
}

#verfassung, #sfug, #bevoelkerung, #verwaltungszug, #grundherrschaft, #kirchorg, #ortsnamenformen, #literatur {

background: #F7EFDE url(../img/text_bg.jpg);
border:1px dotted #95886A;
margin-bottom:0.2em;
padding:0.5em;
z-index: 1;
color: #000000;
opacity: 0.8;	-moz-opacity:0.8;	-khtml-opacity:0.8; 	filter:alpha(opacity=80); 

}

h5 { 
display: inline;
}

#punkt2a, #punkt2b, #punkt2c, #punkt2d {
	margin-left: 2em;
}


.abkz{ background-color: yellow;}
.abkz2{ background-color: red;}


.zeile{
	display: block;
	clear: both;

	}

.tab {
	display:  block;
	float: left;
	width: 32%;
	text-align: right;  

}
.tab2 {
	display:  block;
	float: left;
	width: 62%;
	text-align: left;
	margin-left: 2%;
}
.komma{ display: none; }

.dp {
	display:  block;
	float: left;
	width: 1%;
	text-align: right;  
}

.brclear {
	clear: both;
}



.liste{
	list-style-position: outside;
	list-style-type: disc ;
	margin-left: 2em;
}
	

#text a:hover{text-decoration: underline;}

#text p{
	margin-bottom: 0.3em;
	display: block;

}

.caps {
	font-size: 0.7em;
}

#saebiformular{
	display: block;
	width: 50px;
}
#saebiort{ 
position: absolute;
		width: 0pt; height: 0pt;
		border: 0pt;
		margin: 0pt;
}
#saebieingabe{
	background-color: transparent;
	border: 0pt;
	border: 0px solid gray;
	float: left;
 }

#saebilink {
	visibility: hidden;
}

#alleorte{
	font-size: 0.7em; 
	padding:1em;
}

#hinweise{
	padding: 1em;	
}

#hinweise li{
		list-style-type: none;
}


/*---------- bubble tooltip -----------*/

a.tt{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #000; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-250px; left:-250px;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
    text-align: left;
    }

a.tt:hover span.top{
	display: block;
	padding: 10px 8px 0px 0;
    background: url(../img/bubble2.gif) no-repeat top;
}
a.tt:hover span.middle{    /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../img/bubble_filler2.gif) repeat bottom; 
	padding-bottom: 20px;
	}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 15px;
	color: #ff0000;
    background: url(../img/bubble2.gif) no-repeat bottom;
   	padding-bottom: 20px;
}
/*---------- bubble tooltip -----------*/



/*----TAGWOLKE----*/

	#ortswolke { width: 90%; margin: 2em auto; padding: 0; text-align: center;}
	
	#ortswolke a {
		magin: 0.8em 1em 0 0;
	}
	.cloud { width: 80%; margin: 0; padding: 20px;  border: 1px solid #abc; text-align:justify; line-height: 1em; }
	.tag9 { font-size: 27px; color: #33bb33;}
	.tag8 { font-size: 25px; color: #33aa33;}
	.tag7 { font-size: 23px; color: #339933;}
	.tag6 { font-size: 21px; color: #338833;}
	.tag5 { font-size: 19px; color: #337733;}
	.tag4 { font-size: 17px; color: #336633;}
	.tag3 { font-size: 15px; color: #335533;}
	.tag2 { font-size: 13px; color: #334433;}
	.tag1 { font-size: 11px; color: #333333; }

	.tag1 { font-size: 8px; color: #000000; }
	.tag2 { font-size: 9px; color: #111111; }
	.tag3 { font-size: 10px; color: #222222; }
	.tag4 { font-size: 11px; color: #333333; }
	.tag5 { font-size: 12px; color: #334433; }
	.tag6 { font-size: 13px; color: #335533; }
	.tag7 { font-size: 14px; color: #336633; }
	.tag8 { font-size: 15px; color: #337733; }
	.tag9 { font-size: 16px; color: #338833; }
	.tag10 { font-size: 17px; color: #3b9631; }
	.tag11 { font-size: 18px; color: #46912e; }
	.tag12 { font-size: 19px; color: #548b29; }
	.tag13 { font-size: 20px; color: #658424; }
	.tag14 { font-size: 21px; color: #757e1f; }
	.tag15 { font-size: 22px; color: #85761a; }
	.tag16 { font-size: 23px; color: #966f15; }
	.tag17 { font-size: 24px; color: #966f15; }
	.tag18 { font-size: 25px; color: #b1640d; }
	.tag19 { font-size: 26px; color: #b9610b; }
	.tag20 { font-size: 27px; color: #e78005; }
	
	
	
	<!--[if lt IE 7]>
	.cloud { line-height: 1.2em; }
	<![endif]-->


#kontaktformular{ 
	background: #F7EFDE url(../img/text_bg.jpg);
	border:1px dotted #95886A;
	margin-bottom:0.2em;
	padding:0.5em;
	z-index: 10;
	color: #000000;
 }


#kontaktformular input, #kontaktformular textarea{
		display:inline;
		width:100%;
		background-color: #ffae4d;
		padding-left: 0em;
		font-weight: bold;
		margin-left: 0;
		}	
		
#kontaktformular textarea{
	background: white;
}

#spchk { visibility: hidden;
		height: 0; width: 0; }


.Amtsabsatz{
	margin-top:0.5em; 
	margin-left:3em; 
	text-indent:-3em;
}
.AmtsabsatzNeu{
	margin-top:2em; 
	margin-left:3em; 
	text-indent:-3em;
}