html, body { 
  height: 100%; /* Required */
}
body {
    margin: 0px;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    color:#666666;
}
a {
    color:#003399;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/***************************************************
 GENERAL PAGE LAYOUT
****************************************************/
/* layout structure (important for footer positioning)*/
#layoutComplete {
  margin: 0 auto;
  text-align: left;
  position: absolute;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  float:left;
}
#layoutMain {
  padding-bottom:80px;
  clear:left;
  float:left;
}
#layoutFooter {
  position: absolute;
  left:0px;
  bottom: 0px !important;
  clear:left;
  float:left;
  height: 80px;
/*
  bottom: -1px; /* For Certain IE widths */
}
/* Header Area*/
#headerArea {
    position:relative;
    z-index:2 !important;
}
.projectName {
    font-weight: bold;
    font-size: 12px;
    color: #003399;
    position:absolute;
    left: 0px;
    top: 2px;
}
#typeA #headerArea {
    margin-bottom:16px;
}
#topStage {
    position:relative;
}
#topStage #clickLogo {
    display:block;
    position:absolute;
    background-repeat:no-repeat;
}
#topStage img {
    display:block;
}
/*CONTENT AREA*/
#contentColumns {
    float:left;
    width:982px;
}
.cntCol {
    float:left;
    overflow:hidden;
}
.width86 {
    width:98px;
}
.width184 {
    width:196px;
}
.width282 {
    width:294px;
}
.width380 {
    width:392px;
}
.width478 {
    width:490px;
}
.width576 {
    width:588px;
}
.width772 {
    width:784px;
}
.hundred,
.fifty,
.twentyfive,
.seventyfive,
.sixtysix,
.thirtythree {
    overflow:hidden;
}
.width184 .hundred {
    width:184px;
}
.width282 .hundred {
    width:282px;
}
.width380 .hundred {
    width:380px;
}
.width478 .hundred {
    width:478px;
}
.width576 .hundred {
    width:576px;
}
.width772 .hundred {
    width:772px;
}

.width184 .fifty {
    width:92px;
    
}
.width282 .fifty {
    width:141px;
    
}
.width380 .fifty {
    width:190px;
    
}
.width478 .fifty {
    width:239px;
    
}
.width576 .fifty {
    width:288px;
    
}
.width772 .fifty {
    width:386px;
    
}

.width184 .twentyfive {
    width:46px;
    
}
.width282 .twentyfive {
    width:70px;
    
}
.width380 .twentyfive {
    width:95px;
    
}
.width478 .twentyfive {
    width:120px;
    
}
.width576 .twentyfive {
    width:144px;
    
}
.width772 .twentyfive {
    width:193px;
    
}

.width184 .seventyfive {
    width:138px;
    
}
.width282 .seventyfive {
    width:212px;
    
}
.width380 .seventyfive {
    width:285px;
    
}
.width478 .seventyfive {
    width:358px;
    
}
.width576 .seventyfive {
    width:432px;
    
}
.width772 .seventyfive {
    width:579px;
    
}

.width184 .sixtysix {
    width:123px;
    
}
.width282 .sixtysix {
    width:188px;
    
}
.width380 .sixtysix {
    width:253px;
    
}
.width478 .sixtysix {
    width:319px;
    
}
.width576 .sixtysix {
    width:386px;
    
}
.width772 .sixtysix {
    width:515px;
    
}

.width184 .thirtythree {
    width:61px;
    
}
.width282 .thirtythree {
    width:94px;
    
}
.width380 .thirtythree {
    width:127px;
    
}
.width478 .thirtythree {
    width:159px;
    
}
.width576 .thirtythree {
    width:190px;
    
}
.width772 .thirtythree {
    width:257px;
    
}


.cntCol .inner {
    margin: 0px 6px 0px 6px;
}
.cntCol .inner.snippets {
    margin: 20px 6px 0px 6px;
}

.cntCol .inner.topline {
    border-top:1px solid #CCCCCC;
    padding-top:14px;
}

