html {
  /* font-size:100.01%; */
  font-size:80%;
}

body {
  padding:8px;
  padding-top:0px;
  margin:0px;
  
  background:url(../images/bg.png) repeat-x 0px 8px;
    
  font-family:Helvetica,Arial,sans-serif,Sans;
  color: #222;
}

body, div.header{
  background-color: #DDD;
}

.mainwrap {
  position:relative;
}


/* ------------ content elements  ------------ */

img {
  border:0px;
}

div {
  border:0px;
  margin:0px;
  padding:0px;
}

p {
  margin:0px;
}


a {
  color:#A10000;  /*#333333*/
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}


/*
  This might not be a good idea:
  .content a[href^="http://"]
*/
a.external-link-new-window, a.global {
  background: url(../images/external-link.png) center left no-repeat;
  padding-left: 13px;
}

a.mail {
  background: url(../images/mail-link.png) center left no-repeat;
  padding-left: 18px;
}


h1 {
  font-size:1.4em;
}

h1.csc-firstHeader
{
  margin-top:0em;
}

h2 {
  font-size:1.2em;
  margin-bottom:0.1em;
  margin-top:0.8em;
}

h3 {
  font-size:1.1em;
}

h1 a, h2 a, h3 a {
  text-decoration:none;
  color:#222;
}

h1 a:hover, h2 a:hover, h3 a:hover{
  color:#CC2B2B!important;
  text-decoration:none;
}


ul {
  list-style:disc;
}

.center, .align-center {
  text-align:center;
}


.box {
  border:1px solid #CC2B2B;
}

/* ------------ main, header, footer ------------ */

div.mainwrap {
  max-width:1150px;
  min-width:700px;
  margin:auto;
  position:relative;
}

div.header {
  background-image:url(../images/bg-people.png);
  background-repeat:no-repeat;
  background-position:center 0;
  padding:145px 75px 4px 90px;
  /*height:45px;*/
  max-width:755px;
  margin-top:8px;
  margin-bottom:8px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  
  padding-top:146px;
}

#logo {
  position:absolute;
  top:2px;
  left:0px;
}

#logo a img {
  opacity: 0.8;
}

#logo a:hover img {
  opacity: 1;
}


#logo-subtitle {
  position:absolute;
  top:45px;
  left:0px;
  opacity: 0.7;
}


#box-right-top {
  position: absolute;
  top: 0px;
  right: 0px;
}

#lang-links, 
#box-right-top ul {
  font-size:70%;
  text-align:right;
  margin:0px;
  padding:0px;
  margin-right:5px;
  margin-top:7px;
  margin-bottom:10px;
  list-style-type:none;
}

#cwi-logo img {
  opacity: 0.4;
}

#cwi-logo a:hover img {
  opacity:1;
}

div.footer {
  font-size:75%;
  text-align:center;
  margin-top:0.8em;
  clear:both;
}




/* ------------ left, right and content column ------------ */
.middlewrap {
  position:relative;
}

div.content {
  
  min-height:400px;
  /*max-width:608px;*/
  margin:0px 158px 0px 188px;
  padding:14px 18px;
  
  border:1px solid #CC2B2B;
}


div.rightcolumn .infobox, div.leftcolumn .infobox, ul.leftmenu {
  width:160px;
  padding:6px;
  padding-top:6px;
  border: 1px solid #CC2B2B;
  margin:0px;
  margin-bottom:8px;
  font-size:85%;
}


div.leftcolumn {
  position:absolute;
  left:0px;
  top:0px;
}

div.rightcolumn {
  position:absolute;
  right:0px;
  top:0px;
}

div.leftcolumn .infobox {
  
}

div.rightcolumn .infobox {
  width:130px;
}

.infobox h2 {

}


div.leftcolumn a, div.rightcolumn a {
  
}

div.leftcolumn a:hover, div.rightcolumn a:hover {

}

div.leftcolumn a.active, div.rightcolumn a.active {

}

/* ------------ styles for inside infobox ------------ */
.infobox ul {
  padding:0px;
  padding-left:20px;
}

.infobox .csc-firstHeader {
  margin-top:0em;
}

.infobox h1 {
  font-size:1.2em;
  font-weight:bold;
  margin-top:0em;
}

.infobox h2 {
  font-size:0.9em;
  font-weight:bold;
}

.leftcolumn ul li, .rightcolumn ul li {
  margin:3px;
  margin-left:15px;
}

.infobox ul {
  padding:0px;
  margin:0px;
}


/* ------------ content columns ------------ */

.csc-frame-rulerAfter {
  border:none;
  border-bottom:1px solid #CC2B2B;
  margin:0.8em 0em;
}

