body { color: black; background-color: rgb(222, 222, 222);}

* { margin: 0; padding: 0; border: none; font-family: Arial; font-stretch: extra-condensed}

.container {width: 700px; height: 723px; margin-left: 120px; margin-right: auto; margin-top: 15px; border-top: 50px solid rgb(96, 96, 96);
border-left: 50px solid rgb(96, 96, 96); border-right: 50px solid rgb(96, 96, 96); float: left;}

alt {font-size: 10px}

.navi {width: 350px; height: 138px; background-image: url(../bilder/navi.jpg); background-repeat: no-repeat}

.navi ul {margin-left: 30px; margin-top: 20px}

.navi li {margin-bottom: 4px; list-style-type: none}

.navi a:link, .navi a:visited {color: rgb(70, 70, 70); font-size: 13px; font-style: italic; font-weight: bold; text-decoration: none; }

.navi li a:hover  {color: rgb(222, 222, 222); font-size: 13px; font-weight: bold; text-decoration: none;}

.mainlinks {width: 350px; height: 300px; float: left; font-style: italic; letter-spacing: 1px;}

.index {width: 350px; height: 300px; background-image: url(../bilder/startml.jpg); background-repeat: no-repeat}
.service {width: 350px; height: 300px; background-image: url(../bilder/serviceml.jpg); background-repeat: no-repeat}
.referenzen {width: 350px; height: 300px; background-image: url(../bilder/referenzenml.jpg); background-repeat: no-repeat}
.impressum {width: 350px; height: 300px; background-image: url(../bilder/impressumml.jpg); background-repeat: no-repeat}
.kontakt {width: 350px; height: 300px; background-image: url(../bilder/kontaktml.jpg); background-repeat: no-repeat}

h1 {margin-bottom: 16px; margin-left: 40px; margin-top: 80px; font-size: 12px;}

h1.kabstand {margin-top: 55px}

.mainlinks p {margin-left: 55px; margin-bottom: 65px; font-size: 12px; line-height: 18px; font-style: normal; 
				letter-spacing: normal; }

.links {float: left}
.rechts {float: right}

.box {width: 700px; height: 225px; clear: both}

.untenlinks {width: 350px; height: 225px; float: left}

.indexul {background-image: url(../bilder/indexul.jpg); background-repeat: no-repeat}
.serviceul {background-image: url(../bilder/serviceul.jpg); background-repeat: no-repeat}
.referenzenul {background-image: url(../bilder/referenzenul.jpg); background-repeat: no-repeat}
.kontimp {background-color: rgb(138, 35, 0)}

p.ultextindex {font-size: 12px; color: #fff; margin: 112px 5px 0 180px; line-height: 25px}
p.ultextservice {font-size: 12px; color: #fff; margin: 112px 5px 0 55px; line-height: 25px}
p.ultextreferenzenl {font-size: 12px; color: #fff; width: 140px; float: left; margin-left:55px; margin-top: 20px; line-height: 25px}
p.ultextreferenzenr {font-size: 12px; color: #fff; width: 140px; float: right; margin-left: 5px; margin-top: 20px; margin-right: 8px; line-height: 25px}
p.ultextimpressum {font-size: 12px; color: #fff; margin: 50px 0px 0px 55px; line-height: 25px}

.untenrechts  {width: 175px; height: 225px; float: right}
.untenrechts p {font-size: 12px; margin-top: 110px; margin-left: 30px; margin-right: 5px; color: #fff; line-height: 17px}

.indexur {background-image: url(../bilder/startur.gif); background-repeat: no-repeat}
.serviceur {background-image: url(../bilder/serviceur.gif); background-repeat: no-repeat}
.referenzenur {background-image: url(../bilder/referenzenur.gif); background-repeat: no-repeat}



.unten {width: 700px; height: 60px; background-color: rgb(239, 155, 17); clear: right; clear: left;}

.untenbox {width: 700px;}
.unten p {color: #fff; font-size: 9px; float: left; margin: 5px}

.unten a:link, .unten a:visited {float: right; text-decoration: none; font-size: 12px; color: #fff; margin: 5px}
.unten a:hover {float: right; font-size: 12px; color: rgb(96, 96, 96); margin: 5px}

.linkunten {width: 390px; text-align: left;}
.linkunten a:link, .linkunten a:visited {font-size: 18px; color: #fff; text-decoration: none}
.linkunten a:hover {font-size: 18px; text-decoration: underline; color: rgb(100, 100, 100)}