/* FOOTER AREA */
#footerArea {
  width:968px;
  line-height:14px;
  font-weight:bold;
  color: #666666;
}
#footerUpper {
  height:30px;
}
#footerLower {
  border-top:1px solid #CCCCCC;
}
#footerLeft {
    float:left;
}
#footerRight {
    padding-top:4px;
    float:right;
    width:184px;
}
/***************************************************
 NAVIGATION
****************************************************/
ul.horNav {
    display:block;
    margin:0px;
    padding:0px;
}
ul.horNav li {
    display:inline;
    list-style-image: none;
}
ul.horNav .active a,
ul.horNav a.active {
    text-decoration:underline;
}
/*META NAVIGATION*/
#metaNavi {
    position:absolute;
    top:1px;
}
#metaNavi li {
    padding:0px 4px 0px 5px;
    background: url(/img/sep_horNav.gif) no-repeat left 2px;
    display:inline;
    list-style-image: none;
}
#metaNavi li.first {
    padding:0px 4px 0px 0px;
    background:none;
}
/*LEVEL1 NAVIGATION*/
#level1Navi {
    height:24px;
    color: #FFFFFF;
    font-weight: bold;
    position:relative;
}
#level1Navi .horNav {
    padding:0px 0px 0px 12px;
}
#level1Navi a {
    color: White;
    line-height: 24px;
}
#level1Navi a:hover,#level1Navi  a.active {
 color: #FFCC00;
 text-decoration: none;
}
#level1Navi li {
    padding:0px 11px 0px 13px;
    background: url(/img/lv1Divider.gif) no-repeat left 0px;
    position:relative;
}
#level1Navi li.first {
    padding:0px 11px 0px 0px;
    background:none;
}

/*1st Level Hover NAVIGATION*/
#level1Navi li.sfhover a {
    padding-bottom:10px !important;
}
#level1Navi li ul {
    background-color:#7ebdf0 !important; /*important for IE*/
    display:none;
    z-index:2 !important;
    position:absolute !important;
    left: 0px !important;
    top: 0px !important;
    margin-left:0px !important;
    margin-top:19px !important;
    padding:0px !important;
}
#level1Navi li.sfhover ul {
    display:block !important;
}
#level1Navi li li,
#level1Navi li.sfhover li {
    display:block !important;
    background-image:none !important;
    padding:0px !important;
    width:182px !important;
    border-top:1px solid #FFFFFF !important;
    border-right:1px solid #FFFFFF !important;
    border-left:1px solid #FFFFFF !important;
/*
    border-top:1px solid #81a5e3!important;
    border-right:1px solid #91a5c0 !important;
    border-left:1px solid #91a5c0!important;
*/
/*
    border-bottom:1px solid #81a5e3 !important;
*/
}
#level1Navi li li#last,
#level1Navi li.sfhover li#last {
    border-bottom:1px solid #FFFFFF !important;
}
#level1Navi li li a,
#level1Navi li.sfhover  li a {
    color:#003399 !important;
    font-weight:normal !important;
    background-color:#7ebdf0!important;
    display:block !important;
    padding:0px !important;
    line-height:12px !important;
    overflow:visible !important;
    padding:4px 6px 4px 12px !important;
    position: relative;
}
#level1Navi li.sfhover  li a:hover {
    color:#FFFFFF !important;
}
iframe.hoverBase {
    position:absolute;
    width:184px;
    top:20px;
    z-index:1;
    left:0px;
    border:none;
}
/*BREADCRUMB NAVIGATION*/
#breadcrumbNavi {
 clear:left;
 float:left;
 line-height: 13px;
 font-weight: bold;
 color: #787878;
}
#breadcrumbNavi a {
 color: #787878;
}
#breadcrumbNavi ul {
    display: inline;
}
#breadcrumbNavi li {
    padding:0px 4px 0px 8px;
    background: url(/img/sep_breadcrumb.jpg) no-repeat left 4px;
}
#breadcrumbNavi li.first {
    padding-left:0px;
    background:none;
}
#breadcrumbNavi li.last a {
    text-decoration:none;
}
/*
#breadcrumbNavi li {
    padding:0px 8px 0px 4px;
    background: url(/img/sep_breadcrumb.jpg) no-repeat right 4px;
}
#breadcrumbNavi li.last {
    padding-right:0px;
    background:none;
    text-decoration:none !important;
}
*/
/*LEFT NAVIGATION - COMMON; SEE SPECIAL CSS FOR MORE INFORMATION*/
#leftNavi ul {
 padding-left: 0px;
 margin: 0px 0px 24px 0px;
 width:184px !important;
