html {
  width: 100%;
  background: #fff url(img/bg-html.gif) center 0 repeat-y;
  overflow-y: scroll;
  font-family: Verdana;
  font-size: 0.85em;
  color: #464646;
  margin: 0; padding: 0;
}

body {
  margin: 0; padding: 0;
  width: 100%;
}

div#main {
  margin: 0;
  margin: auto;
  position: relative;
  width: 936px;
}

a { color: #008688; }
img { border: 0; }

div#header {
  background: url(img/bg-header-2.gif) repeat-x;
  width: 903px;
  margin-left: 17px;
  height: 236px;
  border-left: 1px solid #a1a29f;
  border-right: 1px solid #a1a29f;
}

div#logo { position: absolute; margin-left: -11px; }
div#headerbild { position: absolute; margin-left: 219px; }

div#bottom {
  width: 680px;
  height: 49px;
  background: url(img/bg-bottom.gif) no-repeat;
  margin-left: 18px;
  padding-left: 225px;
  padding-top: 10px;
  clear: left; margin-top: 50px;
  color: #fff;
  font-size: 0.95em;
}

div#navibox { width: 235px; float: left; clear: left; }
div#content { width: 450px; padding-left: 30px; font-size: 0.95em; float: left; margin-left: 4px;}

div#navi {
  border-left: 1px solid #c6c8c4;
  border-right: 1px solid #c6c8c4;
  margin-left: 17px;
  width: 214px;

  background: #008688;
  font-weight: bold;
  border-bottom: 1px solid #008486;
}

ul.navi, ul.navi2, ul.navi3 {
  margin: 0;
  padding: 0;
  list-style: none;
}


ul.navi li.navi { background: url(img/bg-navi-punktlinie.gif) 0px 0px repeat-x; padding-top: 2px; margin-bottom: 2px; font-size: 14px; }
ul.navi li.navi span { background: url(img/bg-navi-punktlinie.gif) 0px bottom repeat-x; padding-bottom: 1px; display: block; }

ul.navi li.navi a {
  display: block;
  border-left: 2px solid #008688;
  border-right: 2px solid #008688;
  padding-left: 21px;
  background: #249091 url(img/bg-navi-a.gif) 5px 10px no-repeat;
  color: #fff;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.navi li.aktiv { background: #fbfcfa url(img/bg-navi-aktiv.gif) repeat-x; }

ul.navi li.aktiv a {
  background: url(img/bg-navi-a-aktiv.gif) 6px 10px no-repeat;
  border-left: 1px solid #fbfcfa;
  border-right: 1px solid #fbfcfa;
  color: #e32118;
  margin-bottom: 0;
}
ul.navi li.aktiv span { background: none !important; }

ul.navi2 { padding-left: 20px; font-size: 13px; }
ul.navi3 { padding-left: 0px; font-size: 13px; }

ul.navi2 li.navi2 a { color: #008688; background-image: url(img/bg-navi2-a.gif) !important; }
ul.navi2 li.aktiv a { color: #008688; background-image: url(img/bg-navi2-a-aktiv.gif) !important; color: #e32118 !important; }

ul.navi2 li { background: none !important; }



ul.navi3 li.navi3 a {
	background: none !important; 
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 0px;
	color: #008688 !important;
}

ul.navi3 li.navi3 { 
	background: url(img/bg-navi2-a.gif) no-repeat 22px 6px !important;
	padding-left: 10px;  
}

ul.navi3 li.aktiv a { color: #e32118 !important; }
ul.navi3 li.aktiv { 
	background: url(img/bg-navi2-a-aktiv.gif) no-repeat 22px 6px !important;
	padding-left: 10px;  
}

div#naviunten {
	background: #008486 url(img/navi-bottom.gif) 0 bottom no-repeat;
	padding-bottom: 10px;
	padding-top: 18px;
	margin-left: 17px;
	width: 215px;
}
div#naviunten a {
	color: #fff;
	font-size: 0.9em;
	display: block;
	font-weight: normal;
	padding-left: 22px;
	background: url(img/bg-navi-unten.gif) 7px 5px no-repeat;
	margin-top: 5px;
	text-decoration: none;
}
div#naviunten a.aktiv {
	background: url(img/bg-navi-unten-aktiv.gif) 0 0 no-repeat;
	color: #fe0000;
	padding-top: 2px;
	padding-bottom: 3px;
}


div#naviadd {
	padding-left: 18px;
	margin-top: 20px;
	width: 216px;
}
div#naviadd a.pf {
	font-size: 0.9em;
	padding-left: 22px;
	background: url(img/bg-navi-add.gif) 11px 6px no-repeat;
	display: block;
}

