/*==================================
               GLOBAL
====================================*/

body {
background: transparent url(images/bg_image.gif) repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #333;
margin: 0px;
}


/*allg. eigenschaften*/
body p,ul,ol,li {
   font-size:12px;
}


/*==================================
               HEADER
====================================*/

.headerbar {
background-color: #399;
}


/*-- Absatz in der grnen Kopfleiste ------------*/
td p.topnavi {
		font-size: 12px;
        font-weight:bold;
        color: #FFD7AE;
        margin: -2px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
}

/*fuer die trennstriche in der gruenen kopfleiste*/
.white {
color: #ffffff;
}

/*-------------------------------------
   Links in der grnenKopfleiste
--------------------------------------*/

a.topnavi {
		font-size: 12px;
}

a.topnavi:link {
    color:#FFFFFF;
    text-decoration:none;
}

a.topnavi:visited {
        color:#FFFFFF;
    text-decoration:none;
}

a.topnavi:hover {
        color: #FFFFFF;
    text-decoration:underline;
}

a.topnavi:active {
        color:#FFFFFF;
    text-decoration:underline;
}

a.topnavi:focus {
        color:#FFFFFF;
    text-decoration:underline;
}


/*==================================
               NAVIGATION
====================================*/

/* Link in der Mennavigation*/
a.navi {
        font-weight:bold;
    line-height:14px;
}

/*geringere zeilenhoehe fuer unterpunkte der navigation*/
.subnavi {
    line-height:12px;
}

/*--------------------------------------------------
  farbliche markierung der aktuell angewhlten seite
---------------------------------------------------*/

#navitable {
background-color: #eee;
border-bottom: 1px solid #006666;
}

/*zwei zellen, die die navigation enthalten und raender haben */
#navcontainer {
border-top: 1px solid #006666;
border-right: 1px solid #006666;
}

.borderright{
border-right: 1px solid #006666;
}

.currentcell {
background-color: #FFE8B7;
border-top: 1px solid #FF9900;
border-bottom: 1px solid #FF9900;
}

/* "produkte": oben kein rand*/
.firstcurcell {
background-color: #FFE8B7;
border-bottom: 1px solid #FF9900;
}


/* "service": unten kein rand*/
.lastcurcell {
background-color: #FFE8B7;
border-top: 1px solid #FF9900;
}

p.current {
        color: #006666;
        font-weight: bold;
}

/* schiebt das div element "reltopicbox" unter die hauptnavigation*/
#undernavi {
clear: left;
}

/* -----------------------------------------------
   styles fuer die "weiteres zum thema" box
-------------------------------------------------*/
div#reltopictable {
width: 170px;
position: relative; 
top: 200px; 
left: 0px;
}

.reltopic {
margin: 0px 5px;
border: 2px solid #FFE8B7;
}

table.reltopic td.headcell {
background: #FFE8B7;
border-bottom: 2px solid #FFE8B7;
padding: 2px 2px 2px 7px;
}

table.reltopic td.headcell p.header {
font-size:11px;
font-weight: normal;
color: #783C00; /*#402C00;*/
}

table.reltopic p.relnote {
	font-size:11px;
	line-height:1.5;
	color:#c60;
	padding:0px 5px 3px 0px;
}


.reltopic td {
font-size:11px;
padding: 3px;
text-align: left;
}


.reltopic td#bottomcell {
font-size:11px;
padding: 3px 3px 6px 3px;
text-align: left;
}

.reltopic td.icons {
padding: 4px 2px 3px 8px;
text-align: center;
vertical-align: top;
}

a#recommend {
	font-size: 11px;
	text-align: left;
}

td.recommend img {
    border: 0px none #fff;
    line-height: inherit;
    vertical-align: middle;
	text-align:center;
}

/*-------------------------------------
   Links im Hauptmen
--------------------------------------*/
a.navi:link {
    color:#CC6600;
    text-decoration:none;
}

a.navi:visited {
        color:#CC6600;
    text-decoration:none;
}

a.navi:hover {
        color:#c60;
    text-decoration:underline;
}

