html, body{
    height: 100%;
}

body{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #455E6C;
}

#wrap{
    min-width: 1050px;
}

/*-----------------------   BASICS   -----------------------*/
img{
    border: none;
}

img.fckimgleft{
    float: left;
    margin-right: 1em;
}
img.fckimgright{
    float: right;
    margin-left: 1em;
}

.clear{
    font-size: 1%;
    clear: both;
    display: block;
}

.relEL{
    position: relative;
    top: 0;
    left: 0;
}

a{
    color: #0c1923;  /* #3d4950 */
}

hr{
  background: #fff;
    color: #fff;
    border: none;
    border-bottom: 1px dashed #A9B4B8;
    height: 2px;
    width: 100%;
}

.js{
    display: none;
}

pre.debug{
    text-align: left;
    font-size: 120%;
    padding: 1em;
    background: #FFFFFF;
    color: #000000;
    border: 3px solid #999999;
}

.mini, #content p.mini{
  font-size: 10px;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	
}

/*-----------------------   CONTENT   -----------------------*/
#content{
    width: 633px;
    float: left;
    margin: 0;
    padding: 0;
    background:#fff;
}

#content h1, #content h2, #content h3, #content h4, #content caption{
    margin-top: 1em;
    padding-top: 0;
    color: #0066B0;
    text-transform: uppercase;
}
#content h1{
   font-size: 13px;
}
#content h2{
   font-size: 12px;
}
#content h3, #content h4, #content caption{
   font-size: 11px;
   font-weight: bold;
}

#content p, #content table, #content ul, #content ol{
   font-size: 11px;
   line-height: 1.5em;
}
#content p{
    margin-top: 0;
    padding-top: 0;
}

#content .thumb{
    float:left;
    margin-right: 1em;
}

.alignLeft{
    text-align: left;
}
.alignRight{
    text-align: right;
}

/* breadcrumb */
#content ul#breadCrumb{
    margin: 0 0 3em 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    font-size: 10px;
}
#breadCrumb li{
    margin: 0;
    padding: 0;
    display: inline;
}
#breadCrumb, #breadCrumb a{
    color: #A9B4B8;
}

/* thumbs */
.thumb a, #gallery a{
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: url(/images/zoom_in.cur),pointer; /* absolute url! */
}

#gallery{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#gallery li{
    margin: 0;
    padding: 0;
    display: inline;
}
#gallery li a{
    margin: 1px 5px 5px 1px;
    padding: 0;
    display: block;
    width: 94px;
    height: 94px;
    float: left;
    border: 1px solid #d6d6d6;
}
#gallery li a:hover{
    margin: 0 4px 4px 0;
    border: 2px solid #0066b0;
}
#gallery li a img{
    margin: 2px;
    background: #fff;
}

/* persons */
#content ul#personList{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#content ul#personList li{
    margin: 0;
    padding: 0.4em 0;
    border-top: 1px dashed #A9B4B8;
    clear: both;
}

#content ul#personList h2{
    margin: 0 0 0.2em 0;
    padding: 0;
}
#content ul#personList h2 a{
    color: #0066B0;
    text-decoration: none;
}
#content ul#personList p{
    margin: 0;
    padding: 0;
}
#content ul#personList .thumb{
    float: left;
    margin-right: 0.4em;
}
#content ul#personList .thumb img{
    width: 100px;
}


/* Page Liste */
ul#pageList{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul#pageList li{
    margin: 0;
    padding: 1em 0;
    border-top: 1px dashed #A9B4B8;
    clear: both;
}
#content ul#pageList h2{
    margin: 0 0 0.2em 0;
    padding: 0;
}
#content ul#pageList h2 a{
    color: #0066B0;
    text-decoration: none;
}
#content ul#pageList p{
    margin: 0;
    padding: 0;
}
#content ul#pageList .thumb{
    float: right;
    margin-left: 0.4em;
}

h1 .date, h2 .date{
    color: #87abc5;
}
h1 .adhoc, h2 .adhoc{
    color: #7f7f7f;
    /*font-weight: normal;*/
    font-family: Arial, Helvetica, sans-serif;
}

/* standort > google maps */
p#toggleMap{
   margin: 0;
   padding: 0;
}
p#toggleMap a, p#toggleMap2 a{
   display: block;
   background: url(../images/icon_flag.gif) no-repeat left center;
   padding: 4px 0 4px 24px;
}
#gMap, #gMap2{
   display: none;
   background: #e5e8e9;
   padding: 1px;
   border: 1px solid #d4d8d9;
}
#gMap iframe, #gMap2 iframe{
   margin-left: 2px;
   height: 400px !important;
}

