body {
height : 100%;
width : 100%;
margin : 0;
padding : 0;
background-image: url('images/bg.gif');
font-family : Verdana;
font-size : 0.9em;
color : #ffdd78
}
html {
height : 100%;
}

#aussenwrapper {
width : 900px;
margin : 0 auto;
background : #906;
border : 5px ridge #f6f;
margin-bottom : 30px;
margin-top : 30px;
}

#header {
width : 100%;
height : 175px;
background : #906;
}



/*---------------Anfang Haupt-Navigation ---------------*/
#menu {
width : 885px;
background : #906;
float : left;
margin-left : 8px;
}

#menu ul {
list-style : none;
margin : 0;
padding : 2px;
width : 142px;
float : left;
}

#menu a, #menu h2 {
font : bold 11px/14px arial, helvetica, sans-serif;
display : block;
border-width : 2px;
border-style : ridge;
border-color : #906;
margin : 0;
padding : 2px 3px;
}

#menu h2 {
color : #222;
background-image: url('images/navbg_rosa.gif');
text-align : center;
text-transform : uppercase
}

#menu a {
color : #222;
background : #ff67ff;
text-decoration : none;
}

#menu a:hover {
color : #222;
background: #ffdd78;
}

#menu li {
position : relative;
}

#menu ul ul {
position : absolute;
z-index : 500;
}

#menu ul ul ul {
position : absolute;
top : 0;
left : 100%;
}

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {
display : none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
display : block;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:link {
font : bold 11px/14px arial, helvetica, sans-serif;
text-align: center;
color: #222;
border: 2px ridge #906;
background-image: url('images/navbg_rosa.gif');
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:hover {
color: #222;
background-image: url('images/navbg_hell.gif');
border: 2px ridge #906;
}

/*--versteckt die dritte Ebene--*/

#menu ul li:hover ul ul {
display: none;
} 

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten und nach rechts ausklappen--*/

div#menu ul ul li:hover ul {
display: block;
position: absolute;
top: 0;
left: 100%;
} 



/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
} 
/*---------------Ende Haupt-Navigation ---------------*/

/*---------------Anfang Auswahl-Navigation ---------------*/
#menu_auswahl {
width : 885px;
background : #906;
float : left;
margin-left : 8px;
}

#menu_auswahl ul {
list-style : none;
margin : 0;
padding : 2px;
width : 200px;
float : left;
}

#menu_auswahl a, #menu h2 {
font : bold 11px/14px arial, helvetica, sans-serif;
display : block;
border-width : 2px;
border-style : ridge;
border-color : #906;
margin : 0;
padding : 2px 3px;
}

#menu_auswahl h2 {
color : #ffdd78;
background-image: url('images/navbg_rosa.gif');
text-align : center;
text-transform : uppercase
}

#menu_auswahl a {
color : #222;
background : #ff67ff;
text-decoration : none;
}

#menu_auswahl a:hover {
color : #222;
background: #ffdd78;
}

#menu_auswahl li {
position : relative;
}

#menu_auswahl ul ul {
position : absolute;
z-index : 500;
}

#menu_auswahl ul ul ul {
position : absolute;
top : 0;
left : 100%;
}

div#menu_auswahl ul ul, div#menu_auswahl ul li:hover ul ul, div#menu_auswahl ul ul li:hover ul ul {
display : none;
}
div#menu_auswahl ul li:hover ul, div#menu_auswahl ul ul li:hover ul, div#menu_auswahl ul ul ul li:hover ul {
display : block;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
#menu_auswahl a.direkt:link {
font : bold 11px/14px arial, helvetica, sans-serif;
text-align: center;
color: #222;
border: 2px ridge #906;
background-image: url('images/navbg_neu.gif');
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu_auswahl a.direkt:hover {
color: #222;
background-image: url('images/navbg_hell.gif');
border: 2px ridge #906;
}

/*--versteckt die dritte Ebene--*/

#menu_auswahl ul li:hover ul ul {
display: none;
} 

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten und nach rechts ausklappen--*/

div#menu_auswahl ul ul li:hover ul {
display: block;
position: absolute;
top: 0;
left: 100%;
} 



/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu_auswahl ul li a {
height: 1%;
} 
/*---------------Ende Auswahl-Navigation ---------------*/


