/*             */
/*  ALLGEMEIN  */
/*             */

html,body {
font-family:helvetica, arial, sans-serif;
font-size:100.1%;
font-weight:normal;
margin:0;
padding:0;
}

body {
background:#7690a5 url(img/verlauf.gif) repeat-x;
font-size:1em;
padding-bottom: 3em;
}

div#wrap {
margin:0.5em auto 0;
padding:0;
width:850px;
}

ul,li {
list-style:none;
margin:0;
padding:0;
}

:focus {
color: #5e5e5e !important;
}

img {
font-size:0.7em;
}

/* HEADER */
div#header {
background:url(img/wrapper-oben.png) no-repeat top;
height:100px;
padding:3em 1em 1em 2em;
}

body#home div#header {
height:200px;
}

div#header h1 {
display:block;
float:left;
margin:0 0 0 25px;
background:url(img/handicap-mobil-logo.png);
height:49px;
width:120px;
}

div#header h1 a {
display:block;
height:100%;
width:100%;
}

div#header h1 a span {
display:block;
color:#fff;
font-size:0.0001em;
}

ul#navi {
list-style:none;
margin:14px 0 0 200px;
}

ul#navi li {
display:block;
float:left;
margin-right:8px;
line-height:20px;
}

ul#navi li a {
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;
padding:10px 5px 14px 5px;
font-weight:normal;
}

ul#navi li a:hover {
color:#007078;
}

ul#navi li a#naviaktiv:hover {
color:#cf8d32;
}

body#home div#content h1 {
font-size:1.4em;
letter-spacing:0.04em;
margin-top:220px;
}

div#flash {
border-bottom:4px solid #eca849;
border-top:4px solid #eca849;
float:left;
margin:-142px 0 0 20px;
width:810px;
}

body#home div#flash object {
margin-bottom:-4px;
}

/* CONTENT */
div#content {
background:url(img/wrapper-mitte.png) repeat-y;
overflow:hidden;
padding:3em 5em 3em;
}

body#home div#content {
overflow:visible;
padding:3em 5em 10px;
}

div#content img {
display:block;
margin:0 auto 2em;
}

h1 {
color:#00909b;
font-weight:normal;
margin:-0.5em 0 1em;
}

h2 {
color:#eca849;
font-size:1.2em;
font-weight:normal;
margin-top:1.5em;
}

h3 {
border-bottom:1px solid #aababe;
color:#769095;
font-size:0.8em;
font-weight:bold;
margin-bottom:0.75em;
padding:0.25em 0 0.25em 0;
}

p,#content ul li, #content ol li {
color:#5e5e5e;
font-size:0.85em;
font-weight:normal;
line-height:1.45em;
}

#content ul, #content ol {
margin-bottom: 1em;
}

#content ol {
margin-left: -1em;
}

#content ol li {
list-style-type:decimal;
}

#content ul li {
list-style-type:circle;
margin-left:1em;
}

body#home h1 span,.invis {
display:none;
}

p.notiz {
font-size:0.8em;
font-style:italic;
color:#00909b;
}

p.info {
clear:both;
font-size:0.75em !important;
}

.spaltelinks {
float:left;
margin-top:-0.75em;
margin-right:2em;
}

/* FOOTER */
div#footer {
background:url(img/wrapper-unten.png) no-repeat bottom;
clear:both;
color:#5e5e5e;
font-size:0.8em;
padding:3em;
text-align:center;
}

hr#footerbreak {
background:none;
color:none;
margin:0;
width:0;
height:0;
}

div#footer p {
border-top:1px solid #aababe;
margin:0 4.8em 0 4.8em !important;
padding-top:1em;
}

div#footer a:hover {
text-decoration:underline;
}

/*           */  
/*  KLASSEN  */
/*           */
           
/* NEWSTICKER */
div.ticker {
border:1px solid;
border-top-width:4px;
clear:both;
float:right;
margin:0.5em 0 0.5em;
overflow:hidden;
padding:1em;
width:200px;
}

.kontakt {
background-color:#d5f0f2;
border-color:#54aeb5 !important;
}

.kontakt h2 {
color:#54aeb5 !important;
border-bottom:1px solid #54aeb5;
}

.katalog {
border-color:#eca849 !important;
}

.katalog h2 {
color:#eca849 !important;
border-bottom:1px solid #eca849;
}

.neuheit {
border-color:#eca849 !important;
}

.neuheit h2 {
color:#eca849 !important;
border-bottom:1px solid #eca849;
}

.messehinweis {
margin-right:260px;
padding:10px;
border:1px solid #eca849;
border-top-width:4px;
margin-top:30px;
overflow:hidden;
width:400px;
}

