/*
*  eks-kabey.css
*  2007_12
*  info@schoenundneu.de
*/

* { 
margin: 0; 
padding: 0; 
}

body {
font-size: 100.01%;
font-family: Verdana, Helvetica, sans-serif;
color: #00285f;
background: #fff url(../bilder/verlauf-seiten.gif) repeat-x left 25px;
text-align: center;
margin: 25px auto;
padding: 0;
}

#center {
position: relative;
width: 1000px;
height: auto;
margin: 0px auto;
text-align: left;
background: white;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 10px dotted #e2e2e2;
} 

a.image_home {
position: absolute;
top: 0;
left: 0;
width: 171px;
height: 68px;
z-index: 1000;
}


#header-menu {
	position: absolute;
	top: 70px;
	right: 10px;
	width: 290px;
}
#header-menu a {
	color: white;
	font-weight: bold;	
	font-size: 70%; 
	text-decoration: none;
	display: block;
	line-height: 2em;
	text-align: right;
	width: 290px;
}
#header-menu a:hover {
	text-decoration: underline;
}
#header-menu hr {
	border: 0px;
	height: 1px;
	background-color: #c8dbff;
	color: #c8dbff;
	margin: .3em;
}
#header-menu a img {
	width: 18px; height: 9px;
	display: inline;
	margin: 0 5px 0 5px;
}

/* #sprachenauswahl {
position: absolute;
top: -18px;
right: 5px;
font-size: 75%;
font-weight: bold;
}
#sprachenauswahl a {
color: #6685ff;
text-decoration: none;
}
#sprachenauswahl a:hover {
color: #6685ff;
text-decoration: underline;
} */

#sprachenauswahl {
position: absolute;
/* top: -18px;
right: 5px; */
top: 5px;
/* right: 136px; */
right: 0px;
font-size: 75%;
height: 22px;
line-height: 22px;
width: 152px;
/*border: 1px solid white;*/
padding: 1px 1px 1px 4px;
font-weight: bold;
background: url(../bilder/english.gif)  112px 1px no-repeat;
}
#sprachenauswahl a {
color: #004AA2;
text-decoration: none;
display: block;
}
#sprachenauswahl a:hover {
color: #004AA2;
text-decoration: underline;
}

#beispiel-zubehoer {
position: absolute;
top: 136px;
left: 160px;
color: #263f8c;
font-size: 80%;
}
#beispiel-unternehmen {
position: absolute;
top: 156px;
left: 230px;
color: #263f8c;
font-size: 80%;
}
#beispiel {
position: absolute;
top: 136px;
left: 126px;
color: #263f8c;
font-size: 80%;
}
#beispiel p,
#beispiel-zubehoer p,
#beispiel-unternehmen p {
font-size: 70%;
font-weight: normal;
color: #263f8c;
}



#beschreibung p {
font-size: 80%;
margin-bottom: 1em;
}

#beschreibung p.kleiner {
font-weight: bold;
font-size: 80%;
}

#beschreibung hr {
width: 500px;
margin: 1.2em 0 1.8em 0;
height: 1px;
border: 0;
color: #d7e4ff;
background-color: #d7e4ff;
}

#beispiel .blau {
display: block;
font-size: 150%;
color: #263f8c;
}

div#beispielbilder {
width: auto;
margin: 1.5em 0;
}

.clear-left {
clear: left;
}

#beschreibung p.bildunterschrift {
display: inline;
font-size: .7em; 
text-indent: .01em;
line-height: 2em;
}

.bild {
width: 241px;
float: left;
margin: 0 1em 0 1.2em;
}



.kasten {
width: 520px;
border: 2px ridge #d7e4ff ;
/* margin-bottom: 1.8em; */
margin-bottom: 0;
padding: .8em;
}

.kasten ul {
margin-bottom: 1.5em;
}

p.anker {
width: 546px;
padding: 1em 0 2em 0;
}


