body {
background-color: #E6E6E6;
color: #333;
text-align: center;
font-family: Arial, sans-serif;
font-size: 0.70em;
margin-top:0px;
}

#base {
margin: 10px auto 0px auto;
text-align: left;
background: white url(../images/border_left.gif) left repeat-y;
}

#base #body #contentcol li a:hover {
color: red;
}

#body {
background: url(../images/border_right.gif) right repeat-y;
display:block;
padding: 0px 10px 10px 20px;
}

* html #body {
float: left;
padding-bottom: 0;
}

#subnavi li li li a {
padding-left: 20px !important;
/* hv temp*/
text-transform: none;
color:#888;
letter-spacing: 0;
}

img,object,embed {border:0;display:block;}
a:active, a:focus {text-decoration:underline !important;}
form {margin:0; padding:0;}
table,td,input,textarea,select {font-family: Arial, sans-serif; font-size: 1em;}
.clr {clear:both;}

#headNeu {
height: 98px;
background:transparent url(../images/head_neu.png) right no-repeat;
margin-left:10px;
}
#headNeu .title {
font-size:30px;
font-weight:bold;
color:#fff;
position:relative;
top:20px;
}
#headNeu .subtitle {
font-size:20px;
font-weight:bold;
color:#fff;
position:relative;
top:20px;
}
#headNeu img {
position:absolute;
right:30px;
top:26px;
}
#headNeu div {
position: absolute;
left: 30px;
top: 65px;
color:#FFF;
}
#headNeu div a {
color: #FFF;
text-decoration: none;
padding: 0 2px 0 2px;
text-transform: uppercase;
letter-spacing: 1px;
}
#headNeu div a:hover {
text-decoration: underline;
}

#navigation {
padding-left: 10px;
background: url(../images/border_right2.gif) right repeat-y;
}
#navigation ul, #navigation li {
margin:0;
padding:0;
list-style-type: none;
}
#navigation li {
width: 188px;
float: left;
}
#navigation a {
color: #444;
background: #E6E6E6 url(../images/navibg.gif) bottom left repeat-x ;
border-right: 1px white solid;
display:block;
padding: 3px 0 4px 0;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
* html #navigation a {
width: 100%;
}
#navigation a:hover, #navigation .active_menu {
background: #969696 url(../images/navibg-h.gif) bottom left repeat-x ;
color: white;
}

#foot {
background: transparent url(../images/foot.gif) 0 0 no-repeat;
height: 20px;
text-align: right;
margin: -5px auto 0 auto;
color: #444;
}

div.hr {
background: #bbb url(../images/border_right.gif) right repeat-y;
height:1px;
margin-top:0px;
margin-left:10px;
}

h1 {
margin: 0;
padding: 15px 0 5px 0;
font-size: 1em;
color: #777;
}
#contentcol h2{
margin: 0;
padding: 15px 0 5px 0;
font-size: 1.2em;
color: black;
}

#contentcol h2 em {
color: #FF0000;
font-style: normal;
}


#contextcol h2 {
font-size: 1em;
color: #FF0000;
margin: 0;
padding: 0px 0 6px 0;
}

h3 {
margin: 0;
padding: 15px 0 5px 0;
font-family: 'Times New Roman', Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
color: #FF0000;
font-size: 1.1em;
}

h4 {
font-size: 1em;
margin: 0 0 -10px 0;
padding: 0;
line-height: 140%;
}

dfn, acronym {
font-style: normal;
text-decoration: none;
border-bottom: 1px #C0C0C0 solid;
cursor: default;
}

#navicol {
float: left;
width: 170px;
overflow: hidden;
border-right: 1px solid #bbb;
padding-right: 6px;
}

#contentcol {
float: left;
min-height:400px;
margin-left: 20px;
font-size: 1.1em;
}
#contentcolerror {
height:400px;
margin-left: 20px;
font-size: 1.1em;
}

#home #contentcol {
margin-left: 0px;
}

#contentcol p, #contentcol ul, #contentcol ol {
padding: 10px 0 10px 0;
margin: 0;
line-height: 140%;
}
#contentcol .csc-textpic-intext-left p {
padding-top: 0;
float: left;
width: 330px;
}
#contentcol DIV.csc-textpic DIV.csc-textpic-single-image IMG{
padding-top: 4px;
}
#contentcol li {
list-style-type: none;
margin: 0;
padding: 0 0 0 16px;
background: transparent url(../images/starb.gif) 0px 5px no-repeat;
line-height: 140%;
}
#contentcol a, #contextcol a {
color: #333;
text-decoration: underline;
}
#contentcol a:hover, #contextcol a:hover {
color: red;
}

.teaser {
display: block;
width: 200px;
margin-left: 10px;
}
.teaser p {
margin: 0px;
padding: 0 0 10px 0;
}

#contextcol {
float: right;
width: 170px;
overflow: hidden;
border-left: 1px solid #bbb;
}
#contextcol p {
line-height: 140%;
}
#contextpic {
margin: 10px 0 10px 0px;
border-top: 1px #BBBBBB solid;
border-bottom: 1px #BBBBBB solid;
}

