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);
}