body {
	margin: 0;
	padding: 0;
	background-color: #f1f1f1;
	color: #333;
	font-family: Arial, sans-serif;
}

.clearer {
	clear: both;
}

.umschliesser {
	width: 1100px;
}


#site {
	width: 100%;
}

#submenue {
	background-color: #044f74;
	width: 100%;
	padding: 8px 0 8px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #1eaedf;
}

#submenue ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#submenue ul li {
	display: inline;
	margin: 0 25px 0 0;
	padding: 0;
	list-style: none;
}

#submenue a {
	color: #fff;
	text-decoration: none;
}

#submenue a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Seitenkopp */

#seitenkopf {
	width: 100%;
	border-top: 2px solid #1691bf;
	background: url(pix/hg_kopf.gif) repeat-x;
	border-bottom: 1px solid #fff;
}

#seitenbild {
	float: left;
	width: 679px;
	height: 190px;
	background: url(pix/bild_kopf.jpg) no-repeat;
}

#karte {
	float: left;
	width: 421px;
	height: 190px;
	background: url(pix/karte_kopf.gif) no-repeat;	
}

/* Topmenue */

#topmenue {
	width: 100%;
	background: #199cc8 url(pix/hg_topmenue.gif) repeat-x;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	border-bottom: 1px solid #fff;
}


#topmenue ul {
	margin:  0 0 0 0;
	padding: 0 0 6px 0;
}

#topmenue ul li {
	margin: 0;
	border-right: 1px solid #fff;
	float: left;
	list-style: none;
}

#topmenue ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 6px 15px 6px 15px;
}

.rot { background: #d70217 url(pix/hg_topmenue_rot.gif) repeat-x; }
.orange { background: #f69700 url(pix/hg_topmenue_orange.gif) repeat-x; }
.gruen { background: #afd20f url(pix/hg_topmenue_gruen.gif) repeat-x; }
.blau { background: #29bff0 url(pix/hg_topmenue_blau.gif) repeat-x; }
.pink { background: #d406ba url(pix/hg_topmenue_pink.gif) repeat-x; }
.tuerkis { background: #19d2d0 url(pix/hg_topmenue_tuerkis.gif) repeat-x; }


#topmenue ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #c2c2c2 url(pix/hg_topmenue_grau.gif) repeat-x;
}



#inhaltskasten {
	width: 100%;
	background: url(pix/hg_site.gif) repeat-x;
}

/* Brotkrumen */

#brotkrumen {
	width: 100%;
	font-size: 13px;
	padding: 12px 0 12px 15px;
}

#brotkrumen a {
	color: #333;
	text-decoration: none;
}

#brotkrumen a:hover {
	color: #333;
	text-decoration: underline;
}

#brotkrumen a.on {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

#brotkrumen a.on:hover {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

/* Menue */

#menue {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
}

#menue .kopf {
	background-position: top;
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	padding: 6px 15px 6px 15px;
}

/* --------------------------------  Farben für Kopf Submenue */

.rot_kopf { background-image: url(pix/menue_kopf_rot.png); }
.orange_kopf { background-image: url(pix/menue_kopf_orange.png); }
.gruen_kopf { background-image: url(pix/menue_kopf_gruen.png); }
.blau_kopf { background-image: url(pix/menue_kopf_blau.png); }
.dunkelblau_kopf { background-image: url(pix/menue_kopf_dunkelblau.png); }
.pink_kopf { background-image: url(pix/menue_kopf_pink.png); }
.tuerkis_kopf { background-image: url(pix/menue_kopf_tuerkis.png); }

/* --------------------------------  Ende: Farben für Kopf Submenue */

#menue .rumpf {
	background-color: #fff;
	font-size: 13px;
}

#menue .rumpf ul.ebene2, #menue .rumpf ul.ebene3 {
	margin: 0;
	padding: 0;
}

#menue .rumpf ul.ebene2 li, #menue .rumpf ul.ebene3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dashed #c0c0c0;
	display: block;
}

#menue .rumpf ul.ebene2 li.letzter {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	border: none;
}

#menue .rumpf ul.ebene2 a {
	color: #333;
	text-decoration: none;
	background-color: #fff;
	display: block;
	padding: 8px 15px 8px 15px;
}

#menue .rumpf ul.ebene2 a.on {
	color: #333;
	text-decoration: none;
	background-color: #e3e3e3;
	display: block;
	padding: 8px 15px 8px 15px;
}

#menue .rumpf ul.ebene2 a:hover {
	color: #333;
	display: block;
	text-decoration: none;
	background-color: #e3e3e3;
}

#menue .rumpf ul.ebene3 a {
	color: #333;
	text-decoration: none;
	background-color: #fff;
	display: block;
	padding: 8px 15px 8px 30px;
}

#menue .rumpf ul.ebene3 a.on {
	color: #333;
	text-decoration: none;
	background-color: #f5f5f5;
	display: block;
	padding: 8px 15px 8px 30px;
}

#menue .rumpf ul.ebene3 a:hover {
	color: #333;
	display: block;
	text-decoration: none;
	background-color: #f5f5f5;
}


/* Inhalt */

#inhalt {
	float: left;
	width: 515px;
	margin: 0 20px 0 0;
}

#inhalt .kopfteil {
	background: url(pix/inhalt_kopf.png) no-repeat;
	height: 7px;
	width: 515px;
	overflow: hidden;
}

