body {
    color: #444;
	margin: 10px 0 5px 0 ;
	padding: 0;
	font-size: 12px;
	background: #777;
	color: #666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
    text-decoration: none;
    font-weight: bold;
}
a:visited {
   color: #4F6DA0;
}
img {
   border: 0;
}
h1 {
   font-size: 160%;
   color: #4F6DA0;
}
h2,h3 {
   font-size: 130%;
   color: #4F6DA0;
}
h3 {
   font-size: 110%;
}
.imgright, .imgleft {
   float: right;
	display: block;
	margin: 0 0 0 10px;
/*	border: 1px solid #bbb; */
	padding: 5px;
}
.imgleft {
   float: left;
	margin: 0 10px 0 0;
}

#middle {
	background: url(../img/logo-kreis.jpg) no-repeat bottom left;
}
#container {
	position: relative;
	padding: 0 2px;
	width: 770px;
	border: 1px solid gray;
	background: #fff url(../img/nav-bg.gif) repeat-y left;
	margin: 0 auto;
   text-align: left;
}
#content {
  float: right;
 display:inline;
 position: relative;
 width:582px;
	margin: 90px 10px 10px 0;
background-color:#fff;

}
#navigation {
 float:left;
 position:relative;
	width: 165px;
	display: block;
	list-style-type: none;
	margin: 110px 0 10px 0;
	padding: 0 0 175px 0;
}
#navigation a {
    display: block;
    line-height: 30px;
	 width: 145px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #bbb url(../img/left-bar.jpg) repeat-y left;
    color: #fff;
    padding: 0 10px;
    vertical-align: middle;
    margin-bottom: -1px;

}
#navigation a:hover {
    background: #4F6DA1 url(../img/nav-hover.jpg) repeat-x top;
    color: #fff;
}
#navigation ul {
	list-style-type: none;
	margin: -1px 0 5px 0;
	padding: 0;
	margin-bottom: -1px;
}
#navigation ul a{
    line-height: 15px;
	 width: 134px;
    background: #8DA9DB url(../img/nav-hover-medium.jpg) repeat-x top;
    color: #fff;
    padding: 7px 5px 7px 15px;
    margin-left: 10px;
    font-size: 95%;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;


}
#navigation ul ul a {
    background: #B5C6E2 url(../img/nav-hover-light.jpg) repeat-x top;
    color: #4F6DA0;
    font-size: 95%;
	 width: 124px;
	 margin-left: 20px;
    line-height: 15px;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}
.active {
    border-bottom: 1px solid #fff !important;
}
.topactive {
    background: #fff url(../img/nav-hover.jpg) repeat-x top !important;
}
#header {
   position: absolute;
   top: 0;
   left: 2px;
   background: #fff url(../img/header.jpg) no-repeat;
   height: 85px;
   width: 770px;
   margin: 0px;
   border-top: 2px solid #fff;
   border-bottom: 2px solid #fff;
}
#header span {
	display: none;
	margin: 0px;
}
#footer {
    font-weight: bold;
    text-align: right;
    padding: 5px 20px;
    background: #4F6DA0;
    color: #fff;
    margin: -2px;
    border: 2px solid #fff;
    float:right;
width: 730px;
}
#footer a {
   color: #fff;
 clear:both;
}

.csc-sitemap {
   padding: 4px 0;
}

.csc-sitemap a {
   color: #666;
}

.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }


/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;

/*	border: 1px solid #bbb;*/
	padding: 5px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */

/*	border: 1px solid #bbb; */
	padding: 5px;
  margin-left: 10px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */

.td-0 {
   width: 100px;
}

.contenttable td {
   vertical-align: top;
}

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */
	-->