/*---------------Anfang Info-Boxen ---------------*/
#boxen {
margin-top: 48px;
margin-right: 0px;
width: 239px;
border: 1px #f10000;
float: right;
display: inline;
}

.fb_box {
width : 220px;
height: 115px;
border : 3px ridge #906;
background : #ffdd78;
margin-bottom : 25px;
}

.werbebox {
width : 220px;
height: 318px;
border : 3px ridge #906;
background : #ffdd78;
margin-bottom : 25px;
}

.kontaktbox {
width : 220px;
border : 3px ridge #906;
background : #ffdd78;
margin-bottom : 25px;
}

/*---------------Ende Info-Boxen ---------------*/

a {
outline: none;
}

h4 {
padding : 3px 0 3px 0;
text-align : center;
background : #f6f;
color : #222;
font-size : 0.8em;
margin : 0;
}

h3 {
text-align : center;
background-image: url('images/werbebox/werbebox_header.gif');
margin : 0;
}

#content {
width: 630px;
margin-left: 8px;
margin-top: 10px;
background : #906;
padding : 0 0 25px 0;
font : normal 0.8em Verdana;
color : #ffdd78;
}

#footer {
width : 100%;
background : #906;
border-top : 0px solid #222;
height : 25px;
padding : 3px 0 5px 0;
text-align : center;
color : #ffdd78;
}



/*---------------Anfang untere Navigation ---------------*/
#navcontainer ul {
display : block;
list-style : none;
padding : 0;
margin : 0 0 0 260px;
font-family : Verdana, sans-serif;
font-size : 7.8pt;
}

#navcontainer li {
padding : 0;
margin : 0 4px 0 0;
border : 2px ridge #906;
background-color : #f6f;
color : #222;
font-weight : bold;
display : block;
float : left;
}

#navcontainer a:link, #navcontainer a:visited {
background-color : #f6f;
color : #222;
text-decoration : none;
padding-left : 1em;
padding-right : 1em;
}

#navcontainer a:hover {
background-color : #ffdd78;
color : #222;
}

#navcontainerclear {
display : none;
}
html > body #navcontainerclear {
display : block;
clear : both;
}

#navcontainer li#active a {
background-color : #ffdd78;
color : #222;
}
/*---------------Ende untere Navigation ---------------*/



/*---------------Anfang Infobanner (FAQ)---------------*/
ul.demo {
list-style-type: none;
width: 468px;
}

li.demo {
margin-top: 15px;
height: 1%; /*--für IE <7--*/
}

a.demo {
display: block;
}

a.demo:link, a.demo:visited {
background-image:url('infobanner_gelb.gif');
border: 1px solid #222;
font-family: Arial; 
font-weight: normal;
color: #222;
padding: 5px;
text-decoration: none
}

a.demo:hover{
background-image:url('infobanner_pink.gif');
border: 1px solid #222;
color: #222;
padding: 5px;
text-decoration: none
}

strong.demo {
font-size: 1em;
font-weight: bold;
}

em.demo {
color: #f00;
font-style: italic;
font-weight: 600;
} 
/*---------------Ende Infobanner (FAQ)---------------*/



/*---------------Anfang ToolTip-Preisliste---------------*/
a.info
{
position:relative;
z-index:1;
background-color:#906;
color:#222;
text-decoration:none;
}

a.info:hover
{
z-index:2;
background-color:#906;
}

a.info span
{
display: none;
}

a.info:hover span
{
display:block;
position:absolute;
top:2em;
left:2em;
width:250px;
border:2px ridge #666;
background-color:#906;
color:#222;
text-align: left;
padding: 5px;
font-size: 0.85em;
} 			
/*---------------Ende ToolTip-Preisliste---------------*/


/*---------------Anfang Bildvergrößerung STOFFMUSTER 1. Ebene---------------*/
.foto_stoff
{
margin: 0;
padding: 0;
}

.foto_stoff img
{
border: none;
}

.foto_stoff li
{
list-style: none;
position: relative;
} .foto_stoff
{
margin: 0;
padding: 0;
}

.foto_stoff img
{
border: none;
}

.foto_stoff li
{
list-style: none;
position: relative;
}

a .gross_stoff
{
display: none;
} 

a:hover .gross_stoff
{
display: block;
position: absolute;
top: 403px;
left: 0;
} 