.messehinweis h2, .messehinweis p {
margin-right:0;
width:100%;
}

.messehinweis h2 {
margin-top:0;
}

.messehinweis p {
margin-left:80px;
}

.messehinweis img {
width:62px;
background:#fee;
float:left;
}

/*				*/
/*				*/
/*				*/
/*				*/
/*				*/

body#home p,body#home h2 {
margin-right:260px;
}

body#home div#content ul {
margin-right:255px;
}

div.ticker p,div.ticker h2 {
margin:0.5em 0 0 !important;
}

div.ticker p {
font-size:0.8em;
}

div.ticker h2 {
color:#fff;
font-size:1em;
font-weight:bold;
line-height:0;
padding-bottom:5px;
padding-left:20px;
margin:0 -20px 0.75em -20px !important;
}

div.ticker a {
font-weight:bold;
}

.mitgliederlogos {
clear:both;
}

.mitgliederlogos img {
float:left;
opacity:0.5;
}

.mitgliederlogos a:hover img {
opacity:1;
-webkit-transition:opacity 0.3s ease-in;
}

/* PRODUKTE */
ul#produktsortiment {
background:url(img/produktsortiment-auto.jpg) no-repeat top !important;
margin-left:-20px;
overflow:hidden;
padding:0px 0 0 20px;
position:relative;
width:700px;
}

ul#produktsortiment li {
float:left;
list-style-type:none;
margin:0 15px 15px 0;
overflow:hidden;
padding:0 !important;
width:332px;
}

ul#produktsortiment li.erstezeile {
margin-top:350px;
}

ul#produktsortiment li a {
background:#f5f5f5;
border:1px solid #aababe;
border-top:4px solid #00909b;
display:block;
font-size:0.9em;
margin:0;
padding:10px;
}

ul#produktsortiment li a span {
color:#eca849;
font-weight:bold;
}

ul#produktsortiment li a:hover {
background:#00909b;
border-top:4px solid #eca849;
color:#fff;
}

ul#produktsortiment li a:hover span b {
height:50px;
position:absolute;
width:50px;
}

a:hover b#eins { background:url(img/punkt-01.png) no-repeat;left:215px;top:212px;}
a:hover b#zwei { background:url(img/punkt-02.png) no-repeat;left:225px;top:155px;}
a:hover b#drei { background:url(img/punkt-03.png) no-repeat;left:250px;top:90px;}
a:hover b#vier { background:url(img/punkt-04.png) no-repeat;left:285px;top:150px;}
a:hover b#fuenf { background:url(img/punkt-05.png) no-repeat;left:395px;top:150px;}
a:hover b#sechs { background:url(img/punkt-06.png) no-repeat;right:45px;top:70px;}
a:hover b#sieben { background:url(img/punkt-07.png) no-repeat;right:55px;top:205px;}
a:hover b#acht { background:url(img/punkt-08.png) no-repeat;right:10px;top:205px;}
a:hover b#neun { background:url(img/punkt-09.png) no-repeat;right:115px;top:140px;}
a:hover b#zehn { background:url(img/punkt-10.png) no-repeat;left:320px;top:80px;}

/* PRODUKTSEITE */
body.produktseite p,body.produktseite h2,body.produktseite h3,body.produktseite ul,body.produktseite ol {
margin-right:300px;
margin-top:0;
}

body.produktseite p.shopintro {
margin-right:0;
}

hr {
background:#fff;
border:none;
clear:both;
color:#fff;
height:0;
width:0;
}

body.produktseite hr {
background:#aababe;
color:#aababe;
height:1px;
margin:4em 0 1em;
width:100%;
}

p.intro {
margin:0 -700px 4em 0 !important;
width:700px !important;
}

ul#produktliste {
display:block;
height:200px;
margin:-3em 0 0 -5px;
overflow:visible;
}

ul#produktliste li {
float:left;
list-style:none;
margin:0 0 5px 5px;
padding:0;
width:342px;
}

ul#produktliste li a {
background:#f5f5f5;
color:#aababe;
display:block;
font-size:0.8em;
height:1em;
padding:0.5em .5em 1em;
}

ul#produktliste li a:hover {
background:#eee;
color:#00909b;
}

/* GALERIE */
div.galerie {
border:1px solid #aababe;
border-top:4px solid #00909b;
float:right;
margin:-2em 0 3em;
padding:15px 0 0 15px;
width:240px;
}

div.galerie a {
float:left;
margin:0 15px -15px 0;
width:104px;
}

div.galerie a img {
background:#f5f5f5;
border:2px solid #00909b;
display:block;
height:100px;
width:100px;
}

span.emptyfoto {
border:2px solid #00909b;
display:block;
float:left;
height:100px;
margin:0 10px 10px 0;
width:100px;
}

