/* FP *****************************************************************************************/

a { font-weight: bold; }

ul.galleryswitcher {
float: right;
list-style: none;
}


ul.galleryswitcher a { font-size: 9px; text-align: right; display:block; }

div#content_mitte ol { margin: 5px 0 5px 80px; }
div#content_mitte ol li { margin: 0 0 5px; }

#fp_menu, .fp_submenu {
list-style: none;
width: 100%;
height: 20px;
margin: 5px 0;
padding: 0;
background: #99D5C6;
display: block;
}

.fp_submenu { margin: 0; }

#fp_menu li, .fp_submenu li {
float: left;
padding: 0 5px 0 10px;
list-style-image: none;
margin: 0;
height: 20px;
line-height: 20px;
}

#fp_menu li a, .fp_submenu li a { font-weight: bold; }
#fp_menu li a:hover, .fp_submenu li a:hover { background: none; }

.fp_hidden { display: none; }

.fp_active { background: #00A382; }

a.fp_download, a.fp_email, a.fp_link {
padding: 0 0 0 20px;
height: 20px;
}

a.fp_download { background: url(http://lags.de/typo3/fileadmin/Uploads/Malstatt/disk.png) left center no-repeat; }

a.fp_email { background: url(http://lags.de/typo3/fileadmin/Uploads/Malstatt/email.png) left center no-repeat; }

a.fp_link { background: url(http://lags.de/typo3/fileadmin/Uploads/Malstatt/world.png) left center no-repeat; }

/* FP Ende ************************************************************************************/

body {
	margin: 0px;
	padding: 0px;
  	background-color: #ccd5c3;
}

.leftcol {
	width: 140px;
	padding-left:10px;
	background-color: #f1f3ee;
	border-right-width:4px;
	border-right-style:solid;
	border-right-color: #83a0c3;
}

.rightcol {
	background-color: #ffffff;
        border-left-width:5px;
        border-left-style:solid;
        border-left-color: #83a0c3;
}

.header_table {
        border-right-width:1px;
        border-right-style:solid;
        border-right-color: black;
        border-left-width:1px;
        border-left-style:solid;
        border-left-color: black;
        border-top-width:1px;
        border-top-style:solid;
        border-top-color: black;
}

.content_table {
	width: 942px;
        border-right-width:1px;
        border-right-style:solid;
        border-right-color: black;
        border-left-width:1px;
        border-left-style:solid;
        border-left-color: black;
        border-top-width:1px;
        border-top-style:solid;
        border-top-color: black;
}

.spacer_blue {
	font-size: 4px;
	background-color: #83a0c3;
}

.spacer_dark_blue {
	background-color: #004f84;
}

.spacer_green {
	font-size: 4px;
        border-top-width:1px;
        border-top-style:solid;
        border-top-color: #00a886;
	background-color: #99d5c6;
}

.footer {
	padding: 2px 0px 0px 0px;
	margin: 0px;
	height: 25px;
	background-color: #00a886;
        border-bottom-width:1px;
        border-bottom-style:solid;
        border-bottom-color: black;
	vertical-align: top;
}

.footer A:visited {
        padding: 0px;
        margin: 0px;
	text-decoration: none;
	color: #fff;
}

.footer td, .footer A, .footer text{
	padding: 0px;
	margin: 0px;
        background-color: #00a886;
        color: #fff;
        font-weight:bold;
        text-decoration: none; 
}

.seitenTitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333366;
}

/* LEFTNAV */
/*
.nav2 A:link, A:visited, A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
*/

.adresse {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 70px;
	padding-bottom: 20px;
	background-color: #f1f3ee;
}
@media screen {
	#content_mitte {
		width: 645px;
		overflow: auto;
		padding: 0px, 8px, 0px, 8px;
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 0px; 
		margin-bottom: 0px;
		height: 530px;	
	}
}
@media page {
	#content_mitte {
		width: 645px;
		overflow: auto;
		padding: 0px, 8px, 0px, 8px;
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 0px; 
		margin-bottom: 0px;
		height: auto;	
	}
	#news-latest-item{
		offset-left: 1px;
	}		
	}
	
}


#adressangaben {
	background-color: #eeeeee;
}

#adressangaben td {
        background-color: #eeeeee;
}


