body {
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
margin : 0;
padding : 0;
border : 0;
}
a {
color : #ffffff;
font-weight : bold;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#header {
position : relative;
display : block;
width : 100%;
height : 145px;
margin : 0;
padding : 0;
border : 0;
background-image : url('../Images/HeaderBg.jpg');
background-repeat : repeat-x;
}
#header div.content {
position : relative;
display : block;
width : 959px;
height : 145px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 0;
}
#header a.logo {
position : absolute;
display : block;
top : 0;
left : 40px;
width : 346px;
height : 136px;
margin : 0;
padding : 0;
border : 0;
}
#header img.logo {
width : 346px;
height : 136px;
margin : 0;
padding : 0;
border : 0;
}
#header div.stamp {
position : absolute;
display : block;
top : 10px;
right : 20px;
width : 900px;
height : 20px;
margin : 0;
padding : 0;
text-align : right;
color : #7f7f7f;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}
#header a.stamp {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
margin-left : 0;
margin-right : 0;
color : #7f7f7f;
}
#header a.language {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
margin-left : 2px;
color : #af6a3c;
}
#header span.topSpacer {
color : #777777;
font-size : 14px;
margin-left : 8px;
margin-right : 8px;
font-weight : normal;
}
#header div.menu {
position : absolute;
display : block;
top : 85px;
right : 20px;
width : 530px;
height : 30px;
margin : 0;
padding : 0;
color : #777777;
font-size : 14px;
text-align : right;
letter-spacing : -1px;
vertical-align : middle;
}
#header a {
position : relative;
display : inline-block;
width : auto;
margin-left : 0;
margin-right : 0;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #d9d9d9;
}
#header a:hover {
color : #dc9141;
text-decoration : none;
}
#header span.spacer {
color : #777777;
font-size : 14px;
margin-left : 24px;
margin-right : 24px;
font-weight : normal;
}
#content {
position : relative;
display : block;
width : 100%;
height : auto;
margin : 0;
padding : 0;
border : 0;
background-image : url('../Images/ContentBg.jpg');
background-repeat : repeat-x;
background-position : top left;
background-color : #5e5e5e;
}
#content h1 {
font-size : 22px;
font-family : Helvetica, Arial, sans-serif;
font-weight : normal;
letter-spacing : -1px;
padding-top : 0;
padding-bottom : 0;
margin-top : 40px;
margin-bottom : 25px;
color : #ffffff;
text-align : left;
font-weight : bold;
}
#content span.br {
display : block;
}
#content span.green {
display : inline;
color : #b1c43c;
}
#content h2 {
font-size : 14px;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
letter-spacing : -1px;
padding-top : 0;
padding-bottom : 0;
margin-top : 0;
margin-bottom : 10px;
color : #ffffff;
text-align : left;
font-weight : bold;
}
#content p {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #a0a0a0;
padding-top : 0;
padding-bottom : 0;
margin-top : 0;
margin-bottom : 27px;
}
#content h3 {
font-size : 18px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : normal;
margin-top : 20px;
margin-bottom : 10px;
color : #dc9141;
text-align : left;
}
#content h4 {
font-size : 12px;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
padding-top : 0;
padding-bottom : 0;
margin-top : 0;
margin-bottom : 10px;
color : #ffffff;
text-align : left;
font-weight : bold;
}
#content h6 {
font-size : 12px;
font-family : Helvetica, Arial, sans-serif;
font-weight : normal;
margin-top : 20px;
margin-bottom : 10px;
color : #ffffff;
text-align : left;
}
#content p.priceTop {
font-size : 26px;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
margin-top : 5px;
margin-bottom : 45px;
padding-top : 0;
padding-bottom : 0;
color : #b1c43c;
text-align : left;
}
#content p.price {
font-size : 18px;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
margin-top : 5px;
margin-bottom : 27px;
padding-top : 0;
padding-bottom : 0;
color : #b1c43c;
text-align : left;
}
#content div.block {
position : relative;
display : block;
width : 919px;
height : 300px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
padding-top : 15px;
padding-bottom : 15px;
padding-left : 20px;
padding-right : 20px;
border : 0;
}
#content img.spider {
position : absolute;
top : 0;
left : 0;
width : 486px;
height : 336px;
margin : 0;
padding : 0;
border : 0;
}
#content img.funktionen {
position : absolute;
top : 0;
left : 0;
width : 546px;
height : 491px;
margin : 0;
padding : 0;
border : 0;
}
#content img.softwarePack {
position : absolute;
top : 0;
left : 0;
width : 346px;
height : 506px;
margin : 0;
padding : 0;
border : 0;
}
#content div.main {
position : absolute;
top : 0;
left : 500px;
display : block;
width : 450px;
height : 200px;
margin : 0;
padding : 0;
color : #ffffff;
text-align : left;
}
#content div.divider {
position : relative;
display : block;
width : 100%;
height : 0;
margin : 0;
padding : 0;
border-top : 1px dashed #404040;
border-left : 0;
border-right : 0;
border-bottom : 0;
}
#content div.download {
position : absolute;
top : 476px;
left : 0;
width : 419px;
height : auto;
text-align : left;
padding-left : 20px;
padding-right : 20px;
padding-top : 0;
padding-bottom : 0;
vertical-align : top;
}
#content div.left {
position : absolute;
display : block;
top : 0;
left : 0;
width : 419px;
height : auto;
text-align : left;
padding-left : 20px;
padding-right : 20px;
padding-top : 0;
padding-bottom : 0;
vertical-align : top;
}
#content div.right {
position : absolute;
display : block;
top : 0;
left : 480px;
width : 419px;
height : auto;
text-align : left;
padding-left : 20px;
padding-right : 20px;
padding-top : 0;
padding-bottom : 0;
vertical-align : top;
}
#content img.button {
border : 0;
width : 90px;
height : 36px;
}
#content a.download {
position : relative;
display : block;
margin-top : 25px;
margin-bottom : 63px;
}
#content ul {
position : relative;
padding-left : 0;
margin-left : 22px;
}
#content li {
position : relative;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
padding-left : 0;
margin-left : 0;
color : #a0a0a0;
}
#footer {
position : relative;
display : block;
width : 100%;
height : 180px;
margin : 0;
padding-top : 5px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
border : 0;
background-color : #ffffff;
background-image : url('../Images/FooterTopBorder.jpg');
background-position : top left;
background-repeat : repeat-x;
}
#footer div.content {
position : relative;
display : block;
width : 945px;
height : 180px;
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 0;
}
#footer h4 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #5b5b5b;
text-align : left;
margin-top : 0;
margin-bottom : 30px;
margin-left : 20px;
margin-right : 0;
}
#footer p {
position : absolute;
border : 0;
top : 33px;
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : bold;
color : #4e4e4e;
text-align : left;
}
#footer img {
position : absolute;
border : 0;
top : 35px;
left : 7px;
}
#footer div.skype {
position : absolute;
display : block;
width : 314px;
height : 135px;
top : 0;
left : 0;
padding-top : 5px;
padding-bottom : 0;
padding-right : 0;
padding-left : 0;
margin-top : 20px;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
border-left : 0;
border-right : 1px solid #d4d4d4;
border-bottom : 0;
border-top : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #5b5b5b;
}
#footer img.skype {
width : 96px;
height : 81px;
}
#footer p.skype {
left : 116px;
width : 180px;
}
#footer div.cell {
position : absolute;
display : block;
width : 314px;
height : 135px;
top : 0;
left : 315px;
padding-top : 5px;
padding-bottom : 0;
padding-right : 0;
padding-left : 0;
margin-top : 20px;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
border-left : 0;
border-right : 1px solid #d4d4d4;
border-bottom : 0;
border-top : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #5b5b5b;
}
#footer img.cell {
width : 71px;
height : 81px;
}
#footer p.cell {
left : 91px;
width : 200px;
}
#footer div.clock {
position : absolute;
display : block;
height : 135px;
width : 315px;
top : 0;
left : 630px;
padding-top : 5px;
padding-bottom : 0;
padding-right : 0;
padding-left : 0;
margin-top : 20px;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
border : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #5b5b5b;
}
#footer img.clock {
width : 75px;
height : 81px;
}
#footer p.clock {
left : 95px;
width : 195px;
}
#loginArea {
position : relative;
width : 200px;
height : 400px;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
color : #eeeeff;
padding-top : 92px;
font-weight : bold;
display : block;
}
#loginArea input {
width : 90px;
}
#loginAction {
display : none;
}
#loginArea div {
width : 80px;
display : inline-block;
}
#loginArea a.loginLink {
position : relative;
display : inline-block;
width : auto;
margin-left : 5px;
margin-right : 5px;
font-family : Arial, Helvetica, sans-serif;
margin-top : 10px;
margin-bottom : 0;
padding-top : 1px;
padding-bottom : 1px;
padding-left : 7px;
padding-right : 7px;
font-size : 20px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
background-color : #990000;
border : 1px solid #797c79;
text-align : center;
}
#loginArea a.loginLink:hover {
background-color : #ff0000;
}
#loginResult {
color : #ff0000;
}
#loginArea div.loginFailed {
display : block;
width : 120px;
padding : 3px;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
color : #990000;
background-color : #ffffff;
border : 1px solid #ff0000;
}
#userAccountActionResponse {
width : 400px;
margin-top : 20px;
margin-left : auto;
margin-right : auto;
text-align : center;
}
#userAccountBottomLinks {
text-align : center;
margin-top : 25px;
}
#userAccountBottomLinks a {
display : block;
}
#userAccountBottomLinks a:link {
display : block;
}
#editUsersTable {
display : block;
margin-left : auto;
margin-right : auto;
width : 755px;
color : #000000;
}
#editUsersTable tr {
width : 755px;
}
#editUsersTable td {
color : #ffffff;
text-align : center;
font-weight : bold;
}
#editUsersTable th {
color : #ffffff;
text-align : center;
font-weight : bold;
background-color : #99cc66;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
}
#editUsersTable th.firstHeader {
color : #ffffff;
text-align : center;
font-weight : bold;
background-color : #99cc66;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
border-left : 1px solid #ffffff;
}
#editUsersTable th.lastHeader {
color : #ffffff;
text-align : center;
font-weight : bold;
background-color : #99cc66;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
}
#editUsersTable th.onlyHeader {
color : #ffffff;
text-align : center;
font-weight : bold;
background-color : #99cc66;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
border-right : 1px solid #ffffff;
border-left : 1px solid #ffffff;
}
#editUsersTable a {
color : #ffff66;
}
#editUsersTable a:hover {
color : #ffffff;
text-decoration : underline;
}
#editRolesTable {
width : 260px;
margin-left : auto;
margin-right : auto;
}
#editRolesTable td {
width : 100%;
text-align : center;
padding-left : 5px;
padding-right : 5px;
padding-top : 15px;
padding-bottom : 0;
}
#editRolesTable th {
width : 100%;
text-align : center;
padding : 5px;
text-align : center;
font-weight : bold;
background-color : #99cc66;
border : 1px solid #ffffff;
}
#editRolesTable select {
width : 200px;
text-align : left;
padding-left : 5px;
padding-right : 5px;
}
#editRolesTable input {
margin-bottom : 20px;
}
#editRolesTable input.textBox {
margin-bottom : 0;
}
#editProfileTable {
border-top : 1px solid white;
border-bottom : 1px solid white;
border-left : 0;
border-right : 0;
width : 360px;
margin-left : auto;
margin-right : auto;
}
#editProfileTable th {
text-align : center;
border-bottom : 1px solid black;
}
#editProfileTable td {
text-align : left;
padding-left : 5px;
padding-right : 5px;
}
#editProfileTable td.propertyName {
width : 35%;
text-align : right;
font-weight : bold;
}
#editProfileTable td.buttonCell {
text-align : center;
border-top : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #99cc66;
}
#editProfileTable td.topCell {
border-bottom : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #99cc66;
}
#editProfileTable input {
width : 270px;
text-align : left;
}
#editProfileTable input.button {
width : 100px;
text-align : center;
margin-top : 5px;
margin-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
}
#changePasswordTable {
border : 1px solid white;
border-left : 0;
border-right : 0;
width : 300px;
margin-left : auto;
margin-right : auto;
}
#changePasswordTable td.labelCell {
width : 50%;
text-align : right;
font-weight : bold;
padding-left : 5px;
padding-right : 5px;
}
#changePasswordTable td {
width : 50%;
text-align : left;
padding-left : 5px;
padding-right : 5px;
}
#changePasswordTable td.buttonCell {
width : 100%;
text-align : center;
padding-top : 5px;
padding-bottom : 5px;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
border-top : 1px solid #ffffff;
background-color : #99cc66;
}
#changePasswordTable td.topCell {
border-bottom : 1px solid #ffffff;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
background-color : #99cc66;
}
#changePasswordTable input.button {
width : 150px;
text-align : center;
margin-top : 5px;
margin-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
}
#registerTable {
border-top : 1px solid white;
border-bottom : 1px solid white;
border-left : 0;
border-right : 0;
width : 260px;
margin-left : auto;
margin-right : auto;
}
#registerTable td {
width : 50%;
text-align : left;
padding-left : 5px;
padding-right : 5px;
}
#registerTable input {
width : 200px;
text-align : left;
padding-left : 5px;
padding-right : 5px;
}