/* 

 CSS Class for implementing the needed modification to transform the T-Com L&F
 into an apropiate HTML/CSS box model 
 for two colum content
 
 CSS namings:
 - c1c One Colum content container
 - c2c Two Colum content container containing a div with class 'left' and 'right'
 - c3c Three Colum content container containing a div with class 'left', 'middle' and 'right'
 - unfold Container for unfoldable content
*/
h1, h2 {
	padding-top:    8px;
	padding-bottom: 8px;
}
h3 {
	padding-top:    4px;
	padding-bottom: 4px;
}

div.titlehelp div.left {
  float: left;
}
div#maincontentarea div.titlehelp div.left span {
  padding-top:     8px;
  padding-bottom:  8px;
  font-size: 14px;
  font-weight: bold;
}
div.titlehelp div.right div.helpme {
  padding-top:     9px;
  padding-bottom:  8px;
}
span.bigfont {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
div#maincontentarea div.c1c,
div#maincontentarea div.c2c,
div#maincontentarea div.c3c {
  /* clear possible floating object first */
  clear: both;
  /* set the box width */
  /*width:       460px;
  margin-left:    12px;
  margin-right:   12px;*/
}

div#maincontentarea div.c2e {
  /* clear possible floating object first */
  clear: both;
	/* width is different for radiobutton-attached content because of padding*/
	width:       434px;
	margin-left:  30px;
}

div#maincontentarea div.c2c div.left,
div#maincontentarea div.c2c div.right {
	float:        left;
	width: 50%;
}
div#maincontentarea div.c2c div.left1 {
	/* width is different for radiobutton-attached content because of padding*/
	float:        left;
	margin-left:  30px;
	width:        200px;
}
div#maincontentarea div.right-single {
	margin-left: 50%;
}

/* shorter version for ISP data input */
div#maincontentarea div#connectionDataInput div.c2c div.left {
	width:        45%;
}
div#maincontentarea div#connectionDataInput div.c2c div.right {
	width:        55%;
}
div#maincontentarea div#connectionDataInput div.c2c div.left1 {
	width:        177px;
}
div#maincontentarea div#connectionDataInput div.right-single {
	margin-left: 207px;
}

div.cfile {
	clear: both;
}
div.cfile div.left {
	float: left;
	width: 78%;
}
div.cfile div.right {
	float: left;
	width: 22%;
}
div.cfile button {
	float: right;
	margin-top: 4px;
	margin-right: 0;
	min-width: 100px;
}

div#ipadr_list div.left,
div#lte_list div.left {
	width: 42% !important;
}
div#ipadr_list div.right,
div#lte_list div.right {
	width: 58% !important;
}

div#maincontentarea div.c1c p,
div#maincontentarea div.c1c span,
div#maincontentarea div.c2e span,
div#maincontentarea div.left span,
div#maincontentarea div.left1 span,
div#maincontentarea div.left label,
div#maincontentarea div.left1 label,
div#maincontentarea div.right p, 
div#maincontentarea div.right span, 
div.helpme {
	display:       block;
	padding-top:     12px;
	padding-bottom:  12px;
}
div#maincontentarea div.right span span,
div#maincontentarea div.left span span {
	display: inline;
}

div#maincontentarea div.c1c span span {
	display: inline;
}

div#maincontentarea div.c1c p span,
div#maincontentarea div.right p span {
	display: inline;
} 

label span.headlineLabel {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

div#maincontentarea div.c1c div.scroll-pane span {
	padding-top: 4px;
	padding-bottom: 4px;
}

