@import "colors.css";
 
/************************************************************************
 * global definitions
 */  


* { margin: 0; padding: 0; }

body {
  margin: 0px;
  padding: 0px;
  color: #4D4D4D;
  font: 0.8em Verdana,Arial,Sans-Serif;
  line-height: 18px;
  height: auto !important;
  background-image: url(../../Images/Layout/body-bg2.gif);
  background-repeat: repeat-x;
  /*overflow: -moz-scrollbars-vertical;*/
}

img {
  border: 0px;
}

.left {
  float: left;
  padding-right: 30px;
}

.right {
  float: right;
  padding-left: 30px;
}
div.left {
  padding-top:5px;
  padding-left:10px;
  padding-bottom:20px;
}
div.right {
  padding-top:5px;
  padding-right:10px;
  padding-bottom:20px;
}

img.rightnopadding{
    float: right;
  padding-left: 5px;
}

/************************************************************************
 * page layout
 */

#position-header {
  width:100%;
  text-align:center;
  background: #FFFFFF url('../../Images/Layout/body-bg2.gif') repeat-x;
  height:97px;
}
#position-content {
  width:100%;
  text-align:center;
  border-bottom: 2px solid #ffffff;
}

#position {
  width:100%;
  text-align:center;
}
#position-headerpremium {
  width:100%;
  text-align:center;
  background: #FFFFFF url('../../Images/Layout/body-bgpremiumhead.gif') repeat-x;
  height:97px;
}

#position-contentpremium {
  width:100%;
  text-align:center;
  background: #ffffff url('../../Images/Layout/body-bgpremium.gif') repeat;
  border-bottom: 2px solid #ffffff;
}


#page-header,
#page-content,
#page {
  text-align:left;
  width: 960px;
  background-color: #ffffff;
  margin: 0 auto;
}



#header {
  width: 960px;
  height: 65px;
  text-align: center;
  font-size: 1px;
}

/************************************************************************
 * top menu
 */

#menue {
  width: 960px;
  height: 20px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  font-family: Georgia, Times, serif;
  font-size: 0.8em;
 /* font-weight: bold;
  letter-spacing: 1px; */
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

#menue a {
  position: relative;
  top: 0px;
  height: 18px;
  padding: 0 12px 2px 12px;
  float: left;
  text-decoration: none;
  color: #000000;
}

#menue a:link,
#menue a:visited,
#menue a:focus,
#menue a:active {
  font-weight: bold;
  text-decoration: none;
}

#menue a:hover {
  color: #ffffff;
}



#menue .focus:link,#menue .focus:visited,#menue .focus:focus,#menue .focus:hover,#menue .focus:active
  {
  font-weight: bold;
}


/************************************************************************
 * middle page area
 */
#middle {
  width: 960px;
  background-color: #ffffff;
  overflow: hidden;
  border-left: 1px solid #dad7c5;
}


/************************************************************************
 * left coumn menu
 */
#menue_left {
  width: 187px;
  border-top: 1px solid #dad7c5;
  font: normal 0.8em Verdana;
  float: left;
}

#menue_left div {
  min-height: 22px;
  width: 187px;
  border-bottom: 1px solid #dad7c5;
}

#menue_left div div {
  min-height: 12px;
  border-bottom: 0;
}

#menue_left div a,
#menue_left div a:visited,
#menue_left div a:focus,
#menue_left div a:hover,
#menue_left div a:active {
  padding: 8px 0 10px 15px;
  display: block;
  color: #000000;
  text-decoration: none;
}

#menue_left div a.grey,
#menue_left div a.grey:visited,
#menue_left div a.grey:focus,
#menue_left div a.grey:hover,
#menue_left div a.grey:active {
  color: #808080;
}

#menue_left div a.has_sub {
  background: url(../../Images/Layout/navipfeil.gif) 5px 11px no-repeat;
}

#menue_left div a.has_sub_open {
  background: url(../../Images/Layout/navipfeilaktiv.gif) 5px 11px no-repeat #ECEBE2;
  font-weight: bold;
}

/* 2nd level */
#menue_left div div a,
#menue_left div div a:visited,
#menue_left div div a:hover {
  padding: 5px 0 5px 25px;
}

#menue_left div div a.has_sub,
#menue_left div div a.has_sub_open {
  background-position: 15px 8px;
}

/* 3rd and following level are same as 2nd */
#menue_left div div div a,
#menue_left div div div a:visited {
  padding: 5px 0 5px 25px;
}

#menue_left div div div a.has_sub,
#menue_left div div div a.has_sub_open
  {
  background-position: 15px 8px;
}

#menue_left div a:hover,
#menue_left div div a:hover {
  background-color: #ECEBE2;
}

#menue_left .focus {
  background-color: #ECEBE2;
  font-weight: bold;
}

/************************************************************************
 * footer
 */
#footer {
  width: 960px;
  height: 31px;
  text-align: center;
  padding-top: 10px;
}

#main {
  width: 762px;
  float: right;
  background: url(../../Images/Layout/rightcol_back.gif) 576px 0 repeat-y;
}
#main.full_width {
  background-image: none;
}

#main_visual { margin-bottom: 8px; }

#innerpage {
  width: 762px;
  float: left;
}
.full_width #innerpage {
  width:772px;
}

#leftcol {
  width: 566px;
  float: left;
}


/************************************************************************
 * top bar
 */
.topbar {
  width: 566px;
  height: 15px;
  font: 10px Verdana;
  line-height: 13px;
  margin: 2px 0 5px 0;
}
.topbar_level3 {
  width: 546px;
  border-bottom: 1px solid #ECEBE2;
  margin: 10px;
  background-color: #ffffff;
  padding-bottom: 6px;
}
.topbar_full_width {
  width: 752px;
  border-bottom: 1px solid #ECEBE2;
  margin: 10px 0px 10px 10px;
  background-color: #ffffff;
  padding-bottom: 6px;
}

