* { margin: 0; padding: 0; }
html { height: 100%; }
body { color: #6b6b6b; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; height: 100%; }

#page_container {
    position: absolute;
    top: 50%;
    margin-top: -284px;
    width: 100%;
}

a, a:link, a:visited, a:active, a:hover {
    color: #6b6b6b;
    text-decoration: underline;
    font-size: 11px;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

a:hover {
    text-decoration: none;
}

span.pxgreen a, span.pxgreen a:link, span.pxgreen a:visited, span.pxgreen a:active, span.pxgreen a:hover {
    color: #bddf00;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

span.pxblue a, span.pxblue a:link, span.pxblue a:visited, span.pxblue a:active, span.pxblue a:hover {
    color: #0089df;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

#folder_pixcept { background-image: url(images/ordner_pix.png); background-repeat: no-repeat; background-position: left top; height: 93px; width: 592px; }
#folder_web { background-image: url(images/ordner_web.png); background-repeat: no-repeat; background-position: left top; width: 592px; height: 93px; }
#folder_print { background-image: url(images/ordner_print.png); background-repeat: no-repeat; background-position: left top; height: 93px; width: 592px; }
.cl { clear: both; }
#container { width: 592px; margin: 150px auto 0; position: relative; }
#mirror { background-image: url(images/spiegelung.png); background-repeat: no-repeat; background-position: center top; height: 282px; width: 100%; margin: 0 auto; }
#mirror_line { height: 2px; width: 100%; visibility: visible; border-bottom: 1px solid #cbcbcb; overflow: hidden; }
#header { height: 15px; width: 730px; visibility: visible; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto !important; padding-top: 25px; padding-left: 120px !important; }
.lfloat { display: block; float: left; }
.rfloat { display: block; float: right; }
span.pxblue { color: #0089df; }
span.pxgreen { color: #bddf00; }
#contact { margin-left: 165px; }
#impressum { margin-left: 20px; }
a.invlink, a.invlink:link, a.invlink:visited, a.invlink:active, a.invlink:hover { text-decoration: none; width: 100%; height: 100%; display: block; }
#headline { background-image: url(images/header_bg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; height: 31px; width: 100%; visibility: visible; }

#buttoncontainer { height: 25px; width: 135px; margin: 0 0px 0px auto; }
span.headbutton { width: 20px; height: 20px; float: left; margin-top: 4px; margin-right: 3px; margin-left: 3px; display: block; }
span.headbutton.first { background-image: url(images/btn_first.gif); background-repeat: no-repeat; background-position: left top; }
span.headbutton.prev { background-image: url(images/btn_prev.gif); background-repeat: no-repeat; background-position: left top; margin-right: 10px; }
span.headbutton.next { background-image: url(images/btn_next.gif); background-repeat: no-repeat; background-position: left top; margin-left: 10px; }
span.headbutton.last { background-image: url(images/btn_last.gif); background-repeat: no-repeat; background-position: left top; }

#page_links { width: 950px; margin: 0px auto; }
.lpage { width: 12px; height: 18px; float: left; margin-top: 4px; margin-right: -1px; margin-left: 10px; border: solid 1px #6e6e6e; display: block; }
.rpage { display: block; width: 12px; height: 18px; float: left; border: solid 1px #6e6e6e; margin-top: 4px;}
.rpage.active, .lpage.active { border: solid 1px #c802a0; }

#folder { position: relative; background-image: url(images/folder_bg.gif); height: 568px; width: 990px; margin: 0 auto 0; }
#fld_header { background-image: url(images/fld_tbg.gif); background-repeat: repeat-x; background-position: left top; width: 100%; height: 9px; font-size: 1px; }
#fld_header span { background-image: url(images/fld_tl.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 9px; display: block; }
#fld_header span span { background-image: url(images/fld_tr.gif); background-repeat: no-repeat; background-position: right top; display: block; width: 100%; height: 9px; }
#fld_header span span span { background-image: url(images/fld_tmid.gif); background-repeat: no-repeat; background-position: center top; display: block; width: 100%; height: 9px; }
#fld_body { position: relative; background-image: url(images/fld_bgmid.gif); background-repeat: repeat-y; background-position: center top; width: 100%; height: 539px; }
#fld_footer { background-image: url(images/fld_bbg.gif); background-repeat: repeat-x; background-position: left top; width: 100%; height: 20px; font-size: 1px; }
#fld_footer span { background-image: url(images/fld_bl.gif); background-repeat: no-repeat; background-position: left bottom; width: 100%; height: 20px; display: block; }
#fld_footer span span { background-image: url(images/fld_br.gif); background-repeat: no-repeat; background-position: right bottom; width: 100%; height: 20px; display: block; }
#fld_footer span span span { background-image: url(images/fld_bmid.gif); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 20px; display: block; }
#fld_body_left { background-image: url(images/fld_lbg.gif); background-repeat: repeat-y; background-position: left top; position: relative; height: 539px; width: 13px; float: left; }
#fld_body_left span { background-image: url(images/fld_l2bg.gif); background-repeat: repeat-y; background-position: left top; position: absolute; left: 0 !important; bottom: 0; width: 13px; height: 55px; display: block; }
#fld_body_content { position: absolute; left: 0px; z-index: 6000; }
#fld_body_right { background-image: url(images/fld_rbg.gif); background-repeat: repeat-y; background-position: right top; position: relative; width: 17px; height: 539px; float: right; }
#fld_body_right span { background-image: url(images/fld_r2bg.gif); background-repeat: repeat-y; background-position: right top; display: block; position: absolute; right: 0; bottom: 0; width: 13px; height: 55px; }
#postit { background-image: url(images/post_it.png); background-repeat: no-repeat; background-position: left top; height: 70px; width: 94px; top: 50px; position: absolute; left: 50px !important; }
#hole { background-image: url(images/fld_round.gif); background-repeat: no-repeat; background-position: left top; visibility: visible; position: absolute; top: 430px; left: 479px !important; width: 37px; height: 37px; }
#plate { background-image: url(images/metalplate.gif); background-repeat: no-repeat; background-position: left top; visibility: visible; position: absolute; top: 179px; left: 545px; width: 90px; height: 167px; }
#binder { background-image: url(images/binder.png); background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 9000; top: 176px; left: 539px; width: 90px; height: 166px; }
#oval_hole { background-image: url(images/fld_oval.gif); background-repeat: no-repeat; background-position: left top; height: 18px; width: 72px; left: 350px; top: 197px; position: absolute; visibility: visible; }
#oval_hole_2 { background-image: url(images/fld_oval.gif); background-repeat: no-repeat; background-position: left top; visibility: visible; position: absolute; top: 307px; left: 350px; width: 72px; height: 18px; }
#lpage { background-color: white; position: absolute; top: 5px; left: 202px; width: 380px; height: 530px; z-index: 5000; }
#lpage_metal { background-image: url(images/lpage_metal.gif); background-repeat: no-repeat; background-position: right top; position: absolute; top: 173px; right: 0; width: 13px; height: 166px; }
#lpage_header { background-image: url(images/lpage_tbg.gif); background-repeat: repeat-x; background-position: left top; width: 100%; height: 13px; font-size: 1px; }
#lpage_header span { background-image: url(images/lpage_tl.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 13px; display: block; }
#lpage_header span span { background-image: url(images/lpage_tr.gif); background-repeat: no-repeat; background-position: right top; display: block; width: 100%; height: 13px; }
#lpage_container { background-image: url(images/lpage_lbg.gif); background-repeat: repeat-y; background-position: left top; width: 100%; height: 504px; }
#lpage_content { background-image: url(images/lpage_rbg.gif); background-repeat: repeat-y; background-position: right top; width: 100%; height: 504px; }
#lpage_footer { background-image: url(images/lpage_bbg.gif); background-repeat: repeat-x; background-position: left bottom; width: 100%; height: 13px; font-size: 1px; }
#lpage_footer span { background-image: url(images/lpage_bl.gif); background-repeat: no-repeat; background-position: left bottom; display: block; width: 100%; height: 13px; }
#lpage_footer span span { background-image: url(images/lpage_br.gif); background-repeat: no-repeat; background-position: right bottom; display: block; width: 100%; height: 13px; }
#rpage { background-color: white; position: absolute; top: 5px; left: 591px; width: 380px; height: 530px; z-index: 5000; }
#rpage_metal { background-image: url(images/rpage_metal.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top: 173px; left: 0; width: 13px; height: 166px; }
#rpage_header { background-image: url(images/rpage_tbg.gif); background-repeat: repeat-x; background-position: left top; width: 100%; height: 13px; font-size: 1px; }
#rpage_header span { background-image: url(images/rpage_tl.gif); background-repeat: no-repeat; background-position: left top; width: 100%; height: 13px; display: block; }
#rpage_header span span { background-image: url(images/rpage_tr.gif); background-repeat: no-repeat; background-position: right top; display: block; width: 100%; height: 13px; }
#rpage_container { background-image: url(images/rpage_lbg.gif); background-repeat: repeat-y; background-position: left top; width: 100%; height: 504px; }
#rpage_content { background-image: url(images/rpage_rbg.gif); background-repeat: repeat-y; background-position: right top; width: 100%; height: 504px; }
#rpage_footer { background-image: url(images/rpage_bbg.gif); background-repeat: repeat-x; background-position: left bottom; width: 100%; height: 13px; font-size: 1px; }
#rpage_footer span { background-image: url(images/rpage_bl.gif); background-repeat: no-repeat; background-position: left bottom; display: block; width: 100%; height: 13px; }
#rpage_footer span span { background-image: url(images/rpage_br.gif); background-repeat: no-repeat; background-position: right bottom; display: block; width: 100%; height: 13px; }
.page_title { color: #626262; font-size: 10px; text-align: left; width: 120px; margin-left: 25px; }
.page_subtitle { color: #626262; font-size: 10px; text-align: right; width: 170px; margin-right: 20px; }
.page_content { margin-top: 5px; margin-right: 20px; margin-left: 25px; border-top: 1px solid #c8c8c8; }
h1.web_projects { background-image: url(images/frontpage_web.gif); background-repeat: no-repeat; background-position: left top; text-indent: -3000px; width: 352px; height: 504px; margin-top: 0; margin-left: 15px !important; display: block; }
h1.print_projects { background-image: url(images/frontpage_print.gif); background-repeat: no-repeat; background-position: left top; text-indent: -3000px; display: block; margin-top: 0; margin-left: 15px !important; width: 352px; height: 504px; }

img.entry_image {
    margin: 10px auto 0px auto;
}

div.centered {
    text-align: center;
}

div.lfloat.title {
    width: 85px;
}

div.lfloat.text {
    width: 230px;
}

div.content_element {
    width: 100%;
    margin-top: 10px;
    line-height: 160%;
}


div#contact_tab {
    width: 22px;
    height: 89px;
    background: transparent url(images/contact.gif) left top no-repeat;
    position: absolute;
    left: 967px;
    top: 50px;
    z-index: 9001;
}


div#imprint_tab {
    width: 22px;
    height: 89px;
    background: transparent url(images/impressum.gif) left top no-repeat;
    position: absolute;
    left: 967px;
    top: 150px;
    z-index: 9001;
}

div#privacy_tab {
    width: 22px;
    height: 89px;
    background: transparent url(images/datenschutz.gif) left top no-repeat;
    position: absolute;
    left: 967px;
    top: 250px;
    z-index: 9001;
}

div#contact_form {

}

div.line_row {
    min-height: 16px;
    border-bottom: solid 1px #c6c6c6;
    font-weight: bold;
}

div.line_row input {
    width: 240px;
    padding-left: 2px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    color: #0089df;
    font-weight: normal;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

div#contact_form div textarea {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 335px;
    height: 120px;
    font-size: 11px;
    color: #0089df;
    line-height: 17px;
    background: transparent url(images/lines_bg.gif) left top repeat;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

div.line_row button {
    border: 0px;
    background: transparent;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #bddf00;
    cursor: pointer;
}

span.error {
    color: #c01035;
    font-weight: bold;
    font-style: italic;
}

span#copyright {
    color: #cfb68f;
    position: absolute;
    left: 18px;
    bottom: 23px;
    font-size: 10px;
}

span.pagelink {
    display: block;
    width: 35px;
    height: 45px;
}

span.pagelink.subprev {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

span.pagelink.subnext {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

span.pagebubble {
    position: absolute;
    width: 228px;
    height: 123px;
    right: 0px;
    bottom: 30px;
    background: url('images/bubble.png') no-repeat;
}

#shop-litti, #shop-karten {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    outline: none !important;
}

#shop-litti {
    background-image: url('images/litti.png');
    width: 139px;
    height: 128px;
    top: 180px;
    left: 310px;
}

#shop-karten {
    background-image: url('images/karten.png');
    width: 188px;
    height: 142px;
    top: 175px;
    left: 460px;
}