s/****************************************************************************************************************
style.css
erstellt: 10.02.09
Autor: B.Keim
Stylesheet fuer HWK Konstanz Management Zentrum Villingen


Farben:

Grau:
html-hintergrund:     #D9DCDF;
content-hintergrund:   #E4E8E9;

Bilderrahmen:         #DADFE2;

Schrift-Grau:          #818485

Weiss:   #FFFFFF

Orange: #F7A600
Orange2:#F5A433

*******************************************************************************************************************/

/** Allgemeine Angaben **/
html, body,
a, a:link, a:visited, a:hover, a:active,
table, tbody, th, tr, td,
div, span, p,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, input, select, option, optgroup, button, fieldset, textarea, label, legend
{
  font-family: Verdana, sans-serif;
  font-style: normal;
  font-size: 10px;
  color: #818485;
  text-decoration: none;
  line-height: 14px;
  padding: 0px;
  margin: 0px;
}

html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}
body {
  background-color: #D9DCDF;
}
p, div, span {
  line-height: 14px;
}

ul {
  padding-left: 20px;
}

/* Links */
a, a:link, a:visited {
  color: #818485;
  cursor: pointer;
}
a:hover, a:active{
  color: #F7A600;
  cursor: pointer;
}
/* Nav Links */
a.link,
a.link:link, a.link:visited,
a.link:hover, a.link:active {
  background-image: url(../common/btn_more.gif);
  background-repeat: no-repeat;
  background-position: 0px 2.5px ;
  color: #f38d00;
  padding: 1px 2.5px 1px 10px;
}

img {
  border: 0px none;
  padding: 0px;
  margin: 0px;
}


/** Center Box **/
div.center {
  background-image: url(../common/bg_all.png);
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
/*  top: 50%;*/
  left: 50%;
  height: 665px;
  width: 976px;
  float: left;
  margin-left: -500px;
/*  margin-top: -315px;*/
  margin-top: 20px;
    padding: 8px 0px 0px 24px;
  overflow:auto;
}


/** Header Block **/
div.header {
  position: absolute;
  top: 8px;
  left: 23px;
  z-index: 1;
  height: 70px;
  width: 864px;
  float: left;
  padding: 0px 40px;
}
div.head_search1 {
  position: absolute;
  top: 15px;
  width: 350px;
  float: left;
  padding: 0px;
  margin: 0px;
}
div.head_search2 {
  position: absolute;
  top: 40px;
  width: 350px;
  float: left;
  padding: 0px;
  margin: 0px;
}
div.head_logo {
  position: absolute;
  top: 0px;
  right: 40px;
  width: 181px;
  float: left;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}
/** Motion Box **/
div.motion {
  border: 1px solid #DADFE2;
  position: absolute;
  top: 290px;
  left: 23px;
  z-index: 4;
  height: 163px;
  width: 942px;
  float: left;
}
div.motion span {
  display: block;
}

/** Switch **/
div.switch {
  position: absolute;
  top: 435px;
  left: 23px;
  z-index: 20;
  text-align: right;
  width: 906px;
  float: left;
  padding: 2.5px 14px 2.5px 24px;
}