.topbar a {
  color: #A0A0A0;
  text-decoration: none;
 /* margin-left: 12px; */
}

.topbar a.linkleiste {
  margin-left: 12px;
}

#path {
  float: left;
  margin-left: 10px;
}
.topbar_level3 #path,
.topbar_full_width #path {
  margin-left: 0px;
}
.topbar_full_width #printpreview {
  margin-right: 18px;
}
#printpreview {
  float: right;
  margin-right: 10px;
}
.topbar_level3 #printpreview {
  margin-right: 0;
}

#print {
    display:none;
}



/************************************************************************
 * result bar
 */

.resultbar {
  /* width: 546px;
  height: 15px; */
  font: 10px Verdana;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.resultbar a {
  text-decoration: none;
}

#showresult {
  float: left;
  margin-left: 10px;
}

#shownext {
  float: right;
  margin-right: 10px;
}

/************************************************************************
 * content area
 */

h1 {
  font: 1.6em Georgia;
  font-weight: bold;
/*  letter-spacing: 1px; */
  padding: 6px 10px;
}

h2 {
  font: 1.3em Georgia;
  font-weight: normal;
/*  letter-spacing: 1px; */
  margin-bottom: 0px;
  padding-top: 6px;
  padding-left: 10px;
}

h3 {
  font: 1.0em Verdana;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 10px;
}

#content.level3, .level3 {
  overflow:hidden;
}
#content h1 {
  color: #4d4d4d;
/*  letter-spacing: 1px; */
}
#content.level1 h1,
#content.level2 h1 {
  font-weight: normal;
  margin: 8px 0 8px 0;
  padding-top: 8px;
}
#content.level1 h1 {
  margin: 0px 0 8px 0;
}
#content.level3 h1 {
  margin-top: 20px;
  font-weight: normal;
}

#content.level3 a{
	padding-left:10px;
  display:block;
}

#content.level3 p a, 
#content.level3 .text a{
	padding-left:0;
	display:inline;
}

#content.level3 a.download,
#content.level3 a.download:visited,
#content.level3 a.download:focus,
#content.level3 a.download:active,
#content.level3 a.downloaddis,
#content.level3 a.downloaddis:visited,
#content.level3 a.downloaddis:focus,
#content.level3 a.downloaddis:active {
  color: #4D4D4D;
  text-decoration: none;
  padding-left: 30px;
  background: url(../../Images/Layout/download.gif) 10px 0px no-repeat;
}

#content.level3 table a{
	padding-left:0;
}


#content p, #content.searchresult td{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 25px;
  font-size: 0.9em;
}

#content ol {
    padding-top: 0px;
    padding-left: 35px;
    padding-right: 10px;
    padding-bottom: 25px;
    font-size: 0.9em;
    list-style-type:decimal;
}

#content ul {
  padding-top: 0px;
  padding-left: 40px;
  padding-right: 10px;
  padding-bottom: 25px;
  font-size: 0.9em;
  list-style-type:disc;
}
#content #tabpanel ul {
    padding:0;
}
#content li {
    /*display:inline;*/
}

#content p img {
  padding-top: 5px;
  padding-bottom: 10px;
}

.level3 #tabpanel {
    background-color:#FFFFFF;
}

/* Style for IE 6 and 7 - BEGIN*/
* html .level3 #tabpanel
{
height: 80%;
overflow-x: visible;
overflow-y: auto;
}

*+html .level3 #tabpanel
{
overflow-x: visible;
overflow-y: auto;
white-space:nowrap;
}

html>body .level3 #tabpanel
{
overflow-x: visible;
overflow-y: auto;
}
/* Style for IE 6 and 7 - END*/


/************************************************************************
 * search result styles
 */
#content.searchresult h1 {
  margin-top: 20px;
  font-weight: bold;
}

#content.searchresult td{
  padding: 10px;
  font-size: 0.85em;
}
.searchbar {
  width: 566px;
  height: 15px;
  font: 10px Verdana;
  color: #A0A0A0;
  line-height: 13px;
  margin: 2px 0 5px 0;
}
/************************************************************************
 * link styles
 */

a {
  text-decoration: underline;
  color: #4D4D4D;
}
a:hover {
  text-decoration: underline;
  color: #00539F
}

a.arrow,
a.arrow:visited,
a.arrow:focus,
a.arrow:active {
  color: #4D4D4D;
  text-decoration: none;
}
a.arrow:hover {
  color: #024382;
}
a.arrow .pic {
  padding: 4px;
  background: url(../../Images/Layout/pfeil.gif) 3px 9px no-repeat;
}
a.arrow:hover span.pic {
  background: url(../../Images/Layout/pfeilaktiv.gif) 3px 9px no-repeat;
}
a.arrowback span.pic {
  padding: 4px;
  margin-right:8px;
  background: url(../../Images/Layout/pfeilandersrum.gif) 0px 5px no-repeat;
}
a.arrowback:hover span.pic {
  background: url(../../Images/Layout/pfeilandersrumaktiv.gif) 0px 5px no-repeat;
}

a.arrow_round,
a.arrow_round:visited,
a.arrow_round:focus,
a.arrow_round:active {
  color: #4D4D4D;
  text-decoration: none;
  font-size: 0.8em;
}
a.arrow_round:hover {
  color: #024382;
}
a.arrow_round .pic {
  padding: 6px;
  background: url(../../Images/Layout/playklein.gif) 0px 6px no-repeat;
}
a.arrow_round:hover span.pic {
  background: url(../../Images/Layout/playklein2.gif) 0px 6px no-repeat;
}

