/* templates/dokumenta-it/style.css  */
/* Gestaltung + Produktion: m2|publicstandard, 2008, http://www.m2.ag */

body { background: #cdcdff url(templates/dokumenta-it/img/bodybg.gif) top left repeat-x; }

#wrapper { font-size: 75%; }

a:link,
a:visited,
a:active {
    color: #0091ce;
    text-decoration: none;
}

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

a[href $='.pdf'] { 
   padding-left: 16px;
   background: transparent url(templates/dokumenta-it/img/icon_pdf.gif) no-repeat center left;
}

.navmenu,
.navmenu ul {
    float: left;
    width: 100%;
}

.navmenu ul { list-style: none; }

#top ul,
#bot ul {
    margin-left: 20px;
    width: 760px;
}

.navmenu li {
    float: left;
    width: auto;
}

.navmenu a {
    display: block;
    padding: 2px 5px;
}

.navmenu a:link,
.navmenu a:visited,
.navmenu a:active {
    color: #909090;
    font-weight: bold;
    text-decoration: none;
}

.navmenu a:hover,
.navmenu a:focus { color: #0091ce; }

#page, #wrap { clear: left; }

#page {
    float: left;
    width: 100%;
}

#main {
    background: transparent url(templates/dokumenta-it/img/content_top.gif) top left no-repeat;
    float: left;
    margin: 0 10px 10px 20px;
    padding-top: 10px;
    width: 560px;
}

#content {
    background: transparent url(templates/dokumenta-it/img/content_bot.gif) bottom left no-repeat;
    float: left;
    width: 560px;
}

#site {
    font-size: .917em;
    float: left;
    margin: 20px 10px 0 20px;
    width: 550px;
}

#site ul {
    width: 560px;
}

#site li {
    background: url(templates/dokumenta-it/img/navi_left.gif) top left no-repeat;
    padding-left: 9px;
}

#site li.active { background: url(templates/dokumenta-it/img/act_navi_left.gif) top left no-repeat; }

#site li#first {
    background: url(templates/dokumenta-it/img/navi_left_first.gif) top left no-repeat!important;
    padding-left: 10px!important;
}

#site li.active#first { background: url(templates/dokumenta-it/img/act_navi_left_first.gif) top left no-repeat!important; }

#site a {
    background: url(templates/dokumenta-it/img/navi_right.gif) top right no-repeat;
    padding: 4px 10px 2px 0;
}

#site .active a { background: url(templates/dokumenta-it/img/act_navi_right.gif) top right no-repeat; }

#primary {
    float: left;
    width: 346px;
}

#secondary {
    border-left: 1px solid #7bbdde;
    float: left;
    width: 213px;
}

#sidebar {
    background: transparent url(templates/dokumenta-it/img/sidebar_top.gif) top left no-repeat;
    float: left;
    margin: 0 0 10px;
    padding: 10px 0 0 0;
    width: 190px;
}

#sidebar_inner {
    background: transparent url(templates/dokumenta-it/img/sidebar_bot.gif) bottom left no-repeat;
    float: left;
    width: 190px;
}

#sidebar img,
#sidebar p,
#sidebar h2 { padding: 5px 10px; }

#footer {
    background: #ffffff;
    border: 1px solid #aab2e5;
    clear: both;
    float: left;
    margin: 0 0 10px 20px;
    width: 759px;
}

#cases {
    float: left;
    width: 757px;
}

#cases h2 { margin-left: 5px!important; }

#infotext {
    float: left;
    width: 240px;
}

#footertext {  }

#logo {
    height: 56px;
    width: 200px;
    position: relative;
    left: 598px;
}

#home {
    height: 12px;
    width: 13px;
    position: relative;
    left: 790px;
    top: 58px;
}

.post,
.serendipitySideBarNavi,
.serendipitySideBarItem { padding: 0 10px 10px; }

.post p,
.post ul,
.post ol { margin-bottom: 1em; }

.post li { margin-left: 1.5em; }

.nobullets { list-style: none; }

.nobullets li { margin-left: 0; }

dt { font-weight: bold; }

.serendipity_commentDirection { display: none; }

.serendipitySideBarNavi { margin-top: 20px; }

#cases, #infotext, #footertext { padding: 5px; }

#cases h2 {
    color: #0091ce;
    font-size: 1em;
}

h1.posttitle {
    color: #0091ce;
    font-size: 1.333em;
}

h2.serendipitySideBarTitle {
    color: #0091ce;
    font-size: 1em;
}

#site li { text-transform: uppercase; }

#top ul, #site, #main, #bot ul, #footer { display: inline; }

#reflogo{
border:1px solid black;
text-align:center;
padding:3px;
}


.clientlogo { margin-right: 10px; }

.clientlogo a:link,
.clientlogo a:visited,
.clientlogo a:hover,
.clientlogo a:active,
.clientlogo a:focus { text-decoration: none; }

.s9y_mc,
.teaserimg { margin-bottom: 1em; }

.serendipity_image_center {
    margin: 0 0 10px 0;
    padding: 0!important;
}

#prod { margin-top: 4em; }