/* (c) Heist GmbH */


body{
margin:0;
padding:0;
text-align: center;
font-family: arial, sans-serif;
background: #FFF url(../images/bodyBg.gif) repeat-x;
font-size: 9pt;
}

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline;
border: none;
 }

/* Layout */

#page {
width: 800px;
background-color: #E9E9FF;
min-height: 450px;
margin-left:auto;
margin-right:auto;
border: #202020 solid;
border-width: 0px 1px 0px 1px;
text-align: left;
}

#vision1 {
width: 802px;
height: 88px;
position: relative;
left: -1px;
top: 0px;
z-index: 2;
border-style: none;
background: url(../images/pageBg.gif) repeat-x;
}

#logo {
position: relative;
top: 12px;
}

/*
#vision1-1, #vision1-2 {
width: 14px;
height: 86px;
border-width: 0px;
}

#vision1-1 {
float: left;
}

#vision1-2 {
float: right;
}
*/

#main-menu {
width: 100%;
height: 28px;
line-height: 28px;
position: absolute;
left: 0px;
top: 58px;
text-align: right;
}

#pathway{
width: 788px;
text-align: right;
margin: 0px;
height: 18px;
line-height: 18px;
}

#left {
float: left;
width: 160px;
padding-top: 26px;
}

#mainBody {
margin: 0px 6px 0px 180px;
position: relative;
}

#footer {
width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
background: url(../images/footerBg.png) no-repeat;
height: 78px;
background-color: #E9E9FF;
border: #202020 solid;
border-width: 0px 1px 1px 1px;
}

*html #footer {
width: 802px;
}

#footer1 {
list-style-type: none;
position: absolute;
left: 0px;
top: 19px;
width: 200px;
padding: 0px;
margin: 0px;
text-align: left;
}

#footer2 {
list-style-type: none;
position: absolute;
right: 0px;
top: 19px;
width: 200px;
padding: 0px;
margin: 0px;
text-align: right;
}

#footer1 li, #footer2 li {
padding: 0px 5px;
font-size: 8pt;
text-indent: 0px;
}

#footerIcon {
width: 100%;
position: absolute;
top: 30px;
left: 0px;
text-align: center;
font-size: 7pt;
display: inline;
}

*html #footerIcon {
margin-left: 0px;
}

.clr{clear:both;}

/* Modules */

TABLE.main-menu {
float: right;
margin-right: 15px;
}

TABLE.main-menu TR {
height: 28px;
}

TABLE.main-menu TD {
line-height: 28px;
text-align: center;
}

/* Mainmenu */

a.main-menu {
font-size: 11pt;
font-family: serif;
letter-spacing: 0.1em;
padding: 0px;
padding-right: 12px;
color: #EEEEEE;
text-decoration: none;
}

a.main-menu:hover {
color: #FFFF00;
text-decoration: none;
}

/* Main Menu(s) */

a.mainlevel, a.mainlevel:hover, a.mainlevel#active_menu {
font-size: 9pt;
color: #006;
text-indent: 23px;
margin-top: 20px;
width: 160px;
height: 20px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
background: #C9C9FF url(../images/menuBg1.gif) no-repeat;
}

a.mainlevel:hover, a.mainlevel#active_menu {
text-decoration: none;
color: #C30;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
width: 123px;
}

/* HTML */

p {
font-size: 10pt;
line-height: 1.4em;
text-align: justify;
}

td {
font-size: 10pt;
}

img.Inline {
margin: 3px;
border: 1px #000 solid;
}

ul.Inline {
list-style-image: url('../images/ul1.gif');
}

ul.Inline li {
font-size: 10pt;
}

img.Left {
border: #006 solid 1px;
border-left: 0px;
}

div.Left {
font-size: 9pt;
line-height: 110%;
color: #4B4B4B;
padding: 3px;
}

div.Left a {
color: #4B4B4B;
}

SPAN.LeftH1 {
font-size: 10pt;
color: #006;
text-indent: 23px;
margin-top: 20px;
width: 160px;
height: 20px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
background: #C9C9FF url(../images/menuBg1.gif) no-repeat;
}

h1, h3 {
font-size: 10pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding-left: 3px;
border: #006 solid 1px;
border-left-width: 20px;
background-color: #C9C9FF;
margin: 8px 0px 12px 0px;
}

h2 {
font-size: 11pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
padding: 0px;
margin: 10px 0px 10px 0px;
}

h3 {
border-color: #EA0000;
}

/* Other Mambo Stuff */

SPAN.pathway {
border: solid #000;
border-width: 1px 4px 0px 0px;
padding: 2px 4px;
margin-top: 10px;
}

.pathway {
color: #000;
font-size: 8pt;
text-decoration: none;
font-weight: normal;
}

.pathway a {
color: #000;
text-decoration: none;
font-weight: normal;
}

.pathway a:hover {
text-decoration: underline;
}

form {
margin: 0px;
padding: 0px;
}

/* Kontalt-Formular */
form#kontaktForm {
line-height: 24px;
}

form#kontaktForm label {
font-size: 10pt;
}

.kontaktForm {
width: 200px;
border: 1px #006 solid;
background-color: #EE;
position: absolute;
left: 92px;
margin: 0px;
font-size: 10pt;
font-family: serif;
}

textarea.kontaktForm {
height: 80px;
width: 300px;
}

button.kontaktForm {
position: relative;
width: 100px;
height: 22px;
background-color: #AEAEAE;
}

span.formError {
color: #FF0000;
position: absolute;
left: 298px;
font-size: 9pt;
font-weight: normal;
}

div.prod-details {
border: #EA0000 1px solid;
width: 300px;
}

div.prod-details ul {
font-size: 9pt;
list-style-image: url(../images/ul2.gif);
padding: 0px 5px;
text-indent: 0px;
margin-left: 2px;
}

div.prod-details ul {
padding-left: 18px;
}

li.liH {
list-style: none;
font-weight: bold;
margin: 6px 0px;
font-size: 10pt;
}

div.prod-img {
float: right;
width: 280px;
}

.id1 {
vertical-align: bottom;
padding: 0px 20px 5px 10px;
}