#content.level3 p a.download,
#content.level3 p a.download:visited,
#content.level3 p a.download:focus,
#content.level3 p a.download:active,
#content.level3 p a.downloaddis,
#content.level3 p a.downloaddis:visited,
#content.level3 p a.downloaddis:focus,
#content.level3 p a.downloaddis:active,
a.download,
a.download:visited,
a.download:focus,
a.download:active,
a.downloaddis,
a.downloaddis:visited,
a.downloaddis:focus,
a.downloaddis:active {
  color: #4D4D4D;
  text-decoration: none;
  padding-left: 20px;
  background: url(../../Images/Layout/download.gif) 0px 0px no-repeat;
  display:block;
}
a.download:hover, a.downloaddis:hover {
  color: #024382;
}

#content.level3 .text a.download_small,
#content.level3 .text a.download_small:visited,
#content.level3 .text a.download_small:focus,
#content.level3 .text a.download_small:active,
a.download_small,
a.download_small:visited,
a.download_small:focus,
a.download_small:active {
  color: #4D4D4D;
  font-size: 0.95em;
  text-decoration: none;
  padding-left: 20px;
  line-height: 1.5em;
  background: url(../../Images/Layout/downloadklein.gif) 0px 0px no-repeat;
}
a.download_small:hover {
  color: #024382;
  text-decoration: underline;
}



/************************************************************************
 * boxes
 */

#boxes {
  width: 566px;
  height: 149px;
  border: 0px solid #000000;
  margin-top: 8px;
}

.box {
  width: 182px;
  height: 150px;
  float: left;
  margin-left: 10px;
}
.first {
  margin-left: 0;
}

.breit {
    width: 374px;
}

.box p {
  font-size: 0.85em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 12px;

  line-height: 1.1em;
}
.box a.arrow .pic,
.box a.arrow:hover .pic {
  background-position: 0 7px;
}

.twocols{
 width: 374px;
}
/************************************************************************
 * menu bottom
 */
#menu_bottom {
  height: 20px;
  width: 566px;
  margin-top: 8px;
/*  float: left; */
  clear:left;
}

#menu_bottom a,
#menu_bottom a:visited,
#menu_bottom a:focus,
#menu_bottom a:hover,
#menu_bottom a:active {
  float: left;
  font: 10px Verdana;
  line-height: 20px;
  text-decoration: none;
}
#menu_bottom a:hover {
  color: #000000;
}

#font_size {
  height: 14px;
  float: right;
  padding: 0px 10px 0 0;
}

#font_size a,
#font_size a:visited,
#font_size a:focus,
#font_size a:hover,
#font_size a:active {
  margin: 0 0 0 6px;
  text-decoration: none;
}
#font_size a .pic {
  padding: 5px;
}
#font_size a.small .pic {
  background: url(../../Images/Layout/aklein.gif) 0 5px no-repeat;
}
#font_size a:hover.small .pic,#font_size a:focus.small .pic {
  background-image: url(../../Images/Layout/akleinaktiv.gif);
}
#font_size a.medium .pic {
  background: url(../../Images/Layout/amittel.gif) 0 5px no-repeat;
}
#font_size a:hover.medium .pic,#font_size a:focus.medium .pic {
  background-image: url(../../Images/Layout/amittelaktiv.gif);
}
#font_size a.large .pic {
  background: url(../../Images/Layout/agross.gif) 0 5px no-repeat;
}
#font_size a:hover.large .pic,#font_size a:focus.large .pic {
  background-image: url(../../Images/Layout/agrossaktiv.gif);
}

/************************************************************************
 * right column
 */
#rightcol {
  width: 186px;
  margin-left: 10px;
  float: right;
}

#rightcol h3 {
  font: bold 11px Verdana;
  color: #024382;
  margin: 0 0 6px 0;
  padding: 0;
}

#rightcol .block {
  margin: 7px 10px 7px 10px;
  padding-top: 6px;
  border-top: 1px solid #CDCDCB;
}

#rightcol .block p {
  display: inline;
  font-size: 0.85em;
  margin-top: 5px;
  line-height: 1.2em;
}

#rightcol .block p img{
  margin-bottom: 5px;
}

#rightcol .block a.arrow .pic {
  background-position: 0 7px;
  line-height:0.8em;
  display:inline;
}

#rightcol .block p a.arrow p{
  display:inline;
  font-size: 1em;
  line-height: 1.2em;
}

/*************************************** premium head */

#premium_head {
  width: 186px;
/*  letter-spacing: 1px; */
  border-bottom: 2px solid #ffffff;
  padding: 6px 0 7px 0;
  font-size: 0.9em;
  background:#6C1318 url('../../Images/Layout/schluessel.gif') 155px 8px no-repeat;
}

#premium_head img {
  display:none;
}

#premium_head a,
#premium_head a:visited,
#premium_head a:focus,
#premium_head a:hover,
#premium_head a:active {
  display:block;
  font: bold 0.9em Verdana;
  color: #ffffff;
  text-decoration: none;
  padding-left: 10px;
}


#alumni_head {
  width: 186px;
/*  letter-spacing: 1px; */
  background-color: #024383;
  border-bottom: 2px solid #ffffff;
  padding: 6px 0 8px 0;
  font-size: 0.9em;
}
#alumni_head div {
  color: #ffffff;
  font: bold 0.9em Verdana;
  padding-left: 10px;
}
#alumni_head img {
  float: right;
  margin-top: -10px;
  margin-right: 8px;
}


/************************************** search */

#search {
  width: 186px;
  margin: 8px 10px 0 10px;
}

#search input.text {
  border: 0px;
  font: 0.85em Verdana;
  border-top: 1px solid #CDCDCB;
  border-left: 1px solid #CDCDCB;
  color: #4d4d4d;
  width: 140px;
  height: 14px;
}