a.navi:active {
        color:#CC6600;
    text-decoration:underline;
}

a.navi:focus {
        color:#CC6600;
    text-decoration:underline;
}

/*==================================
               MAIN
====================================*/

/* -------------------------------
  Startseite
---------------------------------*/
table#homelayout {
	background:url(images/logo_wm.jpg) no-repeat 55% 30%;
}

#homelayout img {
	margin-left:30px;
	margin-right:0px;
	padding:0;
}

#homelayout img#top {
	margin-top:0px;
	margin-bottom:20px;
}

#homelayout img#middle {
	margin-top:20px;
	margin-bottom:20px;
}

#homelayout img#bottom {
	margin-top:20px;
	margin-bottom:0px;
}

td#main div#welcome {
margin:10px 0 0 0;
/*margin:10px 0 10px 20px;*/
font-size: 28px;
line-height:1;
font-weight:normal;
}

td#main div#hofw {
	font-size: 17px;
	line-height:1.3;
	font-weight:normal;
	margin:0 0 0 60px;
	padding:0;
}

#main ul#homepage {
	margin:35px 35px 25px 35px;
	padding-left:30px;
}

#main ul#homepage li {
	font-size:15px;
	line-height:1.3;
	margin:7px;
	padding:2px 5px;
	font-weight:bold;
}

#main ul#homepage li a:link, #main ul#homepage li a:visited {
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #fff;
}

#main ul#homepage li a:hover {
	border-bottom:1px solid #ccc;
}

#homelayout a img {
	border:1px solid #000;
}

#main p#inform {
	font-size:14px;
	line-height:1.4;
	margin:40px 0px 0px 0px;
	padding:10px 10px 10px 35px;
	font-weight:bold;
	border:2px solid #FFE8B7;
	border-left-width:15px;
	color:c60;
}

#main p#inform a:link, #main p#inform a:visited {
	color:#c60;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

#main p#inform a:hover {
	border-bottom:1px solid #ccc;	
}

/* "aktuell" Box auf der Startseite ----------------------  */ 
#containaktuell {
	margin:0 5px;
}

#aktuell {
	margin:0;
	padding:0;
	border:2px solid #CE4D48;
	color:#333;
	font-size:11px;
	line-height:1.3;
}

#aktuell p {
	margin:0;
	padding:2px 0;
	font-size:11px;
	line-height:1.3;
}

#aktuell td {
	padding:2px 7px;
}

#aktuell #headcell {
	background:#CE4D48;
	color:#fff;
	font-weight:bold;
}

#aktuell a {
	color:#DC143C;
	text-decoration:underline;
}

#aktuell a:hover {
	color:darkred;
	text-decoration:none;
}

/* ende startseite ---------------------------------------- */




/*seitentitel */
h1 {
        font-size: 14px;
        font-weight:bold;
        letter-spacing:1px;
        margin: 2px 0px;
        border-style: solid;
        border-width: 1px 3px 1px 0px;
        border-color: #399;
        padding:  6px 10px ;
        background-color: transparent; /*#FFE8B7; */
        }


/*ueberschrift mit gruener linie quer ueber die tabellenzelle*/
h2 {
        font-size:13px;
        font-weight:bold;
        border-bottom: 1px solid #399;
        margin: 10px 0px 0px 0px;
        padding-bottom: 2px;
    }

h3 {
        font-size:12px;
        font-weight:bold;
        border-bottom: 1px solid #339999;
        margin: 10px 0px;
        padding-bottom: 2px;
    }


h5 {
        font-size:12px;
        font-weight:bold;
}



/*fuer absaetze innerhalb der haupttabellenzelle*/
#main p {
        line-height: 16px;
}

#main p .orange {
        color:#666; /*#c60;*/
}

/*Kurztext am Anfang der Seiten*/
#main p.teaser {
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        border-left: 3px solid #339999;
        padding: 10px 20px 10px 20px;
        margin: 15px 0px 35px 0px;
        background-color: #eee;
}


