/******************************
 * HTML-Tags
 ******************************/
/* Alles nullen */

body {
  font-family:Verdana,Arial,sans-serif;
  font-size:12px;
  margin:0;
  padding:10px;
  line-height:16px;
  color:#767676;
}

h1,h2,h3,h4,h5,h6,dl,dt,dd,img,p,div,form,legend,fieldset,legend,input,select,textarea,table,th,td,caption,ul,li,ol,iframe {
  margin:0;
  padding:0;
  font-family:Verdana,Arial,sans-serif;
}


/* Absaetze und Ueberschriften */
h1 {
  font-size:18px;
  line-height:24px;
  font-weight:normal;
  background:#fff;
  padding:0 3px 0 0;
  display:inline;
  position:relative;
  z-index:2;
}
h2 {
  font-size:14px;
  padding:10px 0 10px 0;
  font-weight:normal;
}
h2.yellow {
  font-size:18px;
  line-height:22px;
  padding:4px 10px;
  background:#e8ae30;
  border-bottom:1px solid #1a5d8a;
}
h3 {
  font-size:1em;
  padding:20px 0 10px 0;
}

hr {
  clear:both;
  height:1px;
  padding:0;
  color:#D9D9D9;
  border:none;
  border-top:1px solid #D9D9D9;
  margin:7px 0;
}

hr.h1 {
  border-top:2px dotted #767676;
  margin:0 0 20px 0;
  clear:none;
  height:2px;
  padding:0;
  color:#767676;
  position:relative;
  z-index:1;
  top:-7px;
}
p {
  padding-bottom:10px;
}
small, address {
  font-size:0.9em;
  line-height:1.2;
  font-style:normal;
}
acronym, dfn, abbr, span.abbr {
  border-bottom: 1px dotted black; cursor: help;
}

/* Links */
a img {
  border:none;
}
a {
  text-decoration:none;
  color:#4595BB;
}
a:hover,
a:focus {
  color:#161616 !important;
}
a.external-link {
  padding-left:18px;
  background:url(../img/icon_link.png) left top no-repeat;
  display:inline-block;
}
a.email {
  padding-left:18px;
  background:url(../img/icon_mail.png) left top no-repeat;
  display:inline-block;
}
a.download {
  padding-left:18px;
  background:url(../img/icon_download.png) left top no-repeat;
  display:inline-block;
}
a.arrow {
  padding-right:10px;
  background:url(../img/icon_arrow.png) right 3px no-repeat;
}
a.arrowLeft {
  padding-left:10px;
  background:url(../img/icon_arrow.png) left 3px no-repeat;
  display:inline-block;
}
a.all {
  padding-left:18px;
  background:url(../img/icon_all.png) left top no-repeat;
  display:inline-block;
}

/* Listen */
ul,ol {
  padding:0 0 10px 25px;
}

ul.nostyle,
ul.browsebox {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-image:none;
}
ul.inline li,
ul.browsebox li {
  display:inline;
}

li dfn.menu,.usb {
  display:block;
  position:absolute;
  left:-3000px;
  height:0px;
  width:0px;
}


/* Formulare */
form br {
  clear:both;
}
fieldset {
  border:none;
}
form .error {
  margin-left:180px;
}

legend {
  font-weight:bold;
  white-space:normal;
  margin:0 0 10px 0;
  color:#767676;
  padding:0;
}
label {
  display:block;
}
textarea,
select,
input[type=text],
input[type=password]{
  padding:2px 5px;
  border:1px solid #D9D9D9;
  width:90%;
  margin-top:3px;
  font-size:0.9em;
}
select {
  width:auto;
  padding:2px 0;
  background:none;
  
}
input.submit,
a.button {
  clear:both;
  display:block;
  margin:3px 3px 0 0;
  padding:5px 10px;
  width:auto;
  background:#4393B9 url(../img/bg_button.png) left top repeat-x;
  color:#fff;
  border:2px solid #fff;
  
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  -o-border-radius:4px;
  
  box-shadow:2px 2px 5px #BEBEBE;
  -webkit-box-shadow:2px 2px 5px #BEBEBE;
  -moz-box-shadow:2px 2px 5px #BEBEBE;
  -khtml-box-shadow:2px 2px 5px #BEBEBE;
  -o-box-shadow:2px 2px 5px #BEBEBE;
}
a.button {
  display:inline-block;
}
input.submit:hover,
a.button:hover,
a.button:focus {

  box-shadow:-2px -2px 5px #BEBEBE;
  -webkit-box-shadow:-2px -2px 5px #BEBEBE;
  -moz-box-shadow:-2px -2px 5px #BEBEBE;
  -khtml-box-shadow:-2px -2px 5px #BEBEBE;
  -o-box-shadow:-2px -2px 5px #BEBEBE;
  
}
input.check,
input[type=checkbox],
input[type=radio] {
  border:none;
  background:none;
}
fieldset.buttons {
  padding:5px 0;
}
fieldset.buttons legend {
  margin:0;
  padding:5px 0 3px 0;
}
fieldset.buttons label {
  display:inline;
  margin:0 10px 0 5px;
}