a.search_btn,
a.search_btn:visited,
a.search_btn:focus,
a.search_btn:hover,
a.search_btn:active {
  padding: 6px;
  background: url(../../Images/Layout/suchpfeil.gif) 0px 6px no-repeat;
  text-decoration: none;
}
a.search_btn:hover {
  background-image: url(../../Images/Layout/suchpfeilaktiv.gif);
}

/******************************** contact */
a.contact_pic{
	margin-bottom:5px;
	display:block;
}

a.contact_pic img {
  width: 166px;
  height: 64px;
  text-decoration: none;
  display: block;
}
a.contact_pic img,
a.contact_pic:link img,
a.contact_pic:visited img,
a.contact_pic:active img {
  filter:alpha(opacity=50);
  -moz-opacity:.5;
  opacity:.50;
}
a.contact_pic:focus img,
a.contact_pic:hover img {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}


/************************************************************************
 * news
 */

img.news_head { margin: 0 0 0 10px; }

#news_date {
  width: 546px;
  height: 26px;
  border-bottom: 1px solid black;
  margin-left: 10px;
  margin-right: 10px;
  font: 11px Verdana;
  color: #4d4d4d;
  text-align: center;
  line-height: 24px;
  margin-bottom: 20px;
}

#news_finanztreff {
  width: 546px;
  height: 37px;
  border-bottom: 1px solid black;
  margin-left: 10px;
  margin-right: 10px;
  font: 11px Verdana;
  color: #4d4d4d;
  text-align: left;
  line-height: 15px;
  margin-bottom: 20px;
  overflow:hidden;
}

table.dax {
  margin-left: 10px;
  font-weight: bold;
  width: 546px;
}

table.dax th {
  width: 180px;
  text-align: left;
}

.marked {
  background-color: #ECEBE2;
}

#content td p.MsoNormal {
    padding: 0px 0px 0px 0px;
    }

/************************************************************************
 * download
 */

.downloads {
  width: 546px;
  margin: 10px;
  padding: 10px 0;
  clear: both;
}

.downloads .picture {
  width: 162px;
  margin-bottom: 12px;
  float: left;
}

.downloads .text {
  width: 354px;
  margin-left: 30px;
  float: right;
}

.downloads h2 {
  font: 1.3em Georgia;
/*  letter-spacing: 1px; */
  line-height: 1.3em;
  padding: 0;
}

.downloads_small {
  width: 258px;
  border-top: 1px solid #c8c8c8;
  font: 0.9em Verdana;
  line-height: 18px;
  margin: 10px;
  padding: 10px 0;
  float: left;
}

.downloads_small .picture {
  width: 124px;
  float: left;
}

.downloads_small .text {
  width: 124px;
  margin-left: 10px;
  float: right;
  font: 1.0em Verdana;
}

.downloads_small h2 {
  font: 1.0em Verdana;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0;
}

/************************************************************************
 * back
 */

.back {
  height: 15px;
  width:auto;
  /* margin: -10px 0px 0px 0;
  padding-left:10px; */
  margin: 0px 0px 0px 0px;
  padding-top: 5px;
  float: right;
  color: #4d4d4d;
}
#main.full_width .back {
  margin: 0px 0px 10px 10px;
}
.back a,
.back a:active,
.back a:focus,
.back a:hover {
  font: 0.8em Verdana;
  color: #4d4d4d;
  text-decoration: none;
}
.back a:hover {
  text-decoration: none;
  color: #00539f;
}
.back a .pic {
  background: url(../../Images/layout/pfeilandersrum.gif) 0 7px no-repeat;
  padding: 5px;
  margin-left: 5px;
}
.back a:hover .pic {
  background: url(../../Images/layout/pfeilandersrumaktiv.gif) 0 7px no-repeat;
}


/************************************************************************
 * form
 */


#form {
  width: 546px;
  margin: 5px 10px;
  padding-top: 10px;
}

#form h2 {
  font: bold 1.2em Georgia;
/*  letter-spacing: 1px; */
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 10px;
}

#fields {
  width: 526px;
  margin: 20px 10px 0 10px;
  overflow:hidden;
}

#buttons {
  width: 516px;
  margin: 20px 10px 0px 10px;
  padding-bottom: 20px;
}

label {
  width: 175px;
  float: left;
  font: 1.0em Verdana;
  margin-top: 14px;
  text-align: left;
  line-height: 20px;
}


.input {
  width: 343px;
  float: right;
  margin-top: 14px;
  font: 12px Verdana;
  height: auto;
  text-align: left;
  border: 0px solid black;
}

#pwvergessen {
    border:1px solid #A3A2A4;
    height:18px;
    width:100px;
}
.inputgrouping {
  height: auto;
}

.inputfileupload {
  margin-top: 10px;
}

#content .inputfileupload p{
  padding-top: 15px;
  padding-left: 0;
  padding-right: 5px;
  padding-bottom: 0px;
}

.dropdown {
  background-color: #E5E3D6;
  border: 1px solid #A3A2A4;
  color: #4D4D4D;
  width: 177px;
}

.dropdown_long {
  background-color: #E5E3D6;
  border: 1px solid #A3A2A4;
  color: #4D4D4D;
  width: 343px;
}


.input_short {
  width: 177px;
  border: 0px;
  line-height: 20px;
  color: #4D4D4D;
}

.input_long {
  width: 343px;
  border: 0px;
  line-height: 20px;
  color: #4D4D4D;
}
#kontakthaupt .input_long {
    width: 321px;
}

.star {
  color: #114E88;
}

label.red, div.red {
  color: #FC2C2B;
}
div.red {
  margin-right:20px;
  margin-bottom:10px;
}
div.redBordered {
  border-top:1px solid #FC2C2B;
  border-bottom:1px solid #FC2C2B;
}

label.order{
    margin-top: 5px;
    width: 500px;
}

.input_red {
  border: 1px solid #FC2C2B;
}

