html, body {
	height: 100%;
}

html>body #container {
	height: auto;
}

body {
	margin: 0;
	padding: 0;
	background-color: #B4E58F;
	background-image: url(background.gif);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
  font-size: 100%;
  padding-left: 3px;
  margin-top: 30px;
}

.boxheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #0099dd;
	padding: 3px;
}

.boxcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	padding: 3px;
}

.boxlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 3px;
	text-align: right;
	background-color: #CCCCCC;
}

.boxposition,
.boxpositionShow {
	position: absolute;
	height: 86px;
	width: 167px;
	left: 0px;
	top: 280px;
}

.boxposition {
	visibility: hidden;

}

#photoBox {
	position:absolute;
	width:138px;
	height:250px;
	left: 0;
	top: 300px;
	border-top:  1px solid #000000;

}

.menu1,
.menu1active{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	line-height: 150%;
	border-top:  1px solid #000000;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

.menu1active {
	color: #000000;
}

.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height:95%;
	padding: 0px 0px 3px 17px;
}

.menu1 a:link,
.menu1 a:visited {
	text-decoration: none;
	color: #000000;
}

.menu1 a:hover {
	text-decoration: underline;
	color: #00A5E9;
	display: block;
}

.menu2 a:link,
.menu2 a:visited {
	text-decoration: none;
	color: #888888;
}

.menu2 a:hover {
	text-decoration: underline;
	color: #00A5E9;
}

.menu2 .act a {
 color: #000;
 text-decoration: none;
}

.spacer1 {
margin-top: 2px;
}

.spacer2 {
margin-top: 4px;
}


#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";  /* Box Model Hack */
	voice-family: inherit;
	height: auto;
}

#contentbox {  /* Normale Position für Texte usw. */
	padding-top: 5px;
	padding-left: 208px;
	padding-bottom:90px;
	width: 515px;
}


#top {
	position: absolute;
	background-image: url(logo.gif);
	height: 50px;
	width: 793px;
	left: 0px;
	top: 0px;
}

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

#content {
	padding-top: 70px;
}



#footerText {
	color: #444444;
	margin-top: 10px;
	padding-left: 240px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}

#footerText a:link,
#footerText a:visited {
	text-decoration: none;
	color: #444444;
}

#footerText a:hover {
	text-decoration: underline;
	color: #444444;
}


.foerderung {
	color: #444444;
	margin-top: 40px;
	padding-left: 7px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}


#infoBox {
	position:absolute;
	width:120px;
	height:115px;
	left: 0;
	top: 240px;
}

.picTable {
	font-size: 85%;
	color: #111111;
}

.picTable td {
	padding-right: 4px;
	padding-top: 4px;
	vertical-align:top;
}

.picTableText {
	font-size:90%;
	color: #333333;
	margin-top: 3px;
	margin-bottom: 6px;
}


.uschrift {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e3d1d1;
	font-weight:bold;
	border-bottom:  1px solid #000000;
	line-height: 1.6em;
	padding-left: 3px;
	font-size: 92%;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 6px;
}

.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-weight:bold;
	line-height: 1em;
	padding-left: 10px;
	font-size: 120%;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}


#willkommen {
	width: 400px;
	margin-left: 70px;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-left: 3px;
	padding-top: 3px;
	margin-bottom: 12px;
}

.sozstadtText a:link,
.sozstadtText a:visited,
.text a:link,
.list1 a:link,
.text a:visited,
.list1 a:visited {
	text-decoration: underline;
	color: #666666;
}
.sozstadtText a:hover,
.text a:hover,
.list1 a:hover {
	text-decoration: underline;
	color: #000000;
}


#impressum {
	background-color: #9ACEF0;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
}

#impressum h1 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.8em;
}

#impressum p {
	font-size: 75%;
}



#contentbox table {
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	padding: 0px;
	border-collapse: collapse;
}

#contentbox p,
#contentbox td {
	font-size: 94%;
	vertical-align: top;
}

#contentbox .uschrift {
  font-size: 112%;
}

.big{
  font-size: 115%;
  font-weight: bold;
  margin-top: 40px;
}

.big2 {
	font-size: 105%;
	font-weight: bold;
}


.red {
	color: #630000;
	font-weight: bold;
}


ul.list1 {
	list-style-type: square;
	list-style-position: outside;
	list-style-image:url("square.gif");
}

.list1 li {
	line-height: 1.1em;
	margin-bottom: 6px;
	margin-right:55px;
	font-size: 85%;
}


.list1Projekte,
.list2Projekte {
	list-style-type: square;
	list-style-position: outside;
	list-style-image:url("square.gif");
}

.list1Projekte li {
	line-height: 1.1em;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 12px;
	color: #444444;
}

.list2Projekte li {
	line-height: 1.1em;
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 12px;
}


.redBg {
	background-color: #630000;
}

.greyBg {
	background-color: #cfcfcf;
}

.blueBg {
	background-color: #00A5E9;
}


#textbox
{
top:0px;
padding:3px;
width: 100%;
background:#dddddd;
margin-bottom: 25px;
margin-top: 0px;
float:left;
}

.einleitung
{
font-size: 95%;
line-height: 110%;
}

