/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


/* styles moench-elastic.de */
/* 2009-11-20 */
/* author: tukiendorf.com */

/* Farben: fong fdf7c5 blau 375ea7 rot c40009*/

body {
color: #515151;
background: #fdf7c5 url(bilder_main/strichelemente.gif) repeat-x 0px 650px;
font: 0.7em/1.3em Helvetica, Arial, sans-serif;
text-align: center;
}


#faden_links, #faden_rechts {
width: 50%;
height: 200px;
background: url(bilder_main/moench_rot_2x2.gif) repeat-x 0px 0px;
}

#faden_links {
height: 2px;
position: absolute;
top: 128px;
left: 0px;
z-index: 1;
}

#faden_rechts {
height: 2px;
position: absolute;
top: 82px;
left: 50%;
z-index: 2;
}

#wrapper {
	width: 1016px;
	margin: auto;
	background: #fdf7c5 url(bilder_main/moench_back.gif) no-repeat;
position: relative;
z-index: 3;
text-align: left;
height: 630px;
}

/**************seitenheader**************************/
#pageheader {
position: absolute;
left: 831px;
top: 8px;
width: 180px;
}
#pageheader h1 a {
font-weight: bold;
color:#375ea7;
line-height:30px;
text-transform: uppercase;
font-size: 1em;
}

/************* nurStartseite ***********************/
#homee #textcontainer {
top: 328px;}
#textcontainer .csc-header h2.csc-firstHeader {
color:#c40009;
font-size: 1.8em;
margin-bottom: 0.3em;
margin-right: 15px;
line-height: 1.2em;
}

#bildcontainer h5 {
position: absolute;
left: 437px;
top: 82px;
width: 265px;
color: #c40009;
font-size: 1.2em;
line-height: 1.4em;}


/***************navigation**************************/
#navbar, #navbar2, #content, #footer {
margin: 0 0 0 84px;
}

#navbar, .subnavbar, #navbar2, #navbar3, #sprachauswahl {
position: absolute;
}
#navbar  {
top: 25px;
z-index:20;
}
.subnavbar  {
top: 430px;
left:0;
width: 256px;
z-index:20;
}

#navbar2  {
bottom: 5px;
z-index:20;
}
#navbar a, #navbar span {
color: #375ea7;
font-size: 1.1em;
line-height: 2em;
font-weight: bold;
}
#navbar .subnavbar a, #navbar .subnavbar span {
color: #919191;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
}
#navbar2 a {
color: #375ea7;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
}
#navbar a:hover, #navbar2 a:hover {
color: #c40009; /*mit #navbar .subnavbar_unternehmen a:hover läßt sich die aktuelle Seite in der Subnav highlighten */
}

#navbar3 {
left: 831px;
bottom: 3em;
z-index:22;
font-size: 0.8em;
}
#navbar3 li {
display: block;
}
#navbar3 a, #navbar3 span {
color: #c40009;
font-size: 1.1em;
line-height: 1.4em;
font-weight: normal;
padding: 0 1.5em 0 0;
background: url(bilder_main/pfeil_r.gif) right no-repeat;
}

#navbar3 span {
font-weight: bold;
background: none;
}

#navbar3 ul li.abstandhalter {
height: 8px;
line-height: 8px;
font-size: 8px;
width: 30px;}

#navbar .act, #navbar .cur {
color: #c40009;
}
#navbar .subnavbar .cur {
color: #515151;
}

#sprachauswahl {
margin: 0 0 0 84px;
bottom: 5px;
z-index:20;
font-size: 0.5em;
width: 240px;
text-align: left;
}
#sprachauswahl a:link, #sprachauswahl a:visited {
margin: 0 7px 0 0;
}


/**********************content*************************/
#content {
position: absolute;
top: 90px;
left: -1px;
z-index: 10;
width: 732px;
height: 400px;
}


#bild01, #bild02, #bild03, #bild04, #bild05, #bild06, #bild07, #bild08, #bild09, #bild10, #bild11, #bild12, #bild13, #bild14, #bild15, #bild16, #bildmain, #bildmain-n {position: absolute;margin: 1px}

#bild01 {left:172px; z-index: 13;}
#bild02 {left:258px; z-index: 12;}
#bild03 {left:344px; z-index: 11;}
#bild04 {left:258px; top:86px; z-index: 10;}
#bild05 {left:344px; top:86px; z-index: 9;}
#bild06 {left:258px; top:172px; z-index: 8;}
#bild07 {left:344px; top:172px; z-index: 7;}
#bild08 {left:344px; z-index: 6;}
#bild09 {left:516px; top:0px; z-index: 5;}
#bild10 {left:344px; z-index: 4;}
#bild11 {left:430px; top:86px; z-index: 3;}
#bild13 {left:602px; top:86px; z-index: 2;}
#bild15 {left:516px; top:172px; z-index: 1;}
#bildmain {left:0px; top:86px; z-index: 12;}
#bildmain-n {left:0px; top:86px; z-index: 12;}