.textarea {
  border: 0px solid #A3A2A4;
  font: 12px Verdana;
  width: 524px;
  height: 100px;
  color:#4D4D4D;
}

.button {
  width: 140px;
  height: 20px;
  border: 1px solid #A3A2A4;
  background-color: #E5E3D6;
  font: 12px Verdana;
  color: #4D4D4D;
  margin: 10px 20px 13px 0px;
}
#kontaktbutton .button {
    margin:0;
}
a.button {
  padding-right:30px;
  padding-left:30px;
  padding-top: 2px;
  padding-bottom:2px;
  text-decoration:none;

}
a.button:hover {
  color: #4D4D4D;
}
/************************************************************************
 * Historie
 */
#historie {
  min-height: 433px;
  width: 762px;
  margin-top: 0px;
  border: 0px solid black;
  float: left;
}

#historieoben {
  clear:right;
  width:752px;
  height: 20px;
  padding-top: 10px;
  margin:-15px 0 0 10px;
}
#historieoben #pageheading {
  float:left;
  width:150px;
}
#historieoben h1 {
  margin:0;
  padding:0;
  display:inline;
}
#historieoben #timeline {
  float:right;
  font: 10px Verdana;
  color: #4d4d4d;
  line-height: 26px;
  margin-right: 15px;
}


.historiespalte {
  width: 180px;
  background-color: #EDEDE5;
  float: left;
  margin-top: 0px;
  margin-left: 10px;
  padding-bottom:0px;
}

.historiespalte h2.jahreszahl {
  width: 179px;
  height: 15px;
  background:#D9D7C6;
  font: bold 10px Georgia;
  padding: 1px 0 0 1px;
  margin:0;
  line-height: 12px;
}

#vierspalten {
  width: 762px;
  margin-top: 20px;
  float: left;
  background:#ffffff url('../../Images/Layout/bg_vierspalten_default.gif') 10px 0px repeat-y;
}

.bildunterschrift {
  /*width: 179px;*/
  height: 10px;
  font: italic 9px Verdana;
  padding-left: 1px;
}

.eintrag {
  width: 180px;
  min-height: 30px;
  color: #4d4d4d;
  margin-top: 12px;
}

.zahl {
  width: 179px;
  height: 15px;
  font: bold 11px Verdana;
}

.eintraginfo {
  border-top: 2px solid #C2C3BE;
  font: 11px Verdana;
}

.zeile18 {
  line-height: 18px;
  margin-left: 1px;
}

.zeile19 {
  line-height: 19px;
  margin-left: 1px;
}

.zeile14 {
  line-height: 14px;
  margin-left: 1px;
  display: block;
}


.historielink:link {
  font-weight: normal;
  color: #004384;
  text-decoration: none;
}

.historielink:visited {
  font-weight: normal;
  color: #004384;
  text-decoration: none;
}

.historielink:focus {
  font-weight: normal;
  color: #004384;
  text-decoration: none;
}

.historielink:hover {
  font-weight: normal;
  color: #004384;
  text-decoration: none;
}

.historielink:active {
  font-weight: normal;
  color: #004384;
  text-decoration: none;
}

.historieabsatz {
  width: 753px;
  border: 0px solid black;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 15px;
  float: left;
}

.historieueberschrift {
  font: bold 17px Georgia;
}

.historietext {
  width: 562px;
  min-height: 30px;
  float: left;
  border: 0px solid black;
}

.historiebild {
  width: 176px;
  min-height: 30px;
  float: right;
  border: 0px solid black;
  margin-left: 11px;
}

/************************************************************************
 * Login
 */

#login {
  width: 546px;
  height: 16px;
  border: 0px solid black;
  margin-left: 10px;
  margin-top: 12px;
}

.greyline,
.greyline2 {
  width: 546px;
  height: 1px;
  border-top: 1px solid #c2c3be;
  margin: 12px 10px 12px 10px
}
.greyline2 {
  padding-bottom:5px;
  margin-bottom:0;
}

.loginueberschrift {
  font: bold 12px Verdana;
  padding: 0 0 0 10px;
  margin:0;
}
#login {
  border:0;
  margin:0;
  padding:5px 0 5px 10px;
}
.login-user-left,
.login-user-center,
.login-user-right {
  float:left;
  height:20px;
  line-height:20px;
  vertical-align:middle;
}
.login-user-left {
  width:220px;
}
.login-user-center {
  width:175px;
}
.login-user-right {
  width:148px;
}
.login-user-left input {
  width:85px;
}
.login-user-center input {
  width:85px;
}
.submit-button {
  margin-left:10px;
}
#login label,
#login input {
  display:inline;
  float:left;
  margin:0;
  padding:0;
}
#login label {
  padding:0 7px 2px 0;
  font-size:11px;
  font-family: Verdana, sans serif;
  display:inline;
  line-height:16px;
  width:auto;
}
#login input {
  /*border: 0px;*/
  font: 0.85em Verdana;
  /*border-top: 1px solid #CDCDCB;
  border-left: 1px solid #CDCDCB; */
  border-width: 1px;
  border-style: solid;
  border-color: #A3A2A4;
  color: #4d4d4d;
  /*height: 14px; */
}
.vergessen {
  font: 11px Verdana;
  float: right;
  color: #4d4d4d;
  padding:2px 0 0 0;
}

a.vergessen,
.vergessen:visited,
.vergessen:focus,
.vergessen:hover,
.vergessen:active {
  font-weight: normal;
  color: #4d4d4d;
  text-decoration: none;
}

/************************************************************************
 * Premium
 */

#content.premium {
  background-color: #ffffff;
}

#content.premium h1 {
  color: #801E1E;
}

#content.premium h2 {
  color: #801E1E;
}

#content.premium h3 {
  color: #801E1E;
}

