@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
html {
	font: 75%/1.4 Arial, Helvetica, sans-serif;
	color: #666;
}
body {
background: #273A41 url(../images/homepage01.jpg) top repeat-x;	
}


/* Header */

div#header {
	width : 780px;
	background: url(../images/header.jpg) no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
div#flash {
	width : 720px;
	height: 100px;
	padding: 0px 28px 0px 32px; 
}
div#logo {
	width : 233px;
	height: 135px;
	padding: 0px 0px 0px 547px; 
}

/* Hauptmenü */

ul#menu { 
	width: 770px; 
	height: 40px; 
	background: url(../images/menu.gif) top left repeat-x; 
	font-size: 95%; 
	letter-spacing: 1px; 
	font-family: Lucida Grande, Verdana, Geneva, sans-serif;
	font-weight: bold; 
	list-style: none; 
	margin: 0; 
	padding: 0px 0px 0px 10px; 
}
ul#menu li { 
	display: block; 
	float: left; 
	margin: 0 0 0 0px;
}
ul#menu li a { 
	height: 30px; 
	color:#666;
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 10px 15px 0; 
	outline: none;
}
ul#menu li a:hover { 
	color: #333; 
	list-style: none; 
	outline: none;
}
ul#menu li a.current { 
	color: #333; 
	background: url(../images/current-bbbbbbbb.gif) top left repeat-x; 
	padding: 10px 15px 0; 
	outline: none;
}

/* Untermenü */

div#menue2 div {
    clear: left;
}
#menu2 {
	height: 20px;
    margin: 0; 
	padding: 0px 0px 0px 60px; 
	font: 90% Lucida Grande, Verdana, Geneva, sans-serif;
	font-weight: bold;
}
ul#menu2 li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;  
}
* html ul#menu2 li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
}
*:first-child+html ul#menu2 li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.4em;
}
ul#menu2 li ul {
	display:none; /* Unternavigation ausblenden */
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	z-index:200;
}
* html ul#menu2 li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: 0em;
}
*:first-child+html ul#menu2 ul {  /* Workaround fuer den IE 7 */
    background-color:#333;
	padding-bottom:0.4em;
}
ul#menu2 li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
ul#menu2 li ul li {
    float: none;
    display: block;
	text-align: left;
	margin: 0px;
	width: 140px;  /* Breite den in li enthaltenen Elementen zuweisen */	
}
* html ul#menu2 li ul li {  /* Korrektur fuer IE 5.x */
    width: auto;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: auto;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}	
ul#menu2 a {
	display: block; 
    padding: 3px 17px;
    text-decoration: none; 
    color: #cccccc; 
	background: #333333 url(../images/sub_sep.gif) bottom left no-repeat;	
	margin: 0px 5px 0px 0px;
	outline: none;
	font-weight: normal;
}	
* html ul#menu2 a.zelte {
	width: 13em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 12em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
	}	
* html ul#menu2 a.shop {
	width: 8em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 7em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}
* html ul#menu2 a.lang {
	width: 9em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 8em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}
* html ul#menu2 a {
    width: 5.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.2em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}
#menu2 li ul a:hover {
    color: #333333; 
	background:#FFE91D url(../images/hover_sub.gif) center left no-repeat;
}
#menu2 a:hover {
    color: #FFF; 
	background: #497D99;	
}
#menu2 li a#aktuell {
    color:#333333; 
	background: url(../images/menuklein2.gif) top left repeat-x; 
}

/* Schrift */
.material {
	padding: 0px 0px 0px 10px;
}
.norm {
	text-align: center;
}
.normbild {
	text-align: right;
}
.ens {
	padding: 10px 0px 0px 0px;
}

