body {width: 100%; font-size: 1em; padding: 0px; margin: 0px; font-family: Arial; background-color: #a7a8aa; text-align: center;}
#black {background-color: black;}
#yellow {background-color: #ffed00;}
#grey {background-color: #a7a8aa;}
.textlink {color: #ffed00; text-decoration: none;}
.mehrlink {color: #ffed00; text-decoration: none; font-weight: bold;}
.zuruecklink {color: #4f4e4e; text-decoration: none; font-size: 0.7em; font-weight: bold; display: block; position: absolute; margin-top: -13px;}
.pfeil {border: none; position: relative; top: -1px; padding-right: 2px; }
.clearleft {clear: left; height: 1px;}  
.clearboth {clear: both;}
.clearbothfarben {clear: both; height: 20px;}
.clearright {clear: right;}
.clearbothabstand {clear: both; padding-top: 5px;} 

                        /* Header */
#header {width: 1000px; height: 150px; margin: auto; text-align: left; color: white; font-weight: bold; background-image: url(../cratoni/header.jpg); background-repeat: no-repeat; background-position: 460px;}
#sprachnavi {position: absolute; top: 146px; left: 913px; font-size: 0.8em; z-index: 100}
#sprachnaviliste {list-style-type: none; padding: 0px; margin: 0px; color: black;}
#sprachnaviliste li {display: inline; list-style-type: none;}
#sprachnaviliste li a {color: black; text-decoration: none;}
#firmennavi {text-align: right; position: relative; top: 10px; font-size: 0.7em;}
#firmennaviliste {margin: 0px; padding: 0px; list-style-type: none;}
#firmennaviliste li {display: inline; list-style-type: none;}
#firmennaviliste li a {color: white; text-decoration: none; padding-left: 3px; padding-right: 3px;}
#firmennaviliste li a.aktivfirma {color: #636466;}
#firmennaviliste li a:hover {color: #636466;}
#hauptnavi {font-size: 0.75em; position: relative; top: 16px; color: white;}
#hauptnaviliste {margin: 0px; padding: 0px; list-style-type: none; margin-left: -2px;}
#hauptnaviliste li {display: inline; list-style-type: none;}
#hauptnaviliste li a {color: white; text-decoration: none; padding-left: 3px; padding-right: 3px;}
#hauptnaviliste li a.aktivhaupt {color: #636466;}
#hauptnaviliste li a:hover {color: #636466;}
.clogo {display: block; position: relative; left: -5px; top: 14px;}
.olivenlogo {position: absolute; top: -42px; left: 812px;}

                          /* Footer */
#footer {}
.footergatter {text-align: right; padding-right: 15px; padding-top: 15px;}
.footergatter a {font-size: 0.6em; color: white; text-decoration: none;}
.impressumlink {border-righ: solid 1px white; padding-right: 5px;}

                      /* Unternavigation */
#unternavi {height: 22px; width: 1000px; margin: auto; text-align: left; font-size: 0.7em;}
#unternaviliste {margin: 0px; padding: 0px; list-style-type: none; position: relative; top: 4px;}
#unternaviliste li {display: inline; list-style-type: none;} 
#unternaviliste li a {color: black; text-decoration: none;  font-weight: bold; padding-left: 3px; padding-right: 3px;}                
/* 2010-03-30 salesmachine.biz changed distance between subnav links */
#unternaviliste li a {padding-right:9px;}
#unternaviliste li a.aktivfahrradhelme {color: #636466;}  
#unternaviliste li a:hover {color: #636466;}
.aktivunternavipfeil {position: relative; top: -1px;}

                      /* Content */
#content {width: 1000px; margin: auto; text-align: left; background-color: #b1b3b4; padding-top: 2px;} 
.imagebildgross {display: block; padding: 0px; margin: 0px;}  
.imagebildmittel {display: block; padding: 0px; margin: 0px;}
.imagebilklein {display: block; padding: 0px; margin: 0px;}
#inhaltwebsite {}
.linkerblock {width: 23%; float: left;}
.linkerblockgatter {padding-top: 25px; padding-left: 10px; padding-right: 10px;}
.linkerblockinhalt {padding-top: 1px;}
.linkerblockinhalt img {display: block; margin-bottom: 3px;}
.linkerblocktext {padding: 0px; margin: 0px; color: black; font-size: 0.7em;margin-bottom: 25px; line-height: 1.2em;}
.linkerblocktext p {margin: 0px; padding: 0px;}
.rechterblock {width: 77%; float: right; padding-top: 25px;}
.mittelspalte {width: 65%; float: left;}
.rechtespaltebild {display: inline-block; margin-bottom: 25px;}
.rechtespalte {width: 32%; float: right; }
.rechtespalte p {margin: 0px; padding: 0px;}
.mittelspaltetext {margin: 0px; padding: 0px; font-size: 0.7em;}
.mittelspaltetext p {padding: 0px; margin: 0px;}
.insidenavigatter {padding-top: 10px; padding-left: 10px; padding-right: 10px;}
.insidenaviliste {padding: 0px; margin: 0px; list-style-type: none; padding-left: 8px;}
.insidenaviliste li {float: left; margin-right: 60px;}
.insidenaviliste li a {color: black; text-decoration: none; font-size: 1.05em;}
.insidenaviliste li a.aktivinside {color: #ffed00;}
.insidenaviliste li a:hover {color: #ffed00;}
.linktabelle {padding: 0px; margin: 0px; list-style-type: none;}
.linktabelle td {width: 180px;}
.linktabelle a {color: #ffed00; font-size: 0.75em; text-decoration: none; font-weight: bold;}
.linktabelle a:hover {color: white;}
.linktabelle p {margin: 0px; padding: 0px; color: black; font-size: 0.7em;}



                      /* Newsticker */
#h1team {padding:0px; margin: 0px; color: #ffed00; font-size: 1.05em; font-weight: normal; font-family: Arial;}
.teamheadline {display: block; font-size: 1em; color: white;}
.datum {padding: 0px; margin: 0px; font-weight: bold; color: #4f4e4e; font-size: 0.7em;}
.datum2 {padding: 0px; margin: 0px; font-weight: bold; color: #4f4e4e; font-size: 1em;}
.artikelueberschrift {padding: 0px; margin: 0px; font-size: 1em; color: white;}
.unterzeile {padding: 0px; margin: 0px; font-size: 0.6em; margin-top: 10px;}
.unterzeiletext {padding: 0px; margin: 0px; font-size: 0.6em; margin-top: 10px; margin-bottom: 10px;}
.dreizeilen {padding: 0px; margin: 0px; font-size: 0.7em; margin-top: 10px; margin-bottom: 20px;}
.dreizeilen p {margin: 0px; padding: 0px; font-size: 1em;}
#newsticker {padding-right:7px;}

                      /* Startseite */
#teaserleiste {margin-top: 2px; background-color:#87888a;}
.gatter {padding-top: 11px; padding-left: 20px; padding-right: 18px; padding-bottom: 10px;}
.teaserueberschrift {margin: 0px; padding: 0px; color: white; font-size: 1.15em; font-weight: bold; margin-bottom: 8px;}
.teaserinhalt {margin-bottom: 0px;}
.teaserinhalt p {margin: 0px; padding: 0px;}
.teaser1 {width: 198px; float: left; background-color: #87888a; color: white; font-size: 0.7em; line-height: 1.1em; margin-right: 2px;} 
.teaser2 {width: 198px; float: left; background-color: #87888a; color: white; font-size: 0.7em; line-height: 1.1em; margin-right: 2px;}
.teaser3 {width: 199px; float: left; background-color: #87888a; color: white; font-size: 0.7em; line-height: 1.1em; margin-right: 2px;} 
.teaser4 {width: 198px; float: left; background-color: #87888a; color: white; font-size: 0.7em; line-height: 1.1em; margin-right: 2px;} 
.teaser5 {width: 199px; float: left; background-color: #87888a; color: white; font-size: 0.7em; line-height: 1.1em;} 
.mehrlinkstartseitenteaser {color: #ffed00; text-decoration: none; font-weight: bold; font-size: 1em;}
.headlinebild {position: relative; left: -2px;}
h1 {margin: 0px; padding: 0px; font-size: 0.85em; margin-bottom: 13px;}
.mittelspaltetext h1 {display: block; font-size: 1.55em; color: white; font-weight: normal;}
.inhaltstextleft {margin: 0px; padding: 0px; float: left; width: 435px; font-size: 0.8em;}
.inhaltstextright {margin: 0px; padding: 0px; float: right; width: 435px; font-size: 0.8em;}

                 /* Alle Produkte */
#produktleiste {background-color: #87888a;}
.produktleistegatter {padding-top: 15px; padding-bottom: 15px; padding-left: 40px;}
.produktleistenliste {list-style-type: none; margin: 0px; padding: 0px;}
.produktleistenliste li {float: left; width: 160px; background-color: #87888a; margin-bottom: 10px;}
.produktleistenbild {display: block; border: none;}
.produktligatter {line-height: 0.8em;}
.produktleistenliste a {text-decoration: none;}
.mehrlink2 {color: #ffed00; font-weight: bold; font-size: 0.7em;}
.produktname {color: white; font-weight: bold; font-size: 0.9em; display: block; margin-top: 4px; margin-bottom: 3px;}
.produktbeschreibungkurz {margin: 0px; padding: 0px; font-size: 0.7em; color: black; font-weigh: bold; width: 100px;}

 /* Haendler */

.linkeseite {float: left; width: 230px;}
.rechteseite {float: right; width: 230px;}
.clearbothhaendler {clear: both; height: 20px;}


                /* Produkt */

.produktbildgrossimg {padding-top: 15px;}
.produktbildgross a {text-decoration:none;}
.lupe {border: none; position: relative; top: 15px; left: 105px;}
.produktnavilinkleft {display: block; width: 100px; float: left; text-decoration: none; font-size: 0.65em; color: #ffed00;}
.produktnavilinkright {display: block; width: 100px; float: right; text-decoration: none; font-size: 0.65em; color: #ffed00;}
.produktnavibild {width: 90px; border: none; display: block; margin-bottom: 7px;}
.produktlinks {float: left; width: 48%; font-size: 0.7em;}
.produktlinks p {margin: 0px; padding: 0px;}
.produktrechts {float: right; width: 48%; font-size: 0.7em;}
.produktrechts p {margin: 0px; padding: 0px;}
.headlinebildprodukt {position: relative; left: -2px;}
.produktrechts ul {list-style-type:none; margin: 0px 0px 0px 15px; padding: 0px;list-style-image:url(../cratoni/dreieck_sw_5.jpg);list-style-position:outside;}
.produktrechts ul li {margin-right: 4px; position: relative; top: -1px;}
#produkticonleiste {height: 45px; background-color: #87888a;}
.produkticonleistegatter {padding-left: 12px;}
#produkticonleiste img {border: none; padding-right: 2px;}
.produkticonlink {text-decoration: none;}
#produktbildgross {float: left; width: 750px; height: 453px; background-color: #87888a; text-align: center; margin-right: 2px;}
#produktnavi {float: right; width: 248px; background-color: #87888a; height: 453px; line-height: 0.7em;}
.produktnavigatter {margin-top: 15px; padding-left: 15px; padding-right: 15px; height: 388px;}

                  /* Athleten */
#athletennavi {}

                /* Community */
#communitynavi {}
#h1communityaktuell {color: white; font-size: 0.9em; font-weight: normal; font-family: Arial;}
#community p {padding: 0px; margin: 0px;}
#community h1 {color: white; font-size: 1.3em; font-weight: bold; font-family: Arial;}
#community img {border-width:0px;}
#community a {color: #ffed00; text-decoration: none; font-weight: bold;}

                /* Video */
.videobildgross {float: left; width: 750px; height: 480px; background-color:black;margin-right: 2px;}
#videonavi {float: right; width: 248px; background-color: black; height: 480px; line-height: 0.7em;}
.videonavigatter {padding: 2px 13px 13px 13px;}
.rechterblockvideo {}
.videonavitext {padding: 0px; margin: 0px; color: white; font-size: 0.7em; line-height: 1.2em;}
.videoanmeldung {font-family: courier; font-size: 0.6em; letter-spacing: -1px; color: white; margin-top: 15px; border: solid 2px #a7a8aa; padding: 5px;}
.bezeichner {display: block; margin-bottom: 3px;}
.eingabe {width: 185px; font-size: 1em;}
.videos td {width: 165px; vertical-align: top; padding-bottom: 20px;}
.kleinesvideo {width: 155px; display: block;}
.videoheadline {font-size: 0.9em; color: white; padding: 0px; margin: 0px; padding-top: 4px; padding-bottom: 3px; width: 155px;}
.videoerklaerung {padding: 0px; margin: 0px; font-size: 0.7em;}
.step1 {padding: 0px; margin: 0px; font-size: 1em; margin-bottom: 15px;}
.step2 {padding: 0px; margin: 0px; font-size: 1em; font-family:courier; margin-top: 10px; margin-bottom: 12px;}
#dateifeld {float: left; width: 110px; font-size: 0.9em;}
#durchsuchen {float: right; width: 80px; font-size: 1em; font-family: Arial; border: solid 1px #a7a8aa; margin: 0px; padding: 0px;}
#agree {float: left;}
#agreelabel {float: right; width: 162px;}
.zeile {padding: 0px; margin: 0px; padding-bottom: 10px;}
.durchsuchenzeile {padding: 0px; margin: 0px; height: 28px;}
.checkboxzeile {clear: both; padding: 0px; margin: 0px;}
.submitzeile {padding: 0px; margin: 0px; margin-top: 10px;}
.videosubmitlink {text-decoration: none;}
.videosubmitlinkbild {border: none; display: block;}
#videotext h1 {font-size: 0.9em; color: white; padding: 0px; margin: 0px; padding-top: 4px; padding-bottom: 3px; width: 155px;}
#videotext p {padding: 0px; margin: 0px; font-size: 0.7em;}
#videotext a {color: #ffed00; text-decoration: none; font-weight: bold; font-size: 0.9em;}

 /* Kontaktformular */
#datenblock {width: 380px; margin-top: 10px;}
#datenblock label {display: block; float: left; width: 100px; padding-top: 3px;}
#datenblock input {float: right; display: block; width: 250px; border: solid 1px #999999;}
#mail_frau {position: relative; top: 1px;}
#mail_herr {position: relative; top: 1px;}
#emailkontakt2 {position: relative; top: 1px;}
.sendebutton {border: solid 1px #999999; font-size: 1.2em;}