/** Navigation Box **/
div.naviMain {
  border-top: 1px solid #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
  position: absolute;
  top: 468px;
  left: 23px;
  z-index: 5;
  display: block;
  width: 944px;
  float: left;
}
/** Quicklink Box **/
div.naviQuick {
  position: absolute;
  top: 528px;
  left: 23px;
  z-index: 5;
  height: 20px;
  width: 862px;
  float: left;
  padding: 0px 40px;
}
div.naviQuick a {
  margin-right: 5px;
}
/** Navigation Styles **/
div.naviMainSub {
  background-image: url(../common/bg_navi.png);
  background-repeat: repeat-x;
  height: 24px;
  width: 884px;
  float: left;
  padding: 1.5px 30px;
}
div.naviMainDiv {
  font-size: 11px;
  text-transform: uppercase;
  height: 20px;
  float: left;
  padding: 5px 5px 0px 10px;
}
a.nav_down,
a.nav_down:link,
a.nav_down:visited,
a.nav_down:hover,
a.nav_down:active
{
  background-image: url(../common/icn_menu_down.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 12.5px;
}
a.nav_right,
a.nav_right:link,
a.nav_right:visited,
a.nav_right:hover,
a.nav_right:active
{
  background-image: url(../common/icn_menu_right.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 10px;
}
a.inakt:link, a.inakt:visited {
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
}
a.inakt:hover, a.inakt:active {
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
}
a.akt:link,
a.akt:visited,
a.akt:hover,
a.akt:active {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
}

span.nav_akt {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0px 2.5px;
}

/** Footer Box **/
div.footer {
  position: absolute;
  top: 620px;
  left: 23px;
  line-height:15px;
  height: 36px;
  width: 864px;
  float: left;
  padding: 0px 40px;
}
/** Content Main Box **/
div.content {
  position: absolute;
  top: 83px;
  left: 23px;
  z-index: 10;
  clip: rect(0px, 944px, 200px, 0px);
  overflow: none;
  background-color: #E4E8E9;
  height:185px;
  width: 884px;
  float: left;
  padding: 5px 20px 10px 40px;
}

div.content_large {
  position: absolute;
  top: 83px;
  left: 23px;
  z-index: 10;
  clip: rect(0px, 944px, 370px, 0px);
  overflow: none;
  background-color: #E4E8E9;
  height: 355px;
  width: 884px;
  float: left; 
  padding: 10px 20px 10px 40px;
}
div.content_pager {
/*
  position:absolute;
  top: 12.5px;
  */
/*  margin-top: -15px;*/
  text-align: right;
  width: 560px;
  float: left;
  z-index: 5;
}
div.content_pager a,
div.content_pager a:link,
div.content_pager a:hover,
div.content_pager a:active,
div.content_pager a:visited
{
  padding: 0px 2.5px;
  color: #818485;
}

/** Content Boxen **/
div.box_headline {
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
/*  width: 350px;*/
  width: auto;
  float: left;
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
div.box_cnt_all {
  width: 860px;
  float: left;
  padding: 10px 0px;
}
div.box_cnt_big {
  width: 560px;
  float: left;
  margin-right: 40px;
}
div.box_cnt {
  width: 260px;
  float: left;
  margin-right: 40px;
}

div.box_cnt_left {
  position: relative;
  bottom: 0px;
  width: 350px;
  float: left;
  margin-right: 20px;
}
div.box_cnt_right {
  position: absolute;
/*  bottom: 10px;*/
  top: 10px;
  right: 20px;
  width: 514px;
  float: left;
}
div.box_cnt_asset {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 246px;
  float: left;
  margin-top: 0px;
}
div.box_cnt_bottom {
  position:absolute;
  bottom: 0px;
  left: 0;
  background-image:url("../../assets/common/bg_box_popup_x.gif");
  background-repeat: repeat-x;
  height: 67px;
  width: auto;
  float:left;
}

/** Box for Assettype box_popup **/
div.box_popup {
  background-image: url("../../assets/common/bg_box_popup.gif");
  background-position:right bottom;
  background-repeat:no-repeat;
  height: 67px;
  width: 240px;
  float: left;
  display: block;
  overflow: hidden;
}
div.box_popup .box_info_hdl {
  background-color:transparent;
  font-size:110%;
  margin:10px 7px 0;
}
div.box_popup .box_info_txt {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin: 3px 10px;
  width: 190px;
}
div.box_popup .box_info_txt a.link {
  color: #FFFFFF;
  padding: 2px 2px;
}
div.box_popup .box_info_txt a.link span {
  background-image: url(../../assets/common/btn_more_white.gif);
  background-repeat: no-repeat;
  background-position: left 60%;
  color: #FFFFFF;
  float: right;
  padding-left: 12px;
}

div.box_cnt_tb {
  z-index: 105;
  width: 660px;
  float: left;
/*  margin: 10px 15px;*/
}

div.box_info {
  background-color: #FFFFFF;
  border: 1px solid #fad199;
  width: 220px;
  float: left;
  padding: 9px;
  margin-top: 20px;
  margin-right: 14px;
}
div.box_info_hdl {
  background-color: #F5A433;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 210px;
  float: left;
  padding: 2.5px 5px;
}
div.box_info_txt {
  width: 210px;
  float: left;
  padding: 2px 5px;
}

div.box_info_line_white {
  background-color: #FFFFFF;
  width: 290px;
  float: left;
}
div.box_info_line_red {
  background-color: #fdeed9;
  width: 290px;
  float: left;
}
div.box_info_label {
  line-height: 15px;
  font-weight: bold;
  width: 95px;
  float: left;
  padding: 1px 2px;
}
div.box_info_value {
  line-height: 15px;
  width: 184px;
  float: left;
  padding: 1px 2px;
}
div.box_info_value select,
div.box_info_value input {
  border: 1px solid #A4A9AB;
  line-height: 15px;
}


* html div.box_page { height:100px; width: 843px; }

/** Mitarbeiter **/
div.box_mitarbeiter {
  background-color: #FFFFFF;
  border: 1px solid #FAD199;
  width: 380px;
  float: left;
  margin: 0px 30px 0px 0px;
  padding: 5px;
}
* html div.box_mitarbeiter { margin-right:45px; }
div.box_mitarbeiter_hdl {
  background-color: #F5A433;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFFFFF;

  width: 360px;
  float: left;
  display: block;
  padding: 2px 10px;
}
div.box_mitarbeiter_cnt {
  width: 380px;
  float: left;
  display: block;
  padding: 5px 0px;
}

div.box_mitarbeiter_img {
  float: left;
}
div.box_mitarbeiter_txt {
  float: left;
  padding: 10px;
}

div.mitarbeiter_pager {
  position:absolute;
  top: 12.5px;
  text-align: right;
  width: 810px;
  float: left;
}



div.mitarbeiter_pager a,
div.mitarbeiter_pager a:link,
div.mitarbeiter_pager a:hover,
div.mitarbeiter_pager a:active,
div.mitarbeiter_pager a:visited
{
  padding: 0px 2.5px;
}


/** Content Elements **/
div.content_text {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
}
div.content_hdl {
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  float: left;
  padding: 0px 0px 5px 0px;
  margin: 0px;
}
div.content_txt {
  width: 100%;
  float: left;
  padding: 0px 0px 10px 0px;
}
div.content_txt a {
  text-decoration:underline;
}


/** Seminar Elements **/

/* Seminar Liste*/
div.seminare_list {
  width: 560px;
  float: left;
  padding: 0px;
  margin: 2.5px 40px 2.5px 0px;
}
div.seminare_list_hdl {
  border-bottom: 1px solid #F7A600;
  font-weight: bold;
  padding: 2.5px 0px;
}
div.seminare_list_pager {
  font-size: 11px;
  text-align: right;
  line-height: 15px;
  width: 500px;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: -24px;
}
.seminare_list_pager a:link,.seminare_list_pager a:visited {
  padding: 0px 2.5px;
}
.seminare_list_pager a:hover,.seminare_list_pager a:active {
  color: #F7A600;
  padding: 0px 2.5px;
}

/** Seminare Info **/
div.seminar_info {
  float:left;
}
div.seminar_info_box {
  background-color: #FFFFFF;
  border: 1px solid #FAD199;
  width: 320px;
  float: left;
  padding: 9px;
}
div.seminar_info_hdl {
  background-color: #F5A433;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 309px;
  float: left;
  padding: 5px;
}

div.seminar_info_line {
  width: 314px;
  float: left;
  padding: 2px;
}
.bg_red {
  background-color: #fdeed9;
}
.bg_white {
  background-color: #FFFFFF;
}
div.seminar_info_lbl {
  font-weight: bold;
  width: 110px;
  float: left;
  padding: 1px 2px;
}
div.seminar_info_val {
  width: 190px;
  float: left;
  padding: 1.5px 2.5px;
}
input.seminar_info_val{
  border: 0px none;
  background-color: transparent;
  width: 184px;
  padding: 1.5px 5px;
}
div.seminar_info_val select {
  border: 1px solid #E4E8E9;
  background-color: none;
  width: 195px;
}
/** Seminar Details **/
div.seminare_detail {
  width: 560px;
  float: left;
  margin: 0px 40px 0px 0px;
}
div.seminare_detail p {
  line-height:12.5px;

}
div.seminare_detail_links {
  position: absolute;
  left: 500px;
  line-height: 12px;
  height: 60px;
  width: 420px;
  float: left;
}
div.seminare_detail_box {
  position: absolute;
  top: 70px;
  background-color: #FFFFFF;
  border: 1px solid #FAD199;
  width: 242px;
  float: left;
  padding: 10px;
}
div.seminare_detail_box_hdl{
  background-color: #F5A433;
  color: #FFFFFF;
  font-weight: normal;
  text-transform: uppercase;
  width: 228px;
  float: left;
  padding: 2.5px 5px;
}

div.seminare_detail_box_termin{
  width: 238px;
  float: left;
}

div.seminare_detail_box_link{
  width: 233px;
  float: left;
  padding: 1.5px 2.5px;
}

div.seminare_detail_box_pager {
  position: absolute;
  top: 6px;
  right: 12.5px;
  color: #FFFFFF;
  font-size: 10px;
  text-align: right;
  line-height: 15px;
  width: 120px;
  float: left;
  padding: 0px;
  margin: 2.5px 0px 2.5px 0px;
}
.seminare_detail_box_pager a:link, .seminare_detail_box_pager a:visited {
  font-size: 10px;
  color: #FFFFFF;
  padding: 0px 2.5px;
}
.seminare_detail_box_pager a:hover, .seminare_detail_box_pager a:active {
  font-size: 10px;
  color: #818485;
  padding: 0px 2.5px;
}
.seminare_detail_box_pager a.highlight:link,
.seminare_detail_box_pager a.highlight:visited,
.seminare_detail_box_pager a.highlight:hover,
.seminare_detail_box_pager a.highlight:active {
  color: #818485;
  padding: 0px 2.5px;
}


/* Seminare globale styles */
div.seminare_text {
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px;
}
div.seminare_hdl {
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
div.seminare_txt {
  font-size: 10px;
  width: 100%;
  float: left;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
div.seminare_link {
  width: 100%;
  float: left;
  padding: 0px;
  margin: 2.5px 0px 2.5px 0px;
}
ul.seminar_tabs {
/*  border-bottom: 1px solid #DFDFDF;*/
  list-style-type: none;
  margin: 0px 0px 0px -15px;
  padding: 0px;
  height: 30px;
  width: 600px;
  float: left;
}
/**  News Content **/
#cnt_news_list {
  width: 860px;
  margin-right: 0;
}
#cnt_news_list .content_pager {
  width: 860px;
}


div.news_list {
/*  width: 560px;*/
  width: 860px;
  float: left;
  padding: 0px;
/*  margin: 2.5px 40px 2.5px 0px;*/
}
div.news_list_entry {
  border-bottom: 1px solid #F7A600;
/*  min-height: 60px;*/
/*  width: 260px;*/
  width: 410px;
  float: left;
  padding: 5px 0px 2.5px 0px
}
div.news_hdl {
  font-size: 9px;
  font-weight: bold;
  line-height: 12px;
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
div.news_txt {
  font-size: 10px;
/*  width: 240px;*/
  width: 340px;
  float: left;
  padding: 2.5px 20px 0px 0px;
  margin: 0px;
}
div.news_link {
  float: right;
}

/** Formular **/
div.form_side {
width: 400px;float:left;
}
div.form_line {
  width: 400px;
  float:left;
  padding: 1.5px 0px 2.5px 0px;
}
div.form_lbl {
  width: 85px;
  float: left;
  padding: 2.5px 5px 2.5px 0px;
}
div.form_val {
  width: 305px;float:left;padding:2.5px 5px 2.5px 0px;
}

div.form_val input[type=text] {
  color: #f38d00;
  line-height: 12px;
  width: 270px;
  border: 1px solid #b6c0c6;
  padding: 1.5px ;
}
div.form_val textarea {
  color: #f38d00;
  line-height: 13px;
  width: 270px;
  border: 1px solid #b6c0c6;
  padding: 1.5px ;
}
div.form_val select {
  color: #f38d00;
  width: 130px;
  border: 1px solid #b6c0c6;
}
div.form_val select option {
  color: #f38d00;
  padding: 1.5px ;
}
/** Pager div  **/
div.nav {
  font-size: 11px;
  text-align: right;
  line-height: 20px;
  width: 100%;
  float: left;
  padding: 0px;
  margin: 2.5px 0px 2.5px 0px;
}
div.nav_sem_list {
  position: absolute;
  top: -25px;
  right: 0px;
  font-size: 11px;
  text-align: right;
  line-height: 20px;
  width: 120px;
  float: left;
  padding: 0px;
  margin: 2.5px 0px 2.5px 0px;
}
.nav a:link,.nav a:visited,
.nav_sem_list a:link,.nav_sem_list a:visited
{
  padding: 0px 2.5px;
}
.nav a:hover,.nav a:active,
.nav_sem_list a:hover,.nav_sem_list a:active
{
  color: #F7A600;
  padding: 0px 2.5px;
}
a.highlight:link,
a.highlight:visited,
a.highlight:hover,
a.highlight:active {
  color: #F7A600;
  padding: 0px 2.5px;
}
/** **/
h1 {
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  width: 560px;
  padding: 0px;
  margin: 2.5px 0px 2.5px 0px;
}

div.plaintext {
  overflow: hidden;
  font-size: 10px; 
  font-weight: normal;
  line-height: 15px;
  height: 125px;
  width: 560px;
  float: left;
  padding: 0px;
  margin: 5px 0px;
}

/** Seminar Content **/
div.sem_headline {
  border-bottom: 1px solid #F7A600;
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  width: 425px;
  padding: 0px;
  margin: 2.5px 0px 2.5px 0px;
}
div.sem_headline_spacer {
  height: 100%;
  width:14px;
  float:left;
} 
#content {
  float:left;
  overflow: auto;
}

/**
 *  Seminarsearch
 */
div.seminar_search {
  width: 350px;
  float: left;
}
div.seminar_search_select {
  width: 135px;
  float:left;
  padding: 0px;
  margin:0px;
}
select.seminar_search_select {
  border: 1px solid #b6c0c6;
  line-height: 10px;
  width: 130px;
  padding: 0px;
}
select.seminar_search_select option {
  padding: 0px 2.5px;
}
div.seminar_search_input {
  width: 135px;
  float:left;
  padding: 0px;
  margin: 0px;
}
input.seminar_search_input {
  border: 1px solid #b6c0c6;
  line-height: 10px;
  width: 123px;
  padding: 1px 2.5px;
}
div.seminar_search_btn {
  border: 1px solid #FFFFFF;
  background-color: transparent;
  cursor: pointer;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 12px;
  float: left;
  padding: 1px 10px;
  margin: 0px 10px;
}
.seminarsucheSearch{
  width: 100%;
  float: left;
  padding: 0px;
  margin: 4px 0px;
}

.seminarsucheSearch input
{
  padding: 1px 0px 1px 2.5px;
  border-top: 1px solid #b6c0c6;
  border-left: 1px solid #b6c0c6;
  border-bottom: 1px solid #b6c0c6;
  border-right: 0px;
  background-color: #FFFFFF;
  line-height: 16px;
  height: 12px;

  width: 117.5px;
  float:left;
}

.seminarsucheSearch button
{
  width: 15px;
  height: 16px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  background-image: url(../../assets/common/btn_search_right.gif);
  background-repeat: no-repeat;
  cursor:pointer;
}
.seminarsucheKurs{
  width: 100%;
  float: left;
  padding: 0px;
  margin: 4px 0px;
}
.seminarsucheKurs select
{
  padding: 1px 0px 1px 2.5px;
  border-top: 1px solid #b6c0c6;
  border-left: 1px solid #b6c0c6;
  border-bottom: 1px solid #b6c0c6;
  border-right: 0px;
  background-color: #FFFFFF;
  height: 14px;
  width: 120px;
  float: left;
}
.seminarsucheKurs select option
{
  padding: 2.5px;
}

.seminarsucheKurs button
{
  background-image: url(../../assets/common/btn_search_down.gif);
  background-repeat: no-repeat;
  border: 0px;
  width: 15px;
  height: 16px;
  line-height: 16px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
}

input.text, input.password]{
  background-color: transparent;
  color: #f38d00;
  line-height: 12px;
  width: 190px;
  border: 1px solid #b6c0c6;
  padding: 1.5px;
}

input.submit{
  background-color: #f39001;
  border: 1px solid #b6c0c6;
  /*border: 2px outset #FFFFFF;*/
  text-align: center;
  color: #FFFFFF;
  line-height: 12px;
  padding: 1.5px 5px;
  cursor: pointer;
}
/*
input.submit {
  background-color: #f39001;
  border: 2px outset #323232;
  text-align: center;
  color: #FFFFFF;
  width: 80px;
}
*/

/** fValidator Styles **/
input.errHilite, select.errHilite, textarea.errHilite {
  border: 1px solid #DDC;
  background-color: #FFE;
}
label.errHilite {
  color: #C00;
}

ul#errors {
  display: none;
  margin-top: 1em;
  background-color: #FFE;
  border: 1px solid #CC9;
  padding: .3em;
  color: #C00;
  font-weight: bold;
}
ul#errors li {
  margin-top: .5em;
  margin-bottom: .5em;
  padding: 0;
}
ul#errors li.heading {
  list-style-type: none;
  color: #000;
  font-weight: normal;
  font-style: italic;
  margin: .5em 0;
  padding: 0;
}



/** Sonstige nützliche styles **/
.nofloat {
  font-size: 0px;
  line-height:0px;
  height:0px;
  clear: both;
}