body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	margin: auto;
	margin-top: 1.7em;
	text-align: left;
	width: 92.8em;
	height: 54.9em;
}

#header_f, #header_s {
	margin-bottom: 1em;
	width: 71.0em;
	height: 11.2em;
	float:left;
}

#header_f {
	background: url(../images/header_bg_f.gif) repeat-x;
}

#header_s {
	background: url(../images/header_bg_s.gif) repeat-x;
}


#header_image_f, #header_image_s { 
	margin-bottom: 1em;
	width: 21.8em;
	height: 11.2em;
	float: left;
}

#header_image_f { 
	background: url(../images/header_image_f.gif);
}

#header_image_s {
	background: url(../images/header_image_s.gif);
}

#sidebar {
	margin-right: 0.7em;
	width: 14.7em;
	height: 40.3em;
	float: left;
	background-color: #d5e7f5;
	margin-bottom: 1.0em;
}

#sidebar ul {
	margin-left: 1.5em;
	margin-top: 1.5em;
}

#sidebar li {
	list-style: none;
	margin-bottom: 0.5em;
	font-size: 1.3em;
}

#sidebar li.active {
	color: #e66700;
}

#querverweis {
  position: absolute;
  width: 11.8em;
  bottom: 2.5em;
  left: 1.5em;
  font-size: 1.1em;
}

#bbwlink {
position:absolute;
top:53.5em;
left:89em;
}

#querverweis a, #querverweis a:link, #querverweis a:visited, #querverweis a:focus, #querverweis a:hover, #querverweis a:active {
  font-size: 0.9em;
  color: #888;
}

#content {
	margin-bottom: 1.0em;
	padding-right: 0.7em;
	width: 63.6em;/* 61.5*/
	height: 40.3em;
	float: left;
	overflow-y: auto;
}

#imagesreihe {
    float: right;
    height: 40.3em;
    margin-top: 1.0em;
}

#imagesreihe img {
	margin-top: 0.3em;
	display: block;
	width: 12.7em;
	height: 9.5em;
}

#footer_f, #footer_s, #footer_start {
	width: 92.8em;
	height: 1.4em;
	clear: both;
}

.csc-uploads td {
  border: 0px solid #fff;
}

#footer_f {
	background-color: #0048b7;
}

#footer_s {
	background-color: #4095cc;
}

#footer_start {
	background-color: #0048b7;
}

body {
	height: 100%;
}

#content p, #content_b p, #content_c p, td, #content li, #content_b li {
  font-size: 1.2em;
}

#header_f h1, #header_s h1 {
  margin-top: 0.4em;
  margin-left: 0.6em;
  font-size: 2.7em;
  font-weight: normal;
}

#content h2, #content_c h2, #content_b h2, #content_d h2 {
	margin-top: 0.7em;
	font-size: 1.7em;
	font-weight: normal;
	padding-bottom: 0.2em;
	border-bottom: 0.3em solid #E66700;
	margin-bottom: 0.5em;
	width: 11.0em;
}

/*****************************
 * statische Navigation oben *
 *****************************/

ul#hnav {
	padding-top: 4.2em;
	padding-left: 1.5em;
}

ul#hnav li {
	display: inline;
	padding-left:0.1em;
	padding-right:0.9em;
	font-size: 1.3em;
	font-weight: normal;
}

/**************
 * Startseite *
 **************/

#wrapper {
	position: relative; /* for positioning hoverlogos on start page */
}

#header_a {
	width: 92.8em;
	height: 6.4em;
	background: url(../images/header_bg_start.gif) repeat-x;
}

#content_a {
	position: relative;
	width: 92.8em;
	height: 47.1em;
}

#start_left {
	display: inline;
	margin-left: 19.7em;
	text-align:left;
	float:left;
	width: 22.7em;
}

#start_right {
	margin-left: 7.9em;
	float:left;
	width: 22.7em;
}