/* next two entries added to limit to long navigation entries */
 overflow:hidden !important;
 position:relative; 
}
#leftNavi ul ul {
 margin: 0px 0px 0px 0px;
}
#leftNavi a {
    display:block;
}
#leftNavi ul li {
 list-style-type: none;
 list-style-image: none;
 display:inline;
}
#leftnavi ul li,
#leftnavi ul {
 line-height:0px;
 font-size:0px;
}

/*COTENT NAVIGATION*/
.contentChildNavi {
  vertical-align:top;
  float:left;
  background:url(/img/bg_contentColNavi.gif) no-repeat 6px bottom;
  margin:0px 0px 14px 0px !important;
  width:784px;
}
/*COTENT NAVIGATION COLUMNS*/
ul.contentColumns {
  display:block;
  float:left;
  width:196px;
  padding:0px 0px 12px 0px !important;
}
ul.contentColumns li {
  list-style-image:none !important;
  list-style-type:none !important;
  background:none !important;
  padding:0px !important;
  margin:0px !important;
}
ul.contentColumns a {
  line-height:12px;
  padding:2px 6px 2px 16px;
  display:block;
  background:url(/img/arrowNoMarginLeft.gif) no-repeat 6px 6px;
}
/*COTENT NAVIGATION TABBED*/
ul.contentTabs {
  vertical-align:top;
  display:block;
  height:21px;
  padding:0px;
/*
  margin:21px 6px 1px 6px !important;
*/
  margin:0px 6px 1px 6px !important;
}
ul.contentTabs li {
  vertical-align:top;
  list-style-image:none !important;
  list-style-type:none !important;
  float:left;
  display:block;
  height:21px;
  border-left:1px solid #C9C9C9;
  position:relative;
  background:none !important;
  background-image:none !important;
  padding:0px !important;
  margin:0px !important;
}
ul.contentTabs a {
  vertical-align:top;
  font-weight:bold;
  line-height:21px;
  height:21px;
  vertical-align:top;
  padding:0px 4px 0px 4px;
  display:block;
  float:left;
  background:#ebeff6 url(/img/bg_contentNavi.gif) right top repeat-x;
}
ul.contentTabs a:hover,
ul.contentTabs a.active {
 background-color:#CFDAEB;
 text-decoration:none;
}
ul.contentTabs li.last a {
 background:#ebeff6 url(/img/bg_contentNaviLast.gif) right top;
 padding-right:11px;
}
ul.contentTabs li.last a:hover,
ul.contentTabs li.last a.active {
 background:#CFDAEB url(/img/bg_contentNaviLastActive.gif) right top;
} 
.contentTabsArchive .contentChildNavi {
    margin-bottom:1px !important;
    background-position: left bottom;
}
.contentTabsArchive .contentChildNavi ul.contentTabs {
    margin-left:0px !important;
}

/*FOOTER NAVIGATION*/
#footerLeft ul {
    display:inline;
}
#footerLeft li {
    padding:0px 4px 0px 5px;
    background: url(/img/sep_horNav.gif) no-repeat left 2px;
    display:inline;
    list-style-image: none;
}
#footerLeft li.first {
    padding:0px 4px 0px 0px;
    background:none;
}

/***************************************************
 GENERAL CONTENT ELEMENTS
****************************************************/
p {
    padding:0px;
    margin:0px;
    display:inline;
}