/*---------------Ende Bildvergrößerung STOFFMUSTER 1. Ebene---------------*/
/*---------------Anfang Bildvergrößerung STOFFMUSTER 2. Ebene---------------*/
.foto_stoff2
{
margin: 0;
padding: 0;
}

.foto_stoff2 img
{
border: none;
}

.foto_stoff2 li
{
list-style: none;
position: relative;
} .foto_stoff2
{
margin: 0;
padding: 0;
}

.foto_stoff2 img
{
border: none;
}

.foto_stoff2 li
{
list-style: none;
position: relative;
}

a .gross_stoff2
{
display: none;
} 

a:hover .gross_stoff2
{
display: block;
position: absolute;
top: 368px;
left: 0;
}
/*---------------Ende Bildvergrößerung STOFFMUSTER 2. Ebene---------------*/

/*---------------Anfang Bildvergrößerung BÜNDCHEN 1. Ebene---------------*/
.foto_bund
{
margin: 0;
padding: 0;
}

.foto_bund img
{
border: none;
}

.foto_bund li
{
list-style: none;
position: relative;
} .foto_bund
{
margin: 0;
padding: 0;
}

.foto_bund img
{
border: none;
}

.foto_bund li
{
list-style: none;
position: relative;
}

a .gross_bund
{
display: none;
} 

a:hover .gross_bund
{
display: block;
position: absolute;
top: 276px;
left: 0;
} 
/*---------------Ende Bildvergrößerung BÜNDCHEN 1. Ebene---------------*/
/*---------------Anfang Bildvergrößerung BÜNDCHEN 2. Ebene---------------*/
.foto_bund2
{
margin: 0;
padding: 0;
}

.foto_bund2 img
{
border: none;
}

.foto_bund2 li
{
list-style: none;
position: relative;
} .foto_bund2
{
margin: 0;
padding: 0;
}

.foto_bund2 img
{
border: none;
}

.foto_bund2 li
{
list-style: none;
position: relative;
}

a .gross_bund2
{
display: none;
} 

a:hover .gross_bund2
{
display: block;
position: absolute;
top: 250px;
left: 0;
} 
/*---------------Ende Bildvergrößerung BÜNDCHEN 2. Ebene---------------*/

/*---------------Anfang Bildvergrößerung ZUBEHÖR 1. Ebene---------------*/
.foto_zub
{
margin: 0;
padding: 0;
}

.foto_zub img
{
border: none;
}

.foto_zub li
{
list-style: none;
position: relative;
} .foto_zub
{
margin: 0;
padding: 0;
}

.foto_zub img
{
border: none;
}

.foto_zub li
{
list-style: none;
position: relative;
}

a .gross_zub
{
display: none;
} 

a:hover .gross_zub
{
display: block;
position: absolute;
top: 186px;
left: 0;
} 
/*---------------Ende Bildvergrößerung ZUBEHÖR 1. Ebene---------------*/
/*---------------Anfang Bildvergrößerung ZUBEHÖR 2. Ebene---------------*/
.foto_zub2
{
margin: 0;
padding: 0;
}

.foto_zub2 img
{
border: none;
}

.foto_zub2 li
{
list-style: none;
position: relative;
} .foto_zub2
{
margin: 0;
padding: 0;
}

.foto_zub2 img
{
border: none;
}

.foto_zub2 li
{
list-style: none;
position: relative;
}

a .gross_zub2
{
display: none;
} 

a:hover .gross_zub2
{
display: block;
position: absolute;
top: 151px;
left: 0;
} 
/*---------------Ende Bildvergrößerung ZUBEHÖR 2. Ebene---------------*/
/*---------------Anfang Bildvergrößerung ZUBEHÖR 3. Ebene---------------*/
.foto_zub3
{
margin: 0;
padding: 0;
}

.foto_zub3 img
{
border: none;
}

.foto_zub3 li
{
list-style: none;
position: relative;
} .foto_zub3
{
margin: 0;
padding: 0;
}

.foto_zub3 img
{
border: none;
}

.foto_zub3 li
{
list-style: none;
position: relative;
}

a .gross_zub3
{
display: none;
} 

a:hover .gross_zub3
{
display: block;
position: absolute;
top: 116px;
left: 0;
} 
/*---------------Ende Bildvergrößerung ZUBEHÖR 3. Ebene---------------*/