/* CSS Document */

/*
    Überschrift:#FFDF00;
    Hintergrund:#7F7F83;
*/

* {
    margin:0;
    padding:0;
    border:0;
    color:#ffffff;
    font-family:Arial,Verdana,sans-serif;
}

p {
    margin-bottom:2em;
    color: #ffffff;
}
table p {
    margin:0px; padding:0px; border:0px;
}



ul {
    margin:5px 10px;
    padding:0;
    border:0;
}
li {
    margin:0 10px;
    padding:0;
    border:0;
}


h2 {
    font-weight: normal;
    color:#ffffff;
    font-size:15pt;
    margin:0p;
}
h3 {
    font-size:15px;
    line-height:23px;
    font-weight:normal;
    text-decoration:underline;
    border:0px;
    margin:5px 0px;
}

.bigtext {
    font-size:110%;
}

html, body {
    height:100%;
    background-color:#7F7F83;
    text-align:center;
}

#abstand {
	width:1px;
	height:50%;
	margin-bottom:-300px; /* half of container's height */
	float:left;
/*margin-bottom:-302px;*/
}

div#seite {
    position:relative;
    width:1000px; height:600px;
/*width:1007px; height:603px;*/
    margin:0 auto;
    background:url(images/hintergrund.jpg) center center no-repeat;
    text-align:left;
    clear:left;
}

div#seite.garantie {
	background:url(images/hintergrund_garantie.jpg) center center no-repeat;
}

div#menu_oben {
    width:750px; height:25px;
    position:absolute; top:73px; left:240px;
    line-height:25px;
    font-weight:bold;
	/*border:1px #999999 solid;*/
}
    #menu_oben ul.menuliste {
        list-style:none;
        margin:0;
        padding:0;
        border:0;
    }
    #menu_oben ul.menuliste li {
        float:left;
        position:relative;
        text-align:center;
        margin-left:7px;
        padding:0;
        border:0;
    }
        #menu_oben ul li a {
            color:#B10215;
            font-size:13px;
            text-decoration:none;
        }
        #menu_oben ul li a.aktiv {
            color:#B10215;
        }
        
        #menu_oben a:hover {
		  color: #FFFFFF;
		}

div#menu_unten {
    width:155px; height:338px;
    position:absolute; top:155px; left:272px;
    line-height:25px;
}
    #menu_unten ul.menuliste {
        list-style:none;
        margin:0;
        padding:0;
        border:0;
    }
    #menu_unten ul.menuliste li {
        height:31px;
        font-size:13px;
        line-height:31px;
    }
    #menu_unten ul.menuliste li a {
        text-decoration:none;
    }

h1 {
    /*font-size:18px;*/
    font-size:100%;
    line-height:120%;
    font-weight:bold;
/*   color:#E9E7ED ;*/
}

div#startbild {
    position:absolute; top:250px; left:50px;
    text-align:left;
    z-index:2;
}

div#inhalt {
    width:510px;
	height:333px;
    position:absolute; top:159px; left:444px;
    overflow:auto;
}

.garantie div#inhalt {
	height:273px;
    top:219px;
}


div.text, div.starttext {
    /*width:420px;*/
    padding:0px 10px 0px 5px;
    color:#ffffff;
    /*font-size:10pt;*/
    font-size:90%;
}

div.text a {
    text-decoration:underline;
    color:#E9E7ED;
}

div.produkttext {
    width:260px;
    color:#ffffff;
    font-size:10pt;
}

div.starttext {

}


 a {
    text-decoration:underline;
    color: #E9E7ED;
}

div.prod1 {
    left:340px;
    position:absolute;
    text-align:left;
    z-index:2;
}

    div.prod1 .prodbild {
        margin:12px 0px 28px 0px;
    }

        div.prod1 .prodbild img {
            width: 130px;
            border: 1px solid #FFFFFF;
        }


div.prod2 {
    left:540px;
    position:absolute;
    text-align:left;
    z-index:2;
}

    div.prod2 .prodbild2 {
        margin:12px 0px 28px 0px;
    }

        div.prod2 .prodbild2 img {
            width: 130px;
            border: 1px solid #FFFFFF;
        }

div.prod3 {
    left:740px;
    position:absolute;
    text-align:left;
    z-index:2;
}

    div.prod3 .prodbild3 {
        margin:12px 0px 28px 0px;
    }

        div.prod3 .prodbild3 img {
            width: 130px;
            border: 1px solid #FFFFFF;
        }


div.bilder {
    width:200px;
    position:absolute;
    text-align:left;
    z-index:2;
}

        div.bilder .bild img {
         margin:20px 0px 10px 0px;
            width: 150px;
            border: 1px solid #FFFFFF;
        }

div#inhalt table#formulartabelle {
    margin-top:10px;
}
div#inhalt table#formulartabelle th {
    text-align:right;
    margin-right:2px;
    padding:1px 6px;
    font-size:12px; font-weight:bold;
}
div#inhalt table#formulartabelle td {
    text-align:left;
    margin-left:2px;
    padding:1px;
    font-size:12px; font-weight:normal;
}
div#inhalt table#formulartabelle input {
    margin:1px 5px;
    color:#000;
}
div#inhalt table#formulartabelle select {
    margin:1px 5px;
    color:#000;
}
div#inhalt table#formulartabelle textarea {
    margin:1px 5px;
    color:#000;
}

    div.kontakttext table {
        width:420px;
        text-align:left;
    }
    div.kontakttext table * {
        font-size:12px;
    }

div.text .preis, div.text .preis *  {
    font-size:16px;
    font-weight:bold;
    color:#c33;
}

div.galeriebild {
    position:absolute;
    overflow:hidden;
}
div.galeriebild img {
    border:#fff 1px solid;
    width:140px; height:105px;
}

div#autolink {
    position:absolute;
    left:95px; top:537px;
}
div#autolink a {
    color:#D42E39;
    text-decoration:none;
    font-size:18px;
}

div#titelbild {
    position:absolute;
    left:557px; top:515px;
    width:400px; height:35px;
    text-align:right;
}

ul.linkliste li {
    margin-top:0.5em;
    margin-bottom:0.5em;
}
ul.linkliste a {
    text-decoration:none;
}
ul.linkliste a:hover {
    text-decoration:underline;
}

.submit {
    background-color:#B10215;
}