.antworttext {
width: 800px;
font-size: 100%;
margin: 2em 0 180px 30px;
padding: 0 1em;
line-height: 1.3em;
}
.tabellentext {
width: 800px;
font-size: 75%;
margin: 2em 0 2em 30px;
padding: 0 1em;
line-height: 1.3em;
}
.fliesstext {
width: 430px;
font-size: 75%;
margin: 2em 0 2em 30px;
padding: 0 1em;
line-height: 1.3em;
}
.fliesstext p {
text-align: justify;
padding: 0 1.2em;
margin-bottom: .5em;
line-height: 1.3em;
}
.fliesstext p.groesser {
font-size: 110%;
margin: 1.8em 0 .5em 0;
}
.fliesstext p.eingerueckt {
text-align: justify;
padding: 0 1.2em .5em 3em;
line-height: 1.3em;
}
.fliesstext p.endeabstand {
margin-bottom: 4em;
}
.fliesstext p a {
text-align: justify;
margin-bottom: .5em;
line-height: 1.3em;
color: #263f8c;
text-decoration: none;
}
.fliesstext p a:hover {
text-decoration: underline;
}
.fliesstextbild {
float: right;
margin: 1.8em 1.3em 0 0;
width: 313px; 
}
.fliesstextbild p.fliesstextbild {
font-size: 70%;
padding: .9em 0;
line-height: 1.3em;
color: #0059b3;
text-align: right;
margin: 1em -.3em 0 0;
border-top: 1px solid #b8d0ff;
border-bottom: 1px solid #b8d0ff;
}
.fliesstextbild p.fliesstextbild a {
color: #ff6633;
text-decoration: none;
}
.fliesstextbild p.fliesstextbild a:hover {
color: #ff6633;
text-decoration: underline;
}
.fliesstext p.email {
margin: .5em 0 .1em 0;
}

.hauptzeile {
position: relative;
top: 30px;
left: 0px;
width: 1000px;
height: auto;
text-align: justify;
background-color: white;
}

h1.index {
font-family: 'Century Gothic', Arial, sans-serif;
font-style: italic;
font-size: 360%;
/* color: #ffff64; */
color: #ffdf00;
letter-spacing: .01em;
margin: 0; 
padding: 0; 
margin-left: 60px;
}


h1.header {
font-family: Verdana, Arial, sans-serif;
font-size: 130%;
color: #0059b3;
letter-spacing: .01em;
text-transform: uppercase;
line-height: 1.2em;
}
h1.service {
font-family: Verdana, Arial, sans-serif;
font-size: 120%;
color: #0059b3;
letter-spacing: .01em;
text-transform: uppercase;
line-height: 1.4em;
margin-top: 2em;
}
h1.header a {
font-family: Verdana, Arial, sans-serif;
color: #669aff;
letter-spacing: .01em;
text-transform: uppercase;
line-height: 1.2em;
text-decoration: none;
font-weight: bold;
}

h1.text-header {
font-size: 90%;
color: #0059b3;
background-color: #edf4ff;
width: 440px;
margin: 2em 0 0 30px;
border-top: 1px solid #d7e4ff;
border-bottom: 1px solid #d7e4ff;
padding: 1em;
text-align: justify;
line-height: 1.4em;
}
/* h1.text-header span.rechts {
text-align: justify;
} */
h1.text-header span.abstand {
margin-bottom: .4em;
display: block;
}
h1.text-header span.normal {
font-weight: normal;
}

h2 {
font-size: 130%;
width: 900px;
padding: 3em 0 0em 60px;
padding-bottom: 10em;
color: #002c78;
}
h2 span {
font-weight: normal;
font-style: italic;
}

h2.index {
font-size: 100%;
line-height: .9em;
width: 1000px;
text-align: justify;
font-style: normal;
letter-spacing: .01em;
color: #669aff;
margin-left: 60px;
padding: 0; 
}

h2.index span {
/* color: yellow; */
letter-spacing: 0em;
font-weight: bold;
}

h3 {
font-family: 'Century Gothic', Arial, sans-serif;
font-size: 100%;
width: 600px;
margin: 2em 0 2em 60px;
}

h3 span {
text-transform: uppercase;
}

