/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
für MUSKAT GmbH   http://muskat.com                         */

html,blockquote,body,div,dl,dt,dd,fieldset,
form,h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,
table,tr,td,th,thead,tbody,tfoot,caption{
margin:0;
padding:0;
border:0 none;
font-size:1em;
font-family:Arial,Helvetica,sans-serif
}

body{
color:#333;
background:#d1d2d4 URL(/img/bg/bg.gif) center 0 repeat-y;
text-align: center;

}
td{
vertical-align:top
}

li{
vertical-align: top;
}

img{
border:0 none
}

.clear {
clear: both;
}
.grau {
background-color: #ccc
}
.klein {
font-size: 11px;
background-color: #ccc
}
table.inner {
margin: 1em 0
}
.inner td {
padding: 2px 10px 2px 10px
}

.hide,
.preload,
.Pages {
display:none
}
div.content ul, div.content ol {
padding-left: 1em
}
div.content li {
margin-left:20px;
}
.bildlinks{
float:left;
margin: 0 10px 5px 0;
}
.bildrechts{
float:right;
margin: 0 0 5px 10px
}


a {
color: #333
}
a:hover {
color: black
}
div.alle {
background:#d1d2d4 URL(../img/bg/bg.gif) 0 0 repeat-y;
position:relative;
width:1000px;
margin: 0 auto;
height: auto
}
div.rahmen{
background:transparent URL(../img/bg/bg-re.jpg) 0 0 no-repeat;
position:relative;
width:1000px;
min-height:800px;
text-align:left;
}

div.left,div.content{
position:relative;
float:left;
min-height:600px;
}

div.left{
width:260px;
text-align:center
}

div.content{
width:700px;
padding:20px 0 20px 0;
margin: 0 0 0 20px;
font-size: 13px;
line-height: 150%
}
div.content h1,
div.content h2.newscat  {
color: white;
background-color: #656666;
width:690px;
padding: 3px 0 3px 10px;
font-size: 12px;
letter-spacing: 1px;
margin: 0
}
div.content h2.newscat,
div.content h2.newscat a {
background-color: #c00;
color: #ffffff;
text-decoration: none;

}
div.content h2.newscat a:hover {
text-decoration: underline;
}  
div.content h2,
div.content h1.news{
margin: 25px 0 10px 0;
color: #333;
font-size: 16px
}

div.content h1.news {
background-color: transparent;
letter-spacing: normal;
padding: 0;
margin: 1em 0 1em 0
}
div.content h2.newscat {
font-size: 13px
}
div.content td h2 {
margin:0;
color: white;
font-size: 14px;
margin: 1em 0
}
div.content td h3{
margin: 1em 0 1em 0;
font-size: 16px
}
div.content p {
margin: 0 20px 1em 0;
color:#333
}
div.content p.vis {
margin: 0
}
div.left a{
display:block;
height:23px;
width:180px;
text-decoration:none;
margin:17px auto 0 auto;
text-align:center;
background:#84878C URL(/img/spacer.gif) 0 0 no-repeat
}

div.left a span{
visibility:hidden
}

div.left a.pro{
background-image:URL(/img/buttons/but-Produkte.gif)
}

div.left a.unt{
background-image:URL(/img/buttons/but-Unternehmen.gif)
}

div.left a.kon{
background-image:URL(/img/buttons/but-Kontakt.gif)
}

div.left a.ort{
background-image:URL(/img/buttons/but-Muskat_vor_Ort.gif)
}

div.left a.new{
background-image:URL(/img/buttons/but-News.gif)
}

div.left a.pro:hover{
background-image:URL(/img/buttons/but-Produkte-over.gif)
}

div.left a.unt:hover{
background-image:URL(/img/buttons/but-Unternehmen-over.gif)
}

div.left a.kon:hover{
background-image:URL(/img/buttons/but-Kontakt-over.gif)
}

div.left a.ort:hover{
background-image:URL(/img/buttons/but-Muskat_vor_Ort-over.gif)
}

div.left a.new:hover{
background-image:URL(/img/buttons/but-News-over.gif)
}

div.left a.proac{
background-image:URL(/img/buttons/but-Produkte-down.gif)
}

div.left a.untac{
background-image:URL(/img/buttons/but-Unternehmen-down.gif)
}

div.left a.konac{
background-image:URL(/img/buttons/but-Kontakt-down.gif)
}

div.left a.ortac{
background-image:URL(/img/buttons/but-Muskat_vor_Ort-down.gif)
}

div.left a.newac{
background-image:URL(/img/buttons/but-News-down.gif)
}