h1 { color: #e32118; margin: 0; margin-top: 30px; margin-bottom: 15px; font-size: 1.3em; font-weight: normal; }
h2 { font-size: 0.95em; font-weight: bold; margin: 0; margin-bottom: 3px; }
.rot { color: #e32118; }

h1.start { margin-bottom: 0; background: url(img/bg-start-h1.gif) 0 bottom repeat-x; padding-bottom: 6px; }
p.start a { background: url(img/bg-start-a.gif) 5px 6px no-repeat; display: block; padding-left: 17px; font-weight: bold; margin-left: -3px; }
div#content p.start { background: #f4f6f1; padding: 5px; margin-bottom: 0; }
div#content p.start span { margin-left: 5px; display: block; padding-bottom: 20px; }
div#content span { padding: 0 !important; margin-left: 14px !important; }
div#content p.start strong { margin-left: 0px; }


div#content p { margin: 0; margin-bottom: 20px; }
div#content p.rechts { display: block; padding-left: 165px; }
div#content a.pfeil { display: block; background: url(img/bg-link.gif) 0px 5px no-repeat; padding-left: 12px; }


div.csc-textpic, img.content {
	margin: 0; padding: 0;
	margin-left: -30px;
	float: left;
	margin-right: 20px;
	padding: 0;
	display: block;
	border: 4px solid #eaeee4;
	margin-bottom: 10px;
	clear: left;
}
div.csc-textpic img { display: block; }

dt, dl { margin: 0; padding: 0; }

div.csc-textpic-left.csc-textpic-above {
  border: none;
  margin: 20px 20px 10px -10px
}

div.csc-textpic-left.csc-textpic-above div.csc-textpic-imagewrap {
  width: auto !important;
}

div.csc-textpic-left.csc-textpic-above a {
	border: 4px solid #eaeee4;
	float: left;
	line-height: 170px;
}

div.csc-textpic-left.csc-textpic-above img {
  display: inline;
	vertical-align: middle;
}

div.csc-textpic-left.csc-textpic-above dl.csc-textpic-image {
  float: left;
  margin-bottom: 1em;
  margin-right: 1.5em;
}

div#randboxen {
	margin-top: -15px;
	float: left;
	width: 205px;
	font-size: 0.9em;
	margin-left: 12px;
}
div#randboxen div.box img.oben { display: block; }
div#randboxen div.box img.bild { margin-left: 4px; margin-top: -9px; margin-bottom: 5px; }
div#randboxen div.box strong { margin-left: 15px; }
div#randboxen div.box a { margin-left: 25px; display: block; width: 170px; line-height: 1.4em; }
div#randboxen div.box img.unten { display: block; }

div#randboxen div.box { background: url(img/box-content.gif) repeat-y; margin-bottom: 10px; }

div#randboxen div.box2 {
	background: url(img/bg-rand-punktlinie.gif) repeat-x;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 5px;
	margin-right: 15px;
}
div.box2 p { margin: 0; margin-left: 8px; }
div.box2 a { display: block; padding-left: 22px; background: url(img/bg-link.gif) 12px 5px no-repeat; margin-left: -22px; }
div.box a { display: block; background: url(img/bg-link.gif) 0px 5px no-repeat; padding-left: 12px; }

div.box2 .inp { width: 130px; }

.fett { font-weight: bold; }

form, fieldset { margin: 0; border: 0; }

input.inp {
	border: 1px solid #aaa;
	background: #f4f6f1;
	padding: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 1px;
	color: #aaa;
}
input.button {
	border: 1px solid #008688;
	background: #fff;
	background: url(img/bg-button.gif) center center no-repeat;
}

.clear { clear: both; }

.suche_links { width: 30px; float: left; }
.suche_rechts { margin-left: 35px; }

div#content ul { margin: 0; padding: 0; list-style: none; }
div#content ul li { background: url(img/liste.gif) 5px 7px no-repeat; padding-left: 16px; margin-bottom: 2px; }

div.linkicon { width: 210px; float: left; margin-right: 10px; margin-bottom: 10px; }

div.linkicon div.csc-textpic {
	margin: 0;
	margin-right: 10px;
	border: 1px solid #249091;
}

div.trenner { clear: left; }

div#content ul { margin-top: 3px; }
div#content ul li { background: url(img/liste.gif) 5px 7px no-repeat; padding-left: 16px; margin-bottom: 15px; }
div#content ul li ul li { margin-bottom: 3px; }