h4.index {
font-size: 140%;
line-height: .9em;
font-style: normal;
letter-spacing: .01em;
color: #669aff;
margin: 40px 0 40px 60px;
padding: 0; 
}

h4.index span {
/* color: yellow; */
letter-spacing: 0em;
font-weight: bold;
}

h4.index a {
color: #669aff;
text-decoration: none;
}
h4.index a:hover {
text-decoration: underline;
}

h2 a {
text-decoration: none;
}

h2 a:hover {
text-decoration: underline;
}

h5 {
margin: 2em 0 .5em 0;
}







ul.navi-rechts {
position: absolute;
top: 250px;
right: 10px;
text-align: right;
color: #0059b3;
font-size: 90%;
}
ul.navi-rechts li {
list-style: none;
text-indent: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
ul.navi-rechts li a {
text-decoration: none;
color: #0059b3;
font-size: 80%;
}
ul.navi-rechts li a:hover {
text-decoration: underline;
}
ul.navi-rechts li img {
border: none;
}
ul.navi-rechts li.invis {
	display: none;
	color: red;
}

ul.navi-rechts-seiten {
float: right;
margin: 20px 5px 20px 10px;
right: 10px;
text-align: right;
color: #0059b3;
font-size: 90%;
}
ul.navi-rechts-seiten li {
list-style: none;
text-indent: .2em;
line-height: 1.3em;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
}
ul.navi-rechts-seiten li a {
text-decoration: none;
color: #669aff;
}
ul.navi-rechts-seiten li a:hover {
text-decoration: underline;
}
ul.navi-rechts-seiten li.aktiv {
text-decoration: none;
color: #0059b3;
}
ul.navi-rechts-seiten li img {
border: none;
}

ul.farbenliste {
padding: 0 10px 20px 30px;
list-style: circle;
}
li.farbe {
padding: 5px 0;
}
ul.index {
font-size: 130%;
color: #4b85e6;
font-weight: normal;
margin-left: 220px;
}
ul.index li {
list-style: none;
background: url(../bilder/raquo-gelb.gif) 0 .3em no-repeat;
text-indent: 1em;
height: 1.4em;
}
ul.index li a {
text-decoration: none;
color: #4b85e6;
}
ul.index li a:hover {
text-decoration: underline;
color: #4b85e6;
}

ul.zubehoer {
margin-left: 4.2em;
line-height: 1.4em;
}

img.dropdown {
position: absolute;
top: 40px;
right: 10px;
}

img {
border: 0;
}

a.bild-link {
position: absolute;
top: 30px;
right: 14px;
}


#kabey {
margin: 6px 0 20px 0;
text-decoration: none;
font-size: 60%;
color: gray;
}

img#logozwei {
position: absolute;
bottom: 0;
right: 0;
}


#seitenheader {
margin: 2em 0 0 2em;
border-top: 1px solid #d7e4ff;
border-bottom: 1px solid #d7e4ff;
font-size: 80%;
width: 807px;
}

.headereins,
.headerzwei,
a.headereins,
a.headerzwei-aktiv,
a.headerzwei {
font-size: 75%;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
a.headereins {
margin-left: 1em;
color: #0059b3;
}

a:hover.headereins,
a:hover.headerzwei {
text-decoration: underline;
}

h1 a.headerzwei {
color: #669AFF;

}

h1 a.headerzwei-aktiv {
color: #0059B3;
}

li.aktiv {
color: #002c78;
border-top: 1px solid #002c78;
border-bottom: 1px solid #002c78;
margin: .3em 0;
}






ul a,
td a {
text-decoration: none;
color: #ff6600;
}
ul a:hover,
td a:hover {
text-decoration: underline;
color: #ff6600;
}

#beschreibung {
margin: 50px 200px 20px 30px;
}

#beschreibung h1 {
color: #0059b3;
font-size: 90%;
border-top: 1px solid #d7e4ff;
border-bottom: 1px solid #d7e4ff;
padding: .8em 0 1.5em 0;
width: 500px;
}
#beschreibung h1 span {
font-size: 90%;
font-weight: normal;
display: block;
width: 400px;
}