#text1 {
font-weight : bold; font-size:100%; margin-top:0px; color:#630000; margin-bottom:0px}

#text2 {
line-height : 115%; font-size:85%;margin-top:5px; margin-bottom:0px}

#text3,
#text3Label {
font-style: italic; font-size:80%; color:#444444; padding-top:12px; line-height:110%;}

#text4,
#text4Label {
font-style: italic; font-size:80%; color:#444444; padding-top:4px; line-height:110%;}

#text5,
#text5Label {
font-style: italic; font-size:80%; color:#444444; padding-top:4px; line-height:110%;}

#Projektuebersicht {
font-weight: bold;
font-size:75%;
color:#444444;
}

.ProjektuebersichtItem {
font-size:73%;
color:#444444;
margin-top: 2px;
}

#ProjektuebersichtTable {
background: #e3d1d1;
margin-top: 35px;
margin-bottom: 60px;
padding: 4px;
width:100%;
border: 0px;
}

#ProjektlisteTable {
margin: 0px;
padding: 0px;
width:100%;
border: 0px;
}
#ProjektuebersichtTable a:link,
#ProjektuebersichtTable a:visited {
	text-decoration: none;
	color: #630000;
}

#ProjektuebersichtTable a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #630000;
}


.mailLink a:link,
.mailLink a:visited {
	text-decoration: none;
	color: #630000;
}

.mailLink a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #630000;
}


#linkTable td a:link,
#linkTable td a:visited {
	text-decoration: none;
	color: #630000;
	font-size:90%;

}

#linkTable td a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #630000;
	font-size:90%;

}

#linkTable td {font-size:95%;}

.headProjekte {
	font-size: 90%;
	font-weight: bold;
	background-color: #0099dd;
	padding: 3px;
}



.download {
	font-size: 75%;
	font-weight: normal;
	padding-left: 7px;
	padding-top: 30px;
	color: #000000;
}

.download a:link,
.download a:visited {
	text-decoration: underline;
	color: #B62559;
}

.download a:hover {
	text-decoration: underline;
	color: #000000;
}


.sozstadtHeader {
	font-size: 98%;
	font-weight: bold;
	color: #000000;
	margin: 0 0 10px 0;
}

.sozstadtHeader2 {
	font-size: 89%;
	font-weight: bold;
	color: #333333;
}

.sozstadtText {
	font-size: 89%;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 3px 0px;
}


#vorZurueck {
	font-size: 72%;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 3px 0px;
	text-align: center
}

#vorZurueck a:link,
#vorZurueck a:visited {
	text-decoration: none;
	color: #666666;
}

#vorZurueck a:hover {
	text-decoration: underline;
	color: #000000;

}

#newsTitle {
	font-size: 100%;
	font-weight: bolder;
	color: #E72100;
	margin: 40px 5px 5px 10px;
	text-align: left;
}

.newsContent {
	font-size: 75%;
  font-weight: normal;
	color: #333333;
	margin: 10px 2px 5px 2px;
	text-align: left;
}

.newsList {
    list-style-position: outside;
    margin-left: 13px;
    padding-left: 13px;
    margin-right: 3px;
    padding-right: 3px;
    list-style-image:url(square_red.gif)
}

.terminDatum {
	font-family: Arial, Helvetica, sans-serif;
    color: #333333;
	font-size: 8pt;
	vertical-align: top;
	font-weight: bold;
	padding: 0px;
    margin: 0px;
}

.terminText {
	font-family: Arial, Helvetica, sans-serif;
    color: #000000;
	font-size: 12pt;
    font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0px;
   line-height: 1.2em;
}
.terminText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0px;
    line-height: 1.2em;
    }

.terminOrt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.terminText3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight: normal;
	margin: 3px 0 3px 0;
	padding: 3px 0 3px 0;
    }

.terminHead2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
    font-weight: bold;
    margin: 12px 0 3px 0;
	padding: 12px 0 3px 0;
  }

.terminTR {
    border-width: 0 0 2px 0;
    border-color: #666666;
    border-style: dotted;
    }

#undermenuText {
	color: #444444;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}

#undermenuText a:link,
#undermenuText a:visited {
	text-decoration: underline;
	color: #444444;
}

#undermenuText a:hover {
	text-decoration: underline;
	color: #444444;
}


/* SVO Mikroprojekte */

table.svo-1 a:link,
table.svo-1 a:active,
table.svo-1 a:visited {
 color: #444;
}

table.svo-1 a:hover {
 color: #000;
}

table.svo-1 {
 font-size: 11pt;
 color: #444;
}
 
table.svo-1 td {
padding: 8px 6px 8px 8px;  
}

tr.svo-tr-odd {
  background-color: transparent;
}

tr.svo-tr-even {
  background-color: transparent;
}


table.svo-1 td {
border-bottom: 1px solid #666;
}

p.svo-project-titel,
p.svo-project-text,
p.svo-project-traeger {
  margin: 0 0 4px 0;
}

p.svo-project-titel {
  font-weight: bold;
}

p.svo-project-text {
  margin-left: 105px;
}

p.svo-project-traeger {
  font-style: italic;
  margin-left: 105px;
  color: #444;
}

ol {

}

ol li {
  margin-bottom: 6px;
}