#inhalt .kopf {
	background-color: #fff;
	padding: 15px 30px 15px 30px;
	font-size: 16px;
	/* text-transform: uppercase; */
	border-bottom: 1px dashed #c0c0c0;
}

#inhalt .rumpf,
#editable_content {
	background-color: #fff;
	padding: 20px 30px 20px 30px;
	font-size: 13px;
}

#editable_content {font-size:12px;}


/* Überschriften */

h1 {font: bold 17px arial;}
h2 {font: bold 13px arial; color:#aaa;}
h3 {font: normal 14px arial; text-transform: uppercase;}
h4 {font: normal 13px arial; margin:0px 0px 10px 0px;}
h5 {font: normal 12px arial;}
h6 {font: normal 11px arial;}

h4 strong a {font: normal 13px arial; color:#044F74;}

hr {width:100%; height:1px; color:#c0c0c0; background:#c0c0c0;}

#inhalt .rumpf table {margin:10px 0px 10px 0px;}

#inhalt .rumpf table td {vertical-align:top; text-align:left;}

/* Links */

#inhalt .rumpf a,
#editable_content a {
color: #044f74; 
text-decoration: none;}

#inhalt .rumpf a:hover,
#editable_content a:hover {
color: #044f74;
 text-decoration: underline;}

/* Suche */

.suchfeld {
	width: 170px;
	height: 22px;
	border: 0px;
	background: url(pix/hg_suche.gif) no-repeat;
	padding: 3px 5px 0 5px;
	font-size: 13px;
	color: #044f74;
}

.suchefeld {
	float: left;
width: 170px;
}

.suchicon {
float: left;
padding: 4px 0 0 10px;
}

.suchicon input{
background:url('pix/icon_suche.gif') no-repeat;
border:0px solid #fff;}

/* Eingabefeld */

.eingabefeld {
	width: 270px;
	height: 18px;
	border: 0px;
	padding: 3px 5px 0 5px;
	font-size: 13px;
	color: #044f74;
}

/* Spalte rechts */

#spalte_rechts {
	float: left;
	width: 230px;
}

.infokasten {
	width: 230px;
	margin: 0 0 10px 0;
}

.infokasten .kopf {
	background: url(pix/infokasten_kopf.png) no-repeat top;
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	padding: 6px 15px 6px 15px;
}

.infokasten .rumpf {
	background-color: #fff;
	padding: 15px 15px 15px 15px;
	font-size: 13px;
}

.infokasten .rumpf ul,
#inhalt .rumpf ul {
	padding: 0;
	margin: 0;
}

.infokasten .rumpf ul li,
#inhalt .rumpf ul li {
	padding: 0 0 6px 12px;
	margin: 0;
	list-style: none;
	background: url(pix/pfeil_blau.gif) 0 5px no-repeat;
}

.infokasten .rumpf ul li.barrierefrei, .infokasten .rumpf ul li.intern {
	padding: 0 0 6px 25px;
	margin: 0;
	list-style: none;
}

.infokasten .rumpf ul li.barrierefrei {
	background: url(pix/icon_barrierefrei.gif) 0 0 no-repeat;
}

.infokasten .rumpf ul li.intern {
	background: url(pix/icon_intern.gif) 0 0 no-repeat;
}


.infokasten .rumpf a {
	color: #044f74;
	text-decoration: none;
}

.infokasten .rumpf a:hover {
	color: #044f74;
	text-decoration: underline;
}

.infokasten .rumpf ul.icons li {
	padding: 0 0 6px 12px;
	margin: 0;
	list-style: none;
	background: url(pix/pfeil_blau.gif) 0 5px no-repeat;
}


/* Fuss */

#fuss {
	width: 100%;
	background-color: #044f74;
	padding: 8px 0 8px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#fuss_links {
	float: left;
	width: 205px;
	margin: 0 20px 0 15px;
}

#fuss_mitte {
	float: left;
	width: 515px;
	margin: 0 20px 0 0;
}

#fuss_mitte ul {
	margin: 0;
	padding: 0;
}

#fuss_mitte ul li {
	display: inline;
	margin: 0 25px 0 0;
	padding: 0;
	list-style: none;
}

#fuss_rechts {
	float: left;
	width: 230px;
}

#fuss_rechts ul {
	margin: 0;
	padding: 0;
}

#fuss_rechts ul li {
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
	background: url(pix/icon_drucken.gif) 0 0 no-repeat;
	display: inline;
}

#fuss a {
	color: #fff;
	text-decoration: none;
}

#fuss a:hover {
	color: #fff;
	text-decoration: underline;
}

/* logout button */

input.logout_button {
background:#044f74;
font: bold 12px arial;
color:#fff;
border:0px solid #fff;}

div#popuplink			{
				margin: 0px 0px 5px 0px;
				}
div#popuplink a span 		{
				display: none;
				text-decoration: none;
				}
div#popuplink a:hover span 	{
				display: block;
				float: right;
				z-index: 29;
				color: #F69700;
				}
div.figure 			{
				float: left;
				width: 40%;
				margin: 0.5em;
				padding: 0.5em;
				}
div.figure p 			{
				text-align: center;
				font-style: italic;
				font-size: smaller;
				text-indent: 0;
				}
img.scaled 			{
				width: 100%;
				}