#beschreibung img {
float: right;
}

#beschreibung ul {
font-size: 80%;
width: 500px;
}

#beschreibung li {
margin: 0 0 .3em 1em;
list-style-image: url(../bilder/pfeil.gif)
}


#beschreibung p {
width: 500px;
margin: .5em 0 1.2em 0;
line-height: 1.3em;
}  

#sonstnoch img {
margin: 0 0 0 .8em;
padding: 0;
}

h6 {
color: #0059b3;
float: right;
clear: both;
text-align: right;
padding: 1em 0;
font-size: 70%;
border-top: 1px solid #d7e4ff;
border-bottom: 1px solid #d7e4ff;
margin: 1em 5px 0 0;
width: 220px;
}
h6.normal {
color: #0059b3;
float: right;
clear: both;
text-align: right;
padding: 1em 0;
font-size: 75%;
border-top:0px solid #d7e4ff;
border-bottom: 1px solid #d7e4ff;
margin-top: 1em;
width: 220px;
font-weight: normal;
}
h6.breit {
color: #0059b3;
float: right;
clear: both;
text-align: right;
padding: 1em 0;
font-size: 75%;
border-top:1px solid #d7e4ff;
border-bottom: 1px solid #d7e4ff;
margin-top: 1em;
width: 313px;
font-weight: normal;
}
h6 a,
h6.normal a {
display: block; 
color: #0059b3;
text-decoration: none;
font-weight: bold;
}
h6 a:hover,
h6.normal a:hover {
text-decoration: underline;
}

#beschreibung table {
width: 500px;
font-size: 70%;
}
#beschreibung table th {
	width: 140px;
	vertical-align: top;
	padding: .5em .4em;
  border: 1px solid #999;
}
#beschreibung table td {
	line-height: 1.5em;
	padding: .5em .4em;
  border: 1px solid #999;
}



table.produkte {
margin: 20px 0 40px 20px;
color: #0059b3;
width: 820px;
border-spacing: 10px;
border-collapse: separate;
}

table.produkte td {
position: relative;
padding: 15px 0 0 5px;
margin-right: .3em;
vertical-align: top;
font-size: 70%;
}


