/* TELEKOM AUSTRIA GRUPPE */
/* Index */

/* --- global.css modifications --- */

#page{padding-top:30px;}

/* --- grid elements --- */

#mainnav{float:left; width:710px; height:152px;}
#mainnav ul{list-style:none;}
#mainnav li{float:left; margin-right:1px;}
#mainnav li span{display:block; padding:40px 0 0 20px; font-size:0.7em; font-weight:bold; color:white;}
#mainnav a{display:block; width:170px; height:131px; text-decoration:none;}
#mainnav a.item0{background:url(../img/mainnav/0_0.gif);}
#mainnav a.item1{background:url(../img/mainnav/1_0.gif);}
#mainnav a.item2{background:url(../img/mainnav/2_0.gif);}
#mainnav a.item3{background:url(../img/mainnav/3_0.gif);}
#mainnav a.item0:hover,
#mainnav li.active a.item0{background:url(../img/mainnav/0_1.gif);}
#mainnav a.item1:hover,
#mainnav li.active a.item1{background:url(../img/mainnav/1_1.gif);}
#mainnav a.item2:hover,
#mainnav li.active a.item2{background:url(../img/mainnav/2_1.gif);}
#mainnav a.item3:hover,
#mainnav li.active a.item3{background:url(../img/mainnav/3_1.gif);}

#metanav{float:right; width:177px; padding-top:23px;}
#metanav p.language{display:inline; float:left; width:100%;}
#metanav p.language a{font-size:0.6em;}
#metanav #fontsize{display:none; float:left; margin:-2px 0 7px 0;} /* set to display:inline by styleswitcher.js */
#metanav #fontsize a{font-size:0.6em;}
#metanav #fontsize span{font-size:0.6em;}
#metanav #fontsize a.size1{font-size:0.6em;}
#metanav #fontsize a.size2{font-size:0.7em;}
#metanav #fontsize a.size3{font-size:0.8em;}
#metanav label{display:inline; float:left; width:100%; margin-bottom:5px; font-weight:bold; font-size:0.6em;}
#metanav label.hidden{float:none; display:none;}
#metanav p.formrow{display:inline; float:left; margin-bottom:10px;}
#metanav p.formrow.last{margin-bottom:0;}
#metanav p.formrow input#search{float:left; width:153px; font-size:0.6em;}
#metanav p.formrow select{float:left; width:157px; font-size:0.6em;}
#metanav p.formrow input.submit{float:right;}
#metanav #searchContainer{float:right;} /* IE 6/7 needs this to set correct focus */

#breadcrumb{float:left; width:100%;}
#breadcrumb p{padding:1px 203px 3px 186px; font-size:0.6em; text-transform:uppercase;}
#breadcrumb a{text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}

#subnav{float:left; width:167px; min-height:270px; margin-top:5px; background:url(../img/subnav_bg.gif) no-repeat;} /* additions in browser_ie6.css */
#subnav ul{float:left; padding:13px 0 0 16px; list-style:none; font-size:0.7em;}
#subnav li{float:left; width:140px; padding-bottom:3px; word-wrap:break-word;}
#subnav ul ul{padding:2px 0 0 0; font-size:0.9em;}
#subnav li li{float:left; width:131px; padding-bottom:2px; padding-left:9px; text-indent:-9px; font-weight:normal; word-wrap:break-word;}
#subnav li.active{font-weight:bold;}
#subnav a{text-decoration:none; word-wrap:break-word;}
#subnav a:hover{text-decoration:underline;}

#content{float:left; width:507px; margin:0px; padding:18px 18px 0 18px; font-size:0.7em;}
#content h1{padding:0 0 15px; font-size:1.1em;}
#content h2,h3{padding:0 0 15px; font-size:1.0em;}

#content h2 {font-weight:normal;}
#content .module h2 {font-weight:bold;}
#content .module_news h2 {font-weight:bold;}
#content img {float:left; border:0px; margin: 0 10px 10px 0;}
#content a img{float:none; margin:1px 4px 0 1px;}

