html {
  background: #BABABA url(../images/bg.png) repeat-x top left;
  color: #000000;
  height: 100%;
}

body {
  width: 953px;
  margin: 0 auto;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;
  border-right: 4px solid #A2A2A2;
  position: relative;
  min-height: 100%;
  background: url(../images/colls.gif) repeat-y top left;
}

body.subPage {
  background-image: url(../images/colls_sub.gif);
}

* html body {
  height: 100%;
}

.clear {
  clear: both;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
}

html li.clear {
  float: none;
}

a:link,
a:visited,
a:active {
  color: #1F5F97;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 { 
  color: #1F5F97;
  font-size: 16px;
  font-family: arial, sans-serif; 
}

h2 { 
  color: #1F5F97;
  font-size: 13px; 
  font-family: arial, sans-serif; 
  margin-bottom: 0.5em;
}

h3 { 
  color: #7C7C7C;
  font-size: 14px; 
  font-family: arial, sans-serif; 
  font-weight: normal; 
  margin-bottom: 0.5em;
}

h4,
h5 { 
  color: #757575; 
  border-bottom: dotted 1px #8B8B8B; 
  font-size: 18px; 
  font-family: times, serif;
  padding-bottom: 5px;
  margin-bottom: 0.5em;
}


ul.nav {
  margin: 0;
}

ul.nav li {
  list-style: none;
}

ul.nav ul {
  margin: 0 10px;
}

* html ul.nav li {
  display: inline;
}

/* head */
div#head {
  height: 216px;
  background: #FFFFFF url(../images/bg1.png) no-repeat bottom left;
  position: relative;
  width: 953px;
}

div#headerImg {
  height: 143px;
  background: url(../images/header-ger.png) no-repeat top left;
  position: relative;
}

ul#mainNav {
  left: 18px;
  position: absolute;
  bottom: 0;
  display: block;
  width: 480px;
  background: #B1B1B1;
}

* html ul#mainNav {
  bottom: -1px;
}

#mainNav li {
  float: left;
}

#mainNav a {  
  display: block;
}

#mainNav a:link,
#mainNav a:visited,
#mainNav a:active {
  padding: 4px 5px 5px 15px;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  background: #B1B1B1;
}

#mainNav a:hover,
#mainNav a.current {
  color: #FFFFFF;
}

div#topNavs {
  right: 20px;
  position: absolute;
  top: 155px;
}

ul#topNav {
  display: inline;
}

#topNav li {
  display: inline;
}

#topNav a:link,
#topNav a:visited,
#topNav a:active {
  color: #3A3939;
  margin: 2px 4px;
  text-decoration: none;
}

#topNav a:hover,
#topNav a.current {
  color: #1F5F97;
}

ul#languageNav {
  display: inline;
  margin-left: 2px;
}

#languageNav li {
  display: inline;
}

#languageNav a:link,
#languageNav a:visited,
#languageNav a:active {
  color: #3A3939;
  margin: 0px 4px 2px 4px;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
}

#languageNav a span {
  font-weight: normal;
}

#languageNav li.ch a span {
  color: red;
}

#languageNav li.int a span {
  color: black;
}

#languageNav a:hover,
#languageNav a.current {
  color: #1F5F97;
}

/* Content */
div#content{

}

div#left {
  float: left;
  width: 225px;
  margin: 20px 35px 20px 35px;
}

* html div#left {
  display: inline;
}

div#main {
  width: 400px;
  float: left;
  margin: 20px 15px 10px 30px;
}

* html div#main {
  display: inline;
}

body.subPage div#main {
  width: 470px;
}

div#right {
  float: left;
  width: 180px;
  margin: 20px 15px 10px 15px;
}

* html div#right {
  display: inline;
}

/* left */
ul#subNav {
  line-height: 24px;
}

#subNav li {
  display: block;  
}

#subNav a:link,
#subNav a:visited,
#subNav a:active {
  color: #000000;
}

#subNav a:hover,
#subNav a.current {
  color: #1F5F97;
  text-decoration: none;
}

h2.levelLink,
h2.levelLink a:link,
h2.levelLink a:visited,
h2.levelLink a:active {
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 1.2em 0;
  font-size: 12px;
}

h2.levelLink a:hover {
  color: #1F5F97;
  text-decoration: none;
}

/** Inhalt */

#main li {
  list-style-image: url(../images/liste.gif);
}

.topImg {
  background-image: url(../images/shadow.png);
  background-repeat: no-repeat;
  height: 155px;
  left: 0;
  position: absolute;
  top: 151px;
  width: 270px;
}

.topImgSpace {
  height: 85px; 
}

.topTxt {
  position: absolute;
  top: 184px;
  left: 325px;
}

/* frames */
div.csc-frame-rulerBefore {
  border-top: dotted 1px #8B8B8B;
  margin-top: 5px;
  padding-top: 5px;
}

div.csc-frame-rulerAfter {
  border-bottom: dotted 1px #8B8B8B;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/* text W/ image */
dl.csc-textpic-image {
  margin: 0;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  float: right;
}

.csc-textpic-center .csc-textpic-imagewrap {
  margin: auto;
}

.csc-textpic-right .csc-textpic-imagewrap {
  float: right;
}

.csc-textpic-right .csc-textpic-text {
  clear: both;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}

.csc-textpic-above .csc-textpic-text {
  margin-top: 5px;
}

.csc-textpic-below .csc-textpic-text {
  margin-bottom: 5px;
}

.csc-textpic-clear {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}