/* 
Bilder für die Tabelle "Einfache Druckwerke" 
-------------------------------------------------------------------------------------*/
table.produkte td.ed-1 {
background: url(../bilder/druckwerke/einfache_druckwerke_1.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-2 {
background: url(../bilder/druckwerke/einfache_druckwerke_2.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-3 {
background: url(../bilder/druckwerke/einfache_druckwerke_3.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-4 {
background: url(../bilder/druckwerke/einfache_druckwerke_4.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-5 {
background: url(../bilder/druckwerke/einfache_druckwerke_5.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-6 {
background: url(../bilder/druckwerke/einfache_druckwerke_6.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-7 {
background: url(../bilder/druckwerke/einfache_druckwerke_7.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-8 {
background: url(../bilder/druckwerke/einfache_druckwerke_8.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-9 {
background: url(../bilder/druckwerke/einfache_druckwerke_9.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-10 {
background: url(../bilder/druckwerke/einfache_druckwerke_10.jpg) no-repeat 150px 15px;
}
table.produkte td.ed-11 {
background: url(../bilder/druckwerke/einfache_druckwerke_11.jpg) no-repeat 150px 15px;
}



/* 
Bilder für die Tabelle "Komplexe Druckwerke" 
-------------------------------------------------------------------------------------*/
table.produkte td.kd-1 {
background: url(../bilder/druckwerke/komplexe_druckwerke_1.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-2 {
background: url(../bilder/druckwerke/komplexe_druckwerke_2.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-3 {
background: url(../bilder/druckwerke/komplexe_druckwerke_3.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-4 {
background: url(../bilder/druckwerke/komplexe_druckwerke_4.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-5 {
background: url(../bilder/druckwerke/komplexe_druckwerke_5.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-6 {
background: url(../bilder/druckwerke/komplexe_druckwerke_6.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-7 {
background: url(../bilder/druckwerke/komplexe_druckwerke_7.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-8 {
background: url(../bilder/druckwerke/komplexe_druckwerke_8.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-9 {
background: url(../bilder/druckwerke/komplexe_druckwerke_9.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-10 {
background: url(../bilder/druckwerke/komplexe_druckwerke_10.jpg) no-repeat 150px 15px;
}
table.produkte td.kd-11 {
background: url(../bilder/druckwerke/komplexe_druckwerke_11.jpg) no-repeat 150px 15px;
}

/* 
Bilder für die Tabelle "Handkennzeichnung" 
-------------------------------------------------------------------------------------*/
table.produkte td.hk-1 {
background: url(../bilder/druckwerke/handkennzeichnung_1.jpg) no-repeat 158px 15px;
}
table.produkte td.hk-2 {
background: url(../bilder/druckwerke/handkennzeichnung_2.jpg) no-repeat 158px 15px;
}
table.produkte td.hk-3 {
background: url(../bilder/druckwerke/handkennzeichnung_3.jpg) no-repeat 158px 15px;
}
table.produkte td.hk-4 {
background: url(../bilder/druckwerke/handkennzeichnung_4.jpg) no-repeat 158px 15px;
}


table.produkte td h5 {
margin: 0;
padding: 0;
width: 220px;
font-size: 100%;
}

table.produkte td p {
width: 130px;
font-size: 80%;
}







#dropdown {
position: absolute;
top: 33px;
right: 9px;
}

#dropdown select {
width: 286px;
border: 1px solid #999999;
}

#dropdown option {
text-indent: 1em;
line-height: 1.5em;
}

#dropdown option.mittig {
text-indent: 1em;
line-height: 1.5em;
font-style: italic;
text-align: center;
}

form.gelberrand {	
border: 1px solid yellow;
}
  
  
.float {
float: right;
margin: -1.6em 0 0 2em;
} 
ul.aufeinenblick dl {
font-size: 110%;
font-weight: bold;
margin: 1.5em 0 .7em 0em;
} 
ul.aufeinenblick li {
margin-left: 2em;
}

h2.servicetelefon {
position: absolute;
top: -30px;
right: 120px;
font-size: 140%;
text-align: center;
color: yellow;
line-height: 1.5em;
}
h2.servicetelefon span {
font-size: 120%;
font-style: normal;
font-weight: bold;
}





table#fragebogen {
width: 800px;
border-collapse: collapse;}

table#fragebogen th {
font-size: 110%;
padding: 3em 0 .4em .2em;
}

table#fragebogen td.links {
width: 200px;
}

table#fragebogen td.shorttext {
width: 50px;
}

table#fragebogen td {
font-size: 90%;
border: 1px solid gray;
padding: .3em;
vertical-align: top;
height: 2em;
line-height: 2em;
}

table#fragebogen td span.bold {
font-weight: bold;
color: red;
}

table#fragebogen input {
width: 98%;
margin: .2em 0;
padding: .1em;
}

table#fragebogen textarea {
width: 98%;
}

table#fragebogen td.ohne-rahmen input.absendebutton {
margin: 1em 273px;
padding: .2em 0;
text-align: center;
width: 250px;
border: 1px solid black;
background-color: white;
}

table#fragebogen td.ohne-rahmen {
border: 1px solid white;
}




table#test {
margin: 20px 0 40px 20px;
color: #0059b3;

text-align: left;
}

table#test td {
border: 1px solid white;
width: 290px;}

table#test img {

}


table#test td h5 {
margin: 0;
width: 220px;
font-size: 100%;
vertical-align: top;
}

table#test td p {
width: 130px;
font-size: 80%;
}




table.lieferbare-groessen {
margin-bottom: 2em;
border-collapse: collapse;
}


#seitenheader a,
#seitenheader span.headereins {
margin-right: 1em;
}

hr.hr-abstand {
margin: 1em 0 2em 0;
border: 0;
background-color: black;
color: black;
height: 1px;
}

p {
margin: 0 0 .4em 0;
}