#rechteck_gelb_gross {
	 position: relative;
	 background-repeat: no-repeat;
	 background-image: url(../images/rechteck_rotiert_gelb.png);
	 width: 90px;
	 height: 90px;
	 left: 15px;
	 top: 70px;
}

#rechtecke {
         position: relative;
         background-repeat: no-repeat;
         background-image: url(../images/rechtecke.png);
         width: 130px;
         height: 37px;
         top: 7px;
}

#projekte_header {
         position: relative;
         background-repeat: no-repeat;
         background-image: url(../images/projekte_header.png);
         width: 100px;
         height: 35px;
         top: 10px;
	 left: 25px;	 
}



#content_quadrate {
	background-color: #fff1d0;
        height: 428px;
}

#content_quadrate h1 {
	padding: 0px;
	margin: 0px;
        background-color: #fff1d0;
	color: #00a783;
	font-weight: bold;
}

#quadrate {
	position: relative;
        top: 0px;
        left: 100px;
}

#quadrat_a a { 
         position: absolute;
	 top: 6px;
	 left: 6px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/Regeln.png);
}

#quadrat_a:hover a {
         position: absolute;
         background-repeat: no-repeat;
	 top: 0px;
	 left: 0px;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/Regeln_gedreht.png);
}

#quadrat_b a{
         position: absolute;
	 top: 6px;
	 left: 152px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/betriebliche.png);
}

#quadrat_b:hover a{
         position: absolute;
	 top: 0px;
         left: 146px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/betriebliche_gedreht.png);
}


#quadrat_c a{
         position: absolute;
	 top: 6px;
	 left: 298px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/soziale_lage.png);
}

#quadrat_c:hover a{
         position: absolute;
	 top: 0px;
         left: 292px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/soziale_lage_gedreht.png);
}

#quadrat_d a{
         position: absolute;
         top: 152px;
         left: 6px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/jung_bis_alt.png);
}

#quadrat_d:hover a{
         position: absolute;
         background-repeat: no-repeat;
         top: 146px;
         left: 0px;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/jung_bis_alt_gedreht.png);
}


#quadrat_e a{
         position: absolute;
         top: 152px;
         left: 152px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/lebenswelten.png);
}

#quadrat_e:hover a{
         position: absolute;
         top: 146px;
         left: 146px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/lebenswelten_gedreht.png);
}


#quadrat_f a{
         position: absolute;
         top: 152px;
         left: 298px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/gesundheitsthemen.png);
}

#quadrat_f:hover a{
         position: absolute;
         top: 146px;
         left: 292px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Quadrate/gesundheitsthemen_gedreht.png);
}


#infothek {
        position: relative;
        top: 0px;
        left: 100px;
}

#content_infothek {
        background-color: #fff1d0;
        height: 428px;
}

#content_infothek h1 {
        padding: 0px;
        margin: 0px;
        background-color: #fff1d0;
        color: #00a783;
	font-weight: bold
}

#info_newsletter a {
         position: absolute;
         top: 6px;
         left: 6px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/Newsletter01.png);
}

#info_newsletter:hover a {
         position: absolute;
         background-repeat: no-repeat;
         top: 0px;
         left: 0px;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/Newsletter02.png);
}

#info_gesundheitstipps a{
         position: absolute;
         top: 6px;
         left: 152px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/gesundheitstipps01.png);
}

#info_gesundheitstipps:hover a{
         position: absolute;
         top: 0px;
         left: 146px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/gesundheitstipps02.png);
}


#info_gvr a{
         position: absolute;
         top: 6px;
         left: 298px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/regeln01.png);
}

#info_gvr:hover a{
         position: absolute;
         top: 0px;
         left: 292px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/regeln02.png);
}

#info_faq a{
         position: absolute;
         top: 152px;
         left: 76px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/faq01.png);
}

#info_faq:hover a{
         position: absolute;
         background-repeat: no-repeat;
         top: 146px;
         left: 70px;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/faq02.png);
}


#info_adressen a{
         position: absolute;
         top: 152px;
         left: 222px;
         background-repeat: no-repeat;
         width: 140px;
         height: 140px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/wichtige_adressen01.png);
}

#info_adressen:hover a{
         position: absolute;
         top: 146px;
         left: 216px;
         background-repeat: no-repeat;
         width: 152px;
         height: 152px;
         background-color: #fff1d0;
         background-image: url(../images/Infothek/wichtige_adressen02.png);
}