.infobox {
  width: 494px;
  background-color: #FFF8D8;
  border: 1px solid #4d4d4d;
  margin-left: 10px;
  padding: 25px;
  line-height: 1.2em;
}

.infobox h2 {
  font: bold 1.3em Georgia;
  color: #801E1E;
  margin: 5px 0;
}

#rightcol.premium .userinfo,
#rightcol .userinfo {
  margin: 10px 10px 20px 10px;
  padding-top: 3px;
}
#rightcol.premium .userinfo p,
#rightcol .userinfo p  {
  font-size: 0.85em;
  color: #801E1E;
}
#rightcol.premium a {
  color: #801E1E;
}
#rightcol.premium h3 { color: #801E1E; }

#rightcol.premium .logout,
#rightcol .logout {
  border-top: 1px solid #801E1E;
  border-bottom: 1px solid #801E1E;
  margin-top: 15px;
  text-align: right;
}


/************************************************************************
 * Lupe
 */

.lupenoverlay {
  padding:0;
  margin:0;
  border:0px solid black;
  position:relative;
  top:-25px;
  left:5px;
  float:left;
  height:0px;
}

.lupenoverlay .pic {
  padding: 5px;
  background: url(../../Images/Layout/lupe.gif) 0 5px no-repeat;
}

a.lightbox:link,
a.lightbox:hover,
a.lightbox:visited,
a.lightbox:active,
a.lightbox:focus {
  text-decoration:none;
  }

/************************************************************************
 * top menu Premium
 */

#premiummenue {
  width: 960px;
  height: 20px;
  background-color: #E5E3D6;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  font-family: Georgia, Times, serif;
  font-size: 0.8em;
/*  font-weight: bold;
  letter-spacing: 1px; */
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

#premiummenue a {
  position: relative;
  top: 0px;
  height: 18px;
  padding: 0 15px 2px 15px;
  float: left;
  text-decoration: none;
  color: #000000;
}

#premiummenue a:link,
#premiummenue a:visited,
#premiummenue a:focus,
#premiummenue a:active {
  font-weight: bold;
  color: #b3b3b3;
  text-decoration: none;
}

#premiummenue a:hover {
  color: #ffffff;
  background-color: #797873;
}



#premiummenue .focus:link,#premiummenue .focus:visited,#premiummenue .focus:focus,#premiummenue .focus:hover,#premiummenue .focus:active
  {
  font-weight: bold;
  color: #ffffff;
  background-color: #797873;
}


/************************************************************************
 * Premium left coumn menu
 */
#premiummenue_left {
  width: 187px;
  border-top: 1px solid #dad7c5;
  font: normal 0.8em Verdana;
  float: left;
}

#premiummenue_left div {
  min-height: 22px;
  width: 187px;
  border-bottom: 1px solid #dad7c5;
}

#premiummenue_left div div {
  min-height: 12px;
  border-bottom: 0;
}

#premiummenue_left div a,
#premiummenue_left div a:visited,
#premiummenue_left div a:focus,
#premiummenue_left div a:hover,
#premiummenue_left div a:active {
  padding: 8px 0 10px 15px;
  display: block;
  color: #000000;
  text-decoration: none;
}

#premiummenue_left div a.grey,
#premiummenue_left div a.grey:visited,
#premiummenue_left div a.grey:focus,
#premiummenue_left div a.grey:hover,
#premiummenue_left div a.grey:active {
  color: #808080;
}

#premiummenue_left div a.has_sub {
  background: url(../../Images/Layout/navipfeil.gif) 5px 11px no-repeat;
}

#premiummenue_left div a.has_sub_open {
  background: url(../../Images/Layout/navipfeilaktiv.gif) 5px 11px no-repeat #ECEBE2;
  /*font-weight: bold;*/
}

/* 2nd level */
#premiummenue_left div div a,
#premiummenue_left div div a:visited,
#premiummenue_left div div a:hover {
  padding: 5px 0 5px 25px;
}

#premiummenue_left div div a.has_sub,
#premiummenue_left div div a.has_sub_open {
  background-position: 15px 8px;
}

/* 3rd and following level are same as 2nd */
#premiummenue_left div div div a,
#premiummenue_left div div div a:visited {
  padding: 5px 0 5px 25px;
}

#premiummenue_left div div div a.has_sub,
#premiummenue_left div div div a.has_sub_open
  {
  background-position: 15px 8px;
}

#premiummenue_left div a:hover,
#premiummenue_left div div a:hover {
  background-color: #ECEBE2;
}

#premiummenue_left .focus {
  color: #5F1E1E;
  background-color: #ECEBE2;
  /* font-weight: bold; */
}

/************************************************************************
 * Premium menu bottom
 */
#premiummenu_bottom {
  height: 20px;
  width: 566px;
  background-color: #E5E3D6;
  margin-top: 8px;
  float: left;
}

#premiummenu_bottom a,
#premiummenu_bottom a:visited,
#premiummenu_bottom a:focus,
#premiummenu_bottom a:hover,
#premiummenu_bottom a:active {
  float: left;
  font: 10px Verdana;
  color: #8D8D8B;;
  line-height: 20px;
  margin: 0 190px 0 10px;
  text-decoration: none;
}
#premiummenu_bottom a:hover {
  color: #000000;
}

#font_size {
  height: 14px;
  float: right;
  padding: 0px 20px 0 0;
}

