* {
margin:0;
padding:0;
outline:none;
list-style:none;
list-style-type:none;
}

.clearer {
clear:both;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.6em;
color:#43565f;
background:url(../img/body.png) repeat-x left top #F3F3F3;
}

#bodystart {
background:url(../img/bodystart.png) repeat-x left top #F3F3F3;
}


#wrap {
width:910px;
margin:0 auto;
}

#head {
margin-left:5px;
width:860px;
padding-left:40px;
height:103px;
background:url(../img/head.jpg) no-repeat left top;
}

h1#logo a {
margin:0;
margin-right:60px;
width:200px;
float:left;
height:103px;
display:block;
background:url(../img/ibmlogo.jpg) no-repeat left bottom;
text-indent:-999em;
}

ul#nav {
width:600px;
float:left;
height:103px;
}

ul#nav li {
width:97px;
height:103px;
float:left;
list-style:none;
list-style-image:none;
}

ul#nav li a {
color:#FFF;
display:block;
font-size:0.9em;
padding-top:50px;
text-decoration:none;
height:53px;
width:97px;
text-align:center;

}

ul#nav li a.active, ul#nav li a.active:hover {
background:url(../img/navitem.png) repeat-x left top;
}

ul#nav li a#firmenprofil.active,ul#nav li a#firmenprofil.active:hover  {
background:url(../img/navitem2nd.png) repeat-x left top;
}

ul#nav li a:hover{
background:url(../img/navitem_hover.png) repeat-x left top;

}


ul#nav li a#firmenprofil:hover {
background:url(../img/navitem2nd_hover.png) repeat-x left top;
}
  


.stage {
margin-left:5px;
width:900px;
height:140px;
background:url(../img/stage.jpg) no-repeat;
}

#stagestart {
height:271px;
background:url(../img/stage2.jpg) no-repeat;
}


/*Content */

#main {
width:900px;
background:url(../img/wrapbg.png) repeat-y center top;
padding:0 5px;
}

.side {
width:240px;
padding:40px 20px;
font-size:0.9em;
float:left;
}

.content {
width:580px;
padding:0px 20px 40px 20px;
float:left;
}

/* Footer */

#footer {
width:885px;
background:url(../img/footer.png) no-repeat left top;
height:39px;
padding-top:7px;
padding-right:25px;
margin:0 auto;
margin-bottom:30px;
}

/* Typo */
#main h1, h2 {
margin-top:43px;
margin-bottom:20px;
font-size:1.6em;
color:#0085cc;
font-weight:bold;
width:330px;
line-height:1.2em;

}

#main #ref h1, #main #ref h2, #ref ul, #ref ul li, #ref p {
width:auto;
}


p {
width:330px;

}

h3, #ref h4  {
color:#0085cc;
margin-top:20px;
margin-bottom:10px;
font-size:1.1em;
}

h4, strong {
font-size:1.0em;
color:#05527b;
}

#ref h4 {
margin-top:30px;
margin-bottom:5px;
color:#0085cc;
}

.sideblock h4 {
color:#FFF;
font-size:1.1em;

}


.boxes h4 {

}

a {
color:#0085cc;
text-decoration:none;
}



a:hover {
color:#000;
text-decoration:none;
}

#footer a {
float:right;
color:#FFF;
font-size:0.85em;
}

#footer a:hover {
color:#FFF;
}




/* Media */
img {
padding:5px;
border:1px solid #CCC;
}

#jquery-lightbox img {
border:0;
padding:0;
}

.tags img {
border:0;
}

.imgcontain {
width:232px;
margin-top:44px;

}

.right {
float:right;
margin-left:10px;
}

.thumb  {
width:220px;

}

.lilthumb {
width:102px;

}


.lilthumb2 {
width:62px;
height:47px;

}

.pdf {
padding:0;
margin:0;
border:0;
}



.caption, a.backlink {
font-size:0.8em;
background:url(../img/boxverlauf.png) repeat-x left bottom;
padding:5px;
margin-top:-5px;
border:1px solid #CCC;
border-top-width:0;
margin-bottom:20px;
width:auto;
}

a.backlink {
font-size:0.85em;
border-width:1px;
}


/* Elements & Lists */

ul.sideblock {
padding:20px;
background:url(../img/sidebox.png) repeat-x left top #00496f;
width:200px;
color:#FFF;
border-bottom:4px solid #0085cc;
margin-bottom:20px;
}

ul.sideblock li {

padding:7px 0;
border-bottom:1px solid #0085cc;
color:#FFF;
list-style:none;
list-style-image:none;
line-height:1.5em;
}

span.tel {
width:42px;
display:inline-block;

}


ul.sideblock li a {
padding-left:10px;
display:block;
background:url(../img/raquo.gif) no-repeat left 9px;
color:#FFF;
}

ul.sideblock li a:hover, ul.sideblock li a.active {
color:#2eb6ff;
background:url(../img/raquo2.gif) no-repeat left 9px;
}


ul#kontaktbox li a {
padding:0;
display:inline;
width:auto;
background-image:none;
}


.content ul {
width:310px;
margin-bottom:20px;
padding-left:16px;

}

.content ul li {
padding:5px 5px 5px 0;
border-bottom:1px solid #eee;
list-style-type:disc;
list-style:disc;
list-style-image:disc;
list-style-position:outside;
}


.content ul ul {
margin-bottom:0;
width:290px;
}


.content ul.boxes {
width:330px;
}


.content ul ul li {
padding:0;
list-style:circle;
list-style-position:outside;

border:0;
}


.content ul.boxes, .content ul.tags {
padding-left:0px;
}

ul.boxes li, ul.tags li {
margin-right:5px;
list-style:none;
list-style-type:none;
list-style-position:outside;
border:1px solid #EEE;
border-width:1px 0 0 0;
}



.content .imgcontain ul {
margin:0;
padding:0;
width:212px;
margin-left:0;
}

.imgcontain ul li {
width:216px;
background:url(../img/contentbox.png) repeat-x left -10px;
padding:7px;
list-style:none;
list-style-position:outside;
height:auto;
border:1px solid #EEE;
border-width:1px 0 0 0;
margin-bottom:5px;
margin-left:0;
font-weight:normal;
font-size:0.9em;
}


.imgcontain ul li li {
width:auto;
margin:0;
margin-bottom:3px;
font-size:1.0em;
margin-left:15px;
line-height:1.4em;
list-style-position:outside;
list-style:disc;
list-style-type:disc;
background-image:none;
font-weight:normal;
}


ul.tags {
width:100%;
}

ul.tags li {
width:168px;
float:left;
margin-right:10px;
height:145px;
border:1px solid #EEE;
border-width:1px 0;
padding:5px;
margin-bottom:5px;
text-align:center;
background:url(../img/boxverlauf.png) repeat-x left 110px;
}


/* Forms */
.formcol {
float:left;
width:275px;
margin-right:10px;
}


label {
font-size:0.8em;
font-weight:bold;
clear:both;
display:block;

}


input, textarea {
padding:3px;
margin-bottom:5px;
width:255px;
font-family:Arial, Helvetica, sans-serif;
background:#FAFAFA;
border:1px solid #CCC;
}

textarea {
height:215px;
font-size:0.9em;
}


input#submit {
font-size:0.8em;
margin-top:20px;
width:auto;
padding:5px;
background-image:none;
background-color:#0085cc;
border:0;
color:#FFF;
}