/*
  screen.css
  .css-datei für www.TelMarkt.de
*/

body {
  font-family:       Switzerland,Helvetica,Arial,sans-serif;
  font-size:         9.5pt;
  background-color:  #FFFFFF;
  color:             #27014D;
  margin:            0px;
  padding:           0px;
}

p {
  margin-left: 25px;
  margin-right: 25px;
}

p.list {
  margin-left: 41px;
  margin-right: 25px;
  text-indent: -16px;
}

p.tmSmallList {
  margin-left: 56px;
  margin-right: 40px;
  text-indent: -16px;
}

table {
  font-size: 1.0em;
  margin: 0px;
  padding: 3px;
  border: 0px;
  border-style: none;
  border-collapse: collapse;
}

table.home {
  margin: 0px 25px 0px 25px;
  padding: 3px;
}

table.tab100 {
  margin: 0px;
}

td.homeL {
  padding: 4px 30px 4px 15px;
  text-indent: -15px;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

td.homeR {
  padding: 4px 15px 4px 30px;
  text-indent: -15px;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.1em;
}

table.mid10p {
  margin: 0px 25px 0px 25px;
  padding: 10px;
}

td {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

td.mid10p {
  padding: 10px;
}

td.logo {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  height: 150px;
}

img {
  border: 0px;
}

img.left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

a:link, a:visited {
  color: #000000;
  text-decoration: underline;
}

a:active, a:hover {
  color: #000000;
  text-decoration: underline;
}

img.homeL {
  float: left;
  margin-left:   25px;
  margin-right:  10px;
  margin-bottom: 10px;
}
img.homeR {
  float: right;
  margin-left:   10px;
  margin-right:  25px;
  margin-bottom: 10px;
}

/*
  global layout mit header-balken und drei spalten
*/

div#tmHeader {
  left: 0px;
  top: 0px;
  width: 100%;
/*  width: 847; */
  height: 88px;
  border: 0px;
  background-color: #27014D;
/*  background-color: #705A80; */
/*  background-color: #969696; */
  color: #FFFFFF;
  padding-left: 60px;
  overflow: hidden;
}

td#tmMainText {
	top: 100px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	padding: 0px 0px 15px 0px;
}

td#tmLeftSidebar {
  width: 210px;
  border: 0px;
  background-color: #DCDCFF;
  margin: 0px;
  padding: 0px 0px 15px 0px;
}

td#tmRightSidebar {
  width: 210px;
  border: 0px;
  background-color: #DCDCFF;
  margin: 0px;
  padding: 0px 0px 15px 0px;
}

/*
  definitionen für den header balken
*/

img#tmLogo {
  left: 60px;
  border: 0px none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

h3#tmHeaderTitle {
  position: relative;
  left: 140px;
  top: -25px;
  color: #FFFFFF;
  font-size: 1.0em;
  font-weight: normal;
  white-space: nowrap;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

div#tmHeaderSubTitle {
  position: absolute;
  left: 370px;
  top: 50px;
  font-size: 1.2em;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

div#tmCRMmanagerLogo {
  position: absolute;
  right: 15px;
  top: 5px;
}

div#tmCRMmanagerText {
  position: absolute;
  right: 15px;
  top: 55px;
  text-align: right;
}

/*
  linke sidebar: menu
*/

div.tmMenuBox {
  color: #000000;
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-left: 15px;
  width: 180px;
  padding-bottom:3px;
}

div.tmMenuTitle {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #5E4876;
  padding: 3px 2px 3px 10px;
  margin-bottom: 3px;
}

div.tmMenuEntry {
  color: #000000;
  background-color: #FFFFFF;
  /*height: 1.5em; */
  padding: 2px 0px 1px 10px;
}

div.tmMenuEntry a:link, div.tmMenuEntry a:visited {
  color: #000000;
  text-decoration: none;
}

div.tmMenuEntry a:hover, div.tmMenuEntry a:active {
  text-decoration: underline;
}

/*
  rechte sidebar: news, functions
*/

div.tmNewsBox {
  color: #000000;
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-left: 15px;
  width: 180px;
  padding-bottom:3px;
}