#font_size a,
#font_size a:visited,
#font_size a:focus,
#font_size a:hover,
#font_size a:active {
  margin: 0 0 0 6px;
  text-decoration: none;
}
#font_size a .pic {
  padding: 5px;
}
#font_size a.small .pic {
  background: url(../../Images/Layout/aklein.gif) 0 5px no-repeat;
}
#font_size a:hover.small .pic,#font_size a:focus.small .pic {
  background-image: url(../../Images/Layout/akleinaktiv.gif);
}
#font_size a.medium .pic {
  background: url(../../Images/Layout/amittel.gif) 0 5px no-repeat;
}
#font_size a:hover.medium .pic,#font_size a:focus.medium .pic {
  background-image: url(../../Images/Layout/amittelaktiv.gif);
}
#font_size a.large .pic {
  background: url(../../Images/Layout/agross.gif) 0 5px no-repeat;
}
#font_size a:hover.large .pic,#font_size a:focus.large .pic {
  background-image: url(../../Images/Layout/agrossaktiv.gif);
}


#content.premium table{
  font-size: 0.85em;
  padding-left:0px;
  padding-top:0px;
  padding-bottom:12px;
  margin-left:10px;
  margin-right:10px;
  color:#4D4D4D;
  }

#content.premium td, th{
  height:  30px;
  }

#content.premium th {
  border-bottom:1px solid #B2B2B2;
  }





/***********************************
 *Kontaktformular
 */

#formularheader {
  width:546px;
  height:33px;
  background-color:#F0EFE8;
  margin-top:8px;
  margin-left:0px;
  color:#801E1E;
  font:12px Verdana;
  line-height:46px;
  padding-left:20px;
  padding-bottom:0px;
  margin-bottom:0px;
  }
#kontakthaupt {
  width:546px;
  background-color:#F0EFE8;
  margin-top:4px;
  margin-bottom:0px;
  margin-left:0px;
  padding-bottom:0px;
  padding-left:20px;
  }

#kontaktname {
  width:526px;
  height:45px;
  border-bottom:1px solid #949494;
  font: 16px Arial;
  color:#949494;
  margin-left:0px;
  margin-right:20px;
  margin-bottom:20px;
  line-height:66px;
  padding:0px;
  }

.graueliniedunkler {
  width:526px;
  height:1px;
  border-top:1px solid #949494;
  margin-left:0px;
  margin-right:20px;
  margin-top:0px;
  margin-bottom:0px;
  }

#verabschiedung {
  width:343px;
  height:36px;
  background-color:#ffffff;
  margin-left:0px;
  margin-bottom:11px;
  }

#logothumb{
  float:right;
  padding:10px;
  }

#kontaktbutton {
  width: 526px;
  margin: 20px 10px 0 0px;
  padding-bottom: 20px;
}

#hinweiskontakt {
  margin:0px;
  padding:0px;
  float:left;
  width:300px;
}
#hinweiskontakt p{
  margin:0px;
  padding:10px 0 10px 0;
  color:#5F1E1E;
  Font-size: 0.8em;
}


.premiuminput {
  width: 343px;
  float: left;
  margin-top: 0px;
  margin-bottom: 7px;
  font: 12px Verdana;
  height: 20px;
  text-align: left;
  border: 0px solid black;
  padding-bottom:0px;
}

.premiuminput_large{
  margin-bottom:11px;
}

/**************************************************
 *Fonds
 */

.fondsinput{
 /* margin-left:10px; */
  /*height: 20px; */
  border: 0px solid black;

}

.fondsinput select{
  margin-right:25px;
  float: left;
  width: 160px;
  margin-bottom: 30px;
}


.fondsinput table{
  border: 0px solid black;
  margin-left:10px;
  font-size: 0.85em;
}

.fondsinput th{
  vertical-align: top;
}

.fondsinput td{
  padding-bottom: 30px;
  vertical-align: top;
}

.kurse {
  background-color: #FFFAE5;
  /*width:50%;*/
}

.kurse table{
  border: 0px solid black;
  margin-left:10px;
  margin-bottom: 22px;
}

.kurse table td{
  height: 20px;
}

/**************************************************
 *Ansprechpartner
 */

 .karte {  width:345px;
       height:470px;
      background-image:url(../../Images/Content/Ansprechpartner/karte_transparent.gif)
      }

 .ansprechpartner { width:70px;
           height:30px;  }

 .hamburg {  position:relative;
       top:75px;
      left:150px;

       }

 .duesseldorf {  position:relative;
         top:180px;
        left:35px;

       }

 .frankfurt {  position:relative;
         top:215px;
        left:100px;

       }

 .muenchen {  position:relative;
         top:300px;
        left:200px;

       }

.ansprechpartner a:link  {  font-weight:normal; color:#4d4d4d; /** background-color:#ffffff; **/text-decoration:none;}
.ansprechpartner a:visited {  font-weight:normal; color:#4d4d4d; /** background-color:#ffffff; **/text-decoration:none;}
.ansprechpartner a:focus {  font-weight:normal; color:#4d4d4d; /** background-color:#ffffff; **/text-decoration:none;}
.ansprechpartner a:hover {  font-weight:normal; color:#024382; /** background-color:#ffffff; **/text-decoration:none;}
.ansprechpartner a:active {  font-weight:normal; color:#4d4d4d; /** background-color:#ffffff; **/text-decoration:none;}



#content .sitemap_ebene0 p{
  padding: 0 0 0 10px;
  }
#content .sitemap_ebene0 a{
  font-weight: bold;
  }
#content .sitemap_ebene1 p{
  padding: 0 0 0 55px;
  }
#content .sitemap_ebene2 p{
  padding: 0 0 0 100px;
  }
#content .sitemap_ebene3 p{
  padding: 0 0 0 145px;
  }
#content .sitemap_ebene4 p{
  padding: 0 0 0 190px;
  }
#content .sitemap_ebene5 p{
  padding: 0 0 0 235px;
}

.surf-edit-handle {
 display:block;
 background-color: #fdfdfd;
 border: 1px black solid;
 height:22px;

}
.surf-edit-handle a, .surf-edit-handle a:hover, .surf-edit-handle a:visited {
  text-decoration:none;
  color:black;
  background-color: #fdfdfd;
  font-size:8pt;
  background-image: url(../../Images/Layout/edit-preview.gif);
  background-color: #fdfdfd;
  background-repeat: no-repeat;
  height:20px;
  padding:1px 1px 1px 18px;

}