.ens2 {
	padding: 5px 0px 0px 0px;
}
.enskalt {
	padding: 0px 0px 0px 7px;
}
.produktname {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #003;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
}
.produktname3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #003;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
}
.produktname2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #003;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
	padding: 0px 0px 0px 7px;
}
.produktname3 a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #003;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
}
.satz {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #003;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
	padding: 0px 0px 0px 30px;
}
.punkt {
	background: #f5f9fb url(../images/punkt.gif) center repeat-x;
}
.text {
	padding: 20px 20px 20px 20px;
}
.textbild {
	padding: 20px 0px 20px 60px;
}
.bilder {
	padding: 20px 0px 20px 70px;
}
.bild1 {
	border-bottom: 14px solid;
	border-top: 14px solid;
	border-color: #A9CED0;
}
.bild {
	border-bottom: 14px solid;
	border-color: #A9CED0;
}
.bildubersicht {
	padding: 10px 10px 10px 10px;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 105%;
	font-style: normal;
	color: #666;
	font-weight: normal;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	border-top: 14px solid;
	border-color: #A9CED0;
	font-style: normal;
	background-color: #D3DCE6;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color:#666;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #F5F9FB;
	padding: 15px 15px 15px; 
}
h3 a {
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #F5F9FB;
}
h32 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color:#666;
	font-weight: normal;
	letter-spacing: 1px;
}
h32 a {
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-weight: normal;
	letter-spacing: 1px;
}
#unternehmen h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color:#666;
	font-weight: normal;
	letter-spacing: 1px;
	background-color: #F5F9FB;
	padding: 35px 65px 55px 35px; 
}
h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #F5F9FB;
	padding: 0px 15px 0px 15px; 
}
h42 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
}
h43 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	font-style: italic;
}
h4 a {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	text-decoration: none;
	outline: none;
}
h5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #F5F9FB;
	font-weight: normal;
	text-align: right;
}
h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #F5F9FB;
	font-weight: normal;
	text-align: right;
	padding-right: 100px;
	padding-top: 15px;
}
h7 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 110%;
	color: #003;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	font-style: normal;
}
h9 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color:#666;
	font-weight: normal;
	font-style: italic;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color:#666;
	font-weight: normal;
	background-color: #F5F9FB;
	padding: 0px 15px 0px 15px; 
}
p a {
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-weight: normal;
	background-color: #F5F9FB;
}
#warn {
	width: 380px;
	height: 60px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 280%;
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px 15px 0px 15px;
}
#warn a:link {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#warn a:visited {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#warn a:hover {
	color:#FFF;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#F90;
}
#warn a:active {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#F90;
}
#wetter {
	width: 350px;
	height: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 320%;
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px 0px 0px 155px;
}
#wetter a:link {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#wetter a:visited {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#wetter a:hover {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#69C;
}
#wetter a:active {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#69C;
}
#multi {
	width: 300px;
	height: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 350%;
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 20px 0px 0px 55px;
}
#multi a:link {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#multi a:visited {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#multi a:hover {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#FFE100;
}
#multi a:active {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#FFE100;
}
#kaelte {
	width: 300px;
	height: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 290%;
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 20px 0px 0px 205px;
}
#kaelte a:link {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#kaelte a:visited {
	color:#666;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}
#kaelte a:hover {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#FFE100;
}
#kaelte a:active {
	color:#999;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	background-color:#FFE100;
}
#abstx {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color:#333;
	font-weight: normal; 
}
#abst {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	color:#333;
	font-weight: normal; 
}
#abst2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	color:#333;
	font-weight: normal; 
	padding: 0px 0px 0px 25px;
}
#abst3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	color:#333;
	font-weight: normal; 
	padding: 0px 30px 20px 25px;
}
#abst a {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color:#333;
	text-decoration: none;
	outline: none;
}
#bestellnr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color:#333;
	font-weight: normal; 
}
a:link {
	text-decoration: none;
	border: 0px;
	outline: none;
}
a:visited {
	text-decoration: none;
	border: 0px;
	outline: none;
}
a:hover {
	text-decoration: none;
	border: 0px;
	outline: none;
}
a:active {
	text-decoration: none;
	border: 0px;
	outline: none;
}

/* Content */

div#content {
	width: 780px;
	background: #F5F9FB url(../images/oben.gif) no-repeat top;	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#contentin {
	width: 780px;
	background: #F5F9FB url(../images/ecken.gif) no-repeat top;	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
div#zweier {
	width : 720px;
	background: #F5F9FB;
	padding: 0px 28px 0px 32px;
}

/* index und impressum */

div#infoseins {
	width: 220px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: left;
}	
div#infozwei {
	width: 400px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: right;
}	


/* kollektion - uebersicht */

div#kollektion {
	width: 650px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: left;
}

/* kollektion bilder mit beschreibung nr 2 */

div#produktpr {
	width: 720px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: left;
}

/* kollektion bilder mit beschreibung */

div#picture {
	width: 120px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: left;	
}
div#picturetab {
	width: 650px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: left;	
}
div#details {
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: right;
	width: 458px;
}
.beschreibung {
	padding: 50px 40px 20px 30px;
}
.pic {
	padding: 10px 0px 20px 70px;
}
/* unternehmen */

div#unternehmen {
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	width : 655px;
	padding: 0px 28px 0px 32px
}
div#right {
	width: 320px;
	float: left;
}
div#left {
	width: 320px;
	float: right;
}
div#fliesst {
	width: 655px;
	float: left;
	margin: 30px 0px 0px 0px;
}
/* qualität */

div#infoseinsbild{
	width: 170px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: left;
}
div#infozweibild{
	width: 420px;
	background: #E7EAED url(../images/linienl.gif) no-repeat top;
	float: right;
}
/* FOOTER mit SCHRIFTEN */

#footer {
	width: 745px;
	padding: 5px 35px 0px 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
a.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	font-style: normal;
	color:#F5F9FB;
	text-decoration: none;
	outline: none;
	text-align: right;
}