div.galerie a:hover img {
border-color:#eca849;
}

p.bildhinweis {
clear:both;
color:#aababe;
font-size:0.6em;
font-weight:bold;
margin:-15px 15px 15px 0 !important;
padding-top:1em;
text-align:center;
}

div#multigalerie {
width:700px;
}

div#multigalerie div.galerie {
float:left;
text-align:center;
margin:0 10px 3em 0 !important;
width:148px;
}

div#multigalerie div.galerie img {
margin:15px;
}

div#multigalerie p {
margin-right:2em;
}

/* ANGEBOTE */

.artikelpreis {
color:#00909b;
font-weight:bold;
font-size:1.1em;
}

/* TABELLEN */

table {
font-size: 0.7em;
width:100%;
border-collapse:collapse;
color:#5e5e5e;
clear:both;
}

thead {
background:#00909b;
color: #fff;
}

thead tr {
border:1px solid #00909b;
}

th {
padding:0.5em;
border:1px solid #00909b;
border-right:1px solid #fff !important;
}

th.letztespalte {
border-right:1px solid #00909b !important;
}

th.bestellnummer {
width:8em;
}

th.typenbezeichnung {
width:10em;
}

td {
border:1px solid #aababe;
text-align:center;
padding:0.25em;
}

tfoot td {
padding:0.5em;
}

table#rampen th.typenbezeichnung {
width:5em;
}

/* UNTERNEHMEN */
div#kontaktdaten {
margin-left:-10px;
overflow:hidden;
width:710px;
}

span.teaminfo {
border:1px solid #aababe;
border-top:4px solid #00909b;
color:#5e5e5e;
display:block;
float:left;
font-size:0.7em;
height:150px;
margin:0 0 1em 10px;
overflow:hidden;
width:340px;
}

span.teaminfo img {
float:left;
}

span.teaminfo strong, 
span.teaminfo i, 
span.teaminfo a {
display:block;
margin-left:160px;
margin-top:1em;
padding:0.25em;
}

span.teaminfo strong {
color:#00909b;
font-size:1.2em;
}

span.teaminfo i {
font-weight:bold;
font-style:normal;
margin:0 0 1em 160px !important;
}

span.teaminfo b, body.unternehmen div#content hr {
display:none !important;
}

/* KONTAKT */
div#formulardiv {
color:#00909b;
font-size:0.9em;
}

fieldset {
border:1px solid #00909b;
margin-top:2em;
padding:1em 2em 1.5em;
}

fieldet div.break {
margin-bottom:1em;
}

fieldset p {
margin-bottom:2em;
}

legend {
color:#00909b;
font-size:1.2em;
padding:0.1em;
}

label {
display:block;
float:left;
font-size:0.9em;
margin:0.3em .5em 0 0;
padding-right:0.5em;
text-align:right;
vertical-align:middle;
width:150px;
}

input,textarea {
background:#f5f5f5;
border:1px solid #aababe;
border-top:4px solid #00909b;
color:#5e5e5e;
font-size:0.8em;
padding:0.4em;
}

input:hover,textarea:hover {
background:#fff;
}

div.textfeld label {
float:none;
width:100%;
text-align:left;
margin-bottom:1em;
}

div.textfeld textarea {
width:97%;
height:20em;
}

div#janein label {
width:5em;
}

form_field {
text-align:left;
}

.infomaterialcheckboxen {
clear:both;
padding-top:1em;
}

.infomaterialcheckboxen input, .infomaterialcheckboxen label {
float:none;
}

.infomaterialcheckboxen input {
float:left;
}

.infomaterialcheckboxen label {
width:100%;
text-align:left;
}

#janein {
clear:both;
width:7em;
padding-top:1em;
text-align:left;
}

#janein label {
float:right;
text-align:left;
}

fieldset#sendeknopf input {
background:#eee;
border-color:#00909b;
color:#00909b;
font-size:1.2em;
font-weight:bold;
padding:0.5em;
width:5em;
}

fieldset#sendeknopf input:hover {
background:#00909b;
border-color:#00909b;
color:#fff;
cursor:pointer;
}

fieldset div,input {
margin-bottom:0.75em;
}

h2.center {
border:3px solid #FF6F4E;
color:#FF6F4E;
font-size:1.1em;
line-height:1.4em;
margin-bottom:2em;
padding:2em 0;
text-align:center;
}

body#kontaktokay h2.center {
background:none;
border-color:#00909b;
color:#00909b;
}

/* LINKSEITE */
a img {
border:none;
}

a:link,a:visited {
color:#00909b;
text-decoration:none;
}

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