div.tmNewsTitle {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #989BA0;
  padding: 3px 2px 3px 10px;
  margin-bottom: 3px;
}

div.tmNewsEntry {
  color: #000000;
  background-color: #FFFFFF;
  padding: 2px 10px 1px 10px;
}

/*
  stoerer
*/
div.tmStopBox {
  margin-top: 20px;
  margin-left: 15px;
  width: 180px;
  padding: 2px 0px 2px 0px;
  position: relative;
  background-color: #00FF00;
  border-style: none;
}

img.tmStopIcon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 48px;
}

div.tmStopPlaz {
  float:left;
  width:48px;
  height:48px;
}

h3.tmStopTitle {
  color: #FF6600;
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
  margin: 5px 0px 0px 0px;
}

div.tmStopText a:link, div.tmStopText a:visited,
div.tmStopText a:active, div.tmStopText a:hover {
  color: #FF6600;
  text-decoration: underline;
  font-weight: bold;
}

div.tmStopText {
  color: #000000;
  font-size: 1.2em;
  background-color: #FFFFFF;
  background-image: url(pics/stoerer_bg.jpg);
  background-position: right;
  background-repeat: repeat-y;
  margin: 0px 2px 0px 2px;
  padding: 2px 5px 2px 5px;
}

/*  für crmmanager auf home */
div.tmNewsText {
  color: #000000;
  margin-top: 30px;
  margin-left: 15px;
  width: 180px;
  padding-bottom:3px;
  text-align: center;
}

div.tmNewsEntry a:link, div.tmNewsEntry a:visited {
  color: #000000;
  text-decoration: none;
}

div.tmNewsEntry a:hover, div.tmNewsEntry a:active {
  text-decoration: underline;
}

/*
  rechte sidebar: funktionen highlights
*/

div.tmFuncBox {
  color: #000000;
  background-color: #FFFFFF;
  margin-top: 20px;
  margin-left: 15px;
  width: 180px;
  padding-bottom:3px;
}

div.tmFuncTitle {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #989BA0;
  padding: 3px 2px 3px 10px;
  margin-bottom: 3px;
}

div.tmFuncEntry {
  color: #000000;
  background-color: #FFFFFF;
  padding: 2px 10px 1px 10px;
}

span.tmFuncSmall {
  font-size: 0.8em;
}

div.tmFuncEntry a:link, div.tmFuncEntry a:visited {
  color: #000000;
  text-decoration: none;
}

div.tmFuncEntry a:hover, div.tmFuncEntry a:active {
  text-decoration: underline;
}

.tmB2B {
  position: relative;
  top: 0px;
  margin: 2px;
  float: right;
}

.tmB2Bm {
  position: relative;
  top: 0px;
  margin: 2px;
  float: right;
}

/*
  copyright-notiz am unteren ende der linken sidebar
*/

div.address {
  bottom: 25px;
  margin-top: 15px;
  margin-left: 15px;
  text-align: center;
  color: #330099;
  font-size: 0.8em;
  width: 180px;
}

/*
  allgemeine definitionen für die mittlere spalte
*/

div.tmTextTitle {
  vertical-align: bottom;
  color: #000000;
  padding: 10px 25px 0px 25px; 
}

div.tmNavigLeiste {
  font-size: 0.8em;
  margin: 0px 10px 0px 10px;
}

div.tmTitleText {
  vertical-align: bottom;
  font-size: 1.6em;
  font-weight: bold;
}

table#tmFuncGroups {
  margin: 5px 25px 5px 25px;
}

div#tmFuncGroup {
  border-width: 3px;
  border-color: #DCDCFF;
  padding: 10px;
  border-style: solid;
  margin: 3px 3px 3px 3px;
}

h2#tmFuncGroupTitle {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

ol.tmListMiddle {
  margin: 0px 25px 0px 25px;
}

div.UpArr {
  text-align: right;
  padding-right: 25px;
}

/*
  linktabelle auf der seite "Funktionen"
*/

div.tmLinkModules {
  color: #000000;
  font-weight: bold;
  padding: 1px 25px 1px 25px;
}

td.tmModulL {
  padding: 5px 15px 5px 10px;
}

td.tmModulR {
  padding: 5px 10px 5px 15px;
}