.seperation-lines .content-colums {
  position:relative;
}

.seperation-lines .content-column-middleline {
  border-right:1px solid #CC2B2B;
  position:absolute;
  height:100%;
  width:0px;
  left:50%;
  z-index:-10;
}

.content-column-left, .content-column-right {
  width:48%;
}


.content-column-left {
  float:left;
}

.content-column-right {
  float:right;
}

/* ------------ top menue ------------ */

ul.topmenu {
  list-style:none;
  margin:0px;
  padding:0px;
  line-height:1.6em;
  text-align:center;
}


ul.topmenu li {
  display:inline;
  margin:3px 4px;
  
}

ul.topmenu a {
  font-size:1.15em;
  font-weight:bold;
  text-decoration:none;
  text-transform:lowercase;
  color:#222;
  padding:3px 6px;
}

ul.topmenu a:hover, ul.topmenu a.active {
  text-decoration:none;
  border:1px solid #CC2B2B;
  padding:2px 5px;
}

ul.topmenu a.active:hover {
  color: #555;
}


/* ------------ left menue ------------ */
/* left menue level 0 */


ul.leftmenu li {
  color: #222;
}


ul.leftmenu a {
  font-size:1.2em;
}

ul.leftmenu a, .news-catmenu a {
  font-weight:bold;
  text-decoration:none;
  text-transform:lowercase;
}



ul.leftmenu li.active, ul.leftmenu li.active a,
.news-catmenu li.active, .news-catmenu li.active a {
  color: #CC2B2B;
}

ul.leftmenu li.passive, ul.leftmenu li.passive a,
.news-catmenu li.passive, .news-catmenu li.passive a,
.news-catmenu a {
  color: #222;
}

ul.leftmenu li.active:hover, ul.leftmenu li.active a:hover,
.news-catmenu li.active:hover, .news-catmenu li.active a:hover{
  color: #EF4444;
}

ul.leftmenu li.passive:hover, ul.leftmenu li.passive a:hover,
.news-catmenu li.passive:hover, .news-catmenu li.passive a:hover,
.news-catmenu a:hover {
  color: #CC2B2B;
}



/* left menue level 1 - 3 */
ul.leftmenu ul {
  padding:0px;
  margin:0px;
  list-style:disc;
}



/* ------------ search box ------------ */

.searchbox {
  position:relative;
  margin-bottom:8px;
}

.searchbox input.searchbox-input {
  width:141px;
}

.searchbox-button {
  height:14px;
  position:absolute;
  left:125px;
  top:3px;
}

/* ------------ rss-link ------------ */

.rss-link {
  top:149px;
  right:79px;
  position:absolute;
}

/* ------------ news list ------------ */
.news-list-item h3 {
  margin-bottom:0px;
}

.news-list-item h3 a:visited, .news-list-item h2 a:visited{
  color:#555;
}


.news-single-item h2 {
  margin-top:4px;
  margin-bottom:2px;
}

.news-single-item h3 {
  color:#222;
}

.news-list-date, .news-single-timedata {
  float:right;
}

.news-list-date, .news-single-timedata, .news-latest-date,.rss_date {
  font-size:0.75em;
  font-weight:normal;
  color:#666;
}


.news-list-item p.bodytext {
  margin:0px;
  margin-top:12px;
}

.news-list-author, .news-single-author {
  font-style:italic;
}

.news-list-author p.bodytext, .news-single-author p.bodytext {
  margin:0em;
  /*margin-bottom:0.8em;*/
  color:#555;
}

.news-list-item img {
  float:left;
  margin:12px 5px 5px 0px;
}

.news-single-img {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
}


.news-single-imgcaption {
  margin-top: 6px;
  margin-bottom: 0px;
  font-size:80%;
}

.news-list-category, .news-single-category {
  font-style:italic;
}

.news-list-morelink {
  text-align:right;
  margin-top:8px;
  display:block;
}

.news-list-morelink a {
  
}

hr.clearer, .news-list-container .news-list-item {
  border-color:#CCC;
}


hr.clearer {
  height:0px;
  border-bottom:0px;
  border-right:0px;
  border-left:0px;
  border-top-width: 5px;
  border-top-style:solid;
  clear:both;
}


.news-catmenu {
  white-space:nowrap;
  overflow:hidden;
}

div.catmen-level {
  margin-left:1.4em;
}

div.catmen-level.level1 {
  margin-left:0em;
}


/*
.news-catmenu img {
  vertical-align:middle;
  height:1.6em;
  width:1.8em
}

.news-catmenu a {
  margin-left:2px;
}
*/


.pagebrowser-links {
  text-align:center;
  margin-top:1.3em;
}