#content_a h1 {
	padding-top: 0.6em;
	margin-bottom: 0.8em;
	font-size: 5.1em;
	font-weight: normal;
	text-align: center;
}

#content_a h2 {
	margin-top: 0.5em;
	padding-bottom: 0.1em;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 0.6em solid #E66700;
}

#content_a h3 {
	margin-top: 0.2em;
	font-size: 1.5em;
	font-weight: bold;
}

#content_a a {
display: block;
}

#content_a img {
  display: block;
  width: 22.7em;
  height: 15.6em;
}

#startinfo {
  position: absolute;
  bottom: 0.2em;
  left: 0em;
  text-align: center;
  clear:both;
  font-size: 1em;
  color: #777;
}

table {
  border-collapse: collapse;
  margin-left: 0.1em;
}

td {
  border:1px solid #000;
  padding: 0.5em;
  vertical-align: top;
  overflow: hidden;
}
#white{
color: #fff;
}

/*********************
 * footer navigation *
 *********************/

ul#hnav2 {
	padding-left: 0.8em;
}

ul#hnav2 li {
	display: inline;
	padding-left:0.7em;
	padding-right:0.7em;
	font-size: 1.1em;
	color: #fff;
}

a.hoverlogo, a.hoverlogo:link, a.hoverlogo:visited, a.hoverlogo:focus, a.hoverlogo:hover, a.hoverlogo:active {
  color: #fff;
}

a.hoverlogo:hover {
  background-color: transparent;
}

a.hoverlogo img {
  position: absolute;
  top: 42.5em;
  left: -1000em;
}
  
a.hoverlogo:hover img {
  display: block;
  z-index: 100;
}

a.hoverlogo:hover img#himg1 {
  left: 0.1em;
}

a.hoverlogo:hover img#himg2 {
  left: 12em;
}

a.hoverlogo:hover img#himg3 {
  left: 24em;
}

#bbwlink a, #bbwlink a:link, #bbwlink a:visited, #bbwlink a:focus, #bbwlink a:hover, #bbwlink a:active, 
a#home, a#home:link, a#home:visited, a#home:focus, a#home:hover, a#home:active {
  color: #fff;
}

a#home {
  padding-left:1.5em;
	font-size: 1.1em;
}

/******************************************
 * Infoseiten (Sozialestadt,..,Impressum) *
 ******************************************/

#header_b {
  margin-bottom:1em;
	width: 92.8em;
	height: 6.4em;
	background: url(../images/header_bg_start.gif) repeat-x;
}

#content_b {
  margin-left: 15.4em; 
	margin-bottom: 1.0em;
	padding-right: 0.7em;
	width: 61.5em;
	height: 45.1em;
	overflow-y: auto;
}

/*******************************
 * Hauptseite ohne imagesreihe *
 *******************************/

#content_c {
	margin-bottom: 1.0em;
	padding-right: 0.7em;
	width: 76.7em;
	height: 40.3em;
	float: left;
	overflow-y: auto;
}

/***********
 * Galerie *
 ***********/

#content_d {
	margin-bottom: 1.0em;
	width: 77.4em;
	height: 40.3em;
	float: left;
	overflow-y: auto;
	font-size: 1em;
}

#content_d img {
  font-size: 1em;
  padding: 0em;
  margin: 0em;
  margin-right: 0.7em;
  margin-bottom: 0.7em;
}
#content h3, #content_d h2 {
	font-size: 1.5em;
	font-weight: normal;
	padding-top: 0.4em;
	margin-bottom: 0.8em;
}

#content_d p {
  line-height: 0em;
}


#content li, #content_a li, #content_b li {
  margin:0.3em;
  padding:0.3em;
}
#content ul, #content_a ul, #content_b ul {
  margin:0.3em;
  padding-left:1.2em;
}

#content ol, #content_a ol, content_b ol {
  margin:0.3em;
  /*margin-left: 2em;*/
  padding-left:1.2em;
}

.indent {
  margin-left: 4em;
}