div.left div.unav{
height:250px
}
div.left ul.unav{
margin: 20px 0;
list-style: none
}
div.left li.level1 {
margin:0;
padding:0;
height: 16px;
}
div.left a.level1,
div.left a.level2,
div.left a.level3 ,
div.left a.level4 {
height: auto;
color: #222;
background-color: transparent;
font-size: 0.8em;
letter-spacing: 0.1em;
margin:0 0 0 50px;
padding:0 0 0 24px;
text-align:left;
font-weight: bold
}
div.left a.level2,
div.left a.level3,
div.left a.level4,
div.left a.newsunav {
letter-spacing: normal;
margin:0 0 0 60px;
font-weight: normal;
width: 160px

}
div.left a.level3,
div.left a.newsunav{
font-size:	0.73em;
margin:0 0 0 70px;
}
div.left a.level4{
margin:0 0 0 100px;
color: white
}
div.left a.level1:hover,
div.left li.level1 a.active,
div.left a.level2:hover, 
div.left a.level2.active,
div.left a.level3:hover, 
div.left a.level3.active{
background:transparent URL(/img/nav-pfeile.gif) 0 5px no-repeat; 
}
div.left a.level2:hover,
div.left a.level2.active{
background-image: URL(/img/nav-pfeil1.gif);	
}
div.left a.level2.active{
font-weight: bold;
}
div.left a.level2.last {
margin-bottom: 10px
}
div.left a.level2.active {
margin-bottom: 0
} 
div.left a.level3:hover,
div.left a.level3.active{
background-image: URL(/img/nav-pfeil2.gif);	
}
div.left a.level3.active{
font-weight: bold;
}
div.left .level3 a.first {
margin-top:0
}
div.left .level3 a.last {
margin-bottom: 6px
}
div.left div.newsbrowser {
margin: 15px 20px 0 40px;
text-align: left
}
div.left div.newsbrowser div.text {
margin: 0 10px 10px 0;
}
div.left div.newsbrowser a {
display: inline;
margin:0 0 0 0;
background-color: transparent;
text-align: left;
font-size: 13px
}

div.left div.newsbrowser div.text a {
display:block;
position: relative;
height: auto
}
div.left a.newsunav{
margin:0 0 0 0px;
}
div.left a:hover,
div.left a.newsunav:hover {
color: black
}

img.ihreverbindung{
position:absolute;
left:232px;
top:548px
}

div.content h1.hwhite {
position: absolute;
left: 0px;
top: 40px;
color: white;
letter-spacing: 2px;
font-size: 22px;
 opacity: 0.4;
 -moz-opacity: 0.4;
 -khtml-opacity: 0.4;
 filter: alpha(opacity=40);
}
table.ra,
div.obfrahmen {
border: 1px solid #656666;
margin-right:20px;
width: 700px;

}
table.ra table {
border-collapse: collapse;
}
table.ra td,
table.muskatvorort td {
margin:0;
padding: 2px 6px;
font-size: 12px;
background-color: #ABADB0;
border-collapse: collapse;
}
td.wechsel ,
table.ra td.wechsel,
table.innen td.wechsel,
table.innen tr.wechsel,
table.ra td.wechsel {
background-color: #CDCDCD
}
td.wechsel1 {
background-color: #e1e1e1
}
table.ra img {
display:block
}
table.ra a {
color:#222;
text-decoration: none;
display:block;
text-align: center
}

.infotable .ra td {vertical-align: bottom}
.infotable .ra td.re {
text-align: right; vertical-align:bottom; padding-right: 3px
}
table.ra td.thead,
td.thead,
table.legende th,
p.bu,
.innen .thead,
.ra td p,
.ra td ul {
margin: 0 0 1em 0
}

table.rau td {
background-color: transparent;
}
table.rau td ul {
margin:0;
padding: 0
}

table.ra td.thead{
white-space: nowrap;
background-color: #656666;
color: white;
font-weight: bold
}

/* Flachglasfolien */
table.prod_innen {
width: 100%
}
td.proz {
width: 40px;
text-align:right;
white-space: nowrap;
}
table.prod_innen td {
padding:0
}

/*  MUSKAT VOR ORT  */
.teaser {
margin: 1em 0
}
table.muskatvorort td h2,
table.muskatvorort td h1.news  {
color: #cc0000;
margin: 0 0 1em 0;
font-size: 16px
}
table.muskatvorort  {
border: 1px solid #222222;
width: 700px;
margin-bottom: 20px
}
table.muskatvorort td {
padding: 10px
}
table.muskatvorort td td {
padding: 2px 4px
}
table.muskatvorort td p,
table.muskatvorort td ul,
table.muskatvorort td ol {
margin: 0 0 1em 0
}
table.ainl a {
display: inline !important ;
font-weight: bold;
color: #cc0000;
padding-left: 10px
}
table.ra a:hover,
table.ra a:active,
table.ra a:focus,
table.muskatvorort a:hover,
table.muskatvorort a:active,
table.muskatvorort  a:focus{
color: #e1e1e1
}

