@import "backend.css";
@import "main.css";

* {
    font-family: Arial, Helvetica, sans-serif;
}

body#website {
    background-color:#c0c0c0;
}

form input, form textarea {
    font-size:12px;
}

h1 { font-size:16px; font-weight:bold; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:12px; font-weight:bold; }
h4 { font-size:12px; text-decoration:underline; font-weight:normal; }

div.formErrorSummary span {
    display:block;
    color:red;
    font-size:12px;
}

div#site {
    background-color:white;
    width:741px;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    display:table;
}

div#header {
    margin:10px;
    margin-bottom:0px;
    height:90px;
}

div#logo {
    width:350px;
    height:70px;
    float:left;
}

div#domcheck {
    float:right;
}

div#domcheck form {
    text-align:right;
    padding:0px;
    font-size:10px;
}

div#domcheck label {
    padding:0px;
    color:#c0c0c0;
}

div#domcheck input, div#domcheck select {
    vertical-align:middle;
    padding:0px;
    margin:0px;
    color:#c0c0c0;
    border-color:#c0c0c0;
    border-style:solid;
    border-width:1px;
}

div#main {
    margin-top:15px;
    margin-left:10px;
    width:721px;
   /* height:50px; /**/
    /*background-color:blue;*/
    display:table;
}

div#banna {
    /*background-image:url('/custom/stumpner.net/Bilder_560x300/01.jpg');*/
    width:560px;
    height:300px;
    float:left;
    display:table;
}

div#banna object, div#banna embed {
    float:left;
}

div#banna img {
    width:560px;
    height:300px;
    display:table;
    float:left;
}

div#rightmenu {
    width:160px;
    overflow:hidden;
    float:left;
    display:table;
}

div#topicons {
    height:30px;
    width:160px;
}

div#rightmenu a {
    display:block;
    float:left;
    margin-left:1px;
}

a#linkWebmail {
    background-image:url('/custom/stumpner.net/images/webmail.jpg');
    width:88px;
    height:30px;
}

a#linkImpressum {
    background-image:url('/custom/stumpner.net/images/impressum.jpg');
    width:35px;
    height:30px;
}

a#linkSitemap {
    background-image:url('/custom/stumpner.net/images/sitemap.jpg');
    background-position:center;
    width:33px;
    height:30px;
}

/* Kundenlogin-Forumluar */

div#frametop {
    width:160px;
    height:68px;
    overflow:hidden;
    background-color:#c0c0c0;
    margin-left:1px;
    margin-top:1px;
    padding-bottom:5px;
    color:white;
}
                /*
div#frametop form {
    background-color:#c0c0c0;
    margin-left:1px;
    margin-top:1px;
    padding-bottom:5px;
    float:left;
    width:160px;
    height:68px;
    overflow:hidden;
}                 */

div#frametop form legend {
    padding:0px;
    margin:0px;
    margin-bottom:4px;
    font-size:12px;
}

div#frametop p {
    margin:0px;
}

div#frametop form fieldset {
    padding:0px;
    border:none;
}

div#frametop form label {
    text-align:right;
    display:block;
    font-size:10px;
    color:white;
    width:80px;
    height:12px;
    float:left;
}

div#frametop form input {
    border-style:none;
    display:block;
    height:12px;
    width:60px;
    margin:1px;
    font-size:10px;
    margin-right:5px;
    float:left;
}

div#frametop form input.submit {
    width:35px;
    font-size:10px;
    color:white;
    float:right;
    border-style:solid;
    border-width:1px;
    border-color:white;
    background-color:transparent;
    height:16px;
}

a.linkProdCat {
    margin-top:1px;
    color:white;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    width:160px;
    height:48px;
    display:block;
}

a.linkProdCat span {
    margin-top:10px;
    display:block;
}

a.linkProdCat small {
    font-size:9px;
}

a#linkWebspace {
    background-image:url('/custom/stumpner.net/images/navigation_blau.jpg');
}