img {
    border:none;
}
hr {
    border-top:1px solid #cccccc;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    margin:0px;
    padding:0px;
    height:0px;
}
h1 {
    color:#003399;
    line-height:16px;
    font-weight:bold;
    padding:0px;
    margin:0px 0px 14px 0px ;
}
h2 {
    line-height:14px;
}
h2.noline {
    border-bottom:none;
}
.contentNaviActive h2.pageHeadline {
    display:none;
}
.contentNaviActive #mainPageHeadline {
    margin-top:9px;
}
.noPageHeadline h2.pageHeadline {
    line-height:4px;
    border-bottom:none;
}
.noPageHeadline #mainPageHeadline {
    display:none;
}

h2, h3 {
    font-weight:bold;
    padding:0px 0px 2px 0px ;
    margin:0px 0px 14px 0px ;
    border-bottom:1px solid #CCCCCC;
}
h4 {
    color:#003399;
    font-weight:bold;
    padding:0px;
    margin:0px 0px 14px 0px ;
}
h5 {
    color:#666666;
    font-weight:bold;
    padding:0px;
    margin:0px 0px 14px 0px ;
}
h1.topline {
    border-top:1px solid #CCCCCC;
    padding-top:4px;
}

.block {display:block !important}
.inline {display:inline !important}
.relative {position:relative !important}
.absolute {position:absolute !important}

.floatleft {float:left !important}
.floatright {float:right !important}
img.floatleft {margin-right:12px; margin-bottom:12px;}
img.floatright {margin-left:12px; margin-bottom:12px;}


/********* added display block: fsc, 081126 *******************************/
.clear {display: block; clear:both !important; font-size: 0px !important; height:0px;  line-height: 0px !important;  }
span.clear {display: none; }

.left12 {margin-left:12px !important}
.right12 {margin-right:12px !important}
.top12 {margin-top:12px !important}
.bottom12 {margin-bottom:12px !important}

.left6 {margin-left:6px !important}
.right6 {margin-right:6px !important}
.top6 {margin-top:6px !important}
.bottom6 {margin-bottom:6px !important}

.bottom3 {margin-bottom:3px !important}

.bold {font-weight:bold !important}
.indented {margin-left:16px !important}

.onebreak {
    display:block !important;
    margin-bottom:14px !important;
}

.cntCol ul {
 list-style-type: none !important;
 padding:0px;
 margin-left: 0px;
 margin-top: 16px;
 margin-bottom: 16px;
}
.cntCol ul li {
 background:url(/img/bullet.gif) no-repeat;
 padding-left: 19px;
}
.cntCol ul ul li {
 background:url(/img/bullet_klein.gif) no-repeat;
}
.cntCol ul ul ul li {
 background:url(/img/bullet_xtraklein.gif) no-repeat;
}
ol {
    padding-left:12px !important;
    margin-left:12px !important;
}
ol li {
/*
    margin-left:0px !important;
    padding-left:0px !important;
*/
}

/*ICONS*/
a.icon {
    background:no-repeat left 3px;
}
a.icon35 {
    padding-left:35px !important;
}
a.arrow {
    background-image:url(/img/arrowNoMarginLeft.gif);
    padding-left:8px;
}
a.pdf {
    background-image:url(/img/icon_pdf.gif);
    padding:3px 0px 3px 24px;
}
a.close {
    background-image:url(/img/icon_close.gif);
    padding:3px 0px 3px 20px;
}
a.print {
    background-image:url(/img/icon_print.gif);
    padding:3px 0px 3px 24px;
}
img.icon {
    background:no-repeat left top;
    padding:0px !important;
}
img.close {
    background-image:url(/img/icon_close.gif);
    width:20px;
    height:20px;
}
img.print {
    background-image:url(/img/icon_print.gif);
    width:24px;
    height:20px;
}
img.movie {
    background-image:url(/img/icon_video.gif);
    width:24px;
    height:14px;
}
img.audio {
    background-image:url(/img/icon_audio.gif);
    width:24px;
    height:14px;
}
 