.tabellenkopf_grau,
.tabellenkopf_rot,
tr.tabellenkopf_grau td,
tr.tabellenkopf_rot td,
table.muskatvorort td.tabellenkopf_rot,
table.muskatvorort td.tabellenkopf_grau{
background-color: #888c8d;
color: white !important ;
font-weight: bold;
font-size: 12px;
padding: 2px 10px 2px 4px ;
text-align: left
}

td tr.tabellenkopf_grau td {
padding: 8px 8px
}
table.muskatvorort td.thead,
table.muskatvorort td.tabellenkopf_grau,
table.muskatvorort td.tabellenkopf_rot {
background-color: #888c8d;
padding: 2px 10px;
font-size: 14px;
font-weight: bold
}
.tabellenkopf_rot,
table.muskatvorort td.tabellenkopf_rot{
background-color: #c00;
}


.ra td img, 
.ra td table{
margin-left: -3px
}

table.bohrer{
width: 216px; 
float: left; 
}
p.bu {
margin-top:0; width: 686px
}
table.messe {
border-collapse: collapse;
width: 700px
}
table.messe td {
border: 1px solid #656666;
padding: 10px
}
table.messe .head td {
background-color: #656666;
color: white;
font-weight: bold;
padding: 1px 10px
}

table.legende {
border: 1px solid #656666;
margin: 10px 20px 20px 0 ;
width: auto
}
table.legende td {
background-color: #cdcdcd;
font-size: 11px;
padding: 1px 20px 1px 20px
}


.innen {
border: 1px solid #202020;
width: auto;
}
table.ra .innen td,
table.ra .innen .thead {
text-align: center;
width: 70px;
margin: 0
}
table.ra .innen .thead {
white-space: normal;
}

.logbutton {
position: absolute;
left: 677px;
top: 2px;
}

/*  DUSCHEN */
.duschen img {
margin:0 0 0 0 
}
.duschen div {
width: 140px;
height: 140px
}
.duschen div div {
background-color: white;
filter:Alpha(opacity=50);
-moz-opacity:0.5;
height:auto;
width: 140px
}
.duschen div div a {
text-decoration: none;
color: black;
font-weight: bold;
font-size:12px;
display:block;
padding: 4px 0 2px 8px;
}


/* ********** KLEBEN, DICHTEN ******* */

div.kleben {
background-color: #cdcdcd;
height: 280px;
width: 215px;
padding: 10px;
float: right;
overflow: auto;
font-size: 12px;
margin: 0 0 20px 20px
}
div.klebkurz {
height: 260px
}
div.klebbreit {
background-color: #cdcdcd;
padding: 10px;
float: right;
font-size: 12px;
margin: 0 0 20px 0;
width: 680px; 
height: auto; 
overflow: inherit;
}
div.kleben h2,
div.klebbreit h2 {
background-color:#888c8d;
margin: -10px -10px 5px -10px ;
padding: 4px 10px;
color: white;
font-size: 14px;
}
div.kleben ul,
div.klebbreit ul {
padding-left: 0
}
div.kleben li {
margin-left:12px
}

.content h2.kleben {
color:#666;
font-size: 40px;
 margin-top: 5px;
 margin-left: 10px;
 float: left;
 width: 400px;
 height: 95px
}
.content h2.kleben span {
font-size: 20px
}


/* PRODUKTSUCHE */
form.psuche{
position: absolute;
right: 25px;
top: 22px;
color: white;
font-size: 11px
}

form.psuche input {
font-size: 11px;
padding: 1px;
background: #666 url(/img/bg/suche-bg.jpg) 0 0 repeat-y; 
color: white;
width: 120px;
border-color: #a0a0a0;
}
form.psuche input:hover{
background-color: #eee;
color: black;
background-image: none 
}
form.psuche input.suchimg,
form.psuche input.suchimg:hover {
width: 16px;
height: 16px;
margin: 0 0 0 0;
border: none;
background: transparent url(/img/such.gif) 0 0 no-repeat; 
}
form.suche-inline {
margin: 20px 0
}
form.suche-inline input.button {
width: 70px
}

/* NEWSÜBERSICHT */
.content div.newsshow {
clear: both;
}
div.content p a {
color: #cc0000
}
.content div.newsshow img {
position: relative;
margin:0 20px 20px 20px;
float:right
}

.content div.newsshow div.text {
width: 480px;
display:inline;
}
.content div.newsshow div.text a.red {
color: #cc0000
}
.content div.newsshow div.nr1  {
font-weight: bold;
color: #c00;
font-size: 1.3em;
margin: 0 0 15px 0;
display:block
}