/**************************************************
 * Disclaimer
 */

.ui-dialog {
    background-color: #FFF7D7;
}

/* the titlebar  */
.ui-dialog-titlebar {
  background-color: #E5E3D6;
  padding:3px;
  padding-left:5px;
  border-bottom:2px solid #ffffff;
  font: bold 1em Georgia;
  color:#333333;
}

/* the close button (the top-right X) and its hover style */
.ui-dialog-titlebar-close {
  display:none;

}

.ui-dialog-titlebar-close-hover {
}

/* the whole dialog window */
.ui-dialog-container {
    background-color: #FFF7D7;
}

/* additional style for dialog contents */
.ui-dialog-content {
  padding:3px;
  padding-left:5px;
  font: 12px Verdana;
  line-height:18px;
}

/* the container for the dialog buttons (like "Yes", "No", "Cancel") */
.ui-dialog-buttonpane {
 background-color: #fefbf0;
}

/* style for EVERY button */
.ui-dialog-buttonpane button {
  margin-top: 12px;
  margin-left:5px;
  margin-bottom: 8px;
  font: 12px Verdana;
    color: #4D4D4D;
  background-color: #E5E3D6;
  border: 1px solid #A3A2A4;
  padding: 1px;
}

/* style for EVERY button hover */
.ui-dialog-buttonpane button:hover {
  color: #4D4D4D;
  background: #D8D6CA;
  border: 1px solid #969597;
}
/*UI tabs*/

.ui-tabs-nav {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  float: left;
  position: relative;
  z-index: 1;
  border-right: 1px solid #d3d3d3;
  bottom: -1px;
}
.ui-tabs-nav li {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  float: left;
  border: 1px solid #d3d3d3;
  border-right: none;
}
.ui-tabs-nav li a {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  float: left;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  padding: .5em 1.7em;
  color: #555555;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
  color: #222222;
}
.ui-tabs-panel {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  clear:left;
  border: 1px solid #d3d3d3;
  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
  color: #222222;
  padding: 0.7em 0.5em;
  font-size: 1.1em;
}
.ui-tabs-hide {
  display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.messageBox {
    background-color:#FFFFFF;
}
table.mailbox {
  margin:10px 0pt 15px;
  font-size: 8pt;
  /*width: 100%;*/
  width:530px;
  text-align: left;
}
table.mailbox td, table.mailbox th {
    padding: 8px 4px 1px 4px;
    vertical-align:top;
    font-size:0.9em;
}
table.mailbox th {
  border-bottom:1px solid #cccccc;

}
.messageData {
  margin: 10px;
  padding: 2px;
  background-color:#F0EFE8;
  overflow: hidden;

  min-height: 40px;
  font-size:0.7em;
}
/*
.messageData span:first-child {
  float:left;
}
.messageData span {
  float:right;
}*/
.messageData:after {
  content:"\00A0";
  clear:both;
}
.messageContent h3 {
  padding-bottom: 10px;
}
.messageContent {
  background-color:#F0EFE8;
}

.mailstatus_unread {
  font-weight:bold;
}
.mailstatus_read {
  font-weight:normal;
}
.mailstatus_answered {
  font-weight:normal;
}



/* blue jquery theme */

table thead tr th, table.tablesorter tr th {
  font-size: 8pt;
  padding: 4px;
}
table thead tr .header {
  background-image: url(../../Images/Layout/tablesort_bg.gif);
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  padding-left: 20px;
}
table.mailbox tbody td {
  padding: 4px;
  vertical-align: top;
}
table thead tr .headerSortUp {
  background-image: url(../../Images/Layout/asc.gif);
}
table thead tr .headerSortDown {
  background-image: url(../../Images/Layout/desc.gif);
}



div.pager {
  padding: 10px 0 10px 0;
  margin-bottom:10px;
  text-align: right;
}

div.pager select {
  width:30px;
}
div.pager span {
  padding: 0 5px 0 5px;
}
div.pager .prev {
  width: auto;
  margin-right: 10px;
  cursor: pointer;
}
div.pager .next {
  width: auto;
  margin-left: 10px;
  cursor: pointer;
}

div.pager .elementdisplay, div.pager .pagedisplay {
  border:none;
  font-size: 10px;
  width: 180px;
  text-align: left;
  background:none;
  color:#4D4D4D;
  font-family:Verdana;
}
div.pager .pagedisplay {
    text-align: center;
}
div.pager .pagedisplay {
  width: 40px;
}

#editMenu {
    background-color:#ffffff;
    border:1px solid #cccccc;
    padding:3px;
    font-size:8pt;
    /*width:100%;*/
}
#editMenu ul {
    padding:2px;
    margin:0px;
    list-style-type:none;
    font-size:8pt
}
#editMenu li {
    display:inline;
    margin-right:10px;
}

.highlighted {
    font-weight:bold; color:#801E1E;
}

.mailAttachment p {
    float:left;
    width:60px;
}
.mailAttachment div {
    margin-left:60px;
    padding-left:10px;
}
.error {
    color:#801E1E;
}
.messageContent .error {
    height:100px;
    padding-top:30px;
    padding-left:10px;
}

.substituteHandle {
  margin-bottom:16px;
  width:100%;
}
.substituteHandle select {
  width:160px;
  margin-right:10px;
}
.substituteHandle .button {
  margin:0px;
  width:auto;
  padding:1px 3px 3px 3px;
  margin-bottom:1px;
}

.deletedBM {
  text-decoration:line-through;
  color:#bbbbbb;
}

#uploadInfo {
  clear:both;
  margin-top:5px;
  margin-bottom:10px;
  overflow:hidden;
}


 
   
