/* ------------- misc */
a {
  text-decoration: none;
  color: #ad0000;
}

strong,b {
	font-weight:bold
}

/* ------------- body, wrap & header */
html {
  height: 100%;
  margin-bottom: 1px;
}
body {
  text-align: center; /* ie6 */
  background: #eaefe9 url(img/main_bg.gif) repeat-x;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}

.wrap {
  width: 900px;
  margin: auto;
  text-align: left;
  padding-bottom: 30px;
  position:relative;
}

.lang_select {
  margin: 17px 0 7px 0;
}
.lang_select a {
  float: right;
  width: 26px;
  height: 14px;
  margin: 0 0 0 4px;
}
*html .lang_select a { font-size: 0; }
.lang_select a.de { background: url(img/flag_de.gif); }
.lang_select a.uk { background: url(img/flag_uk.gif); }
.lang_select a.fr { background: url(img/flag_fr.gif); }

.header {
  height: 131px;
  overflow: hidden;
}

/* ------------- navigation & suchbox */
.navigation {
  height: 26px;
  background: url(img/navi_main_bg.gif) repeat-x;
}

.navigation ul {
  float: left;
  height: 26px;
}
.navigation ul li {
  float: left;
  height: 26px;
}
.navigation ul li a {
  float: left;
  height: 26px;
  line-height: 26px;
  padding: 0 15px 0 15px;
  color: #ffcb5a;
  font-size: 12px;
  text-transform: uppercase;
}
.navigation ul li a:hover {
  background: url(img/navi_main_bg_hover2.gif) repeat-x;
  /*color: #003300;*/
}
.navigation ul li.active a {
  background: url(img/navi_main_bg_hover.gif) repeat-x;
  color: #003300;
}
.navigation ul li.active a:hover { /* stupid ie6 */
  background: url(img/navi_main_bg_hover.gif) repeat-x;
  color: #003300;
}

.navigation .search {
  float: right;
  padding: 0 5px 0 0;
}
.navigation .search input.text {
  width: 172px;
  height: 14px;
  margin: 2px 0 0 0;
  padding: 2px;
  border: 1px solid #000;
  background: #4e5534;
  color: #ccc;
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}
.navigation .search input.submit {
  vertical-align: top;
  margin: 2px 0 0 0;
}

.subnavigation {
  height: 24px;
  background: url(img/navi_sub_bg.gif) repeat-x;
  border-bottom: 1px solid #afb9ae;
}

.subnavigation ul {
  float: left;
  height: 24px;
}
.subnavigation ul li {
  float: left;
  height: 24px;
}
.subnavigation ul li a { /* eigenschaften werde mit js geändert um springende links zu verhindern */
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0 18px 0 15px;
  color: #003300;
  font-size: 11px;
  text-transform: none;
  white-space: nowrap;
}
.subnavigation ul li a:hover,
.subnavigation ul li.active a {
  background: none;
  font-weight: bold;
}

/* ------------- content */
.content {
  clear: both;
  padding: 10px 0 0 0;
}
.content .left {
  float: left;
  width: 640px;
  overflow:hidden;
}


.content .right {
  float: right;
  width: 250px;
}

.box {
  background: #fff;
  margin-bottom: 10px; /* oder 8px */
  float: left;
  width: 100%;
}

.box h1 {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #333;
}
.box h2 {
  margin: 0 0 8px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: #333300;
}

.content .right .teaser {
  height: 1%; /* hazz */
}
.content .right .teaser .inner {
  padding: 13px 13px 13px 13px;
}

.content .left .teaser {
  float: left;
}
.content .left .teaser .inner {
  height: 155px;
  margin: 8px;
  padding: 10px 12px 12px 12px;
  overflow: hidden;
  background: url(img/teaser_main_bg.gif) repeat-x;
}
.content .left .small {
  width: 210px;
  margin-right: 10px;
  overflow: hidden;
}

.content .left .small .inner{
	width:170px; overflow: hidden;
}

.content .left .big {
  width: 420px;

  overflow: hidden;
}
.content .left .teaser .statement_text {
  width: 270px;
  float: left;

  overflow: hidden;
}
.content .left .teaser .statement_text .quote {
  font-style: italic;
}
.content .left .teaser .statement_foto {
  float: right;
}

.content .left .main_c .le {
  float: left;
}
.content .left .main_c .ri {
  float: right;
}

.content .left .main_c .img {
  margin-top: 4px;
  line-height: 15px;
  color: #666;
}
.content .left .main_c .text_w_img200 .img {
  width: 200px;
  /*w_mod*/
  width: 134px;
  overflow: hidden;
}
.content .left .main_c .text_w_img200 .text {
  width: 385px;
  /*w_mod*/
  width: 430px;
}
.content .left .main_c .text_w_img300 .img {
  width: 300px;
  overflow: hidden;
}
.content .left .main_c .text_w_img300 .text {
  width: 285px;
}
.content .left .main_c .text_w_fimg300 .img {
  width: 300px;
  overflow: hidden;
}
.content .left .main_c .text_w_fimg200 .img {
  width: 200px;
  overflow: hidden;
}
.content .left .main_c .text_w_fimg300 .img {
  width: 220px;
  overflow: hidden;
}
.content .left .main_c .text_w_fimg300 .le, .content .left .main_c .text_w_fimg300 .le {
  margin: 0 15px 15px 0;
}
.content .left .main_c .text_w_fimg300 .ri, .content .left .main_c .text_w_fimg300 .ri {
  margin: 0 0 15px 15px;
}


/* content container article */
.content .left .main_c .article {
  margin: 15px 20px 20px 20px;
}

/* content container termin teaser & termin */
.content .left .main_c .termine_head {
  margin: 15px 20px 0 20px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.content .left .main_c .termin_teaser {
  margin: 10px 20px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #898989;
  height: 1%; /* hasLayout */
}
.content .left .main_c .termin_teaser .red_date {
  width: 255px;
  height: 18px;
  line-height: 17px;
  padding-left: 10px;
  margin: 14px 0 10px 0;
  background: #aa0000;
  color: #fff;
}
.content .left .main_c .article .green_date {
  width: 255px;
  height: 18px;
  line-height: 17px;
  padding-left: 10px;
  margin: 14px 0 10px 0;
  background: #333400;
  color: #fff;
}


.article ul { list-style-type: disc;}

.termin_teaser img { border: 1px solid #8a8a8a;}

.content .left .main_c .article .termin_img_r {
  width: 300px;
  overflow: hidden;
}
.content .left .main_c .article .termin_img img {
  width: 300px;
}

/* dozenten box */
.content .left .doz_box {
  margin-bottom: 8px;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #c1c1c1;
  background: #f5f5f5 url(img/doz_box_bg.gif) repeat-x bottom;
}
.content .left .doz_box span {
  padding-left: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: url(img/doz_box_not_to_open.gif) no-repeat 10px 0;
  font-weight: bold;
}
.content .left .doz_box a.head_c, .content .left .doz_box a.head_o {
  height: 30px;
  display: block;
  background: url(img/doz_box_head_bg.gif) repeat-x;
  cursor: pointer;
  color: #333301;
  font-size: 12px;
  font-weight: bold;
}
.content .left .doz_box a.head_o {
  background: none;
}
.content .left .doz_box a.head_c span, .content .left .doz_box a.head_o span {
  padding-left: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: url(img/doz_box_open.gif) no-repeat 10px 0;
}
.content .left .doz_box a.head_o span {
  background: url(img/doz_box_close.gif) no-repeat 10px 0;
}
.content .left .doz_box .info {
  padding: 10px;
}
.content .left .doz_box .info td {
  vertical-align: top;
  padding-bottom: 3px;
}
.content .left .doz_box .info .vita {
  width: 380px;
  float: left;
}
.content .left .doz_box .info .vita td.col1 {
  width: 80px;
}
.content .left .doz_box .info .contact {
  width: 185px;
  float: right;
}
.content .left .doz_box .info .contact img {
  margin-bottom: 7px;
}

/* partner */
.partner {
  width: 192px;
  float: left;
  margin: 0 11px 15px 0;
}
.partner table {
  width: 100%;
  margin-bottom: 5px;
}
.partner table.img td {
  height: 106px;
  line-height: 106px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #898989;
}

/* thumbs */
.thumbs {
  padding: 10px 0 0 0;
}
.thumbs a {
  float: left;
  margin: 0 8px 0 0;
}

.thumbs a.last {
  float: left;
  margin: 0;
}

/* infomaterial */
.personen_daten {
  width: 300px;
  float: left;
  overflow: hidden;
}
.personen_daten label {
  width: 90px;
  height: 21px;
  float: left;
  margin: 0 5px 10px 0;
  text-align: right;
  line-height: 21px;
}
.personen_daten input {
  width: 188px;
  float: left;
  height: 17px;
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #999;
  background: #f2f2f2;
}
.bemerkung {
  width: 300px;
  float: right;
  overflow: hidden;
}
.bemerkung label {
  width: 100px;
  height: 21px;
  float: left;
  line-height: 21px;
  text-align: right;
}



.bemerkung textarea {
  width: 188px;
  height: 242px;
  float: right;
  padding: 2px;
  border: 1px solid #999;
  background: #f2f2f2;
}
.bemerkung .selecta {
  width: 194px;
  float: right;
  margin-top: 15px;
}
.bemerkung .selecta input {
  float: left;
}
.bemerkung .selecta label {
  width: auto;
  margin: 0 0 10px 5px;
}
.intressen {
  margin-top: 15px;
}
.intressen label {
  width: 330px;
  height: 21px;
  float: left;
  margin-right: 5px;
  text-align: right;
  line-height: 21px;
}
.intressen textarea {
  width: 255px;
  height: 60px;
  float: right;
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #999;
  background: #f2f2f2;
}
.intressen select {
  width: 261px;
  height: 21px;
  line-height: 21px;
  float: right;
  margin-bottom: 10px;
  font-family: Verdana;
}
.intressen textarea, .bemerkung input, .bemerkung textarea, .personen_daten input {
  font-family: Verdana;
  font-size: 11px;
}
.formsubmit {
  float: right;
  margin-top: 10px;
}

a.formsubmit {
  height: 20px;
  background: url(img/submit_r.gif) no-repeat right;
  color: #fff;
}
a.formsubmit span {
  float: left;
  height: 20px;
  line-height: 18px;
  padding: 0 17px 0 20px;
  background: url(img/submit_l.gif) no-repeat left;
  cursor: pointer;
}
a.formsubmit:hover {
  background: url(img/submit_r_hover.gif) no-repeat right;
}
a.formsubmit:hover span {
  background: url(img/submit_l_hover.gif) no-repeat left;
}

/* studypath */
.studypath img {
  width: 598px;
  margin-bottom: 8px;
  border: 1px solid #000;
}
.studypath a {
  float: right;
}

/* suche */
.suche {
  width: 370px;
}
.suche label {
  float: left;
  width: 100px;
  height: 21px;
  margin: 0 5px 10px 0;
  text-align: right;
  line-height: 21px;
}
.suche input.text {
  float: right;
  width: 259px;
  height: 17px;
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #999;
  background: #f2f2f2;
  font-family: Verdana;
  font-size: 11px;
}
.suche select {
  float: left;
  width: 265px;
}

.such_ergbins {
  padding: 4px 0 0 30px;
  background: url(img/suchergebnis.jpg) no-repeat 2px 0;
}
.such_ergbins h3 {
  margin-bottom: 5px;
  color: #ad0000;
  font-weight: bold;
}

/* links'n'related */
.links_n_related {
  height: 1%;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #898989;
}
.links_n_related .links {
  width: 50%;
  float: left;
  overflow: hidden;
}
.links_n_related .related {
  width: 50%;
  float: right;
  overflow: hidden;
}

.links_n_related .related li {
  list-style-type: none;
  margin-bottom: 5px;
  color: #AD0000 !important;
  font-weight: normal!important;
}
.links_n_related .related li b{
  font-weight: normal!important;
  color: #AD0000 !important;
}



/* pagenavi */
.pagenavi {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #898989;
}
.pagenavi .prev {
  width: 210px;
  float: left;
}
.pagenavi .overview {
  width: 240px;
  float: left;
  text-align: center;
}
.pagenavi .next {

  float: right;
  text-align: right;
}
.only { /* if used as pagenavi only */
  margin-top: 25px;
}
.pagenavi span.pages a {
  color: #000;
}
.pagenavi span.pages a.active {
  color: #888;
}

/* misc */
.content p {
  line-height: 15px;
  color: #333;
}
.content .main_c p {
  margin-bottom: 15px;

  /* w_mod */
  margin-bottom: 5px;
}

.content p a:hover {
  text-decoration: none;
}
.content h3 a:hover {
  text-decoration: underline;
}

.content a.mehr {
  float: right;
  margin: 10px 0 0 0;
  color: #ad0000;
}

.trenner {
  height: 25px;
  margin-top: 5px;
  border-top: 1px solid #898989;
}

.trenner2 {
  height: 10px;
  margin-top: 5px;
  border-top: 1px solid #898989;
}

.last {
  margin-right: 0;
}

.date {
  margin-bottom: 5px;
  color: #888;
}

.content .left .main_c ul {
  padding-bottom: 15px;
}
.content .left .main_c ul li {
  margin-left: 15px;
  line-height: 15px;
  clear: left;
  margin-bottom: 5px;
}
.content .left .main_c ul li span {
  float: left;
  width: 530px;
}
.content .left .main_c ul li span.star {
  float: left;
  width: 10px;
}

.red_dot {
  background: url(img/red_dot.gif) no-repeat;
  padding-right: 2px;
}

/* ------------- footer */
.footer {
  height: 31px;
  line-height: 31px;
  clear: both;
  padding-left: 10px;
  color: #fff;
  background: #333301;
  position:relative;
}
.footer a {
  color: #fff;
}
.footer a.print {
  float: right;
  width: 24px;
  height: 20px;
  margin: 5px 2px 0 0;
  background: url(img/print_btn.gif);
}

/* ------------- misc 2 */
.clear {
  clear: both;
  height: 0;
  line-height: 0 !important; /* !imp für ie7 */
  font-size: 0;
  overflow: hidden;
}

/* -------------  js related stuff */
.layer_background {
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
  width: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.layer_content {
  position: absolute;
  z-index: 2;
  padding: 10px;
  background: #fff;
}

.layer_content .closebar {
  text-align: right;
  padding: 0 0 10px 0;
}

.layer_content .closebar a {
  color: #000;
  text-decoration: underline;
}
.layer_content .closebar a:hover {
  text-decoration: none;
}


/* ----------------------------------------------- */
.csc-textpic {
  /*margin: 15px 20px 0 20px!important;*/
}
.csc-textpic-intext-left .csc-textpic-imagewrap { padding-right: 8px; margin-top: 4px;}
.csc-textpic-intext-right .csc-textpic-imagewrap { padding-left: 8px; margin-top: 4px;}
.csc-textpic-caption { color:#666666; line-height:15px; padding-top: 3px; }


.box-bottom h1 { font-size:12px; line-height:15px; margin:0 0 8px;}

.box-bottom a.mehr:hover { text-decoration:none; }
.box-bottom .csc-textpic-imagewrap { margin-top: 2px; }

.right .teaser h1 { font-size:12px; line-height:15px; margin:0 0 8px; }
.right .teaser a.mehr:hover { text-decoration:none; }

.tx-indexedsearch { margin: 15px 20px 0px 20px; }
.tx-indexedsearch-rules { margin: 0px 20px 0px 20px; }
.tx-indexedsearch-whatis { margin: 0px 20px 0px 20px; }
.tx-indexedsearch-browsebox { margin: 0px 20px 0px 20px; }
.tx-indexedsearch-res { margin: 0px 20px 20px 20px; }
.tx-indexedsearch-whatis { margin: 0px 20px 20px 20px; }
.tx-indexedsearch-noresults { margin: 0px 20px 20px 20px; }


.mehr a { color:#AD0000; float:right; margin:10px 0 0;   /*w_mod*/  margin-top: 5px;}

p.news-single-imgcaption { color: #666666;}

.tx-imxflvplayer-pi1 .flv { margin: -5px 0 10px 0;}
.tx-imxflvplayer-pi1 .teaser h2 { margin-bottom: 2px;}
.tx-imxflvplayer-pi1 .teaser p { margin-top: 8px;}

.news-list-browse .pagenavi .next { }
.no_border_top { border:none!important;}
.news-list-browse { margin-top: -15px;}
h1.color_black a { color: #333333!important; }
.news_date { color: #777!important; margin-bottom: 5px; font-size: 12px;}

.print { display:none!important;}
.separator-statments { border-top: 1px solid #898989; margin: -15px 0 15px 0;}

.personen_daten input.form_error { border: 1px solid red;}

.personen_daten span.form_error select { border: 1px solid red;}

* html .personen_daten span.form_error { border: 1px solid red;}
* html .personen_daten span.form_error select { margin-top: 1px;}

*+html .personen_daten span.form_error { border: 1px solid red;}
*+html .personen_daten span.form_error select { margin-top: 1px;}



.pro-table { margin: -5px 0 0 20px;}
.pro-table td { width: 180px; }

.project .left { width: 370px; margin-right: 20px; float: left;}
.project .right { width: 200px; float: left;}
.project h1 a { color: #333333;}

/* rss links */

.with-rss{
	position:relative;
	zoom:1;
}

a.rss-link{
	/* correct position for elements with pager only, parent elem needs position:relative, provided by class .with-rss*/
    position: absolute;
  top:182px;
  left:857px;
}


* html a.rss-link{
  top:199px;
}

*+html a.rss-link{
  top:199px;
}

a.rss-link-no-pager{
	/* correct position for elements without pager, parent elem needs position:relative, provided by class .with-rss*/
  bottom:10px;
  left:20px;
  position:absolute;
}

* html a.rss-link-no-pager{
	bottom:10px;
}

*+html a.rss-link-no-pager{
  bottom:10px;
}

.with-rss .news-list-browse{
	zoom:1;
}

/* ixck observe misbhr on small box ie6*/
* html .small div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

.bemerkung .selecta .newsletter-label {
 height:auto;
 line-height:14px;
 margin:2px 0 0 5px;
 text-align:left;
 width:160px;
}