/* style.css */

@media all {
html, body {
margin:0;
padding:0;
border:0;
}

html {  
height:101%;  /* scrollbar FF */
}

body {
background:#FFF url('../src/site-bgr.jpg') top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
color:#000;
}

/* headings */

h1,h2,h3,h4,h5,h6 {
font-family:verdana,geneva,sans-serif;
color:#1D2877;
font-weight:bold;
}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:13px;}

/* text */
p {
font-size:0.92em;
line-height:1.6;
margin-bottom:1.3em;
}

small {
font-size:0.92em;
}

/* links */
#main a,
#main a:link,
#main a:visited {
text-decoration:underline;
color:#000;
}

#main a:hover,
#main a:active {
text-decoration:none;
} 

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

/* Listen */

#main ul {
margin:0 0 1em 0;
padding:0;
}

#main li {
font-size:0.92em;
line-height:1.6;
padding-left:1em;
list-style:none;
background:url(../images/ul_bullet.gif) left 0.5em no-repeat;
}

#loadergraph {display:none;margin:100px 0 0 347px;}
 
 
table {
font-size:0.92em;
}
 
}
 
 
@media screen {

/*=====================================
  Layout
=====================================*/
  
body {
background:#FFF url('../src/site-bgr.jpg') top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
color:#000;
}

#outer {
width:882px;
min-height: 660px;
margin:0 auto;
border:1px solid #787878;
background:#fff url('../src/bgrleft.png') repeat-y top left;
}

#header {
position:relative;
height:54px;
background:#e1e3f6;
}

#headerInner {
border-top:1px solid #b2b2b2;
}

#logo {
border-right:1px solid #b2b2b2;
padding:0 0 0 10px;
background:#FFF;
width:149px;
}

#navContainer {
position:absolute;
bottom:0px;
left:116px;
}

#sitenavContainer {
position:absolute;
top:14px;
right:20px;
font-size:0.92em;
}

#sitenavContainer a {
color:#000;
text-decoration:underline;
}

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

#main {
position:relative;
border-top:1px solid #b2b2b2;
}

#loadergraph {display:none;margin:100px 0 0 347px;}

#content {
width:auto;
position:relative;
padding:20px 16px;
padding-left:166px;

}

address {
position:absolute;
top:100px;
width:136px;
left:1px;
bottom:0px;
font-style:normal;
font-size:0.92em;
padding: 11px;
height: 400px;
}


p.socialBookmarks {
line-height: 21px; 
margin: 8px 0 0 0;
display: block;
} 
p.socialBookmarks img {
border: none;
}
#footer { display:none;}
/*
background: #f2f2f2 url(../src/bg_footer.jpg) top no-repeat;
height:30px;
width:100%;
margin:0 auto;
text-align: center;
margin-top: 20px;
*/

#searcharea {
position:absolute;
top:0px;
width:136px;
left:1px;
bottom:0px;
font-style:normal;
font-size:0.92em;
padding: 11px;

}
input.buttonNav
{
    display:block;
	color: #ffffff;
	font-size: 9px;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #838dd3 url('../src/button_arrow.gif') no-repeat right center;
	text-align: left;
	vertical-align: middle;
	margin: 5px 0px;
	padding-left: 2px;
	padding-right: 6px;
	padding-bottom: 1px;
	border: solid 1px #000000;
	height: 16px;
	width: 70px;
}
input.Txt
{
	display:block;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	background-color: #ffffff;
	margin-bottom: 2px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	border-color: #696969 #c0c0c0 #c0c0c0 #696969;
	width: 125px;
	height: 18px;
}

.lieferantenlink a {
font-weight:bold;
display:block;
padding-left: 25px;
min-height:20px;
background: #fff url('../src/bullet.jpg') no-repeat 0 2px;
}

.zurueckButton {
border-top:1px solid #000;
margin-top:20px;
padding-top:20px;
}


/*=====================================
  Navigation
=====================================*/


#navContainer ul {
}

#navContainer ul li {
list-style:none;
height:25px;
padding:0 0 0 4px;
float:left;
}

#navContainer ul li a {
display:block; 
float:left;
background:url(../src/topnavbutton_normal.gif) no-repeat;
text-decoration:none;
color:#000;
font-weight:bold;
line-height:24px;
width:100px;
padding:1px 0 0 16px;
font-size:1em;
}

#navContainer ul li a:hover,
#navContainer ul li a.current {
color:#a3247e;
background:url(../src/topnavbutton_over.gif) no-repeat;
}

div#contact form input,label {display:block;}
div#contact form input {width:400px;}
div#contact form textarea {width:400px;height:200px;}
div#contact form input.buttonNav {width: 170px;}




} /* end: @media screen */




@media all {
/*================================================
 * Clearing
 *==============================================*/

.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix { height:1%; }

.floatBox { overflow:hidden; }
 
 

} /* end: @media all */



@media print {

#navContainer,
#sitenavContainer {
display:none;
}

#logo {
padding:0;
}

#logo img {
border:0;
margin-bottom:20pt;
}

body {
font-size:11pt;
color:#000;
}
 
h1, h2 { 
page-break-after:avoid; 
}

#main ul {
padding-left:1em;
}

#main li {
list-style:disc !important;
padding-left:0;
}

address {
border-top:1px solid #000;
width:100%;
padding:10pt 0 0 0;
}


} /* end: @media print */