/* Sitemap */
#sitemap ul li{
    font-weight: bold;
    margin-bottom: 1em;
}
#sitemap ul li li{
    font-weight: normal;
    margin-bottom: 0;
}

/* inhalt > tabelle default */
#content caption{
    text-align: left;
}
#content table{
    border-top: 1px solid #ced3ce;
    border-left: 1px solid #ced3ce;
    border-spacing:0;
    border-collapse:collapse;
}
#content table td, #content table th {
    border-right: 1px solid #ced3ce;
    border-bottom: 1px solid #ced3ce;
    background: #fff;
    margin: 0;
    padding: 4px;
}
#content table th, #content table tr:first-child td, #content table tr:first-child th{
    background: #d4d8d9;
    font-weight: bold;
    text-align: center;
}

/* Aktiencharts */
iframe#stockChartHome{
    width: 190px;
	height: 112px;
	border: none;
}
iframe#stockStatsHome{
    width: 226;
	height: 45px;
	border: none;
}
iframe .marketdata_overiew{
    background: red;
}

iframe.stockChart{
    width: 99%;
	height: 420px;
	border: none;
}
iframe.stockStats{
    width: 99%;
	height: 550px;
	border: none;
}


/* Formulare: */
.tf{
    background: #fff;
    border: 1px solid #767676;
    margin: 1px;
    padding: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tf:focus, .tf:active{
    border: 2px solid #0066b0;
    margin: 0px;
}
#content form p{
    margin-bottom: 0;
    padding-bottom: 0;
}
label.lLeft{
    float:left;
    width: 90px;
}
label.lBlock{
    display: block
}
p#send{
    margin-left: 90px;
}

.submit{
    padding: 1px 12px;
    background: #c6d9de;
    border: 1px solid #9fb9c0;
    color: #0066b0;
    font-weight: bold;
}
.submit:focus, .submit:active{
    background: #0066b0;
    border: 1px solid #0066b0;
    color: #fff;
}

.errorBox {
    background:#FFEDED;
    border:1px solid #FEACAC;
    color:#540000;
    margin:1em 0;
    padding:2px 6px;
}
#content .errorBox h3{
    color: #e24646;
}
.errorBox a{
    text-decoration: none;
}
.errorBox a strong{
    border-bottom: 1px solid #e24646;
}

p.pError label{
    color: #e24646;
}
p.pError input.tf{
    border-color: #e24646;
}

/*-----------------------   SUBNAV   -----------------------*/
#subNav{
    width: 133px;
    margin: 45px 18px 0 55px;
    float: left;
    font-size:11px;
    line-height:1.5em;
}
#subNav ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#subNav ul li{
    margin: 0;
    padding: 0;
}
#subNav ul li li{
    margin: 0 0 0 8px;
    padding: 0;
}

#subNav a{
    color: #A9B4B8;
    text-decoration: none;
}
#subNav a:hover{
    color: #5c98bf;
}

#subNav ul li.active a, #subNav ul li.active ul li.active a {
    color: #0066b0;
}

#subNav ul li.active ul li a {
    color: #A9B4B8;
}

/*-----------------------   SIDEBAR   -----------------------*/
#sideBar{
    float: left;
    width: 150px;
    margin: 45px 0 0 30px;
   font-size: 10px;
   line-height: 1.5em;
}

#sideBar h1, #sideBar h2, #sideBar h3, #sideBar h4{
    margin: 0;
    padding: 0;
    color: #0066B0;
    font-weight: normal;
    font-size: 13px;
}

#sideBar p{
    margin-top: 0;
    padding-top: 0;
}

#sideBar a{
    color: #0066B0;
    text-decoration: none;
}


/*-----------------------   NAVIGATION   -----------------------*/
#navigation{
    height: 236px;
    min-width: 1050px;
    background: #d4d8d9 url(../images/bg_navi_bottom.gif) repeat-x left bottom;
}
#navigation.home{
    height: 351px;
    background: #d4d8d9 url(../images/bg_navi_bottom.gif) repeat-x left bottom;
}

#navContainer{
    float: left;
    width: 839px;
    height: 100%;
    background: #91aebc url(../images/bg_navi_left.gif) no-repeat left bottom;
}
.home #navContainer{
    background: #91aebc url(../images/bg_navi_left_home.gif) no-repeat left bottom;
}