a#linkDomain {
    background-image:url('/custom/stumpner.net/images/navigation_gelb.jpg');
}

a#linkSuSIDE {
    background-image:url('/custom/stumpner.net/images/navigation_braun.jpg');
}

a#linkJava {
    background-image:url('/custom/stumpner.net/images/navigation_rot.jpg');
}

div#menu {
    width:721px;
    margin-top:1px;
    margin-left:10px;
    height:25px;
    background-color:#c0c0c0;
}

a.homelink {
    background-image:url('/custom/stumpner.net/images/home_on.jpg');
    width:30px;
    height:25px;
    display:block;
    float:left;
}

div#menu ul {
    padding:0px;
    margin:0px;
    display:block;
    border-left:white;
    border-left-style:solid;
    border-left-width:1px;
    float:left;
}

div#menu ul li {

    padding:0px;
    font-size:12px;
    display:block;
    float:left;
    border-right:white;
    border-right-style:solid;
    border-right-width:1px;
}

div#menu ul li a {
    padding-top:5px;
    color:white;
    text-decoration:none;
    display:block;
    padding-left:15px;
    padding-right:15px;
    height:20px;
    float:left;
}

div#menu ul li a:hover {
    background-color:#cfcfcf;
}

div#view {
    display:table;
    margin-left:10px;
    margin-top:1px;
    margin-bottom:10px;
    width:721px;
    /*background-color:blue;*/
}

div#content {
    margin-left:15px;
    margin-right:5px;
    width:505px;
    float:left;
}

div#content h1 {
    font-size:14px;
    font-weight:bold;
}

div#content p {
    font-size:12px;
}

div#rightbot {
    float:right;
    width:175px;
    height:505px;
}

div#rightbot ul {
    padding:0px;
    margin:0px;
    width:175px; /*160px*/
    float:right;
}

div#rightbot li {
    padding:8px;
    padding-left:25px;
    margin:0px;
    margin-bottom:1px;
    list-style:none;
    background-image:url('/custom/stumpner.net/images/locmenubg.jpg');
}

div#rightbot h2 {
    margin:0px;
    font-size:10pt;
    font-weight:bold;
}

div#rightbot span {
    font-size:10px;
}

div#mainmap {
    float:left;
}

div#framemain div.mainmap {
    display:table;
    width:500px;
    height:160px;
}

div#mmptext1, div#mmptext2 {
    width:300px;
    height:35px;
    border-color:#c0c0c0;
    border-style:solid;
    border-width:1px;
    display:block;
}

div#mmptext1 {
    background-image:url('/custom/stumpner.net/images/tabellen_pfeil.jpg');
    background-position:right;
    background-repeat:no-repeat;
    margin-bottom:10px;
}

div#mmparrow {
    width:300px;
    height:15px;
    background-image:url('/custom/stumpner.net/images/tabellen_pfeil_d.jpg');
    background-position:right;
    background-repeat:no-repeat;
}

div.text1bg span, div.text2bg span {
    /* Damit der Text auf grauem Hintergrund vertikal zentriert ist */
    padding:5px;
    display:block;
}

div.text1bg, div.text2bg {
    background-color:#c0c0c0;
    color:#FFFFFF;
    font-size:20px;
    vertical-align:middle;
    font-weight:bolder;
    display:block;
    padding-left:5px;
    width:150px;
    height:35px;
    float:left;
}

span.text1tr, span.text2tr {
    vertical-align:middle;
    color:#000000;
    font-size:13px;
    font-weight:bold;
    padding-left:5px;
}

div#mmpinfotext {
    width:300px;
    border-color:#c0c0c0;
    border-style:solid;
    border-width:1px;
    font-size:13px;
    color:#000000;
    display:block;
    font-weight:bolder;
}

div#mmpinfotext span {
    padding:5px;
    display:block;
}

div#rbox {
    float:right;
    /*margin-left:10px;*/
    width:170px;
    height:200px;
    border-style:solid;
    border-width:4px;
    border-color:#73BD1E;
}

