html,
body {
margin: 0px;
padding: 0px;
height: 100%;
}

body {
background: url("../media/images/layout/backgroundColor.png");
text-align: center;
font-size: 11pt;
}

body,
td {
font-family: "Arial", "Helvetica", "Verdana", "Geneva", sans-serif;
}

img {
margin: 0px;
padding: 0px;
border: none 0px;
}

a,
a:hover {
text-decoration: underline;
}

h2 a,
h2 a:hover {
text-decoration: none;
}

a,
a:hover,
a:active,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #183884; /*company blue */
}

a.topLink,
a.topLink:hover{
position:absolute;
top:0px;
right:5px;
display:block;
width:21px;
height:14px;
background:url("../media/images/layout/toTop.png") top left;
}
a.topLink:hover {
background:url("../media/images/layout/toTop.png") bottom left;
}


sup {
font-size: 66%;
}

table,
tr,
td {
margin: 0px;
padding: 0px;
border: none 0px;
vertical-align: top;
}

.hidden {
display: none;
}
.clearer {
clear: both;
}

ul {
list-style-type: none;
padding-left: 5px;
}

ul.blueBox {
list-style-type: none;
padding-left: 7px;
margin: 0px;
}

ul.blueBox li {
padding-left: 22px;
background: url("../media/images/layout/blueSquare.png") left center no-repeat;
}

#contentFrame{
position:relative;
}

#contentFrame p.quote {
font-style:italic;
color:#183884;
text-align:center;
font-size:1.2em;
margin-top:10px;
margin-bottom:10px;
}

table.layout {
margin: 0px auto;
width: 999px;
height: 100%;
}

#landing table.layout,
#landing tbody.layout {
width: 990px;
}

#landing td.layout {
vertical-align: middle;
}

#shadowLeft {
width: 9px;
background: url("../media/images/layout/backgroundShadowLeft.png") repeat-y left;
}
#shadowRight {
width: 9px;
background: url("../media/images/layout/backgroundShadowRight.png") repeat-y left;
}

#sidebar {
width: 150px;
background: #f4f4f4 url("../media/images/layout/navigationBackground.png") repeat-x bottom;
border-right: 1px solid #d4d4d4;
}

#sidebar #logo {
display: block;
/*padding: 75px 100px 0px 0px;*/
margin: 55px 42px 75px 42px;
width:66px;
height:75px;
overflow:hidden;
background: url("../media/images/layout/navigationLogo.png") no-repeat top center;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/layout/navigationLogo.png",sizingMethod="crop");
}

#landing #sidebar {
width: 300px;
text-align: center;
color: #666;
padding-bottom: 150px;
}

#landing #sidebar #logo {
width:90px;
margin:55px 105px 10px 105px;
background: url("../media/images/landing/logoLandingPage.png") no-repeat top center;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/landing/logoLandingPage.png",sizingMethod="crop");
}

#sidebar .name {
font-size: 1em;
}
#sidebar .address {
font-size: 0.8em;
margin: 0px 0px 0px 45px;
text-align: left;
white-space: nowrap;
}

#main #footer,
#contentSheet {
background: #fff;
text-align: left;
}

#menu p {
font-size: 0.85em;
color: #666;
text-align: justify;
}

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

 Menu and linklist on landing page

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

.Menu, 
.MenuDual {
display: block;
margin: 12px 12px 12px 30px;
height: 42px;
padding-left: 72px;
line-height: 42px;
background: url() no-repeat left center;
vertical-align: text-bottom;
text-align: left;
font-size: 1.1em;
font-weight: normal;
color: #000;
white-space: nowrap;
}
.MenuDual {
line-height: 1.1em;
}
.Menu a,
.MenuDual a {
color: #000;
}
.Menu a:hover,
.MenuDual a:hover {
color: #183884;
}
.MenuDual div {
line-height: auto;
font-size: 0.8em;
white-space: nowrap;
}

.LinkList {
padding-bottom: 0.8em;
font-size: 0.9em;
}


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

 Navigation properties

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

.navigation a {
text-decoration: none;
letter-spacing: 0.1em;
font-size: 0.9em;
color: #888;
display: block;
text-align: right;
padding: 5px 10px 3px 3px;
height: 1.05em;
border-top: 1px solid #ccc;
background: url("../media/images/layout/navigationBackgroundNormal.png") repeat-x top left;
}

.navigation a:hover {
text-decoration: none;
color: #333;
background: #dcdcdc url("../media/images/layout/navigationBackgroundHover.png") repeat-x top left;
}

.navigation a:active,
.navigation a.active {
color: #fff;
background: #6ba0d0 url("../media/images/layout/navigationBackgroundActive.png") repeat-x top left;
}

.navigation a img
{
display:none;
}

