/*
 *  styles.css
 *
 *
 *  This file was created by Fly. 
 *  June 10, 2009.
 *
 */
#container { }

/* Header */
#header{ height: 120px; width: 120px; position: absolute; left:870px; top:20px; z-index:19; }
#header h1 a{ text-indent: -9999px; display: block; margin: 0; padding: 0; height: 120px; width: 120px; background: url(../img/tlc_signet.gif); position: absolute; left: 0; top:8px; }

/* Content */
#content { position:absolute; left:108px; top:408px; width:728px; background:white; z-index:3; }

/* Language */
#lang { position:absolute; left:108px; top:183px; width:83px; z-index:12; }

/* Services and Opportunities */
#sando { position:absolute; left:364px; top:143px; width:216px; z-index:12; }

/* Factsheet */
#factsheet { position:absolute; left:620px; top:143px; width:216px; z-index:12; }

/* Content Right */
.content_right { position:relative; width:472px; float:right; z-index:2; }

/* Content Left */
.content_left { position:relative; width:216px; float:left; text-align:right; z-index:3; }

/* Content Right 2spaltig */
.content_right_2 { position:relative; width:216px; margin:0 0 0 40px; float:right; z-index:2; }

/* Subline */
#subline { position:absolute; left:108px; top:296px; width:728px; height:74px; z-index:6; }

/* Headline */
#headline { position:absolute; left:108px; top:235px; width:850px; height:47px; z-index:7; }

/* Footer */
#footer { position:relative; width:728px; height:60px; background:#EEE url(../img/logo_footer.png) no-repeat center center; padding:15px 0 0; text-align:center; font-weight:bold; color:#ababab; z-index:12; }

/* Navigation */
#navigation { position:absolute; left:108px; top:40px; width:890px; z-index:16; }

/* Footer */
#footerLeft,#footerRight { width:328px; }
#footerLeft { float:left; }
#footerRight { float:right; }
#footer p { color:#ababab; font-size:10px; line-height:16px; }
#footer a { color:#ababab; text-decoration:none; }
#footer a:hover { color:#eb6c25; }
.right { text-align:right; }
.left { text-align:left; }

/* Over all */
@font-face {font-family:'droidsans'; src: url('DroidSans.ttf') format('truetype'); font-weight:normal;}
@font-face {font-family:'droidsans'; src: url('DroidSans-Bold.ttf') format('truetype'); font-weight:bold;}