#bildmain div.faden {position: absolute;left:0px;top:0px;
background: transparent url(bilder_main/moench_back.png) no-repeat -84px -177px;
height: 256px;
width: 256px;
}
#bild03 div.faden {position: absolute;left:0px;top:0px;
background: transparent url(bilder_main/moench_back.png) no-repeat -428px -91px;
height: 84px;
width: 84px;
}
#bild04 div.faden {position: absolute;left:0px;top:0px;
background: transparent url(bilder_main/moench_back.png) no-repeat -342px -177px;
height: 84px;
width: 84px;
}
#bild05 div.faden {position: absolute;left:0px;top:0px;
background: transparent url(bilder_main/moench_back.png) no-repeat -428px -177px;
height: 84px;
width: 84px;
}
#bild06 div.faden {position: absolute;left:0px;top:0px;
background: transparent url(bilder_main/moench_back.png) no-repeat -342px -263px;
height: 84px;
width: 84px;
}
#bild09 div.faden {position: absolute;left:0px;top:0px;
background: transparent url(bilder_main/moench_back.png) no-repeat -600px -91px;
height: 84px;
width: 84px;
}
#kontaktdaten .faden {
display:none;}

#bild01 .daten, #bild03 .daten, #bild04 .daten, #bild07 .daten, #bild09 .daten, #bild11 .daten, #bild13 .daten, #bild15 .daten, #bildmain .daten, #bildmain-n .daten {display:none;}
#bild01:hover .daten, #bild03:hover .daten, #bild04:hover .daten, #bild07:hover .daten, #bild09:hover .daten, #bild11:hover .daten, #bild13:hover .daten, #bild15:hover .daten, #bildmain:hover .daten, #bildmain-n:hover .daten {
display:block;
width:20em;
position: absolute; top:34px;left:74px;
padding:10px;
z-index: 30;
background: transparent url(bilder_main/moench_back-weiss.png) repeat;}
#bildmain:hover .daten, #bildmain-n:hover .daten {top:150px;left:236px;}


#textcontainer {
position: absolute;
top: 324px;
width: 466px;
margin-left: 266px;
height: 183px;
overflow:auto;
}

#textcontainer .csc-header h1 {
color:#c40009;
font-size: 1.1em;
margin-right: 15px;
margin-top: 6px;}

#textcontainer p.bodytext {
margin-right: 15px;
margin-bottom: 1em;}


#textcontainer ul {
margin: 0 0 1em 20px;}
#textcontainer p.liste_headline {
margin: 0 0 0.3em 0;
}

.rotfett {font-weight: bold;color: #c40009;}

ul.produktliste {
margin: 0 0 2em 0;
}
#textcontainer h4 {
margin: 0 0 0.5em 0;
color: #c40009;}
ul.produktliste li ul li {
margin: 0.5em 0 0.5em 20px;
color: #515151;
list-style-position: outside;}
ul.produktliste li ul li ul li {
margin: 0 0 0 20px;
}

ul.produktliste {
margin: 0 0 2em 0;
}
ul.produktliste li {
margin: 0 0 1em 0;
color: #c40009;}
ul.produktliste li ul li {
margin: 0.5em 0 0.5em 20px;
color: #515151;
list-style-position: outside;}
ul.produktliste li ul li ul li {
margin: 0 0 0 20px;
}

#textcontainer p.bodytext a, .daten a {
color: #375ea7;
text-decoration: underline;
/*padding-bottom: 1px;
background: url(bilder_main/dots-alink.gif) repeat-x 0px 100%;*/
}
p.bodytext a.nodecoration {
color: #515151;
padding-bottom: 1px;
background: none;
}




#rechts{
position: absolute;
left: 831px;
top: 174px;
width: 170px;
height: 456px;}
#rechts .box {
padding: 0 0 2.5em;
}
#rechts .csc-header {
color: #375ea7;
padding: 0 0 0.4em;
}
#rechts p.bodytext {
}
#rechts p.bodytext a {
color: #375ea7;
padding: 0 1.5em 0 0;
background: url(bilder_main/pfeil_r.gif) right no-repeat;
}

#rechts .agb_box {
position: absolute;
bottom: 0px;
padding: 0 0 5.5em;
font-size: 0.8em;
width: 180px;
}
#rechts .agb_box li {
display: block;
}
#rechts .agb_box li a {
color: #717171;
font-size: 1.1em;
line-height: 1.4em;
font-weight: normal;
padding: 0 1.5em 0 0;
background: transparent url(bilder_main/pfeil_r.gif) right no-repeat;
}
#rechts .agb_box li a.download {
color: #c40009;
}



#footer {
position: absolute;
bottom: 5px;
left: 266px;
color: #375ea7;
font-size: 0.9em;
width: 466px;}
#footer span.footermail {
position: absolute;
left: 481px;
bottom: 0px;
width: 175px;
}
#footer span.footermail a {
color: #c40009;
}
.keinumbruch {
white-space:nowrap;
}

span.hidden {
    position:absolute;
    left:-1000px;
    top:-1000px;
    width:0;
    height:0;
    overflow:hidden;
    display:inline;
}