div#rbox h2 {
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:5px;
    padding-left:5px;
    background-color:#73BD1E;
    color:#FFFFFF;
}

div#rbox li {
    list-style-image:url('/custom/stumpner.net/images/hackerl.jpg');
    font-size:12px;
    font-weight:bolder;
    vertical-align:text-top;
    color:#000000;
    padding:5px;
    margin:0px;
}

div#content {
    font-size:16px;
}

div#content {
    padding-top:20px;
}

/* Produktmatrix */

table.productmatrix {
    /*width:100%;*/
    font-size:12px;
}

table.productmatrix thead {
    font-size:14px;
    font-weight:bolder;
}

/* Fuer die jeweiligen Produkt-Matrizen eine andere Farbe */

body.portalwebspace table.productmatrix thead { color:#037abc; }
body.portalsusidepreise table.productmatrix thead { color:#5b3e1c; }
body.portalsusidepreiseprofi table.productmatrix thead { color:#5b3e1c; }
body.portalsusidepreiseenterprise table.productmatrix thead { color:#5b3e1c; }

table.productmatrix td {
    width:85px;
}

table.productmatrix td.productDescription {
    text-align:left;
}

table.productmatrix td {
    border-right:#c0c0c0;
    border-right-style:solid;
    border-right-width:1px;
    padding-top:5px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
}

.featureTrue {
    background-image:url('/custom/stumpner.net/images/hackerl.jpg');
    width:20px;
    height:20px;
}

.featureFalse {
    background-image:url('/custom/stumpner.net/images/x.jpg');
    width:20px;
    height:20px;
}

.productOrder, .productMatrixMore {
    display:block;
    color:white;
    vertical-align:middle;
    text-align:center;
    font-weight:bold;
    width:85px;
    height:20px;
    border-style:none;
    border-width:0px;
    text-decoration:none;
    font-size:12px;
}

div.pgroup10 .productOrder, body.portalwebspace .productMatrixMore {
    background-image:url('/custom/stumpner.net/images/mehr_web.jpg');
}

div.pgroup31 .productOrder, div.pgroup32 .productOrder, div.pgroup33 .productOrder, body.portalsusidepreise .productMatrixMore, body.portalsusidepreiseprofi .productMatrixMore, body.portalsusidepreiseenterprise .productMatrixMore {
    background-image:url('/custom/stumpner.net/images/suside_bestellen_button.jpg');
}

/* product + order: Produkt-Seite & Bestellung-Seite */

/** Unterschiedliche Farben auf den verschiedenen Productseiten + Bestellseiten **/

div.pgroup10 h1, div.pgroup1 h2 {    color:#037abc;  }
div.pgroup20 h1, div.pgroup2 h2 {    color:#fe9900;  }

div.order span.infotext {
    display:block;
}

div.order fieldset {
    padding-top:10px;
    margin-top:20px;
    border-left:none;
    border-bottom:none;
    border-right:none;
}

div.order fieldset legend {
    font-size:12px;
    font-weight:bold;
}

div.order label {
    vertical-align:middle;
    display:block;
    text-align:right;
    float:left;
    margin-right:5px;
    width:170px;
}

input.orderConfDomain {
    float:left;
    margin-right:10px;
}

p.suffix, p.prefix {
    color:gray;
}

p.suffix {
    font-size:10px !important;
}

div.order input {
    vertical-align:middle;
}


div.order fieldset.customer input.textZip {
    width:35px;
}

div.order table {
    margin-bottom:10px;
}

div.order table thead td {
    border-bottom:#c0c0c0;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

div.order table td {
    width:150px;
}

div.order table, div.product table {
    font-size:12px;
}

div.product p {
    font-size:12px;
}

/* Rechter frame: rechtes unteres menü */

div#frameright {
    font-size:12px;
}

.ufoto {
    text-align:right;
}

div#frameright a {
    display:block;
    color:black;
    text-decoration:none;
}

div#frameright span {
    display:block;
}

div#frameright span.head {
    font-size:14px;
    font-weight:bold;
}

/* Unterschiedliche Farben fuer Haupteintrag */

div.webspaceMenu span.head , body.portalwebspace div#framemain h1   {   color:#037abc; }
div.domainMenu span.head , body.appdomainregister div#framemain h3  {   color:#fe9900; }
div.susideMenu span.head , body.portalsuside div#framemain h1       {   color:#5b3e1c; }
div.javaMenu span.head , body.portaljava div#framemain h1           {   color:#970f01; }

/* FRAME-MAIN für die jeweils verschiedenen Seiten */

div#framemain {
    background-position:top left;
    background-repeat:no-repeat;
}

/* Teaser auf der Hauptseite sowie Produkt-Gruppen unterseiten (mit icon) */

body.portalwebspace div#framemain, .teaserWebspace {
    padding-left:50px;
    background-image:url('/custom/stumpner.net/images/webspace.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

body.appdomainregister div#framemain, .teaserDomain {
    padding-left:50px;
    background-image:url('/custom/stumpner.net/images/kugel.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

body.portalsuside div#framemain, .teaserSuside, body.appshopproduct div.pgroup50 {
    padding-left:50px;
    background-image:url('/custom/stumpner.net/images/SuSide-Punkt.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

body.portaljava div#framemain, .teaserJava {
    padding-left:50px;
    background-image:url('/custom/stumpner.net/images/java_bohne.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

/** Kontakt-Formular **/

form.contactForm label {
    display:block;
    width:100px;
    float:left;
}

form.contactForm textarea {
    width:250px;
    height:70px;
    font-size:12px;
}

/** Webspace - Lokales menü */

div#rightbot div.webspaceMenu li:hover {
    background-image:url('/custom/stumpner.net/images/web-local_on.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

div#rightbot div.webspaceMenu li:hover a, div#rightbot div.webspaceMenu li:hover span {
    color:white;
}

/* SuSIDE - Lokales Menü (Preise) */

div#rightbot div.susideMenu li:hover {
    background-image:url('/custom/stumpner.net/images/suside-local_on.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

div#rightbot div.susideMenu li:hover a, div#rightbot div.susideMenu li:hover span {
    color:white;
}

/** Domainregistrierungs-Seite **/

body.appdomainregister div#framemain legend {
    font-size:12px;
    font-weight:bold;
}

/** SuSIDE Seite **/

div#rightbot div.susideLocalMenu ul {
    margin-top:10px;
}

div#rightbot div.susideLocalMenu li {
    padding:0px;
}

div#rightbot div.susideLocalMenu li a {
    padding:3px;
    /*background-color:#5b3e1c;*/
    background-image:url('/custom/stumpner.net/images/suside_submenue.jpg');
}

div#rightbot div.susideLocalMenu li a:hover {
    background-color:#5b3e1c;
    background-image:none;
}

div#rightbot div.susideLocalMenu span.head {
    color:#FFFFFF;
}

body.portalsuside div#framemain div.susidePara {
    margin-bottom:20px;
    padding-left:50px;
    width:370px;
    background-position:top left;
    background-repeat:no-repeat;
}

/* SuSIDE Uebersichtsseite mit Icons */

div.susideGo {
    background-image:url('/custom/stumpner.net/images/suside_go.jpg');
}

div.susideLook {
    background-image:url('/custom/stumpner.net/images/suside_brille.jpg');
}

div.susideSearch {
    background-image:url('/custom/stumpner.net/images/suside_lupe.jpg');
}

div.susideWorldwide {
    background-image:url('/custom/stumpner.net/images/globus.jpg');
}

div.susideBackup {
    background-image:url('/custom/stumpner.net/images/suside_backup.jpg');
}

div.susideShop {
    background-image:url('/custom/stumpner.net/images/suside_geld.jpg');
}

/** Domain Register Seite **/

body.appdomainregister fieldset {
    padding:10px;
}