html, body {
    color: #2b2b2b;  
	font-family: "Calibri",sans-serif;
	line-height: 1.4em;
    font-size: 14px;
    height: 100%;
    margin: 0;
    width: 100%;
}

/*Überschriften*/
h1 {
    color: #555555;
    font-size: 26px;
    margin: 0 0 20px;
}
h2 {
    color: #555555;
	font-size: 20px;
    margin: 0 0 24px;
}
h3 {
    color: #555555;
    font-size: 17px;
    margin: 20px 0;
}
h4 {
    color: #555555;
    font-size: 16px;
    margin: 0 0 14px;
}

/*Überschriften Ende*/

p {
    font-size: 14px;
}

mark{
	color: #555555;
	background: #ffffff;
	font-size: 16px;
}

/*a=Links allgemein, egal wo eingebaut*/
a {
    color: #006dbd;
    text-decoration: none;
}
	/*hover=Farbe des Links beim drüberstreichen mit der Maus*/
a:hover {
    color: #00365e;
}
/*Ende Links*/

ul, ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.text-center {
    text-align: center;
}

.imgcenter{
		display: block; margin: 0px auto;
}

body{
	padding-top:40px;
}

/*layout-page=ist der gesamte Teil, der den Header bildet und für jede einzelne Seite das Layout bestimmt (Navigationsleitste oben, blauer Streifen, Karte)*/
.layout-page{
	margin: 0 auto;
	position:relative;
	width:1100px;
}

/*layout-header=der blaue Streifen hinter der Karte im Header*/
.layout-header{
	background-color: #006dbd;
    border-top: 4px solid #e5e5e5;  /*#4c98d0*/
	border-bottom: 4px solid #4c98d0;
    height: 120px;
    min-width: 1100px;	
}

/*nav--meta=ist die Navigationsleiste oben, über dem Header, die sich auch im Stadtplandienst wieder findet*/
.layout-page .nav--meta{
    position: absolute;
    right: 0;
    top: -154px;
}
	/*Farbe der Striche zwischen den einzelnen Texten*/
	/*die Textfarbe selber wird über die Farbgebung für Links (siehe oben: a) geregelt, diese sind immer blau*/
.nav--meta {
    color: #808080;
    font-size: 16px;
}
.nav--meta li {
    display: inline;
}
/*Ende nav--meta*/

/*class=nav-main; linke Navigationsleiste*/
.nav-main li {
    background-color: #e6e7e8;
    cursor: pointer;
    font-size: 16px;
	#font-weight: bold;
    margin-bottom: 6px;
}
	/*Hintergrundfarbe ändert sich beim drüberstreichen mit der Maus*/
.nav-main li:hover {
    background-color: #d8d8d8;
}
.nav-main a {
    color: #2b2b2b;
    display: block;
    padding: 6px 8px;
}
	/*Schriftfarbe ändert sich beim drüberstreichen mit der Maus*/
.nav-main a:hover{
	color: #fdfdfd;
}
.nav-main li.active {
    background-color: #006dbd;
}
.nav-main li.active a {
    color: #ffffff;
}
.nav-main-sub {
    border-left: 8px solid #808080;
}
.nav-main-sub.subactive {
    border-left: 8px solid #006dbd;
}
/*nav-main Ende*/

.layout-banner {
    background-color: #e6e7e8;
    background-image: url("img/banner_osm_geoportal.png");
    height: 228px;
    margin: -100px auto 40px;
    width: 1099px;
}

.layout-banner_open {
    background-color: #e6e7e8;
    background-image: url("img/banner_osm_opengeodata.png");
    height: 228px;
    margin: -100px auto 40px;
    width: 1099px;
}

/*wrapper=ist der gesamte Inhalt der Seite ohne Header*/
.wrapper{
	width:1100px;
	margin: 0 auto;
}

/*layout-contentcontainer=ist der Textteil der Seite, der vom Header und den Navigationsleisten links und rechts, so wie dem Fußteil eingerahmt wird*/
.layout-contentcontainer {
    color: #2b2b2b;
    float: left;
    margin: 0 20px;
    position: relative;
    width: 620px;
}

/*layout-navcontainer = Layout der Verlinkungen auf der linken Seite*/
.layout-navcontainer {
    float: left;
    width: 220px;
}

/*beim drüberstreichen ändert sich die Farbe der Verlinkungen*/
.layout-navcontainer a:hover{
    color: #006dbd;
}


/*Informationsleiste rechts*/
/*infocontentcontainer=Aufzählung mit allgemeinem Listen-Symbol; siehe unten: #liste*/
.layout-infocontentcontainer {
    float: left;
    width: 220px;
}
.layout-infocontentcontainer > div {
    background-color: #e6e7e8;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 25px;
}
	/*h2 überschreibt an dieser Stelle die h2-Einstellungen von oben*/
.layout-infocontentcontainer h2 {
    font-size: 19px;
	font-weight:bold;
    font-weight: normal;
}
.layout-infocontentcontainer a {
    color: #4b4b4b;
}
	/*Textfarbe ändert sich beim drüberstreichenmit der Maus*/
.layout-infocontentcontainer a:hover {
    color: #006dbd;
}
.layout-infocontentcontainer ul {
    list-style-image:url("img/liste.jpg");
    padding-left: 25px;
}
.layout-infocontentcontainer li {
    color: #9b9b9b;
    margin-bottom: 5px;
}


/*infocontentcontainer-pdf=Aufzählung mit PDF-Symbol*/
.layout-infocontentcontainer-pdf {
    float: left;
    width: 220px;
}
.layout-infocontentcontainer-pdf  > div {
    background-color: #e6e7e8;
    font-size: 14px;
	line-height:140%;
    margin-bottom: 20px;
    padding: 30px;
}
.layout-infocontentcontainer-pdf  h2 {
    font-size: 18px;
	font-weight:bold;
    font-weight: normal;
}
.layout-infocontentcontainer-pdf  a {
    color: #4b4b4b;
}
.layout-infocontentcontainer-pdf  a:hover {
    color: #006dbd;
}
	/*image-url gibt die Graphik an, die für die Auflistung genutzt werden soll*/
.layout-infocontentcontainer-pdf  ul {
    list-style-image:url("img/liste_pdf.jpg");
    padding-left: 20px;
}
.layout-infocontentcontainer-pdf  li {
    color: #9b9b9b;
    margin-bottom: 7px;
}
/*Ende infocontentcontainer*/


.text-center {
    text-align: center;
	font-size:10px;
}

/*alle Listen greifen auf dieses Layout der Aufzählung zurück; nicht nur 'infocontentcontainer' in der rechten Leiste*/
/*Listensymbol=image-url*/
#liste li{
	font-size:14px;
	padding-left:0.6em;
	margin-left:1.2em;
	list-style-image:url("img/liste.jpg");
}

#listelinks li{
	font-size:14px;
	padding-left:0.9em;
	margin-left:2.1em;
	list-style-image:url("img/pfeil.jpg");
}

/*Listensymbol=PDF*/
#liste_pdf li{
	font-size:14px;
	line-height:150%;
	padding-left:0.6em;
	margin-left:1.2em;
	list-style-image:url("img/liste_pdf.jpg");
}
/*Listensymbol=CSV-Datei*/
#liste_csv li{
	font-size:14px;
	padding-left:0.6em;
	margin-left:1.2em;
	list-style-image:url("img/liste_csv.png");
}

/*Listensymbol=Shapefile-Datei*/
#liste_shp li{
	font-size:14px;
	padding-left:0.6em;
	margin-left:1.2em;
	list-style-image:url("img/liste_shp.png");
}