a:link.tmLinkModule, a:visited.tmLinkModule {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}

a:hover.tmLinkModule, a:active.tmLinkModule {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
}

/*
  funktionen in gruppen darstellen
*/

div.funk1 {
  background-color: #DCDCFF; 
  margin: 8px 125px 0px 0px; 
  padding: 2px 15px 5px 25px;
}

div.funk2 {
  background-color: #D6D6FF; 
  margin: 8px 0px 0px 125px;
  padding: 2px 25px 5px 15px;
}

p.ftitl { 
  font-size: 1.1em; 
  font-weight: bold; 
  margin: 0px 0px 3px 0px; 
  padding-top: 5px;
}

p.fsubl {
  font-size: 0.9em;
  margin: 0px 0px 2px 15px;
  text-indent: -15px;
}

p.ftitr {
  font-size: 1.1em; 
  font-weight: bold;
  margin: 0px 0px 3px 0px; 
  padding-top: 5px;
}

p.fsubr { 
  font-size: 0.9em;
  margin: 0px 0px 2px 15px;
  text-indent: -15px; 
}

h1 {
  color: black; 
  font-size: 1.6em; 
  font-weight: bold;
  margin: 0px 25px 0px 25px;
}

h2 {
  color: #4B4B4B; 
  font-size: 1.2em; 
  font-weight: bold;
  margin: 0px 25px 0px 25px;
  background-color: #DCDCFF;
  padding: 2px 0px 2px 0px;
}

h1.homeL {
  text-align: left;
  color: #4B4B4B; 
  font-size: 1.6em; 
  font-weight: bold;
  margin: 0px 25px 0px 25px;
  background-color: #DCDCFF;
  padding: 2px 0px 2px 0px;
}

h1.homeR {
  text-align: right;
  color: #4B4B4B; 
  font-size: 1.6em; 
  font-weight: bold;
  margin: 0px 25px 0px 25px;
  background-color: #DCDCFF;
  padding: 2px 0px 2px 0px;
}

form {
  margin: 0px 25px 0px 25px;
}

div.error  {
  color:#FF0000;
  font-weight:bold;
  margin: 5px 0px 5px 0px;
}

/* tabellen in presse mit solid border */

div.tmDivSolid {
  border-color: #CCCCCC;
  border-width: 5px;
  border-style: solid;
  margin: 0px 25px 0px 25px;
}

.tm3pxCell {
  padding: 8px;
}

.tm3pxCeCC {
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}

/* tabelle der gegebenen antworten bei kontakt */ 
.tm1pxCell {
  padding: 2px 8px 1px 8px;
}

.tm3pxNoBreak {
  white-space: nowrap;
}

.tm3pxCellB {
  padding: 8px;
  vertical-align: bottom;
}

td.tmWinMod {
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}

td.tmPad3px {
  padding: 3px;
}

.tm3pxCell a:link, .tm3pxCell a:visited,
.tm3pxCellB a:link, .tm3pxCellB a:visited {
  color: #000000;
  text-decoration: none;
}

.tm3pxCell a:hover, .tm3pxCell a:active,
.tm3pxCellB a:hover, .tm3pxCellB a:active {
  color: #000000;
  text-decoration: underline;
}

.tmPressDate {
  font-size: 0.8em;
}

/* für disclaimer */
.disc {
  margin: 0px 25px 0px 25px;
  font-size: 0.8em;
}

/* für popups mit scrreenshots */
body.screenshot {
  font-size:         12px;
  color:             #27014D;
  margin:            0px;
  padding:           0px;
}

div#PopupHeader {
  border: 0px;
  background-color: #27014D;
}

img#PopupLogo {
  left: 10px;
  border: 0px none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

p.popup {
  margin-left: 10px;
  margin-right: 10px;
}

img.popup {
  margin: 5px 10px 2px 10px;
}

img.popupleft {
  margin: 5px 10px 2px 10px;
  float: left;
}

h3#tmB2BCRM44 {
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 0.8em;
  font-weight: normal;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}

div#tmPressPrint {
  text-align: right;
  margin: 5px 15px 10px 10px;
}

p.abstr {
  font-weight:bold;
}