body {
margin:0 0 20px 0;
padding:0;
font-family:Verdana;
color:#000;
text-align:center;
background-color:#7EA0C5;
}

img {
border: 0;
}

.error {
color: #BB0000;
font-weight: bold;
}

/********************
HEADER
********************/
#header {
width:994px;
height:75px;
margin:0 auto;
padding:0;
color:#fff;
background-image:url(../images/bg_body.gif);
background-repeat:repeat-x;
text-align:left;
z-index:50!important;
}

#error {
width:994px;
height:75px;
margin:0 auto;
padding:0;
color:#fff;
background-image:url(../images/bg_body.gif);
background-repeat:repeat-x;
text-align:left;
}

h1#logo {
float:left;
font-size:10px !important;
margin:20px 0 25px 0;
padding-left:20px;
width:134px;
height:37px;
position:relative;
display:inline
}
 
h1#logo span {
width:134px;
height:37px;
margin:0;
padding:0;
position:absolute;
background:url(../images/logo_ibea.gif);
display:inline
}

h1#logo a {
text-decoration:none;
}

#navi {
float:left;
margin:40px 0 0 65px;
padding:0;
width:650px;
display:block;
text-align:left;
z-index: 100;
}


#sprache {
float:right;
margin:20px 0 0 0;
padding:0;
width:49px;
display:block;
}

#sprache,#sprache ul {
list-style-type: none;
}

#sprache li {
float:left;
margin:0 10px 0 0;
padding:0}

#sprache li img {
border:0;
}



/********************
TEASER
********************/
#teaserhome {
clear:both;
width:994px;
height:558px;
margin:0 auto!important;
padding:0;
overflow: hidden;
}

.box {
clear:both;
position:absolute;
margin-left:700px;
width:241px;
height:141px;
background-image:url(../images/box.png);
text-align:left;
color: #fff;
font-size:12px;
padding:2px 7px;
overflow:hidden;
line-height:19px;
z-index: 90;
}

#teaser {
width:994px;
height:157px;
margin:0 auto;
padding:0;
background-image:url(../images/teaser.jpg);
background-repeat:no-repeat}

#systeme #teaser {
background-image:url(../images/teaser_systeme.jpg)}

#anwendungen #teaser {
background-image:url(../images/teaser_anwendungen.jpg)}

#integration #teaser {
background-image:url(../images/teaser_integration.jpg)}

#kontakt #teaser {
background-image:url(../images/teaser_kontakt.jpg)}

/********************
MAIN
********************/
#main {
font-size:12px;
width:979px;
overflow:auto;
margin:0 auto;
padding: 15px 0 15px 15px;
background-image:url(../images/gfx_border-right.gif);
background-repeat:no-repeat;
background-position:628px 15px;
background-color:#fff;
}

#main #left {
width:593px;
padding-right:25px;
margin:0;
float:left;
text-align:left;
line-height:23px;
}

#main #left #breadcrumb {
font-size:9px;
color:#7EA0C4;
margin:0 0 5px 0;
padding:0;
display:block;
}

#main #left #breadcrumb a {
color:#7EA0C4;
}

#main #left h2 {
font-size:14px;
font-weight:bold;
margin:0 0 20px 0;
padding:0;
}

#main #left ul {
margin-top:0;
margin-bottom:20px;
display:block;
}

#main #left ul li {
margin-top:10px;
padding-right:20px;
line-height:16px;
}

a {
color:#5982A6
}

#main #left a:hover {
color:#7EA0C4
}

#main #right {
width:336px;
float:left;
padding:0 10px;
margin:0;
text-align: left;
line-height: 1.3em;
}

#main #right h3 {
font-size: 14px;
margin:0 0 20px 0;
color:#7EA0C4
}

#main #right td, #main #right p {
font-size:11px;
margin:5px 0 20px 0;
text-align: left;
}

#main #right div {
font-size:11px;
}

#main #right #quadrat {
height:338px;
display:block;
}

#main #right #quadrat div {
color:#fff;
width:169px;
overflow:hidden;
height:163px;
margin:0 0 6px 6px;
display:inline;
text-align:center;
background-color:#7EA0C4;
float:left;
}

#main #right #quadrat div h3 {
color:#fff;
font-size:12px;
margin:10px 0 0 8px;
padding:0;
text-align:left;
}

#main #right #quadrat div p {
width:153px;
margin:19px 8px 0 8px;
padding:0;
text-align:left;
}

#main #right #quadrat div a {
margin:15px 8px 0 8px;
color:#000;
display:block;
text-align:left;
}

#main #right #quadrat div img {
margin:10px auto;
display:block}


.fliessbild {
float: left;
margin: 5px 5px 5px 0;
}


/********************
FOOTER
********************/
#footer {
font-size:10px;
width:994px;
margin:0 auto;
padding:0;
text-align:left;
}

#footer ul {
margin:0;
padding:12px 0 0 0;
color:#646464}

#footer li {
display:inline;
list-style:none;
margin:0 18px 0 0;
padding:0;
}

#footer a {
color:#fff;
text-decoration:none}

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

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

/* End hide from IE-mac */