.pagebrowser-links span.active, .pagebrowser-links a {
  margin-left:0.2em;
  margin-right:0.2em;
}

.pagebrowser-links span.active {
  font-weight:bold;
}

.tx-ttnews-browsebox {
  margin-top:0.8em;
}

.tx-ttnews-browsebox-strong {
  font-weight:bold;
}


/* ------------ contact form ------------ */
*.tx_powermail_pi1_fieldwrap_html_submit,*.tx_powermail_pi1_fieldwrap_html_reset {
  display:inline;
  margin:10px;
}

*.tx_powermail_pi1_fieldwrap_html_reset {
  margin-left:120px;
}

*.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  /* Weil eine Ueberschrift bei Checkboxen sinnlos ist meistens... */

}

*.tx_powermail_pi1_fieldwrap_html_textarea {
  vertical-align:top;
}

*.powermail_text {
  width:200px;
}

*.tx_powermail_pi1_fieldwrap_html_text label,
*.tx_powermail_pi1_fieldwrap_html_textarea label {
  float:left;
  width:120px;
}

#powermaildiv_uid7 label {
  margin-left: 120px;
  float: none;
}

#powermaildiv_uid7 {
  margin-top:10px;
  margin-bottom:10px;
}

#tx-powermail-pi1_fieldset_1 {
  /*
  max-width:600px;
  padding:10px;
  */
  padding:0px;
  margin:0px;
}

#tx-powermail-pi1_fieldset_1 fieldset {
  border:none;
}

*.powermail_mandatory_js {
  margin-bottom:1.3em;
  margin-left:120px;
  margin-top:0.3em;
  color:#CC2B2B;
}

*.tx_powermail_pi1_fieldwrap_html_check p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  margin-bottom:0px;
}

*.powermail_check_inner {
  margin-left:120px;
}

*.tx_powermail_pi1_fieldwrap_html {
  margin-bottom:8px;
}

*.tx-powermail-pi1_fieldset {
  border:none;
}

*.tx-powermail-pi1_fieldset legend {
  display:none;
}

tx-powermail-pi1_confirmation form {

}
form.tx_powermail_pi1_formconfirmation_back,
form.tx_powermail_pi1_formconfirmation_submit {
  display:inline;
  margin-right:15px;
}

.tx-powermail-pi1_confirmation table.powermail_all_table {
  margin-bottom:20px;
}


/* ------------ contact form colors etc ------------ */

*.powermail_text, *.powermail_textarea, *.powermail_check, *.powermail_reset, *.powermail_submit, *.searchbox input.searchbox-input, *.tx-powermail-pi1_confirmation_submit, *.tx-powermail-pi1_confirmation_back, *.tx-indexedsearch-searchbox-sword, *.tx-indexedsearch-searchbox-button, *.tx-indexedsearch-searchbox select {
  background:#DDD;
  border:1px inset #CC2B2B;
  color:#222;
}

*.powermail_text:hover, *.powermail_text:focus,
*.powermail_textarea:hover, *.powermail_textarea:focus,
*.powermail_check:hover,
*.powermail_reset:focus,*.powermail_reset:hover,
*.powermail_submit:focus,*.powermail_submit:hover,
*.searchbox input.searchbox-input:focus, *.searchbox input.searchbox-input:hover,
*.tx-powermail-pi1_confirmation_submit:focus, *.tx-powermail-pi1_confirmation_submit:hover,
*.tx-powermail-pi1_confirmation_back:focus, *.tx-powermail-pi1_confirmation_back:hover,
*.tx-indexedsearch-searchbox-sword:focus, *.tx-indexedsearch-searchbox-sword:hover,
*.tx-indexedsearch-searchbox-button:focus, *.tx-indexedsearch-searchbox-button:hover,
*.tx-indexedsearch-searchbox select:focus,*.tx-indexedsearch-searchbox select:hover
{
  background:  #CCC;
}

*.powermail_reset, *.powermail_submit, *.tx-powermail-pi1_confirmation_submit, *.tx-powermail-pi1_confirmation_back, *.tx-indexedsearch-searchbox-button {
  border-style:outset;
}

*.powermail_reset:active, *.powermail_submit:active, *.tx-powermail-pi1_confirmation_submit:active, *.tx-powermail-pi1_confirmation_back:active, *.tx-indexedsearch-searchbox-button:active {
  border-style:inset;
}


/* ------------ other ------------ */


.buttons-moving a:hover {
  position:relative;
  top:-3px;
}


/* for jquery simpletip plugin - for link-page */
.tooltip{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
  background-color: white;
  border: 1px solid #777; /* #CC2B2B */
  padding: 5px;
}