body { background:#ffffff url(../img/bg.gif) no-repeat top left; }
p { margin:0 0 20px; padding:0; font-family:droidsans, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; color:#999999; }
img { border: none; }
em { color:#eb6c25; font-style:normal; }
#content blockquote { color:#999999; font-size:18px; font-weight: normal;letter-spacing: normal; line-height: 22px; padding:0 0; margin:0 0 10px; }
a { cursor:pointer; font-weight:bold; text-decoration:none; outline:none; }
a:link { color:#eb6c25; }
a:visited { color:#eb6c25; }
a:hover { color:#999999; 
/* text-decoration: underline; */

/* font-weight: bold; */
}
h1,h2,h3,h4,h5,li,blockquote { letter-spacing:-1px; font-weight:bold; font-family:droidsans, Helvetica, Arial, sans-serif; }
h1 { letter-spacing:-2px; }
h1.titles { font-size:48px; margin:0; color:#eb6c25; }
h2.titles { font-size:20px; font-weight: normal; margin:0; color:#bbbbbb; line-height:24px; letter-spacing:0; }
h3.content { font-size:24px; margin:0 0 20px; color:#999999; text-align:right; }
h3.home { font-size:24px; margin:0 0 8px; color:#999999; text-align:right; }
h4.content { font-size:14px; margin:0 0 -10px; color:#656565; letter-spacing:0; border-top:10px solid #eeeeee; padding:10px 0; }
h4.portfolio { font-size:14px; margin:0 0 0 0; color:#656565; letter-spacing:0; }
h4.services { font-size:14px; margin:0 0 0 0; color:#444444; letter-spacing:0; }
h1.nocss { font-size:48px; margin:0; color:#000000; display:none; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:20px; }

/* ===== Scrollable CSS ===== */

/* Primary Container */
div.scrollable { position:relative; width:472px; height:440px; overflow:hidden; }

/* Items Container */
div.scrollable div.items { width:20000em; position:absolute; clear:both; }

/* Individual Item Containers */
div.scrollable div.items div { float:left; width:472px; height:440px; }

/* Next and Previous buttons */
a.next { display:block; float:left; padding:0; cursor:pointer; font-family:droidsans, Helvetica, Arial, sans-serif; font-size:12px; line-height:20px; color:#999999; font-weight:normal; text-align:center; background:#eeeeee url(../img/next.gif) repeat-x; width:216px; height:20px; }
a.prev { display:block; float:left; padding:0; margin:0 40px 20px 0; cursor:pointer; font-family:droidsans, Helvetica, Arial, sans-serif; font-size:12px; line-height:20px; color:#999999; font-weight:normal; text-align:center; background:#eeeeee url(../img/prev.gif) repeat-x; width:216px; height:20px; }
a.next:hover { background:#d5d5d5 url(../img/next-hover.gif) repeat-x; }
a.prev:hover { background:#d5d5d5 url(../img/prev-hover.gif) repeat-x; }

/* Disabled Next or Previous button */
a.disabled { visibility:hidden!important; }

/* Tables */
.ce_table { font-family:droidsans, Helvetica, Arial, sans-serif; font-size:14px; color:#f6f6f6; }
.ce_table thead tr { background:#eb6c25; }
.ce_table thead tr th { padding:6px; border-right:1px solid #fff; border-bottom:2px solid #fff; text-align:left; }
.ce_table table { width:100%; }
.ce_table table tbody tr { background-color:#eeeeee; }
.ce_table table tbody tr.odd { background-color:#f8f8f8; }
.ce_table table tbody td { padding:6px; color:#6D6E71; font-size:12px; color:#656565; border-bottom:1px solid #ffffff; border-right:1px solid #fff; border-bottom:2px solid #fff; font-size:11px; }
.ce_table tfoot tr { background:#c5c5c5; }
.ce_table tfoot tr td { padding:6px; border-right:1px solid #fff; border-bottom:0 solid #fff; }

/* Navigation */
#navimenu { margin:0; padding:0; }
#navimenu ul { margin:0; margin-bottom:1em; padding-left:0; float:left; font-weight:bold; width:100%; }
* html #navimenu ul { 
/*IE only rule. Delete extra margin-bottom*/
margin-bottom:0; }
#navimenu ul li { display:inline; }
#navimenu ul li a { width:216px; float:left; font-size:22px; color:#bbbbbb; line-height:40px; font-weight:bold; padding:0; text-decoration:none; border-top:20px solid #eb6c25; padding-top:0; margin:0 40px 0 0; outline:none; }
#navimenu ul li a:hover { color:#999999; border-top:20px solid #999999; padding-top:0; margin:2px 40px 0 0; }
#navimenu ul li a.active { color:#999999; border-top:20px solid #bbbbbb; padding-top:0; margin:0 40px 0 0; }

/* caption styling */
.caption-top,.caption-bottom { color:#ffffff; padding:10px; font-weight:bold; font-size:12px; font-family:droidsans, Helvetica, Arial, sans-serif; cursor:default; border:0 solid #dddddd; background:#000000; }
.caption-top { border-width:0 0 4px; }
.caption-bottom { border-width:4px 0 0; }
.caption a,.caption a { border:0 none; text-decoration:none; background:#000000; padding:.3em; }
.caption a:hover,.caption a:hover { background:#202020; }
.caption-wrapper { float:left; }
br.c { clear:both; }