#imgContainer{
    height:  226px;
    background: url(../images/bg_header_default.gif) no-repeat 55px 0px;
}
.home #imgContainer{
    height:  341px;
}

#mainNav{
    margin: 0 0 0 206px;
    padding: 0;
    width: 633px;
    height: 34px;
    list-style-type: none;
    background: #005da0 url(../images/bg_mainnav.png) repeat-y;
}

#mainNav li{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
    top: 0;
    left: 0;
}
#mainNav li a{
    height: 26px;
    display: block;
    margin: 0;
    padding: 8px 10px 0 10px;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
    color: #BCCCE6;
}
#mainNav li.active a{
    color: #fff;
}
#mainNav a:hover{
    color: #fff;
}
#mainNav li.active a:hover{
    color: #fff;
}

/* Subnav: */
#mainNav li ul {
    clear: both;
    float: none;
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
    top: 37px;
    height: 189px;
    background: url(../images/bg_subnav.png);
    display: none;
}
#mainNav .active ul {
    display: block;
}
#mainNav ul li, #mainNav ul li a{
    width: auto;
    float: none;
    text-transform: none;
    height: 1em;
}

#mainNav .active ul a {
    display: block;
    color: #C3C9CC;
    padding: 0 10px 0 8px;
}
#mainNav .active ul .active a {
    color: #fff;
}


#metaContainer{
    float: left;
    width: 154px;
    height: 100%;
    position: relative;
    padding-left: 26px;
    top: 0;
    left: 0;
}

#langNav{
    margin: 12px 0 0 0;
    padding: 0;
    list-style-type: none;
    height: 56px;
}
#langNav li{
    display: inline;
}
#langNav a, #langNav span{
    display: block;
    float: left;
    color: #455E6C;
    font-size: 12px;
    text-decoration: none;
    padding: 0 16px 0 0;
}
#langNav .active a, #langNav .active span{
    color: #0066B0;
}
/*
#langNav .en a{
    background: url(../images/gb.gif) no-repeat left center;
	padding-left: 20px;
}
#langNav .de a{
    background: url(../images/de.gif) no-repeat left center;
	padding-left: 20px;
}*/

/* suche */
#searchForm #q{
    width: 124px;
    border: 1px solid #bac3c6;
    background: #eeeff0;
    height: 18px;
    padding: 1px;
    vertical-align: middle;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #A9B4B8;
}
#searchForm #q:focus{
    border: 1px solid #0064ac;
}

#searchForm #sf_submit{
    vertical-align: middle;
    margin-left: 2px;
}
#searchForm label{
    display: block;
	font-size: 12px;
}

.searchResultHighlight{
  background-color: #ffffff;
  font-weight: bold;
  color: #005da0;
}

#metaNav{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    bottom: 20px;
    left: 26px;
}
#metaNav li{
    display: inline;
}
#metaNav a{
    display: block;
    color: #455E6C;
    font-size: 12px;
    text-decoration: none;
    padding: 0 16px 0 0;
}
#metaNav .active a{
    color: #0066B0;
}

/*-----------------------   HEADER   -----------------------*/
#header{
    width: 839px;
    height: 117px;
    border-top: 1px solid #fff;
}

#sitelogo{
    width: 137px;
    height: 60px;
    margin: 41px 0 0 54px;
    padding: 0;
}
#sitelogo img{
    width: 137px;
    height: 60px;
}

#header h2{
    float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #b7c3c7;
	font-size: 22px;
	margin: 78px 0 0 0;
	padding: 0;
}


/*-----------------------   FOOTER   -----------------------*/
#footer{
    width: 839px;
    text-align: left;
    font-size: 9px;
    height: 3em;
    margin-top: 2.5em;
}
#footer, #footer a{
    text-decoration: none;
    color: #A9B4B8;
}
#footer p{
    padding: 0;
    margin: 0;
	float: right;
}

#footer #pPrint{
    float: left;
	margin-left: 206px;
}
#footer #pPrint a{
    padding: 2px 0 2px 18px;
	background: url(../images/icon_print.gif) no-repeat left center;
	color: #A9B4B8;
}

/*-----------------------   LIGHTBOX   -----------------------*/
#lightbox a{
    background: none;
}
#outerImageContainer{
    border: 4px solid #0066b0;
    border-bottom: none;
    background: #fff url(../images/logo_hti_small.gif) no-repeat center;
}
#imageDataContainer{
    border: 4px solid #0066b0;
    border-top: none;
}
#loading{
    top: 70%;
}