BODY {
background : #ffffff;
font-family : Arial, Helvetica, Verdena;
font-size : 12px;
color : #1e4e95;
border : 0;
padding : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 0;
margin-top : 0;
background-image : url(images/background.jpg);
background-repeat : repeat-x;
}
a {
font-family : Arial, Helvetica, Verdena;
font-size : 11px;
color : #53b706;
font-weight : bold;
text-decoration : underline;
}
a:hover {
font-family : Arial, Helvetica, Verdena;
font-size : 11px;
color : #53b706;
font-weight : bold;
text-decoration : none;
}
a.menulink:hover {
text-decoration : none;
color : #ffffff;
background-image : url(images/navi_bgline_a.jpg);
background-repeat : repeat-x;
}
a.menulink {
float : left;
display : block;
border-color : #1e4e95;
border-style : dotted;
border-right-width : 1px;
border-top-width : 0;
border-left-width : 0;
border-bottom-width : 0;
margin : 0;
width : 96.35px;
line-height : 25px;
text-align : center;
vertical-align : middle;
font-family : Arial, Helvetica, Verdena;
font-size : 12px;
font-weight : bold;
vertical-align : middle;
text-decoration : none;
color : #1e4e95;
background-image : url(images/navi_bgline.jpg);
background-repeat : repeat-x;
}
a.menulink_act:hover {
text-decoration : none;
color : #ffffff;
background-image : url(images/navi_bgline_a.jpg);
background-repeat : repeat-x;
}
a.menulink_act {
float : left;
display : block;
border-color : #1e4e95;
border-style : dotted;
border-right-width : 1px;
border-top-width : 0;
border-left-width : 0;
border-bottom-width : 0;
margin : 0;
width : 96.35px;
line-height : 25px;
text-align : center;
vertical-align : middle;
font-family : Arial, Helvetica, Verdena;
font-size : 12px;
font-weight : bold;
vertical-align : middle;
text-decoration : none;
color : #1e4e95;
background-image : url(images/navi_bgline_a.jpg);
background-repeat : repeat-x;
}
#reasonHeader {
background-color : #64be69;
margin-top : 0;
}
#reasonContent {
background-color : #d5f1d6;
}
#partnerHeader {
background-color : #f2be00;
}
#partnerContent {
background-color : #ffef85;
}
#friendHeader {
background-color : #f74e4e;
}
#friendContent {
background-color : #eab7b7;
color : #c02020;
padding-bottom : 10px;
}
#festnetzSMSHeader {
float : right;
background-color : #2868c8;
clear : right;
}
#festnetzSMSContent {
background-color : #b9ceed;
color : #1a50a3;
padding-bottom : 10px;
float : right;
clear : right;
}
#toplogo {
float : left;
width : 200px;
height : 80px;
}
#logo {
margin : 10px;
}
#homeButton {
border-left-width : 1px;
margin-left : 180px;
margin-right : 0;
margin-top : 0;
margin-bottom : 0;
}
#header {
width : 1000px;
height : 100px;
text-align : center;
background-color : #ffffff;
clear : left;
}
#topline {
width : 994px;
line-height : 20px;
vertical-align : middle;
text-align : left;
background-color : #1e4e95;
padding-left : 6px;
text-align : left;
color : #ffffff;
}
#topdate {
float : left;
width : 216px;
text-align : left;
color : #ffffff;
font-weight : bold;
margin-left : 4px;
line-height : 20px;
}
#toplog {
float : right;
width : 180px;
line-height : 20px;
}
#topad {
float : left;
margin-top : 10px;
text-align : right;
width : 500px;
height : 60px;
}
#loginbox {
width : 170px;
height : 80px;
padding-left : 10px;
background-color : #d5f1d6;
}
#topnavi {
width : 1000px;
height : 25px;
text-align : right;
background-image : url(images/navi_bgline.jpg);
background-repeat : repeat-x;
clear : left;
}
#main {
width : 1000px;
height : auto;
clear : both;
text-align : left;
border-top-width : 0;
border-left-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-style : solid;
border-color : #acc7ed;
background-color : #ffffff;
padding-top : 50px;
padding-bottom : 30px;
}
#loginLine {
width : 150px;
font-size : 10px;
}
#leftbar {
float : left;
width : 200px;
height : auto;
}
#rightbar {
float : right;
width : 150px;
height : auto;
}
#content {
float : left;
height : auto;
width : 600px;
}
#boxSMSPackHead {
background-color : #0c893e;
}
#boxSMSPackContent {
border-color : #0d893f;
color : #469744;
background-color : #c8f7ae;
}
#boxOverviewPrepaidHead {
background-color : #1e4e95;
}
#boxPrepaidHead {
background-color : #d9e7f8;
padding-left : 0;
border : 0;
}
#boxPrepaidContent {
border-color : #1e4e95;
color : #1e4e95;
background-color : #d8e1ed;
}
#boxFreeSMSHead {
background-color : #f39c1f;
}
#boxFreeSMSContent {
border-color : #f39c1f;
color : #ee7f35;
background-color : #fad499;
}
#servicePhone {
width : 150px;
height : 200px;
}
#serviceHead {
background-color : #6c9bd8;
margin-top : 0;
}
#serviceContent {
background-color : #e7ebf9;
margin-top : 0;
}
#productOfferHead {
float : right;
background-color : #6c9bd8;
margin-top : 0;
clear : right;
}
#productPlacement {
width : 200px;
height : 160px;
}
#productOfferContent {
float : right;
background-color : #e7ebf9;
clear : right;
}
#inboxLine {
width : 180px;
height : auto;
text-align : left;
}
#outboxLine {
width : 180px;
height : auto;
text-align : left;
}
.rightOffer {
width : 200px;
}
.freeSMSHead {
color : #f39c1f;
font-weight : bold;
font-size : 17px;
}
.smsPackHead {
font-weight : bold;
color : #0c893e;
font-size : 17px;
}
.prepaidPlusHead {
font-weight : bold;
color : #f39c1f;
font-size : 17px;
}
span.hlight {
color : #146936;
font-weight : bold;
}
a.smallLink {
font-size : 10px;
}
input.loginField {
width : 90px;
font-size : 11px;
border-width : 1px;
border-style : solid;
border-color : #0c893e;
}
.linkbar {
width : 400px;
font-size : 10px;
clear : both;
}
.linkbar a {
color : #99a3b0;
font-size : 10px;
}
.subheading {
margin-top : 40px;
margin-bottom : 20px;
width : 530px;
background-color : #d1cfcf;
color : #515151;
padding : 2px;
}
.teaserhead {
width : 161px;
line-height : 22px;
height : 22px;
color : #ffffff;
font-weight : bold;
padding-left : 10px;
border-right-width : 0;
border-left-width : 0;
border-top-width : 1px;
border-bottom-width : 1px;
border-color : #ffffff;
border-style : solid;
}
.teasercontent {
width : 159px;
height : 108px;
line-height : 16px;
font-size : 10px;
font-weight : bold;
padding-left : 10px;
padding-right : 0;
padding-top : 0;
padding-bottom : 0;
margin : 0;
border-right-width : 1px;
border-left-width : 1px;
border-top-width : 0;
border-bottom-width : 0;
border-style : solid;
}
.formleft {
float : left;
width : 50px;
font-size : 11px;
clear : left;
}
.formright {
float : left;
width : 100px;
text-align : right;
}
.formsubmit {
width : 150px;
clear : both;
text-align : right;
}
input.login {
width : 50px;
font-size : 11px;
border-width : 1px;
border-style : solid;
border-color : #ffffff;
color : #ffffff;
background-color : #0c893e;
}
.loginhead {
width : 180px;
line-height : 16px;
color : #ffffff;
background-color : #0c893e;
font-size : 11px;
font-weight : bold;
margin-top : 1px;
border-right-width : 0;
border-left-width : 0;
border-top-width : 0;
border-bottom-width : 1px;
border-color : #ffffff;
border-style : solid;
}
.teaserbox {
float : left;
width : 170px;
height : 228px;
margin-left : 7px;
}
#presentproducts {
width : 381px;
height : 136px;
margin-left : 104px;
clear : both;
}
#sms {
width : 548px;
line-height : 22px;
height : 22px;
border-color : #1e4e95;
color : #1e4e95;
background-color : #ffffff;
font-size : 12px;
font-weight : bold;
padding-left : 10px;
border-right-width : 1px;
border-left-width : 1px;
border-top-width : 1px;
border-bottom-width : 1px;
border-color : #feae01;
border-style : solid;
clear : both;
}
#smscontent {
width : 540px;
min-height : 100px;
height : auto;
border-color : #1e4e95;
color : #1e4e95;
background-color : #d8e1ed;
text-align : justify;
font-size : 11px;
padding-left : 10px;
padding-right : 10px;
padding-top : 8px;
padding-bottom : 8px;
border-right-width : 0;
border-left-width : 0;
border-top-width : 1px;
border-bottom-width : 1px;
border-color : #ffffff;
border-style : dashed;
clear : both;
}
.sideboxheader {
width : 140px;
line-height : 22px;
color : #ffffff;
font-weight : bold;
padding-left : 10px;
border-right-width : 0;
border-left-width : 0;
border-top-width : 1px;
border-bottom-width : 1px;
border-color : #ffffff;
border-style : solid;
margin-top : 30px;
clear : both;
}
.sideboxcontent {
width : 140px;
height : auto;
min-height : 60px;
padding-left : 10px;
padding-top : 10px;
font-size : 11px;
clear : both;
}
.submitline {
width : 300px;
text-align : right;
}
#submitline {
width : 300px;
text-align : right;
}
.formtab {
line-height : 26px;
}
h3 {
font-size : 13px;
font-weight : bold;
line-height : 18px;
vertical-align : middle;
}
h4 {
font-size : 12px;
font-weight : bold;
line-height : 30px;
vertical-align : baseline;
padding : 0;
margin : 0;
}
.pgroup {
font-weight : bold;
font-style : italic;
}
.error {
color : red;
}