/* Tabellen */
table,
table.contenttable {
  font-size:1em;
  width:auto;
}
caption {
  font-weight:bold;
  text-align:left;
  font-size:1em;
  padding-bottom:10px;
}
th,
td {
  padding:2px 10px 2px 0;
  text-align:left;
  vertical-align:top;
  width:auto;
  line-height:1.3em;
}
table.contenttable {
  width:99%;
  border-bottom:1px solid #D9D9D9;
}
table.contenttable th,
table.contenttable td {
  padding:8px 20px 8px 0;
  border-top:1px solid #D9D9D9;
}


/* Definitionslisten */
dd {
  margin-left:2em;
}

form dd {
  margin-left:0;
}
form dt {
  font-weight:bold;
}
dl.icon {
  float:left;
  margin:0 6px;
  width:auto;
  text-align:center;
}
dl.icon dt {
  height:25px;
  overflow:hidden;
}
dl.icon dt,
dl.icon dd {
  display:block;
  clear:both;
  text-align:center;
  font-size:10px;
  margin:0;
  padding:0;
  letter-spacing:0;
  white-space:nowrap;
}


/**********************************
 * Allgemeingueltige Klassen
 **********************************/
.hidden {
  display:none;
}
.clearer {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
  text-align:left;
}
.marked {
  color:#97BF0D;
}
.error {
  color:#ff7b03;
}
.monospace {
  font-family:Courier,monospace;
}
.upper {
  text-transform:uppercase;
}




/**********************************
 * RTE + Rahmen
 **********************************/

.indent, p.indent {
  padding-left:40px;
}
.align-center, p.align-center {
  text-align:center !important;
}
.align-right, p.align-right {
  text-align:right;
}
.small, p.small, span.small {
  font-size:0.9em;
  line-height:1.2em;
}
.big, p.big, span.big {
  font-size:14px;
  line-height:18px;
}

.box_left {
  width:48%;
  float:left;
}
.box_right {
  width:48%;
  float:right;
  text-align:left;
}
.box_1 {
  background:#4E6368;
  padding:10px 20px;
  margin:10px 0;
  color:#fff;
  overflow:hidden;
  border-bottom:1px solid #363636;
  font-size:0.9em;
  
  box-shadow:-2px 2px 5px #161616 inset;
  -moz-box-shadow:-2px 2px 5px #161616 inset;
  -webkit-box-shadow:-2px 2px 5px #161616 inset;
  -khtml-box-shadow:-2px 2px 5px #161616 inset;
  -o-box-shadow:-2px 2px 5px #161616 inset;
}
.box_1 h1 {
  background:none;
  display:block;
  border-bottom:1px solid #45575C !important;
  padding:0 15px 0 20px !important;
  margin:0 -15px 0 -20px !important;
  position:relative;
}
.box_1 hr.h1 {
  border-top:1px solid #64767B !important;
  margin:0 -15px 10px -20px !important;
  padding:0  !important;
  height:1px;
  top:0;
}
.box_1 a {
  color:#fff !important;
}
.box_1 a:hover,
.box_1 a:focus {
  color:#161616 !important;
}

.blue,p.blue,span.blue {
  color:#4393B9;
}
.grey,p.grey,span.grey {
  color:#7B7B7B;
}
.green,p.green,span.green {
  color:#71C12E;
}
.yellow,p.yellow,span.yellow {
  color:#E8AE2F;
}


/**********************************
 * Inhaltselemente
 **********************************/