/*SNIPPETS*/
.snippet {
 width:184px !important;
 overflow:hidden;
 background-color: #EBEFF6;
 line-height:14px !important;
 color:#666666;
 padding:0px 0px 12px 0px;
 margin:0px 0px 3px 0px;
}
.snippet h3, #gtotopstory h5 {
 line-height: 14px;
 background-color: #CFDAEB;
 margin:0px 0px 9px 0px;
 padding:1px 5px 2px 5px;
 color:#003399;
 border:none;
}
.snippet .content {
 padding:0px 5px 0px 5px;
 background-color: #EBEFF6;
}
.snippet .hundred {
    width:174px;
}

.snippet .content .fullwidth {
    margin:0px -5px 0px -5px;
    width:184px;
    display: block;
}

div.snippet_white h3,
div.snippet_white .block,
div.snippet_white .bottom12,
div.snippet_white .content,
div.snippet_white
{
    background: #ffffff;
}

div.snippet_white h3 {
    border-bottom: 1px solid #ccc;
    padding-left: 0px;
    margin-left: 4px;
}

div.snippet_alert h3,
div.snippet_alert .block,
div.snippet_alert .bottom12,
div.snippet_alert .content,
div.snippet_alert
{
    background-color: #fef0e7;
}

div.snippet_alert h3,
div.snippet_alert h3 a {

    background-color: #ff6302;
    color: #FFFFFF !important;
}




/*TOOLBOX*/
.toolBox {
    position:absolute;
    left:100px;
    top:100px;
    background-color:white;
    border:1px solid #003399;
    z-index:99999999;
}
.toolBoxClose {
    position:absolute;
    right:120px;
    top:113px;
    display:none;
    font-size:11px
}
.toolBoxIFrame {
    background-color:#E1E8F3;
    border-style: none;
}
.toolBarOuter {
    width:192px;
    float:right;
    margin:0px 0px -20px 0px;
    position:relative;
}
#ToolBar_top {
    margin:-2px 4px -20px 0px;
}
.ToolBarNote {
    font-weight:normal;
    padding-left:12px;
    padding-right:3px;
    float:left;
    color:#003399;
    line-height:14px;
    font-size:11px;
}
.toolBarInner {
    float: right;
}
.toolBarInner a {
    cursor: pointer;
    display: block;
    float: left;
}
.toolBarPrint {
    width: 19px;
    height: 14px;
    background: url(/img/icon_print.gif) no-repeat;
}
.toolBarSendafriend {
    width: 20px;
    height: 14px;
    background: url(/img/icon_sendafriend.gif) no-repeat;
}
.toolBarBookmark {
    width: 17px;
    height: 14px;
    background: url(/img/icon_bookmark.gif) no-repeat;
}
.toolBarFeedback {
    width: 17px;
    height: 14px;
    background: url(/img/icon_feedback.gif) no-repeat;
}
/*RESIZING*/
.fontResizingBarOuter {
    width:192px;
    float:right;
    margin:6px 0px -20px 0px;
    position:relative;
}
a.fontSizeButton {
    display:block;
    float:right;
    width:17px;
    height:17px;
    margin-left:5px;
    cursor:pointer;
    background-repeat:no-repeat;
}
a.fontSizeButton#contrast {
    background-image:url(/img/icon_contrast1.gif);
} 
a.fontSizeButton#small {
    background-image:url(/img/schriftgroesse_1r.gif);
} 
a.fontSizeButton#medium {
    background-image:url(/img/schriftgroesse_2r.gif);
} 
a.fontSizeButton#large {
    background-image:url(/img/schriftgroesse_3r.gif);
}
/*LIGHTBOX*/
a.lightbox,
a.lightbox * {
    display:block;
    position:absolute;
    left: 0px;
    opacity: .5;
    filter: alpha(opacity=50);
    background-color:#003399;
/*
    height:100%;
    top: -12px;
*/
    z-index:4 !important;
    width:992px !important;
}


/* FORMS */
form {
    display:block;
    margin:0px;
    padding:0px;
}

input.arrow {
    background:url(/img/button_arrow_pulldown.gif);
    width:18px;
    height:18px;
    border:none;
}