.navigation .shadowTop {
height: 5px;
line-height: 5px;
font-size:1px;
background: url("../media/images/layout/navigationShadowTop.png") repeat-x bottom left;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/layout/navigationShadowTop.png",sizingMethod="scale");
}
.navigation .shadowBottom {
height: 5px;
line-height: 5px;
font-size:1px;
background: url("../media/images/layout/navigationShadowBottom.png") repeat-x top left;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/layout/navigationShadowBottom.png",sizingMethod="scale");
}

.navigation .submenu a {
/*padding-right: 20px;*/
letter-spacing:0em;
font-size: 0.8em;
background: #dcdcdc url("../media/images/layout/subMenuBackground.png") repeat-x top left;
}


.navigation .submenu a.active {
 /*padding-right: 20px;*/
 background:#abc7e3 url("../media/images/layout/subMenuBackgroundActive.png") repeat-x top left;
}

.navigation .submenu a img {
 display:none;
}


.navigation .submenu .submenu a {
padding-right: 10px;
color: #666;
font-size: 0.8em;
background: #dcdcdc url("../media/images/layout/subMenuBackground.p") repeat-x top left;
}

.navigation .submenu .submenu a:hover {
color: #000;
}

.navigation .submenu .submenu a.active {
background: #bebebe url("../media/images/layout/subSubMenuBackgroundActive.png") repeat-x top left;
color: #000;
}

/* Bullets */

.navigation .submenu .submenu a img {
  display:none;
}

.navigation .submenu .submenu a.active img
{
  margin-right:3px;
  display:inline;
}


/*******
 
 Info Section
 
****/

#sidebar .contact{
text-align: left;
padding: 130px 0px 0px 15px;
color: #888;
font-size: 0.8em;
}

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

 Layout container devinitions go on

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


#header {
position: relative;
height: 120px;
background: url("../media/images/layout/headerBackground.png") repeat-x bottom left;
border-bottom: 1px solid #e8e8e8;
}

#header p {
margin: 0px;
font-size: 1.1em;
color: #999;
padding-top: 60px;
padding-left: 30px;
}
#header p span {
font-size: 0.7em;
color: #999;
border-top: 1px solid #ccc;
padding-top: 2px;
}

#header #companyName {
margin:75px 0px 0px 30px;
width:324px;
height:28px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/layout/headerSchwidaeType.png",sizingMethod="crop");
}

#header .image {
position: absolute;
right: 30px;
bottom: 0px;
width: 252px;
height: 120px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background: url("../media/images/layout/headerPicture_minipuffer.jpg") no-repeat bottom;
/*background-image: url("../media/images/layout/headerPicture_minipuffer.jpg");
background-image: url("../media/images/layout/headerPicture_kaffee.jpg");*/
}

.footer,
.footer .layout#footer {
height: 30px;
vertical-align: bottom;
}

#landing #footer p {
height: 5.5em;
font-size: 0.95em;
color: #666;
text-align:left;
margin-left:10px;
}

/* The little blue box in the bottom right corner of every page */
#blueCube {
margin-top:10px;
float:right;
width: 30px;
height: 32px;
background: url("../media/images/layout/bottomSquare.png") no-repeat bottom right;
}

#imprint {
color: #999;
font-size: 0.7em;
text-align: center;
padding-top: 10px;
}
#imprint p {
margin-bottom:0px;
padding-bottom:0px;
}

#contentFrame {
margin-top: 15px;
margin-right: 30px;
margin-left: 30px;
color: #000;
font-size: 0.9em;
}

td.label,
td.value {
padding: 0px 10px 6px 10px;
vertical-align: top;
}

#contentFrame h1 {
padding: 0.4em 0px 0px 0px;
font-size: 1.5em;
font-weight: bold;
}

#contentFrame p {
margin: 0px;
padding: 0.66em 0px 0px 0px;
text-align: justify;
}
#contentFrame blockquote {
margin: 0px;
padding: 0.66em 2em 0px 3em;
text-align: justify;
}

.productDivider,
.divider {
clear: both;
height: 15px;
background: url("../media/images/layout/productSeperator.png") left bottom repeat-x;
border-top: 1px solid #d4d4d4;
margin-left: -30px;
margin-bottom: 0px;
margin-right: -30px;
margin-top: 15px;
position:relative;
}

.inlineImageLeft{
 float:left;
 margin:10px 15px 15px 0px;
}

.inlineImageRight{
 float:right;
 margin:10px 0px 15px 15px;
}


#landing #about{
background-image:url("../media/images/landing/iconPortrait.png");
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/landing/iconPortrait.png",sizingMethod="crop"); 
}

#landing #products{
background-image:url("../media/images/landing/iconPuffer.png");
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/landing/iconPuffer.png",sizingMethod="crop"); 
}

#landing #consulting{
background-image:url("../media/images/landing/iconBeratung.png");
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/images/landing/iconBeratung.png",sizingMethod="crop"); 
}

#oldPage{
position:absolute;
left:16px;
bottom:16px;
width:96px;
height:24px;
}

td.image {
padding:5px 10px 6px 90px;
}