.content div.newsshow div.headline {
display: block;
margin: 0 0 1em 0;
font-weight: bold
}
.content div.newsshow div.nr2,
.newsdatum,
div.left a span.red{
visibility: visible;
color: #cc0000
}

a.top {
color: white;
padding: 2px 4px 20px 20px;
display:block;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
a.top:hover {
color: #333333
}
a.bck {
display: block
}
div.obfrahmen{
height: auto;
background-color: #CDCDCD;
}
div.obfleg,
div.klebobf{
float: left;
width:84px;
height: 45px;
background: transparent URL(/img/spacer.gif) 0 2px no-repeat; 
font-size: 11px;
padding: 7px 0 5px 55px;
margin: 0;
line-height: normal;

}

div.klebobf {
background-position: center 0; 
padding: 60px 5px 0 5px; 
font-size:12px; 
width:86px; 
height: 60px; 
text-align:center;
}


.klemmen a,
.klemmen a.ac {
	width:140px;
	height: 140px;
	display: block;
	float:left;
	background:transparent URL(../img/spacer.gif) 0 0 no-repeat; 
}
.klemmen a span {
display: none
}



/* FORMULAR */
input,textarea {
width: 300px;
border-width: 1px;
margin: 0 10px 6px 0
}
input.w100 {
width: 150px
}
input.w150 {
width: 200px
}
input.w10 {
display:none
}
label {
display:block;
width: 120px;
float:left;
}
p.meldung {
font-weight: bold;
margin: 0 0 4px 0;
padding:2px 10px;
background-color: #c9c9c9;
width: 500px
}
tr.result,
tr.result td {
background-color: #ffffff !important 
}
div.headvis {
white-space: nowrap;
overflow: hidden;
}
div.headvis a {
text-decoration: none
}
.button {
width: auto;
}
.check {
width: 20px
}

/*  SERIENLISTE  */

div.serienliste {
position: absolute;
right:0px;
top:40px;
width: 133px;
height: auto;
padding: 5px 5px 5px 10px;
background-color: #666666;
 opacity: 0.7;
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
 filter: alpha(opacity=70)
}
div.serienliste p a {
color: white; 
font-weight: bold
}
div.serienliste a{
font-weight:bold;
display: block;
width: 105px;
color: #ffffff;
text-decoration: none;
font-size:11px;
 opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity: 1;
 filter: alpha(opacity=100)
}

#nav {
    padding:0; 
    margin:0; 
    list-style:none;
    position:absolute; 
  right: 0px;
top: 42px;
width:143px;
    z-index:100;  
background-color: #666666;
}
#nav div {
display:none; position:absolute; left:0; top:15px; 
height:auto;
 width:143px; 
float:left;  overflow:hidden;
}
a.top-a {
margin-left:10px!important; }
#nav li {
float:left; position:relative; margin:0 ; padding:0 0 0 0;
}
#nav li a {
padding:0 0 0 0; text-decoration:none; white-space:nowrap; 
display:block; height:15px; float:left; font-weight:normal; color:#fff;  
padding:0; margin:0; font-size: 12px }
#nav li b {
display:block; float:left; width: 137px; height: auto}
#nav li ul {
padding:0; margin:0; list-style:none; 
position:relative; width:142px;
}
#nav li ul li {float:none; width:142px; margin:0; 
}
#nav li ul li a {
display:block; height:17px; line-height:normal; 
padding:0 0 0 10px; 
color:#fff; width:142px; font-size: 11px; 
background-color: #656666;
}
#nav li ul li a:hover {
background-color: #CCC; color: black;
}



/* IE-HACK */


div.obfleg{
// width:139px;
}
div.content h1 {
// width: 700px
}
form.psuche span{
// vertical-align: middle
}
.content div.newsshow div.text {
//width: 460px;
}
#nav {
// right: 20px
}
#nav li ul li {
width: 145px
}
p.bu {
// width: 700px
}
div.kleben {
// width: 235px
}
div.klebbreit {
// width:700px
}
div.klebobf {
// height: 130px;
// width: 96px
}



/* ******* PRINT */

.print {
display: none;
}
img.logoprint {
margin: 0 0 5mm 0 ;
}
.adrzeile {
font-size:8pt;
position:absolute;
top:0;
right:0;
width: 150px;
height: auto
}
table.ra a.see {
text-decoration: underline;
font-weight: bold
}
div.infotable td {
padding: 0 0 0 5px ;
font-size: 12px
}
div.infotable td img {
margin: 0 0 0 -5px 
}
div.disp {
white-space: nowrap;
}
div.disp img {
margin-left: 16px
}

@media print {
div.left,
.vis{
display:none
}	
.print {
display: block
}
div.content h1 {
font-weight: bold;
font-size: 14pt;
border-bottom: 2px solid #666;
padding-left:0
}
}