div.sortcontainer span {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
div.teth_status span {
	padding-top: 4px !important;
	padding-bottom: 8px !important;
	background-position: 0 0;
	line-height: 17px; 
}
div.statuslist span {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
div.statuslist span.okLabel,
div.statuslist span.bluLabel,
div.statuslist span.warnLabel {
	background-position: 0px 5px;
}
div.statuslist div.helpme {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
div.statuslist div.frac2 div.helpme {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
div.statuslist div.frac2,
div.statuslist div.frac4 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
div.statuslist div.frac2 span,
div.statuslist div.frac4 span {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

div.phonenrlist span {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

div.infolist span {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
div.infolist span.okLabel,
div.infolist span.warnLabel {
	background-position: 0px 3px;
}
div.infolist div.helpme {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

div#maincontentarea div.topline {
  clear: both;
  height: 1px;
  border: 1px none #d0d0d0;
  border-top-style: solid;
}

div#maincontentarea div.titleline {
  clear: both;
  height: 1px;
  border: 1px none #aaaaaa;
  border-top-style: solid;
}
div#maincontentarea div.newline {
  clear: both;
  height: 1px;
  border: 1px none #666666;
  border-top-style: solid;
}
div#maincontentarea div#startline,
div#maincontentarea div.borderline {
  clear: both;
  height: 9px;
  border: 1px none #aaaaaa;
  border-top-style: solid;
  margin-top: 12px;
}
div#maincontentarea div#startline {
  margin-top: 0;
}
div#maincontentarea div.dashedline {
  clear: both;
  height: 1px;
  border: 1px none #999999;
  border-top-style: dashed;
}
div#maincontentarea div.chgline {
  clear: both;
  height: 24px;
  background-color: #ffffff;
  margin-left: -6px;
  margin-right: -6px;
  border: 1px none #666666;
  border-bottom-style: solid;
}

div.internal-footer {
	clear: both;
	text-align: right;
	padding: 0px;
	margin: 0px;
	padding-top: 18px;
	padding-bottom: 2px;
}


/*div#maincontentarea div.eed span {
	display: inline;
	float: left;
}*/
div.unfold {
	/* clear possible floating object first */
	clear:      both;
	margin-top: 13px;
	
}
div.unfold h2 {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}

/* Ein Ein Drittel */
div#maincontentarea div.ee1 {
	width: 95px;
	float: left;
}
div#maincontentarea div.eetr {
	width: 193px;
	float: left;
}
div#maincontentarea div.eepd {
	width: 98px;
	float: left;
}
div#maincontentarea div.eed {
	width: 76px;
	float: left;
}
div#maincontentarea div.eet span {
	width: 45px;
	float: left;
	padding-left: 6px;
}
div#maincontentarea div.eed span.time {
	width:         33px;
	float:         left;
	text-align:    center;
}

div#maincontentarea div.headline {
	/*height: 25px;
	background-repeat: repeat;
	margin-left: 6px;*/
}

div#maincontentarea div.headline span {
	font-weight: bold;
}

.frac2, .frac3, .frac3_4, .frac4, .frac5, .frac8 {
	float: left;
	width: 50%;
}
.frac3 {
	width: 33%;
}
.frac3_4 {
	width: 75%;
}
.frac4 {
	width: 25%;
}
.frac5 {
	width: 20%;
}
.frac8 {
	width: 12%;
}

div.row_systime {
  width: 26%;
}
div.row_sysmessage {
  width: 23%;
}
span.row_systime {
  display: block;
  width: 27%;
  float: left;
}
span.row_sysmessage {
  display: block;
  width: 62%;
  float: left;
}

div#maincontentarea div.c1c ul {
	padding-left: 15px;
}

div#maincontentarea div.c1c ul li {
	list-style-type: disc;
	padding-left: 4px;
}

div#maincontentarea div.c2c ul li,
div#maincontentarea div.c2e ul li {
	list-style-type: disc;
	padding-left: 4px;
	margin-left: 11px;
}
div#maincontentarea div.c2e ul li span {
	padding-top: 4px;
	padding-bottom: 4px;
}
div#maincontentarea div#show_br_rest div.c2c ul li {
	padding-left: 0;
	margin-left: 15px;
}
div#maincontentarea div#show_br_rest div.c2c ul li span {
	padding-top: 2px;
	padding-bottom: 2px;
}
div#maincontentarea div#show_br_opt div.frac2 {
  width: 418px;
}
div#maincontentarea div#show_br_opt div.frac2 div {
  padding-top: 12px;
}
div#maincontentarea div#show_br_opt div.frac5 {
  width: 376px;
}
div#maincontentarea div#show_br_opt div.frac5 div {
  padding-top: 6px;
}
div#maincontentarea div#show_br_opt div.frac4 {
  width: 62px;
}

div#maincontentarea div.c1c ul li span{
	display: inline;
}

div#maincontentarea div.grayed {
	color: #999999;
}
div#maincontentarea div.grayed input[type=text],
div#maincontentarea div.grayed div.helpme_content {
	color: #333333;
}

#ipv4_content div.c1c, #ipv6_content div.c1c {
    margin-left:30px;
    width: 414px;
}

div#maincontentarea div.c2c div.rinv {
	padding-top: 8px;
	padding-bottom: 0;
}

div#maincontentarea div.rinv span {
	margin-top: 7px;
	margin-bottom: 0;
}

div#maincontentarea * div.c3c {
	padding-left:   12px;
	padding-right:  12px;
	/* default padding */
	padding-top:    4px;
	padding-bottom: 4px;
	width: 444px;
}

div#maincontentarea * div.c3c div.left,
div#maincontentarea * div.c3c div.middle,
div#maincontentarea * div.c3c div.right {
	width: 144px;
	display: inline;
	float: left;
}

div#maincontentarea * div.c3c div.left,
div#maincontentarea * div.c3c div.middle{
	padding-right: 6px; /*Styleguide page 21: 444px-3*144px = 12px => /2= 6*/
}