@import url('stockach_FILES/navi.css');
@import url('stockach_FILES/t3content.css');

html,body{
  background-color: white;
  margin: 0;
  padding: 0;
  height: 100%;
}

body,td,th{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body{
  background-image: url('stockach_FILES/content_bg.gif');
  background-position: left top;
  background-repeat: repeat-y;
  background-color: transparent;
}

hr{
  background-color: #99CCCC;
  color: #99CCCC;
  border: 0;
  height: 1px;
}

h1, h2, h3, h4, h5{
  font-weight: bold;  
  color: #034943;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

a{
  color: #044a44;
  text-decoration: none;  
}

a:hover{
  color: #044a44;
  text-decoration: underline;
}


.news-list-date{
  font-size: 0.8em;
  font-weight: normal;
  display: block;
  color: black;
}

/*------------------------------------------------------------------------------
 * Common styles
 *----------------------------------------------------------------------------*/
.Error{
  color: red;
}

.CommonButton{
  background-color: #666;
  font-weight: bold;
  color: white;
  border: 1px solid #204647;
  font-size: 12px;

}

.CommonTextBox,
.CommonTextArea{
  width: 350px;
  border: 1px solid #204647;
  background-color: #DBEDED;
  padding: 2px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;   /* considered for "required"-marks */
}

.CommonTable{
  border: 1px solid #99CCCC;
  border-collapse: collapse;
}

.Required{
  font-size: 1.5em;
  font-weight: bold;
  color: red;
  margin: 0px 7px 0px 7px;  
}

.MailForm table.MailFormTable
{
  border-collapse: collapse;
}

.MailForm table.MailFormTable td{
  padding: 1px;
}

.MailForm td.Key{
  width: 150px;
}

.HeadlineCells{
  background-color: #99CCCC;
  font-weight: bold;
  border-left: 1px solid white;
  padding: 2px 5px 2px 5px;
}

.HighlightedText{
  color: #034943;
  font-size: 1.3em;
  font-weight: bold;
}

p.HighlightedParagraph,
div.HighlightedParagraph{
  background-color: #D1E8F6;
  color: black;
  padding: 3px 10px 3px 10px;
}

/*------------------------------------------------------------------------------
 * Stockach main elements
 *----------------------------------------------------------------------------*/
#Main{
  min-height: 100%;
  width: 1003px;
}

* html #Main{
  height: 100%;
}

#FakeMain{
  position: absolute;
  top: 0;
  left: 0;
/*  z-index: 300; */
  min-height: 100%;
  width: 1003px;
/*  background-image: url('/fileadmin/template/images/bottom_line.jpg');*/
  background-image: url('stockach_FILES/bottom_line.jpg');
  background-position: left bottom;
  background-repeat: no-repeat;
}

* html #FakeMain{
  height: 100%;
}

#Header{
  height: 196px;
  background-image: url('stockach_FILES/header_bg.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  background-color: white;  
}

#Banner{
  float: left;
}

#Banner h1{
  display: none;
  visibility: hidden;  
}


#BannerImage{
  position: absolute;
  top: 87px;
  z-index: 12;
}

#Tools{
  position: relative;
  width: 145px;
  top: 110px;
  left: 870px;
  text-align: left;
}

#SearchForm{
  height: 30px;  
  font-size: 10px;
}

#SearchForm a{
  color: black;
  text-decoration: none;  
}

#SearchForm .QueryBox{
  border: 1px solid #666; 
  width: 70px;
  padding: 0px;
  font-size: 11px;
}

#SearchForm .SearchButton{
  border: 1px solid #666; 
  padding: 2px;
  font-size: 10px;  
  vertical-align: middle;
}

#QuickLinks{
}

#QuickLinks a{
  color: black;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;  
}

#Navi{
  background-color: #ccc;
  height: 31px;
  border-top: 1px solid white;
}

#OuterContent{
  clear: left;
  margin-bottom: 35px;
}

#NewsBox{
  float: left;
  width: 20%;
  padding-bottom: 50px;
  background-color: #F2F2F2;
  background-image: url('stockach_FILES/news_bg.gif');
  background-position: center bottom;
  background-repeat: repeat-x;
}

#NewsBoxContent{
  padding: 10px 10px 10px 25px;
  font-size: 0.9em;  
}

#NewsBoxContent a{
  color: #666;
}

#NewsBox h2{
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  padding: 2px 2px 2px 2px;
  background-color: #F2F2F2;
  color: black;
}

#InnerContent{
  float: left;
  padding: 5px;
  margin-bottom: 35px;
  width: 640px;
  overflow: hidden;
}

#Breadcrumb{
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

#PageTitle{
  font-weight: bold;  
  color: #034943;
  font-size: 1.5em;
}

#Content{
  padding: 10px 10px 25px 10px;  
}

/*
#Content p{
  margin-bottom: 0;
  margin-top: 0;
}
*/

#Content .ContentElement{
  clear: both;
  border-top: 1px solid #99CCCC;
  margin-top: 10px;
  padding-top: 10px;
}

#ModuleBox{
  float: right;
  width: 148px;
  min-height: 100%;
  background-color: #F2F2F2;
}

* html #ModuleBox{
  height: 100%;
}

#ModuleBoxContent{
  padding: 5px;  
  font-size: .9em;
}

#ModuleBoxContent a{
  text-decoration: underline;
  color: #034943;
}

#Footer{
/*
  clear: both;
  height: 50px;
  background-image: url('stockach_FILES/footer_bg.jpg'); 
  background-position: left top;
  background-repeat: no-repeat;
  background-color: white;   
*/
  font-size: 10px;
  color: #def;
  text-align: right;
  padding-top: 35px;
  padding-right: 10px;
}

#Footer a{
  color: #def;
  text-decoration: none;
}

#Footer a:hover{
  text-decoration: underline;
}


#Credits{
  margin-top: 25px;
  color: #AAA;
  font-size: 10px;
}

#Credits a{
  color: #AAA;
  text-decoration: none;
}

#Credits a:hover{
  text-decoration: underline;
}

#tarifRechnerContainer {
     margin:0 auto;
     width:620px;
     padding:10px;
     border:1px solid #DEDEDE;
}

#tarifRechnerContainer h1 {
     color:#034943;
     font-size:1.5em;
     font-weight:bold;
     padding-bottom:10px;
     margin-bottom:10px;
     border-bottom:1px solid #99CCCC;
}

#tarifRechnerContainer #tarifRechnerArt {
     margin-left:10px;
}

#tarifRechnerContainer .tarifRechnerArt {
     color: #000; 
     font-family:  Verdana, sans-serif;
     font-size:11px;
     margin-top: 15px;
     padding: 0px;  
}

#tarifRechnerContainer .tarifUSicht {
     color: #000; 
     font-family:  Verdana, sans-serif;
     font-size:11px;
     border:1px solid #DEDEDE; 
}

#tarifRechnerContainer .TarifGreen {
     background:#99CCCC;
}

#tarifRechnerContainer .beschreibung {
     font-size:10px;
     border-bottom:1px solid #DEDEDE;
}