/* style.css */

@media all {

* {
margin:0;
padding:0;
border:0;
}

html {
}

body {
font-size:75%; /* 12px */
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color:#FFFFFF;
}

/* headings */

h1 {
font-size:110%;
margin-bottom:0.75em;
color:#FFFFFF;
font-weight:bold;
}

h2 {
font-size:1.1em;
line-height:1.1;
font-weight:bold;
margin-bottom:0.2em;
}

/* text */
p {
font-size:1em;
line-height:1.5em;
margin-bottom:1.5em;
}

small {
font-size:0.92em;
}

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

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

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

/* img */


/* Listen */
#content ol {
margin:0 0 1em 24px;
padding:0;
font-size:0.92em;
}

#content ul {
margin:0 0 1em 12px;
padding:0;
list-style:disc;
font-size:0.92em;
}

#content li {
line-height:2;
font-weight:normal; 
}
 

} /* end: @media all */
/*=====================================
  Layout
=====================================*/

@media screen, handheld {

html, body {
height:100%;
}

body {
background:#fef7e8;
overflow: -moz-scrollbars-vertical;
text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
width:1px;
height:50%;
margin-bottom:-262px; /* half of container's height */
float:left;
}

#page {
width:636px;
margin:0 auto;
position:relative;
text-align:left;
background: #de0029;
padding: 0 0 30px 0;
}
 
#header {
background:none;
margin: 0 0 0px 0;
}

#header #lang-select {
text-align: right;
padding: 21px 44px 0 0;
}

#header #lang-select a, 
#header #lang-select a:visited,
#header #lang-select a:active {
color: #fbdc95;
font-weight: bold;
text-decoration: none;
}

#header #lang-select a:hover,
#header #lang-select a:focus,
#header #lang-select a.current {
color: #FFFFFF;
}

#header #logo {
text-align: center;
}

#header #logo img {
border: none;
}	

#header #navigation {
text-align: center;
margin: 12px 0 0 0;
}

#content #content-images {
margin: 30px 0 34px 0;
}

#content {
	padding: 20px 0 0 0;
}

/* IMAGES HOME */
#content #content-images #images-home {
width: 314px;
margin: 0 0 0 163px;
}

#content #content-images #images-home img {
border: 1px solid #FFFFFF;
}

#content #content-images #images-home #image-001 {
border: 1px solid #FFFFFF;
width: 155px;
height: 155px;	
float: left;
padding: 9px;
}

#content #content-images #images-home #image-002 {
border: 1px solid #FFFFFF;
width: 109px;
height: 155px ;
float: right;
padding: 9px;
}


#content #content-images #images-home2 {
margin: 26px 0 0 0;
padding: 0 0 0 100px;
text-align: center;
}

/* IMAGES PRODUCTS */

#content #content-images #images-products {
text-align: left;
}

#content #content-images #images-products table.products {
margin: 0 auto;
}

#content #content-images #images-products img {
margin: 0 33px 53px 0;
}

/* HÄNDLER-SUCHE */
#haendler-form input {
	padding: 2px;
}

#haendler-form .submit {
	background: #fbdc95;
	color: #de0029;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	padding: 2px;
}

.haendler-result {
	margin: 14px 0 0 0;
	font-size 11px;
}


/* IMAGES PRODUCT DETAILS */

#content #content-images #images-details {

}

#content #content-images #images-details #image-detail {
float: left;
width: 118px;
}

#content #content-images #images-details #image-detail img {
border: 1px solid #FFFFFF;
}

#content #content-images #images-details #image-product {
float: left;
margin: 0 0 0 73px;
}

#content #content-images #images-details #image-product img {
display:block;
}

#content #content-text {
width: 312px;
margin: 0 auto;
padding: 10px 0 0 0;
}

#content #content-text.abstand-oben {
margin: 0 auto;
margin-top: 30px;
}

#content #back {
position: absolute;
left: 10px;
bottom: 50px;
width: 80px;
}

#content #back a,
#content #back a:visited,
#content #back a:active {
padding: 0 0 0 24px;
text-decoration: none;
background-image: url(../images/back.gif);
background-repeat: no-repeat;
background-position: 1px;
display: block;
}

/*=====================================
  Navigation
=====================================*/
 
/** navigation **/
#header #navigation ul {

}

#header #navigation ul li {
	list-style: none;
	display: inline;
	margin: 0 3px 0 3px;
}

#header #navigation ul li a,
#header #navigation ul li a:visited,
#header #navigation ul li a:active {
color: #fbdc95;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

#header #navigation ul li a:hover,
#header #navigation ul li a:focus,
#header #navigation ul li a.current {
color: #FFFFFF;
}



/** sitenav **/
ul#sitenav {
width:auto;
padding-left:259px;
}

ul#sitenav li {
list-style:none;
float:left;
width:auto;
line-height:35px;
padding:0 11px 0 0;
font-size:0.92em;
color:#787878;
text-transform:uppercase;
}

ul#sitenav li a {
color:#787878;
padding:0;
}

ul#sitenav li a:hover,
ul#sitenav li a:focus,
ul#sitenav li a.current {
text-decoration:underline;
}
 
} /* end: screen, handheld */

@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 {

#navbar,
#banner,
#sitenav {
display:none;
}

#outer {
width:100%;
}

html {
height:100%;
}

body {
font-size:11pt;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#logoContainer {
display:block;
height:120pt;
}
 
#main {
width:100%;
margin:0;
padding:0;
}

#content {
width:auto;
position:relative;
padding:0 0 0 0;
margin:0;
}

h1 {
page-break-after:avoid;
color:#000;
font-weight:bold;
}

h2 {
page-break-after:avoid;
color:#000;
}

h3 {
page-break-after:avoid;
color:#000;
}

 
 } /* end: @media print */