#related{float:left; width:178px; margin-top:5px; font-size:0.7em;}
#related img{border:0px;}
#related iframe{float:left;}
#related .module{border:none;}
#related h1, h2, h3 {font-size: 1.0em;}
#related .p_head{padding:0px;}
#related .p_head a{font-weight:bold;} color:#ff0033;

#functions{float:left; width:100%; list-style:none;}
#functions ul{float:right; width:860px; padding:15px 0 9px 0; list-style:none; font-size:0.6em;}
#functions li{float:right; padding:5px 0 0 11px;}
#functions a{text-decoration:none; background-repeat:no-repeat;}
#functions a:hover{text-decoration:underline;}
#functions a.print{padding-left:17px; background-image:url(../img/icon_print.gif); background-position:0 1px;}
#functions a.send{padding-left:16px; background-image:url(../img/icon_send.gif); background-position:0 2px;}
#functions a.pdf{padding-left:14px; background-image:url(../img/datei/icon_pdf.gif); background-position:0 2px;}

#footer{float:right;}
#footer ul{padding-left:17px; list-style:none; font-size:0.6em;}
#footer li{float:left; padding:5px 0px 20px 11px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}

.pageDivider{float:left; width:100%; height:1px; overflow:hidden; background:#bababa;}

#content .p_head{padding:15px 0 0 10px;}
#content .p_head a{font-weight:bold;}

.introtext {padding:0px 0px 15px 0px;}
.introtext a{color:black;}
.zwischentitel, .vorspann {padding:0px 0px 15px 0px; font-weight:bold;}

.contentDivider{float:left; width:100%; padding-bottom:15px; height:1px; overflow:hidden; border-top:1px solid #bbbbbb;}
hr{float:left; width:100%; padding-bottom:15px; height:0px; overflow:hidden; border:0px; border-top:1px solid #bbbbbb;}

/* Main-Module - inside the specific .css, are width and other different options */
.module{margin-bottom:15px; padding-bottom:0px; padding-right:10px; border-bottom:1px solid #bbbbbb;}
.module h2{display:inline; font-size:1em;}
.module a{color:#ff0033;}
.module img{float:left; margin:0 9px 0 0 !important;}
.module_swf{float:left; margin-right:9px;}
.divhack {display:block; padding-bottom:15px; font-size:0px; height:0px; margin:0px !important; width:100%; clear:both;}

.module .links p{color:#ff0033;}
.module .links a{color:#ff0033;}

/* "module" is used everywhere with same classname -> inside teaser no border-bottom */
.teaser .module {border-bottom:none;}

/* Paging Modul*/
#sitePaging {margin:5px 20px 5px;}
#sitePaging img{border:0px; float:none;}
#sitePaging a{color:#333333;}
#sitePaging .aktiv {color:#ff0033;}
#sitePaging a:hover{color:#ff0033;}
#sitePaging .pagingButtonLeft {margin-right:3px;}
#sitePaging .pagingButtonRight {margin-left:3px;}
#sitePaging .pagingText {margin:0 2px;}
/* Divider with less margin-top for paging */
.contentDividerPaging{float:left; width:100%; height:1px; overflow:hidden; border-top:1px solid #bbbbbb;}

/* Table */
#table_a table{width:100%; margin-bottom:15px; border-collapse:collapse; font-size:0.9em;}
#table_a td{padding:5px 5px; border:1px solid #d9d9d9;}
#table_a th{padding:5px 5px; text-align:center; border:1px solid #c6c6c6;}
#table_a .zellehell{background:#fafafa;}
#table_a .zelledunkel{background:f8f8f8; } /*#f8f8f8;}*/
#table_a .headernegativ{background:#e3e3e3;}

/* Table for forms */
.table_b table{width:100%; margin-bottom:15px; border-collapse:collapse;;}
.table_b th{padding:5px 4px 2px; width:20%; font-weight:normal; text-align:right !important; vertical-align:top; border:0px !important;}
.table_b td{position:relative; padding:3px 0px !important; width:80%; border:0px !important;}
.table_b input, .table_b select, .table_b  textarea{font-size:1.0em;}
.table_b .short, .table_b select {width:150px;}
.table_b .long, .table_b textarea {width:300px;}
.table_b .submit {width:90px;}
.table_b .mandatory {color:#ff0033;}

/* News-Suche with table */
#news_suche {margin-bottom:15px;}
#news_suche table{width:90%; font-size:1em;}
#news_suche input { font-size:1em;}
#news_suche input.searchterm{width:120px;}
#news_suche input.submit{width:100px;}
#news_suche td{padding:0px 3px 0 0; border:0px; font-size:1em;}
#news_suche td.verticalspace{padding-left:4px;}
#news_suche select{width:6em; font-size:1em;}
#news_suche .spaceRow{height:4px;}
 
/* Suche List */ul.search_list {margin: 5px 0px}ul.search_list li {margin:0px !important; padding:0px !important}

/* Bildarchiv-Suche with table */
#bildarchiv_suche table {width:100%; margin-bottom:15px;}
#bildarchiv_suche td,#bildarchiv_suche th {padding:8px; border:0px !important;}
#bildarchiv_suche .table_spacer {height:10px; background:none;}
#bildarchiv_suche input[type='input'] {width:270px;}

#bildarchiv_suche p.hl {font-weight:bold; margin:0 0 10px;}

/* Main-Search */
#main_suche {margin-bottom:15px; width:100%; float:left; clear:both;}
#main_suche input {font-size:0.9em; float:left;}
#main_suche select {font-size:0.9em; float:left; width:210px}
#main_suche input.textfield {margin:0px 3px 7px 0px; width:205px}
#main_suche label {float:left; width:130px}
#main_suche p{padding:0px; margin:0px;}

.main_suche_erg {width:100%; padding:0 0 15px 0; margin:0px;}
.main_suche_erg h3 {padding:0px; margin:0px;}
.main_suche_erg .links {color:#ff0033;}
.main_suche_erg .suche_text {color:#ff0033; font-weight:normal}

/* Sitemap - index_a */
.sitemap {padding-bottom:10px;}
.sitemap h2 {font-weight:bold !important; color:#ff0033; padding:0 0 5px !important; margin:0px;}
.sitemap h3 a {color:black; text-decoration:none;}
.sitemap a:hover {text-decoration:underline;}
.sitemap ul {list-style:none;}
.sitemap li { padding:0px; margin:0px !important;}
.sitemap .contentDivider {padding:0 0 7px; margin:0px;}

.sitemap .sitemap_grp {padding:0 0 7px 24px;}
.sitemap .sitemap_grp h3 {margin:0px; padding:0 0 1px;}
.sitemap .sitemap_grp ul { padding:0px !important; margin:0px;}
.sitemap .sitemap_grp ul li { padding:0 0 1px 10px !important; margin:0px !important;}
.sitemap .sitemap_grp ul li a {text-decoration:none;}
.sitemap .sitemap_grp ul li a:hover {text-decoration:underline;}

/* Portlet(s) */
#teasers{font-size:0.9em; margin-bottom:15px;}
#teasers h1, h2{font-size:1em;}
#teasers .p_head{padding:0px; margin-bottom:1px;}
#teasers .p_body{padding:10px 12px 20px 12px; margin-bottom:1px; background:#eaeaea;}

#portlets{font-size:0.9em;}
#portlets h1, h2, h3{font-size:1em; width:100%; word-wrap:break-word;} /* Width/Word-Wrap - Fix for ie only */
#portlets .p_head{padding:0px; margin-bottom:1px;}
#portlets .p_body{padding:10px 12px 20px 12px; margin-bottom:1px; background:#eaeaea;}

#portlets .portlet_s {margin-top:15px;}

/* Portallinks */
.portallinks p{padding:2px 5px;}
.portallinks a{color:#ff0033;}
.portallinks .pl_text{margin-bottom:10px;}
.portallinks .pl_link{display:block; height:13px; padding:0 0 0 20px;font-size:10px; text-decoration:none; color:white;} /* Fix Font-size -> background-image Text */
.portallinks .pl_line{margin-top:2px; margin-bottom:0px;}

/* Normal Links inside related */
#related .portallinks {margin-bottom:5px; width:178px;}
#related .portallinks.mobilkom .pl_link{background:url(../img/portallinkimg_orange.gif) no-repeat; }
#related .portallinks.mobilkom .pl_line{height:3px; background:url(../img/portallinkimg_orange_line.gif) no-repeat; font-size:0px;} /* Font-size -> hack for IE 6.0 */
#related .portallinks.telekom .pl_link{background:url(../img/portallinkimg_green.gif) no-repeat; }
#related .portallinks.telekom .pl_line{height:3px; background:url(../img/portallinkimg_green_line.gif) no-repeat; font-size:0px;}

/* Long Links inside Content */
#content .portallinks {margin-bottom:5px; width:240px;}
#content .portallinks.mobilkom .pl_link{background:url(../img/portallinkimg_orange_l.gif) no-repeat; }
#content .portallinks.telekom .pl_link{background:url(../img/portallinkimg_green_l.gif) no-repeat; }

/* Listen */
#page #content caption{display:none;}
#page #content ul {padding-left:23px;}
#page #content li {padding-bottom:10px;}
#page #content li ul {margin-top:7px;}
#page #content .colRight li{padding-bottom:0px;}

/* Different Link-Types from migration */
.file_pdf		a{padding-left:16px !important; background:url(../img/datei/icon_pdf.gif) no-repeat 0px 2px; color:#ff0033;}
.file_xls		a{padding-left:16px !important; background:url(../img/datei/icon_excel.gif) no-repeat 1px 2px; color:#ff0033;}
.file_ppt		a{padding-left:16px !important; background:url(../img/datei/icon_ppt.gif) no-repeat 0px 2px; color:#ff0033;}
.file_doc		a{padding-left:16px !important; background:url(../img/datei/icon_word.gif) no-repeat 0px 2px; color:#ff0033;}
.file_audio		a{padding-left:16px !important; background:url(../img/datei/icon_audio_neu.gif) no-repeat; color:#ff0033;}
.file_img		a{padding-left:16px !important; background:url(../img/datei/icon_pic.gif) no-repeat 0px 1px; color:#ff0033;}
.file_movie		a{padding-left:16px !important; background:url(../img/datei/icon_video.gif) no-repeat; color:#ff0033;}
.file_zip		a{padding-left:16px !important; background:url(../img/datei/icon_zip.gif) no-repeat; color:#ff0033;}
.file_access	a{padding-left:16px !important; background:url() no-repeat; color:#ff0033;}

.link2mm		a{padding-left:16px !important; background:url(../img/multimedialink/icon_audio_open.gif) no-repeat 2px 1px; color:#ff0033;}
.link2mv		a{padding-left:16px !important; background:url(../img/datei/icon_video.gif) no-repeat 1px 1px; color:#ff0033;}

.ml_extern	    a{padding-left:16px !important; background:url(../img/modullink/icon_externer_link.gif) no-repeat 1px 2px;}
.ml_intern		a{padding-left:16px !important; background:url(../img/modullink/holding_icon_int_neu.gif) no-repeat 0px 0px; color:#ff0033;}
.ml_anchor		a{padding-left:16px !important; background:url(../img/modullink/holding_icon_int_neu.gif) no-repeat 0px 0px; color:#ff0033;}

/*.grey a{color:green;} addional color for ml_extern/intern/anchor */

/* 3 Workarounds, cause of the different position where the links going to be used */
img.dmc_file_download {float:none !important;}
img.link_extern {float:none:!important;}
.more p{padding-left: 0px !important;}
.cell_1 p{padding-left: 0px !important;}
.file img, .link_extern, .dmc_file_download {float:none !important; padding:0px !important; margin:0px !important; }
.link_extern {margin:0 0 0 1px !important;}
.file img {margin-right: 5px !important;}

/* Nav-Ebene4 */
#navigation_box {float:left; clear:both; width:507px; padding-bottom:10px; margin-bottom:15px; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
#navigation_box h2 {padding:0px; margin:5px 0 5px; font-weight:bold;}
#navigation_box p {float:left; width:223px; padding:0 0 2px; margin:0px;}
#navigation_box p a {margin-left:10px; padding-left:15px; color:#ff0033; background:url(../img/modullink/holding_icon_int_neu.gif) no-repeat;}