/* Bilder */
dl.image.left {
  margin-right:10px;
}
dl.csc-textpic-image dd,
dl.image dd {
  padding:4px 10px;
  margin:0;
  background:#D9D9D9;
}
dl.csc-textpic-image dd p {
  padding:0;
}


/* Sitemap mit Inhaltsangabe */
.csc-menu-4 dd {
  padding: 0 0 10px 0;
  margin:0;
}

/* Sitemap */
.csc-sitemap ul.firstLevel li {
  border:1px solid #D9D9D9;
  margin-bottom:10px;
  padding:3px;
}
.csc-sitemap ul.firstLevel li a {
  background:#D9D9D9;
  padding:4px 5px;
  margin-bottom:5px;
  display:block;
  font-size:1em;
  font-weight:bold;
  color:#161616;
}
.csc-sitemap ul.secondLevel {
  padding-left:5px;
}
.csc-sitemap ul.secondLevel li {
  border:none;
  margin-bottom:0;
  padding:0;
}
.csc-sitemap ul.secondLevel li a {
  display:block;
  background:none;
  padding:0;
  margin:0;
  font-weight:normal;
  color:#767676;
}
.csc-sitemap ul.thirdLevel {
  list-style-type:circle;
}
.csc-linkToTop {
  margin-top:10px;
  margin-bottom:30px;
  padding-left:20px;
  background:url(../img/icon_top.gif) left 4px no-repeat;
}



/**********************************
 * Plugins
 **********************************/
.ttnews-headerlist {
  font-size:11px;
}
.ttnews-headerlist ul {
  padding-left:13px;
}
.ttnews-headerlist a {
  font-style:italic;
}

dl.ttnews-latest dd {
  margin:0 0 10px 0;
  padding:0;
}
.ttnews-list h2 {
  padding:10px 0 0 0;
}
.ttnews-more a {
  padding:0 8px 0 5px;
  background:url(../img/icon_arrow.png) right 4px no-repeat;
}


/* memberlist */
.tx-newloginbox-pi3 table {
  margin-top:-20px;
}
.tx-newloginbox-pi3 th {
  padding-top:20px;
  border-bottom:1px solid #D9D9D9;
}
.tx-newloginbox-pi3 td.arrowLeft a {
  padding-left:10px;
  background:url(../img/icon_arrow.png) left 3px no-repeat;
  display:inline-block;
}
.tx-newloginbox-pi3 ul.inline {
  border-left: 1px solid  #767676;
}
.tx-newloginbox-pi3 ul.inline li {
  padding:0 5px;
  border-right: 1px solid  #767676;
}


/* imagecycle */
.tx-imagecycle-pi1-pager {
  position:absolute;
  bottom:5px;
  right:10px;
  text-align: right;
  z-index:10;
}
.tx-imagecycle-pi1-pager a {
  border: none;
  background:url(../img/bg_coin.png) center no-repeat;
  text-decoration: none;
  margin: 0 0 0 3px;
  padding:0;
  text-align:center;
  display:inline-block;
  width:18px;
  height:17px;
  line-height:18px;
  font-size:12px;
  color:#fff;
}
.tx-imagecycle-pi1-pager a.activeSlide {
  background: url(../img/bg_coin2.png) center no-repeat;
}
.tx-imagecycle-pi1-images .imagecycle-caption {
  background:url(../img/bg_caption.png) left top;
  border-bottom:5px solid #656E71;
  padding:8px 10px;
  white-space: normal;
  color:#161616;
  display: none;
}


/**********************************
 * Druck
 **********************************/
body.print #breadcrumb,
body.print #slogan,
body.print #left,
body.print #right {
  display:none;
}

body.print #logo {
  height:145px;
  overflow:hidden;
}
body.print #content,
body.print #footer {
  margin-top:20px;
}

@media print {
  body {
    color:#000;
   }
  #main {
    text-align:left;
  }
  #slogan,
  #left,
  #printmode,
  #breadcrumb,
  #right,
  #footer ul {
    display:none;
  }
  #logo { 
    display:block; 
  }
  #contentWrap,
  #footer {
    padding:20px 0;
    margin-top:20px;
    border-top:1px solid #000;
  }
  a {
    color:#000;
    text-decoration:underline;
  }
  a.email,
  a.download,
  a.external-link,
  .csc-linkToTop {
    padding-left:0;
    background:none;
  }
}