body { color: black; background-color: #e2e3e3; background-repeat: no-repeat; background-position: center 0; text-align: center; margin: 0; padding: 0; border-width: 0; }
p {}
table { text-align: center; width: auto; margin: 0; padding: 0; border-width: 0; }
tr { padding: 0; border-width: 0; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat-x; text-align: center; padding: 0; border-width: 0; }
a:link { color: #70797c; text-decoration: none; border-width: 0; outline-width: 0; }
a:visited { color: #808080; text-decoration: none; margin: 0; padding: 0; border-color: black; border-width: 1px; outline-color: black; outline-width: 0; }
a:hover { color: #e5680b ; margin: 0; padding: 0; border-width: 0; outline-width: 0; }
a:active { outline-width: 0; }
.leiste { background-image: url(../bilder/kozik_leiste.jpg); background-repeat: repeat-x; background-position: center 0; height: 70px; margin-top: 30px; margin-right: 0; margin-left: 0; padding: 0; border-width: 0; }
.leiste_referenzen { background-image: url(../bilder/Kozik-Konzept-Logo.jpg); background-repeat: no-repeat; background-position: center bottom; height: 20px; margin-top: 10px; margin-bottom: 5px; padding-top: 0; padding-bottom: 20px; }
.nav { text-align: center; }
.link  { color: #9d9d9d; font-size: 80%; text-align: center; }
.link a:hover { color: #d4d4d4; font-size: 80%; text-align: center; }
/*Hauptnavigation
*/
ul#menu
{ margin:0; padding:0 12px 2px; width:auto; display:block; height:auto; font-size:70%; font-weight:normal; font-family:Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; background-image: url(../bilder/Nav/bg.jpg); background-repeat: repeat; background-attachment: scroll; background-position: center top; text-decoration: none; text-align: center; border-top: 1px solid #000000; border-bottom: 2px solid #000000; }

ul#menu li
{ text-align: center; display:block; float:left; margin:0; pading:0; }
	
ul#menu li a
{ display:block; color:white; text-decoration:none; font-weight:bold; text-align: center; padding: 0 12px;
	hei

}
ul#menu li a:hover
{ color:white; background-image: url(../bilder/Nav/over.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; text-align: center; }
/*Ende
*/
.nav_bg { background-color: black; background-position: center top; height: 20px; margin: 0; border-top-width: 0; border-bottom-width: 0; }
h1 { font-size: 100%; font-weight: bold; }
h2 { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; }
h3 { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; }
ul#submenu
{ color: black; margin:-2px 0 0; padding:2px 3px 0; width:auto; display:block; height:19px; font-size:70%; font-weight:normal; font-family:Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; background-image: url(../bilder/subnav.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; border-top: 0 solid #000000; border-bottom: 0 solid #000000; }
ul#submenu li
{ text-align: center; vertical-align: super; display:block; float:left; margin:0; pading:0; }
ul#submenu li a
{ display:block; color:black; text-decoration:none; font-weight:normal; background-repeat: no-repeat; background-position: right center; text-align: center; padding: 0 4px;
	hei

}
ul#submenu li a:hover
{ color:gray; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-align: center; }
ul#submenu li a:active { color: gray; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-align: center; }
.subnav_bg { }
/*Musterseite Referenzen
*/
#referenz { background-image: url(../bilder/referenzen/zeitwerk_01.jpg); background-repeat: no-repeat; background-position: right center; width: 900px; height: 600px; margin-top: 0; padding: 0; border: solid 2px #d4d4d4; outline-color: #d4d4d4; }
#td_referenz { text-align: left; vertical-align: top; margin: 0; padding-top: 20px; padding-left: 40px; border-width: 0; }
#tr_referenz { text-align: left; vertical-align: top; margin: 0; padding: 0; border-width: 0; }
#Pfeile { width: 180px; height: 60px; }
/*Referenzen
*/
#oatsnack { background-image: url(../bilder/referenzen/OatSnack-Collage.jpg); background-repeat: no-repeat; background-position: right center; width: 750px; height: 500px; margin-top: 25px; padding: 0; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#zeitwerk { background-image: url(../bilder/referenzen/ZeitWerk-Seite.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#zeitwerk_brand { background-image: url(../bilder/branding/ZeitWerk-Logo.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#clabin { background-image: url(../bilder/packaging/Clabin-Packung.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#femtest { background-image: url(../bilder/pos/Femtest-Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#varilind { background-image: url(../bilder/beratung/Varilind-Ordner.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#visim { background-image: url(../bilder/kataloge/ViSim2.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wellenergy { background-image: url(../bilder/retuschen/WellEnergy_Dose.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wellenergy_brand { background-image: url(../bilder/branding/WellEnergy-Logo.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#harmonie_brand { background-image: url(../bilder/branding/ClaireFisher-Harmonie.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#oatsnack_brand { background-image: url(../bilder/branding/OatSnack-Logo.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#body { background-image: url(../bilder/branding/BodyRelax.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#acasa { background-image: url(../bilder/branding/acasa.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#visim { background-image: url(../bilder/branding/ViSim-Logo.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#dampfbad { background-image: url(../bilder/packaging/ClaireFisher-Dampfbad.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#aza_stick { background-image: url(../bilder/packaging/Azaron-Stick.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#hautdragees { background-image: url(../bilder/packaging/ClaireFisher_Hautdragees.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#oatsnack_pack { background-image: url(../bilder/packaging/OatSnack.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#knusperrolle { background-image: url(../bilder/packaging/Knusperrolle.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#aza_bef { background-image: url(../bilder/packaging/Azaron_before.jpg); background-repeat: no-repeat; background-position: center; margin-top: 24px; padding: 0; width: 750px; height: 500px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#cf_pack { background-image: url(../bilder/packaging/ClaireFisher-Packungen.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wellenergy_pack { background-image: url(../bilder/packaging/WellEnergy.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#harmonie_pos { background-image: url(../bilder/pos/CF-Harmonie-POS.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#femtest { background-image: url(../bilder/pos/Femtest-Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wartner_plakat { background-image: url(../bilder/pos/Wartner_Dekoplakat.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wartner_regal { background-image: url(../bilder/pos/Wartner_Hand-Regal.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wartner_hand { background-image: url(../bilder/pos/Wartner_Hand-Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wartner_display { background-image: url(../bilder/pos/Wartner-1Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#wartner_hv { background-image: url(../bilder/pos/Wartner-HV.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#akiba_hv { background-image: url(../bilder/pos/Akiba-HV-Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#akiba_pos { background-image: url(../bilder/pos/Akiba-POS.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#etono { background-image: url(../bilder/pos/Etono-Deko.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#displays { background-image: url(../bilder/pos/drei-Displays.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#oatsnack_dis { background-image: url(../bilder/pos/OatSnack-Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#oatsnack30 { background-image: url(../bilder/pos/OatSnack_30er.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#fusssocken { background-image: url(../bilder/pos/FUSS-Pflege-Display.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#jobdeko { background-image: url(../bilder/pos/Job_Deko.jpg); background-repeat: no-repeat; background-position: right center; margin-top: 40px; padding: 0; width: 900px; height: 600px; border: solid 2px #9d9d9d; outline-color: #d4d4d4; }
#referenzen_bilder { background-repeat: no-repeat; background-position: right center; margin-top: 25px; padding: 0; width: 750px; height: 500px; border: solid 2px #e5e5e5; outline-color: #d4d4d4; }
#philosophie_body { background-repeat: no-repeat; background-position: right top; margin-top: 25px; padding: 0; width: 750px; border-style: solid; border-width: 0; outline-color: #d4d4d4; }
#philo_text { font-size: 70%; background-repeat: no-repeat; background-position: right top; text-align: center; margin-top: 25px; padding: 0; width: 750px; border-style: solid; border-width: 0; outline-color: #d4d4d4; }
#mitte { background-repeat: no-repeat; background-position: right top; padding: 0; margin: 25px 0 0; border-style: solid; border-width: 0; }
#subline_text { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-align: left; padding: 0; border-style: solid; }
#Fussleiste { color: #9d9d9d; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-align: center; margin-top: 0; padding: 30px 0 0; border-style: solid; border-width: 0; }
#cf_spot { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-image: url(../bilder/spots/Doppelseite_Spot.jpg); background-position: center top; text-align: left; width: 750px; height: 500px; margin: 0; padding: 0; border: solid 1px #e5e5e5; }
#leistungen_fond { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-image: url(../bilder/leistungen/Fuer-Sie.jpg); background-position: center top; text-align: center; margin: 0; padding: 0; border-width: 0; }
.leistungen_text { color: black; background-position: right top; text-align: left; vertical-align: top; height: 320px; margin: 0; padding-top: 0; padding-right: 0; border-width: 0; outline-width: 0; }
.leistungen_breite { color: black; background-position: right top; text-align: left; margin: 0; padding-top: 0; padding-right: 0; vertical-align: top; width: 250px; border-width: 0; outline-width: 0; }
.text_spot { color: white; background-position: right top; text-align: right; margin: 0; padding-top: 44px; padding-right: 20px; height: 456px; vertical-align: top; border-width: 0; outline-width: 0; }
.text_spot2 { color: white; background-position: right top; text-align: right; padding-top: 0; padding-right: 0; height: 500px; vertical-align: top; }
hr { margin-top: 40px; margin-bottom: 2px; padding: 0 0 3px; border-style: solid; border-width: 0 0 0; }
#leistungen_liste { color: black; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; text-align: left; list-style-type: disc; }
.leistungen_fond { background-image: url(../bilder/leistungen/Fuer-Sie.jpg); background-repeat: no-repeat; background-position: center top; width: 750px; }
#tr_oben { }
.tr_oben { background-position: 0 top; vertical-align: top; }
.philosophie { color: black; font-size: 70%; background-image: url(../bilder/Philosophie/Markterfolg-4.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; width: 750px; margin: 0; padding: 0; }
.header { background-color: white; background-image: url(header.jpg); background-repeat: no-repeat; background-position: center 0; text-align: center; width: 100%; height: 200px; }
.content { background-color: #e2e3e3; background-image: url(bg_footer.jpg); background-repeat: no-repeat; background-position: left 0; height: auto; padding-top: 100px; }
.footer { color: #70797c; font-size: 80%; font-family: "Trebuchet MS"; background-color: #e2e3e3; vertical-align: bottom; width: auto; }