/*geaendert*/
.imgcol, .imgcol2  {
float: left;
width: 127px;
font-size: 0.9em;
}
.textcol, .textcol2 {
float: right;
width: 340px;
}
.imgcol2  {width: 210px;}
.textcol2 {width: 245px;}

.imgcol img, .imgcol2 img {
margin-bottom: 0px;
}

#subnavi {
margin-top: 20px !important;
border-top: 1px #BBBBBB solid;
}

#subnavi, #subnavi ul, #subnavi li {
margin: 0;
padding: 0;
list-style-type: none;
}

#subnavi li {
display: inline;
}

#subnavi a {
display:block;
padding: 3px 0 3px 0;
border-bottom: 1px #BBBBBB solid;
text-decoration: none;
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
}


#subnavi ul li a{
text-transform: none !important;
letter-spacing: 0px;

}



* html #subnavi a {
width: 100%;
}

#subnavi a:hover, #subnavi .active {
color: #FF0000;
}



#subnavi li li a {
padding-left: 15px !important;
}




.box {
background-color: #FF0000;
color: white !important;
margin: 10px 0px 10px 0px;
padding: 0px 10px 0 10px;
}
.box * {
color: white !important;
}

#contentcol .box li {
background-image: url(../images/starw.gif);
}

.box dfn, .box acronym {
border-bottom-color: #FE9898;
}

#searchinp, .inp {
border: 1px #FF0000 solid;
background-color: white;
color: black;
}

#searchinp {
width: 115px;
margin-left: 10px;
}

#searchbtn {
margin-left: 10px;
}

input.btn, .btn input {
border: 0px;
font-weight: bold;
color: #FF0000;
padding-left: 14px;
background: white url(../images/link.gif) left center no-repeat;
text-align: left;
cursor: pointer;
}

.btnnew {
border:0px;
font-weight: bold;
color: #FFF;
padding-left: 18px;
background: #FF0000 url(../images/link_white.gif) 3px center no-repeat;
text-align: left;
cursor: pointer;
}

#tiplayer {
position: absolute;
display: none;
left: 0;
top: 0;
background: transparent url(../images/tip.gif) bottom left no-repeat;
border-top: 1px red solid;
width: 190px;
text-align:left;
z-index:1;
}
#tiplayer div {
margin: 10px 10px 30px 10px;
}


.stdtable {
margin: 10px 0 10px 0;
}

.stdtable td, .stdtable th {
border: 0;
border-bottom: 1px white solid;
border-right: 1px white solid;

padding: 5px 10px 5px 10px;
background-color: #E6E6E6;
vertical-align: top;
}
.stdtable th {
background-color: #D2D2D2 !important;
font-weight: bold;
text-align: left;
}

.unform {
margin: 0;
padding: 0;
}



#pagenavi {
margin: -10px -10px 0 -10px;
padding: 5px 0 4px 0;
border-bottom: 1px #BBBBBB solid;
width: 500px;
}
* html #pagenavi {
position:relative;
padding-bottom: 1px;
}

#pagenavi ul, #pagenavi li {
margin:0 !important;
padding:0 !important;
list-style-type: none;
}
#pagenavi li {
width: 98px !important;
float: left !important;
background-image: none;
border-right: 1px #BBBBBB solid;
overflow: hidden;
}
#pagenavi .last {
border-right: 0px;
}


#pagenavi a {
color: #444;
border-right: 1px white solid;
display:block;
padding: 6px 10px 6px 10px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
white-space: nowrap;
overflow: hidden;

}
#pagenavi .active {
color: red;
}

.stdform , form {
margin: 0 0 10px 0;
}

.stdform label, .stdform .indent , form label{
width: 140px;
float: left;
margin-right: 10px;
overflow: hidden;
margin-bottom: 5px;
}

.stdform .inp , form .inp, textarea, select{
margin-bottom: 8px;
width: 300px;
border: 1px #BBBBBB solid;
}
.stdform .inpgroup, form .inpgroup{
margin-bottom: 8px;
width: 300px;
float: left;
}
.stdform .inpgroup label {
float: none;
width: auto;
padding-right: 10px;
margin: 0;
}

.stdform br {
clear: both;
}

.stdform fieldset, form fieldset {
margin: 10px 0 0 0;
padding: 10px;
border: 1px #BBBBBB solid;
}

.stdform legend {
display: none;
}

.stdform .btn {
margin-top: 5px;
}


.ImgCaption {
margin-bottom:5px !important;
}

div.imageHold {
  padding: 0px 0px;
}

div.imageHold div {
  float: left;
  height: 16px;
}

div.imageHold img {
  height: 18px;
}

div.imageHold img:hover {
  position: absolute;
  margin-left: -45px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -60px;  /* hier genau so */
  width: 90px;       /* die weite beim vergrößern */
  height: 120px;      /* die höhe beim vergrößern */
}