.topNavSearchForm {
    display:inline;
    right:0px;
}
.topNavSearchForm .searchInput {
    display:block;
    width:155px;
    float:right;
    height:14px;
    padding-left: 3px;
    margin:2px 6px 0px 0px;
    font-size:10px;
    vertical-align: middle;
    color:#666666;
}
.topNavSearchForm input.arrow {
    display:block;
    float:right;
    margin:3px 3px 0px 0px;
}


/* MISCELLANEOUS */
.footline {
    line-height:12px;
    margin-top:12px;
}


.newsListEntry {
    border-bottom: 1px #cccccc solid;
    padding-bottom: 4px;
    padding-top: 4px;
    line-height: 16px;
}



/* *** Quiz *** */
.correct, .wrong, .choose {display:none;float:left; padding:10px; border:1px solid #003399; margin:10px 0 14px 0; background-color:#dce9f2}
#QuizForm .formentry {clear:both; float:left;}
#QuizForm .formentry input {float:left; width:25px; text-align:center;padding-top:1px;}
#QuizForm .formentry label {margin:0; float:left; padding:2px 0;}
#QuizForm .formentry .submit {float:left; width:80px; text-align:center;padding-top:1px; margin:10px 0px 0px 25px}
/* ***** */
.width184 .editBox { width:176px;}
.width282 .editBox { width:274px;}
.width380 .editBox { width:372px;}

/* *** skip links and hidden content *** */
  .skip, .hideme {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
/* *** make skip links visible when using tab navigation *** */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
/* *** Lists in content without listimages or markers *** */
ul.listNoBg { list-style-type:none;}
ul.listNoBg li { background-image: none !important; padding-left: 0 !important;}
* html .cntCol ul.listNoBg li {height:1%;}

h3.activeheadline a { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #039; }
td, th { text-align: left; vertical-align: top;}
table.newslist {margin-bottom:14px;}




/* Reddot TEXTFIELD & OLD INTEGRATED CSS*/
.rdtextfield {
}
.rdtextfield p {
    padding: 0px;
    display: block;
    margin: 0px 0px 14px 0px;
}
.noPTag p {
    padding:0px;
    margin:0px;
    display:inline;
} 
.rdtextfield blockquote {
    margin:0px;
    padding:0px;
}
.rdtextfield table,.rdtextfield table * {
    border-collapse:collapse !important;
    background-color: white !important;
    border-style:none !important;
}
.rdtextfield table {
    width:100% !important;
    background-image:none !important;
}
.rdtextfield table td {
    padding:6px !important;
    border:1px solid #CCCCCC !important;
    vertical-align: top;
}
.rdtextfield .subheader {
    display:block;
    font-weight:bold;
    padding:0px 0px 2px 0px ;
    margin:0px 0px 14px 0px ;
    border-bottom:1px solid #CCCCCC;
}
.rdtextfield .blueheader {
    display:block;
    color:#003399;
    font-weight:bold;
    padding:0px;
    margin:0px 0px 14px 0px ;
}
.rdtextfield .colored,
.rdtextfield .smallcolored ,
.rdtextfield .bigcolored {
    color: #003399;
}
.rdtextfield table td ul li {
 background:url(/img/bullet.gif) no-repeat;
 padding-left: 19px;
}
.rdtextfield table td  ul {
 list-style-image: none;
 padding:0px;
 margin-left: 0px;
 margin-top: 16px;
 margin-bottom: 16px;
}

.onebreak h3.activeheadline { margin-bottom: 0 !important;}
 
.cntCol ul.listNoBg {margin-bottom: 0 !important;}

li.listItemMargin { margin-top: 14px;}
 
/*ADDITIONAL PROJECT CSS*/


#col3 { padding-bottom:90px; background:url(/img/logo_bkk_lg.gif) no-repeat scroll 102px bottom ; }
* html #col3 { height: 1%;} /* zoom: 1; */

h2, h2 strong { color:#039; background-color:transparent; font-weight:bold; }