/* t.css - Generisches CSS
 * Stylesheet fuer Webapplikationen
 * Version: $Revision: 35 $
 * Date: $Date: 2008-03-13 19:54:39 +0100 (Do, 13 Mrz 2008) $
 * Author: Deutsche Telekom AG, T-Com
 * Contact: Max Scheugl - m.scheugl@telekom.de
 * Editor: Daniel Schroeder - schroeder.daniel@telekom.de
 */
@import url(normalizer.css);
@import url(typo.css);
@import url(color.css);

#container {
    float: left;
    width: 995px;
}

#branding {
    margin: 6px 0 0 6px;
}

#meta {
    margin-right: 18px;
    float: right;
    display: inline;
}

#meta li {
    margin-left: 5px;
    float: left;
}

h1 {
    margin: 0px 0px 0px 20px;
    float: left;
    display: inline;
    width: 819px;
}

h1 span.pageTitle {
    float: left;
}

h1 span.appTitle {
    float: right;
	padding-right:12px;
}

#navigation {
    float: left;
    display: inline;
    width: 150px;
    margin: 50px 0px 0px 0px;
}

#mainNavigation a, #mainNavigation li.here span {
    display: block;
    width: 100%;
}

html > body #mainNavigation a {
    width: auto;
}

#content {
    width: 840px;
    float: right;
    display: inline;
}

div.box {
    float: left;
    display: inline;
    margin: 0px 0px 10px 10px;
}

html > body div.box {
    width: 408px;
}

html > body div.blank {
    margin-right: 2px;
}

div.box h2 {
    margin-bottom: 10px;
}

div.box h3 {
    margin: 0px 10px;
}

div.box p, div.box table, div.box ul, div.box ol {
    margin: 0px 10px 10px 10px;
}

div.box table tbody td {
    vertical-align: top;
}

div.box table tbody td {
    padding-right: 10px;
}

div.box ol {
    margin-left: 35px;
}

div.tiny {
    width: 200px;
}

html > body div.tiny {
    width: 198px;
}

div.small {
    width: 270px;
}

html > body div.small {
    width: 268px;
}

div.normal {
    width: 410px;
}

html > body div.normal {
    width: 408px;
}

div.big {
    width: 550px;
}

html > body div.big {
    width: 548px;
}

div.large {
    width: 620px;
}

html > body div.large {
    width: 618px;
}

div.huge {
    width: 830px;
}

html > body div.huge {
    width: 828px;
}

div.image h3, div.image p, div.image table, div.image ul {
    margin-left: 68px;
}

div.image ol {
    margin-left: 90px;
}

div.image img {
    float: left;
    margin: 0px 10px 10px 10px;
}
div.image table {
  display:block;
}

div.naked h3, div.naked img {
    margin-top: 0px;    !! important
}

div.form fieldset {
    margin: 10px 0px 10px 0px;
}

div.form fieldset table {
  table-layout:fixed !important;
  }

div.form fieldset table td {
    padding: 3px 0px 3px 0px;
}

div.form fieldset table td label {
    float: right;
    display: inline;
    margin: 0px 10px 0px 5px;
}

div.box label.radio, div.box label.checkbox {
    float: none;
}

div.form table td label.radio, div.form table td label.checkbox {
    margin: 0px 0px 0px 5px;
}

div.form fieldset input, div.form.box fieldset select, div.form.box fieldset textarea {
    margin: 0px 0px 0px 10px;
}

div.form fieldset input.small {
    width: 50px;
}

html > body div.form fieldset input.small {
    width: 48px;
}

div.form fieldset input.medium {
    width: 140px;
}

html > body div.form fieldset input.medium {
    width: 138px;
}

div.form fieldset input.large {
    width: 200px;
}

div.form fieldset tr.button input {
    margin: 0 10px;
    padding: 0 10px;
}

div.form div.error {
    margin-left: 210px;
}

div.form div.error h3 {
    margin-left: 23px;
}

div.form div.error ul {
    margin-left: 38px;
    list-style-type: disc;
}

div.form fieldset table td div.box {
    margin-top: 10px;
    margin-left: 10px;
    width: auto;
}
div.form fieldset table td span {
  margin-left:10px;
  }

div.form fieldset table td div.box h3, div.form fieldset table td div.box p {
    margin-left: 36px;
}

div.form fieldset table td div.blank {
    margin-left: 0px;
}

div.teaser h2 {
  margin-bottom:0;
}

div.teaser h4 {
  margin:10px;
}

div.teaser img {
  margin-bottom:10px;
}

table.list {
    float: left;
    display: inline;
    width: 830px;
    margin: 0px 0px 10px 10px;
}

html > body #content table.list {
    display: table;
    margin-top: 1px;
}

table.list, x:-moz-any-link {
    margin-left: 11px;
}

table.small {
    width: 270px;
}

table.small, x:-moz-any-link {
    width: 269px;
}

table.normal {
    width: 808px;
}

table.normal, x:-moz-any-link {
    width: 808px;
}


table.big {
    width: 808px;
}

table.big, x:-moz-any-link {
    width: 808px;
}

table.huge {
    width: 830px;
}

table.huge, x:-moz-any-link {
    width: 829px;
}

table.list caption, x:-moz-any-link {
    margin-left: 10px;
}

table.list thead th {
    padding: 0 10px;
    height: 26px;
}

table.list tbody td {
    padding: 5px 10px;
}

table.list td img {
    margin-right: 5px;
}

table.list tbody tr.category td img {
    float: none;
}

div.button {
    background: 0 !important;
    border: 0 !important;
    margin-bottom: 0;
    padding: 0 !important;
    text-align: right;
}

div.button input {
    padding: 0 10px;
    margin: 0px 0px 0px 10px;
    overflow: visible;
}

div.box div.button {
    margin:20px 10px 10px 0px;
}

div.steps {
    float: left;
    display: inline;
    margin: 0px 0px 10px 10px;
}
div.steps div {
    float: left;
    margin: 0px 5px 0px 13px;
}
div.steps div span, div.steps div a {
    position: relative;
    float:left;
    left: 18px;
    height: 23px !important;
    padding-right: 36px;
}
html > body div.steps div a, html > body div.steps div span {
    display: block;
    width: auto;
}
div.steps div.step_type_a, div.steps div.step_type_d, div.steps div.step_type_f {
    margin-left: 0px;
}
div#welcome {
  border:0 !important;
  float:left;
  margin-bottom:-40px;
  margin-top:50px;
  width:148px;
  }
html > body div#welcome {
  width:90px;
 margin-left:5px;
  }
div#welcome h2 {
  margin-top:10px;
  margin-left:10px;
  }
div#welcome p {
  margin-left:10px;
  margin-bottom:10px;
  }

#media {
	position:absolute;
	top: 5px;
	left:1005px;
	width:auto;
	height:624px;
	}
#media span
	{	
	margin-left: 6px;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	color:#000;
	}

#footer {
    float: left;
    display: inline;
    width: 830px;
    margin: 10px 0px 10px 165px;
    padding-top: 5px;
}

#footer a {
  float:left;
  padding: 0px 10px;

}
#footer span {
  margin-left:10px;
}
#footer span#copyright {
  float:right;
}
#footer span#version {
  float:right;
}

.hideMe {
    float: left;
    display: none;
}

#transparent {

background-color:#fff;

}
.transparent {
  position:absolute;
}