/* im orangenen Kasten hervorgehobener Text */
#main p.emphasis {
    margin:25px 0 10px 0;
	padding: 10px 15px;
    border: solid 2px #FFE8B7;
}

/* rot hervorgehobener Text */
strong.red {
	color:#CE4D48;
}

table.thumb {
	width:100%;
	margin:0px 0 0 0;
	padding:0;
	border:2px solid #c60;
	border-width:1px 1px 1px 0px;
}

table.thumb td {
	vertical-align:middle;
}

.leftcol {
	text-align:right;
}

.rightcol {
	text-align:left;
}



a img.thumbnail {
	margin:25px;
	border:20px solid #eee;
}

a:hover img.thumbnail  {
	border-color:#FFE8B7;
}

#main a img.workshop {
	border:1px solid #000;
}

#main p#pageflip {
	margin:0;
	padding:6px 0px;
	line-height:1;
}

#main p#hr {
	border-top:2px solid #eee;
}

/* --------------------------------------------- */
.pullquote {
	float:right;
	width:160px;
	margin:0 0 10px 15px;
	padding:0;
	border:1px solid #CE4D48;
	border-width:10px 2px; 
	text-align:center;
}

.pullquote p {
	font-size:13px;
	font-weight:bold;
	margin:10px 5px;
	padding:0;
}	

/* --------------------------------------------- */


/*-------------------------------------------------------
   spezielle Eigenschaften des email links auf kontakt.htm
--------------------------------------------------------*/
td#main a img#link {
	border: 0px none #fff;
	margin-bottom:-2px;
	line-height: inherit;
}


/*-------------------------------------
   Tabelle "Qualittsmerkmale"
--------------------------------------*/
td#main table#qualtable {
 margin: 40px 0px 30px 0px;
 border: 3px solid #FFE8B7;
 border-width: 0px 3px 3px 3px;
 background: transparent url(images/logo_wm.jpg) no-repeat right bottom;
}


td#main table#qualtable td#head {
        font-weight:bold;
        font-size:  12px;
        color: #783C00; /*#6f4924; 6f5011*/
        background: #FFE8B7;
        padding: 6px;
}

td#main table#qualtable td.contents {
        padding: 10px 15px 10px 5px;
        font-size: 12px;
        line-height: 15px;
}

td#main table#qualtable td.listbullet {
        padding: 11px 5px 5px 5px;
        width: 20px;
        vertical-align: top;
        text-align: right;
}



/*-- Absatz bei Bildunterschriften */
.caption {
        font-size:10px;
    line-height:11px;
    margin: 3px 0px 30px 0px ;
}

/*rechts angeordnetes bild*/
td#main img.flright {
display:block;
float: right;
margin: 0 0 10px 20px;
}

/*links angeordnetes bild*/
td#main img.flleft {
display:block;
float: left;
margin: 0 20px 10px 0;
}


/*links zu den unterkategorien der produkte etc.*/
.subcat {
        font-size:14px;
        font-weight: bold;
        margin: 0px 0px 10px 0px ;
        border-left: 3px solid #339999;
        padding: 6px 0px 7px 15px;
        background-color: #eee;
}

.sitemapheader {
        font-size:12px;
        font-weight: bold;
        margin: 0px 0px 3px 0px;
        padding: 5px 0px 6px 5px;
        border-left: 3px solid #339999;
        background-color: #eee;
}

/* leerer absatz als Abstandszeile */
.blankline {
margin: 10px 0px 10px 0px;
}


/*rechtbuendige Namen auf der Mitarbeiter Seite*/
#main table.empl {
		padding-bottom:0.5em;
		border-bottom: 2px solid #eee;
}

/*.description {
padding: 3px 3px 0px 5px;
border-bottom: 2px solid #eee;
}*/

.names {
        border-left: 3px solid #339999;
        padding: 7px 10px 7px 0px;
        background-color: #eee;
		text-align:right;
}

.small {
        font-size:11px;
    line-height:1.2em;
}