dl {
background-color:#F5F5F5;
border:1px solid #aababe;
border-top:4px solid #00909b;
font-size:0.85em;
margin-bottom:1em;
padding:1em;
}

dd {
background:url(img/arrow.gif) left no-repeat;
color:#444;
margin:0.4em 0 0;
padding-left:0.5em;
}

a#naviaktiv,ul#produktliste li a span {
color:#eca849;
}

.produktheadline,div.teaminfo p {
margin-top:-1em;
}

/* SITEMAP */

ul#sitemap {
font-size:1.1em;
text-transform:uppercase;
letter-spacing:0.15em;
}

ul#sitemap li {
list-style-type:none !important;
font-weight:bold;
margin:0.5em auto;
}

ul#sitemap li ul {
margin-left:1em;
font-size:1.2em;
text-transform:none;
letter-spacing:0;
}

ul#sitemap li ul li {
font-weight:normal;
}

ul#sitemap a span {
color:#eca849;
font-weight:bold;
font-size:1.4em;
}

ul#sitemap a span span {
color:#fff;
}

ul#sitemap li ul li a span {
font-size:1em;
}

/* ANFAHRT */

iframe {
background:#eee;
}

#kontaktokay iframe {
display:block;
margin:0 auto;
}

a#grossekarte {
color:#fff;
display:block;
font-weight:bold;
background:#eca849;
margin:-5px 0 0 0;
padding:10px;
text-align:center;
width:680px;
}

a#grossekarte:hover {
background:#00909b;
}

/*               */
/*  OPTIMIERUNG  */
/*               */

/* Safari / IE7 */

/*\*/
html* div#flash {margin-bottom:20px;/* IE 7 */}/**/
html* div#flash object {[margin-bottom:-4px;/* Google Chrome / Safari Mac */]margin-bottom:0 !important;/* IE 7 */}/**/
html* body#home div#content h1 {padding-bottom:250px !important;/* IE 7 */}/**/
html* div.galerie {[margin-bottom:3em !important;/* IE 7 */]margin-bottom:-.5em !important;}/**/
.dummyend[id]{clear:both/* CSS ERROR */}

/* IE 5-6 */

/*\*/
* html body { background:#7690a5 url(img/verlauf-ie5.gif) repeat-x; }
* html div#header { background:url(img/wrapper-oben.gif) no-repeat top; }
* html div#content { background:url(img/wrapper-mitte.gif) repeat-y; }
* html div#footer { background:url(img/wrapper-unten.gif) no-repeat bottom; }
* html div.galerie { margin-bottom:0 !important; }
* html ul#produktliste li { width:340px; }
* html ul#produktliste li a { padding:0.2em; }
* html div#content { width:690px; overflow:visible; }
* html body#home div#content { margin-top:-370px; padding-top:360px; overflow:hidden; }
* html div#flash { margin:-144px 0 20px 10px; height:370px; overflow:visible; }
* html div#flash object { margin-bottom:-10px; }
* html body#home div#content h1 { border-top:5px solid #eca849; width:750px; margin:-15px 0 1em -60px; padding:1em 0 0 60px; }
* html input { margin-bottom:0; }
* html div.textfeld label {margin-left:0; }
* html div.widelabel { margin-right:-15em; }
* html p.bildhinweis, html* p.bildhinweis { margin:0 15px 15px 0 !important; }
* html ul#produktsortiment { background:url(img/produktsortiment-auto.jpg) 18px 0 no-repeat !important; }
* html ul#produktsortiment li a:hover span b { height:30px; width:30px; }
* html a:hover b#eins {background:url(img/punkt-01.gif) no-repeat;left:225px;top:222px; }
* html a:hover b#zwei {background:url(img/punkt-02.gif) no-repeat;left:225px;top:165px; }
* html a:hover b#drei {background:url(img/punkt-03.gif) no-repeat;left:260px;top:100px; }
* html a:hover b#vier {background:url(img/punkt-04.gif) no-repeat;left:295px;top:160px; }
* html a:hover b#fuenf {background:url(img/punkt-05.gif) no-repeat;left:395px;top:160px; }
* html a:hover b#sechs {background:url(img/punkt-06.gif) no-repeat;right:60px;top:80px; }
* html a:hover b#sieben {background:url(img/punkt-07.gif) no-repeat;right:70px;top:215px; }
* html a:hover b#acht {background:url(img/punkt-08.gif) no-repeat;right:20px;top:215px; }
* html a:hover b#neun {background:url(img/punkt-09.gif) no-repeat;right:125px;top:150px; }
* html a:hover b#zehn {background:url(img/punkt-10.gif) no-repeat;left:325px;top:90px; }
* html span.teaminfo {width:335px; }
/**/