/* 
Document   : main
Created on : Feb 13, 2009, 10:09:23 PM
Author     : alberto
Description:
This single css contains all needed to render the website, including
navigation bar and images.
*/

root { 
    display: block;
}

/* zero out default formatting for browsers consistency */
body, h1, h2, h3, h4, h5, h6, ol, ul, form, blockquote {
    padding: 0;
    margin: 0;
    font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
}

p {
    padding: 0;
    margin:9px 0;
    font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
}

body {
    background-color:#FDF0F2;
    }

#wrapper {
    float:none;
    width: 760px;
    margin: 0 auto;
    padding: 0 20px;
    background-image:url(img/wrapperborder_gradient.png);
    background-repeat: repeat-y;
    background-position: left top;

    /* fixes IE5 flaws */
    text-align:left;
}

#navbar {
    width:100%;
    background:silver;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #666;
}

#navbar p {
    margin:0;
    padding:0;
}

#banner {
    padding-left:40px;
    color:black;
    position:relative;
}

#banner h1 {
    padding-top:9px;
}

#permalinks {
    position:absolute;
    font-size:80%;
    bottom:0;
    right:40px;
    text-align:right;
}

.separator {
    padding-right:15px;
    border-right:1px solid #666666;
    margin-right:15px
}

/* Main tabs */
#tabs {
    width:410px;
    float:left;
    padding:10px 0 0 80px;
}
#tabs ul {
    list-style:none;
}
#tabs ul li {
    display:inline;
}
#tabs ul a {
    float:left;
    background:url("img/tableftF.gif") no-repeat left top;
    padding-left:4px;
    text-decoration:none;
}
#tabs ul a span {
    display:block;
    background:url("img/tabrightF.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs ul a span {float:none;}
/* End IE5-Mac hack */
#tabs ul a:hover span {
    color:black;
}

/* You are here */
body#Startseite a#StartseiteLink,
body#Erfindung a#ErfindungLink,
body#Bestellen a#BestellenLink,
body#Presse a#PresseLink {
    color:black;
    background-position:0% -42px;
}

body#Startseite a#StartseiteLink span,
body#Erfindung a#ErfindungLink span,
body#Bestellen a#BestellenLink span,
body#Presse a#PresseLink span {
    color:black;
    background-position:100% -42px;
}

#main {
    /* width: 760-80-80=600 */
    width:600px;
    padding:40px 80px;
    background-color:white;
}

#main h1 {
    padding-top:15px;
    padding-bottom:9px;
    font-size:x-large;
}

#main h2 {
    font-size:large;
}

#main p.order {
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid silver;
}

.moto {
    font-style:italic;
    font-size:large;
    margin-top:-15px;
    color:#562b1f;
}

.rightimg {
    float:right;
    padding: 7px;
}



#footer {
    clear:both;
    line-height:normal;
    border-top:1px solid #666;
    width:100%;
    text-align:center;
    background-color:silver;
    font-size:80%;
    padding-bottom:20px;
}

#footer p {
    margin:0;
}

#footer img {
    float:right;
}

#bottom {
    width:800px;
    margin:0 auto;
    height:20px;
    background-image:url(img/wrapperborder_bottom_gradient.png);
    background-position: bottom center;
    background-repeat:no-repeat;
}

.clear {
    clear:both;
}


/* Form section ------------------------------------------- */
fieldset {
    margin:25px 0;
}

form#Bestellen {
    padding-top:40px;

}

col#label {
    width:150px;
}

td.label, span.label {
    text-align:right;
    padding-right:10px;
}

.note, .note p {
    font-size:small;
    padding-right:6px;
}

table input {
    margin-right:10px;
}

input#Name, input#Strasse, input#email, input#Telefon {
    width:430px;
}

input#PLZ, input#anzahl, input#anzahlklein {
    width:65px; /* 5 char x 13px */
}

td.Ort span.label {
    /* Label "Ort" */
    width:20px;
    display:inline-block;
}

input#Ort {
    /* 315 = 430 - 65 - 10 - 10 - 20 - 10 */
    width:315px;
}

textarea#Bemerkungen, textarea#Message {
    width:430px;
}

tr#conditionsaccepted {
    /*display:none;*/
}

tr#conditionsaccepted td {
    font-size:smaller;
    padding:15px 0;
}

/* -------------------------------------------------------- */

/* Presse ------------------------------------------------- */
h2.reference {
    margin-top:-15px;
    color:#562b1f;
    position:relative;
    border-bottom:1px solid black;
}
h2 img.reference {
    position:absolute;
    bottom:0;
    right:0;
}
/* -------------------------------------------------------- */

/* Address ------------------------------------------------ */
address {
    padding:32px 0;
    text-align:center;
    margin:15px;
    color:#333;
}
/* -------------------------------------------------------- */

.error {
    color:red;
}

/* Rueckgabe ---------------------------------------------- */
.rueckgabe {
    padding:14px 0;
}