/* Copyright Info im Footer der Seiten */
td .xsmall {
        font-size: 9px;
        margin: 12px 0px 12px 0px;
}


/* ----------------------------------------------
   rechtbuendiges menue in der fenster seite
-----------------------------------------------*/

div #floatmenu {
float: right;
width: 170px;
margin:  8px 0px 0px 5px;
padding: 5px 5px 10px 20px;
z-index: 10;
background-color: #fff;
/*
border-left: solid 2px #eee;
border-bottom: solid 2px #eee;*/
}



#main #floatmenu p.header {
        font-size: 12px;
        line-height: 1em;
        border-left: 3px solid #339999;
        padding: 8px 10px;
        margin: 0px 0px 5px 0px;
        background-color: #eee;
}

/*beschreibung der links auf der startseite*/
#main #floatmenu p {
        font-size: 12px;
        line-height: 14px;
        padding: 0px 0px 0px 3px;
        margin: -3px 0 10px 0;
}

#main ul li {
/*border: 1px dotted red;*/
margin: 0px 0px 15px -20px;
padding: 0px;
line-height: 16px;
}


/*hinweistext downloadgeschwindigkeit*/
.note {
	margin: -10px 0 15px 0;
	padding: 5px 0px 5px 20px;
	background: #ffffcc;
	border:2px solid #FFE8B7;
	font-size: 11px;

}

td.border {
    background-color:#eeeeee;
    border-width:1px;
    border-style:solid;
    border-color:#339999;
    }



#main .description p {
margin: 2px 0px 8px 0px;
padding: 3px 3px 0px 5px;
}



/* teaser bilder mit link haben schwarzen rahmen*/
img.pic {
border: 1px solid #000000;
margin:0 0 20px 20px;
}

/*-----------------------------------------------
  Verhalten von normalen Hyperlinks
------------------------------------------------*/

a:link {
    color:#CC6600;
    text-decoration:none;
}

a:visited {
        color:#CC6600;
    text-decoration:none;
}

a:hover {
        color:#CC6600;
    text-decoration:underline;
}

a:active {
        color:#CC6600;
    text-decoration:underline;
}

a:focus {
        color:#CC6600;
    text-decoration:underline;
}

/*-------------------------------------
   Links in der Inhaltstabelle
--------------------------------------*/
#main a:link {
        color:#CC6600;
        text-decoration:underline;

}

#main a:visited {
        color:#c00;
        text-decoration:underline;

}

#main a:hover {
        color:#930;
    text-decoration:underline;
}

#main a:active {
        color:#CC6600;
    text-decoration:underline;
}

#main a:focus {
        color:#CC6600;
    text-decoration:underline;
}


/*-------------------------------------
   Infolinks
--------------------------------------*/

#main a.expl img {
        /*background: transparent url(images/info.gif) center left no-repeat scroll;
        padding-left: 20px;*/
        border: 0px none #fff;
        line-height: inherit;
        vertical-align: middle;
}

#main a.expl:link {
        color:#c60;
        text-decoration:underline;

}

#main a.expl:visited {
        color:#c60;
        text-decoration:underline;

}

#main a.expl:hover {
        color:#930;
    text-decoration:underline;
}

#main a.expl:active {
        color:#c60;
    text-decoration:underline;
}

#main a.expl:focus {
        color:#c60;
    text-decoration:underline;
}

/*==================================
               FOOTER
====================================*/

/*link "seitenanfang" mit pfeilgrafik...*/
td p#top {
margin: 0px;
padding: 0px 0px 5px 0px;
line-height: 1em;
text-align: right;
vertical-align: middle;
}

/* tabellenzelle mit toplink darin
td#toplink {
background: #eee;
border: 1px solid #399;
}*/

td#footer {
	padding: 0 10px;
}

td#footer p {
	border-top: 2px solid #eee;
	color: #aaa;
	font-size: 10px;
	padding: 9px 0;
	text-align: center;
}

td#footer a:link, td#footer a:visited {
color: #aaa;
text-decoration: underline;
}

td#footer a:hover {
color: #666;
text-decoration: underline;
}