@font-face {
    font-family: 'MuseoSans500';
    src: url('./../images/font/museosans-500-webfont.eot');
    src: local('☺'), url('./../images/font/MuseoSans-500.otf') format('opentype'), url('./../images/font/museosans-500-webfont.ttf') format('truetype'), url('./../images/font/museosans-500-webfont.svg#webfontWfJS9jVl') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {                                                          
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}


body {
    text-align: left;
    background:#FFF url(./../images/site_bg.gif) left top repeat-x;
    
}

.wrapper {
    width:976px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    margin-bottom:30px;
}

a, input {
    outline:none;
    border:none;
}

.absolute {
    position:absolute;
}

.content p {
    font-size:13px;
    color:#000;
    line-height:17px;
    margin-bottom:10px;
}

/* PRELOADER */

.QOverlay {
    background:#000;  
    z-index: 9999;
}

.QLoader {
    background-color: #eeedee;
    height: 1px;                              
}


/* HEADER */

.header {
    height:319px;
    width:976px;
    background: url(./../images/header_bg.gif) left top no-repeat;
}

.headerwm {
    height:319px;
    width:976px;
    background: url(./../images/header_wm.gif) left top no-repeat;
}

.logo {
    padding-top:28px;
}

.last_project_image_outer {
    position:absolute;
    left:320px;
    top:54px;
    height:265px;
    width:656px;
    background:#FFF url(./../images/shadow2.gif) left bottom repeat-x;
    overflow:hidden;
    z-index:20;
}

.last_project_image {
    height:251px;
    width:628px;
    margin-left:14px;
    margin-top:14px;

}

.last_project_image_ecke {
    position:absolute;
    left:856px;
    top:54px;
    width:120px;
    height:83px;
    z-index:30;
}

/* MENU */

.menu {
    height:55px;
    width:976px;
    background: url(./../images/ul_bg.gif) left top repeat-x;
}

.menu ul,li {
    list-style: none;
    margin:0;
    padding:0;
}


.menu li {
    float:left;
}

.menu li.current {
    line-height:42px;
    font-size:13px;
    height:42px; 
    text-transform: uppercase;
    background: url(./../images/menu_active_bg.gif) left top repeat-x;
    padding-left:20px;
    padding-right:20px;
    color:#FFF;    
    border-left:1px #dddddd solid;
    border-right:1px #dddddd solid;
    text-shadow:1px 1px 0 #4a092a;
}


.menu li a {
    height:41px;
    /* border-bottom:1px #a2a2a2 solid; */
    line-height:42px;
    font-size:13px;
    color:#373737;
    text-transform: uppercase;
    text-decoration: none;
    padding-left:15px;
    padding-right:20px;
    background: url(./../images/menu_trenner.gif) right 5px no-repeat;
    text-shadow:1px 1px 0 #FFFFFF;
}

.menu li a:hover {
    height:41px;
    /* border-bottom:1px #a2a2a2 solid; */
    line-height:42px;
    font-size:13px;
    color:#373737;
    text-transform: uppercase;
    text-decoration: underline;
    padding-left:15px;
    padding-right:20px;                               
    background: url(./../images/menu_trenner.gif) right 5px no-repeat;
}

.menu li.prev a {
    background:none;
}

.menu li.prev a:hover {
    background:none;
}

.menu li.next a {

}

.menu li.next a:hover {

}

.menu li.firstmenu {
    margin-left:0px;
}

.menu li.lastmenu a {
    background:none;
}

/* LAYER */

.layer_outer {
    background:#FFF;
    border:14px #FFF solid;
}

.layer_inner {

}

.layer_close {
    position:absolute;
    left:816px;
    top:-51px;
    width:35px;
    height:37px;
    z-index:9999;
    cursor: pointer;
}

.layer_title {
    width:100%;
    height:44px;
    background:#a2a2a2;
}

.layer_title h1 {
    font-size:22px;
    font-weight:normal;
    color:#FFF;
    line-height:44px;
    padding-left:10px;
}

.layer_image {
    width:100%;
    height:440px;
    background:#FF0000;
    margin-top:14px;
}

.layer_daten {
    margin-top:14px;
    width:100%;
    height:108px;
    border:1px #e9e9e9 solid;
}

.layer_daten_padding {
    padding-top:10px;
}

.layer_daten table {
    width:425px;
    font-size:12px;
    color:#7a7a7a;
    margin-left:10px;
    margin-bottom:6px;
}

.layer_daten table th {
    width:140px;
    padding-left:15px;
    height:20px;
    background: url(./../images/menu_trenner.gif) left 7px no-repeat;
}

.layer_daten a {
    color:#7e2352;
    text-decoration: underline;
    padding-left:20px;
    background: url(./../images/ico_vollbild.gif) 3px 5px no-repeat;
    font-size:12px;
    margin-left:5px;
    font-weight:bold;
}

.layer_daten_left {
    float:left;
}

.layer_daten_right {
    float:right;
    width: 400px;
}

.layer_daten_right h4 {
    font-size:12px;
    color:#7a7a7a;
    margin-bottom:10px;
    font-weight:bold;
}

.layer_daten_right p {
    font-size:12px;
    color:#7a7a7a;
    line-height:16px;
}


/* INTRO TEXT */

.intro {
    margin-top:10px;
    width:976px;
    padding-bottom:10px;
}

.intro_image {
    float:left;
    text-align: left;
    padding-top:4px;
    width:314px;
}

.intro_imgage img {
    padding-right:20px;
    padding-left:14px; 
}

.intro_text {
    width:100%;
}

.intro_text h1 {
    font-family:'MuseoSans500',Arial,sans-serif;
    font-size:24px;
    color:#990d52;
    font-weight:normal;
    margin-bottom:20px;
    text-transform:uppercase; 
    letter-spacing: -1px;  
}

.intro_text h1 strong {
    color:#282828;
}

.intro_text p {
    font-size:13px;
    color:#1F1F1F;
    line-height:20px;
    margin-bottom:15px;
    padding-right:20px;
    text-align: justify;
}

.intro_text p a {
    color:#990d52;
    text-decoration: none;
    padding-left:12px;
    background: url(./../images/form.gif) 3px 5px no-repeat;
    text-transform: uppercase;
}

.intro_text p a:hover {
    color:#990d52;
    text-decoration: none;
    text-decoration: underline;
}

.pixelpromis {
    background: url(./../images/pp_icon_text.gif) left 5px no-repeat;
    padding-left:12px;
}

/* START REFERENZ-BOXEN */

.referenz_box {
    float:left;
    width:314px;
    height:298px;
    margin-right:17px;
    margin-bottom:18px;
}

.referenz_box_top {
    width:314px;
    height:267px;
    background:#FFF url(./../images/ref_box_shadow.gif) left bottom no-repeat;
    border-bottom:1px #a2a2a2 solid;   
    margin-bottom:1px;
}

.referenz_box_top img {
    margin-left:9px;
    margin-top:9px;
    border:1px #FFF solid;
}

.referenz_box_bottom_left {
    float:left;
    padding-top:3px;
    color:#575757;
    font-size:11px;
}

.referenz_box_bottom_right {
    float:right;
    background:#a2a2a2;
    text-transform: uppercase;
    font-size:10px;
    color:#FFF;
    padding:2px 8px 2px 8px; 
    text-shadow:1px 1px 0 #838383; 
}

.no_margin_right {
    margin-right:0px;   
}

/* REFERENZBOXEN BANNER */

.referenz_box_banner {
    width:976px;
    height:215px;
    background:#FFF url(./../images/shadow_full.gif) left bottom no-repeat;
    border-bottom:1px #a2a2a2 solid;   
    margin-bottom:1px;
    margin-top:18px;
}

.referenz_box_banner_padding {
    padding:10px 10px 25px 10px;
}

.referenz_box_banner_inner {
    height:180px;
    background:#F2F2F2;
}

.referenz_skyscraper {
    position:absolute;
    left: 10px;
    top: 10px;
    width: 160px;
    height: 170px;
    z-index:10;
    overflow:hidden;
}

.referenz_skyscraper_v2 {
    position:absolute;
    left: 180px;
    top: 10px;
    width: 160px;
    height: 170px;
    z-index:10;
    overflow:hidden;
}

.referenz_skyscraper_v3 {
    position:absolute;
    left: 140px;
    top: 10px;
    width: 160px;
    height: 170px;
    z-index:10;
    overflow:hidden;
}

.referenz_leaderboard {
    position:absolute;
    left: 218px;
    top: 10px;
    width: 728px;
    height: 90px;
    z-index:10;
    overflow:hidden;
}

.referenz_fullbanner {
    position:absolute;
    left: 478px;
    top: 110px;
    width: 468px;
    height: 60px;
    z-index:10;
    overflow:hidden;
}

.referenz_234x60 {
    position:absolute;
    left: 234px;
    top: 110px;
    width: 234px;
    height: 60px;
    z-index:10;
    overflow:hidden;
}

.referenz_156x60 {
    position:absolute;
    left: 312px;
    top: 110px;
    width: 156px;
    height: 60px;
    z-index:10;
    overflow:hidden;
}

.referenz_fullbanner_v2 {
    position:absolute;
    left: 478px;
    top: 40px;
    width: 468px;
    height: 60px;
    z-index:10;
    overflow:hidden;
}

.referenz_234x60_v2 {
    position:absolute;
    left: 234px;
    top: 40px;
    width: 234px;
    height: 60px;
    z-index:10;
    overflow:hidden;
}

.referenz_180x150 {
    position:absolute;
    left: 288px;
    top: 110px;
    width: 180px;
    height: 70px;
    z-index:10;
    overflow:hidden;
}

.whiteborder {
    border:1px #FFF solid;
}


.banner_manual {
    padding-top:10px;
    padding-right:10px;
    text-align: right;
    overflow:hidden;
}

.banner_manual img {
    margin-bottom:10px;
    margin-left:10px;
}       

/* FOOTER */

.footer_ostern {
    position:absolute;
    left:0px;
    top:1px;
    width:444px;
    height:197px;
    z-index:10;
}

.footer {
    height:280px;
    width:100%;
    background: url(./../images/bg_footer.jpg) left top repeat-x;
}

.footer_inner {
    background: url(./../images/footer_logo.gif) 0px 1px no-repeat;
    height:45px;
    padding-left:61px;
}

.footer_text_links {
    float:left;
    font-size:12px;
    color:#FFF;
    line-height:15px;
    margin-left:1px;
    padding-top:15px;
    width:265px;
}

.footer_text_links_2 {
    float:left;
    font-size:12px;
    color:#FFF;
    line-height:15px;
    margin-left:1px;
    padding-top:15px;
    width:250px;
}

.footer_text_links_2 a {
    font-size:12px;
    color:#FFF;
    padding-left:20px;
    text-decoration: none;
}

.footer_text_links_2 a:hover {
    text-decoration: underline;
}

.footer_text_links span {
    color:#ad276b;
}

.footer_text_rechts {
    float:right;
    font-size:12px;
    color:#FFF;
    line-height:15px;
    padding-top:15px;
}

.footer_text_rechts a {
    font-size:12px;
    color:#FFF;
    line-height:50px;
    text-decoration: underline;
}

.footer_text_rechts a:hover {
    font-size:12px;
    color:#FFF;
    line-height:50px;
    text-decoration: none;
}

/* SEITENZAHLEN */

.seitenzahlen {
    margin-bottom:20px;
    width:100%;
    border-top:1px #b1b1b1 solid;
    border-bottom:1px #b1b1b1 solid;  
    line-height:42px;
    font-size:13px;
    color:#373737;
    text-transform: uppercase;
    height:45px;
    text-indent: 10px;
}

.seitenzahlen strong {
    background:#71234b;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    padding:2px 6px 2px 6px;
    margin-left:6px;
}

.seitenzahlen a {
    font-size:13px;
    color:#373737;
    text-transform: uppercase;
    margin-left:6px;
    text-decoration: none;
}

.seitenzahlen a:hover {
    font-size:13px;
    color:#373737;
    text-transform: uppercase;
    margin-left:6px;
    text-decoration: underline;
}

.last_seitenzahlen {
    margin-top:20px;
}

/* ANFRAGE */

.white_box_full {
    width:976px;
    background:#FFF url(./../images/bg_anfrage.gif) left top repeat-y;
    margin-bottom:1px;
    margin-top:18px;
}

.white_box_full_inner {
    background: url(./../images/shadow_full.gif) left bottom no-repeat;
    width:976px;
    padding-bottom:20px;
}

.anfrage_title {
    float:left;
    width:47px;
}

.anfrage_title img {
    padding-left:15px;
    padding-top:15px;
    padding-bottom:15px;
}


.anfrage_content {
    float:left;
}

.anfrage_table_1 {
    margin-top:20px;
    margin-left:20px;
    margin-bottom:10px;
}

.anfrage_table_1 th {
    width:100px;
    padding-right:15px;
    font-size:12px;
    color:#000;
    font-weight:normal;
    vertical-align: middle;
    text-align: right;
    padding-bottom:5px;
}

.anfrage_table_1 th span, .anfrage_table_wizzard th span, .pflichtfeld_hinweis span {
    color:#990d52;
    font-weight:normal;
}

.pflichtfeld_hinweis {
    font-size:12px;
    color:#666;
}

.anfrage_table_1 td {
    padding-bottom:5px;   
}

.anfrage_table_1 td.einleitung_anfrage {
    font-size:12px;
    color:#4e5b6b;
    vertical-align: top;
    text-align: left;
    font-weight:bold;
    padding-top:7px;
    width:240px;
}

.anfrage_table_1 td.hinweis {
    padding-left:15px;
    font-size:11px;
    color:#a3a3a3;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
}

.full_input {
    height:22px;
    width:372px;
    background:#FFF;
    border:1px #acacac solid;
    padding-top:5px;
    padding-left:5px;
}

.input_logo {
    height:22px;
    width:280px;
    background:#f2f2f2;
    border:1px #acacac solid;
    padding-top:5px;
    padding-left:5px;
}

.input_logo_float {
    float:left;
}

.btn_logo_hochladen {
    line-height:28px;
    height:28px;
    width:87px;
    background: url(./../images/bg_btn_anfrage.gif) left top repeat-x;
    float:right;
    text-align: center;
}

.btn_logo_hochladen a {
    font-size:12px;
    color:#FFF;
    text-decoration: none;
}

.wizzard_block_1 {
    float:left;
    height:149px;
    width:222px
}

.wizzard_block_2 {
    float:left;
    height:149px;
    width:215px
}

.wizzard_block_3 {
    float:left;
    height:149px;
    width:215px
}

.wizzard_block_4 {
    float:left;
    height:149px;
    width:220px
}

.wizzard_separator {
    width:17px;
    height:148px;
    float:left;
    background: url(./../images/separator_webdesign_wizzard.gif) left top no-repeat;
}

.anfrage_table_wizzard {
    margin-left:12px;
    margin-top:10px;
}

.first_wizzard_step {
    margin-left:20px;
}

.anfrage_table_wizzard th {
    font-size:12px;
    color:#4e5b6b;
    vertical-align: top;
    text-align: left;
    font-weight:bold;
    overflow: hidden;
    padding-top:7px;
    height:30px;
}

.anfrage_table_wizzard td {
    font-size:12px;
    color:#000;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    height:23px;
}

.anfrage_table_wizzard td input {  
    margin-right:0px;
    padding-right:0px;
}

.input_td {
    width:20px;
}

.anfrage_white_box {
    margin-bottom:-10px;
}

.anfrage_auswahl_1 {
    float:left;
    height:220px;
    width:445px;
}

.anfrage_auswahl_2 {
    float:left;
    height:220px;
    width:430px;
}

.anfrage_auswahl_separator {
    float:left;
    width:19px;
    height:219px;
    background: url(./../images/separator_auswahl.gif) left top repeat-y;
}


.anfrage_textarea_1 {
    width:372px;
    background:#FFF;
    border:1px #acacac solid;
    padding-top:5px;
    padding-left:5px;
    font-size:12px;
}

.input_outer_half {
    float:left;
}

.input_outer_small {
    float:right;
}

.input_half {
    width:222px;
}

.input_small {
    width:137px;
}

.anfrage_absenden {
    margin-left:425px;
    margin-top:20px;
}


/* ABOUT US */

.about_box {
    width:474px;
    background:#FFF url(./../images/about_box_shadow.gif) left bottom no-repeat;
    float:left;
    padding-bottom:20px;
    margin-right:28px;
    height:530px;
}

.about_pic {
    margin:15px;
}

.about_box h3 {
    color:#990d52;
    text-transform: uppercase;
    font-weight:bold;
    font-size:12px;
    margin-top:10px;
    text-indent: 15px;
}

.about_box.ffa h3 {
    color:#4d596b;
}

.about_box.mvs h3 {
    color:#404c58;
}

.about_box ul {
    list-style:none;
    margin-left:18px;
    margin-top:15px;
    margin-bottom:30px;
}

.about_box ul li {
    line-height:24px;
    font-size:13px;
    color:#000;
    padding-left:20px;
    background: url(./../images/dot_about_1.gif) left 9px no-repeat;
}

.about_box.ffa ul li {
    line-height:24px;
    font-size:13px;
    color:#000;
    padding-left:20px;
    background: url(./../images/dot_about_2.gif) left 9px no-repeat;
}

.about_box.mvs ul li {
    line-height:24px;
    font-size:13px;
    color:#000;
    padding-left:20px;
    background: url(./../images/dot_about_3.gif) left 9px no-repeat;
}

/* ERROR BOX */

.error_box {
    width:976px;
    background:#eebdd5 url(./../images/bg_anfrage_2.gif) left top repeat-y;
    margin-bottom:30px;
    margin-top:18px;
}

.error_box_inner {
    width:976px;
    padding-bottom:20px;
}

.error_box ul {
    list-style:none;
    margin-left:18px;
    margin-top:15px;
}

.error_box ul li {
    line-height:24px;
    font-size:13px;
    color:#000;
    padding-left:20px;
    background: url(./../images/dot_about_1.gif) left 9px no-repeat;
}

/* HTML */

.white_box_html {
    width:976px;
    background:#FFF url(./../images/bg_anfrage.gif) left top repeat-y;
    margin-bottom:1px;
}

.white_box_html_inner {
    background: url(./../images/shadow_full.gif) left bottom no-repeat;
    padding:10px 10px 7px 0px;
}

.white_box_html_inner_2 {
    height:358px;
    background: url(./../images/bg_html.jpg) right top no-repeat;
}

.html_content table {
    margin-top:30px;
}

.html_content table td {
    color:#4c5c6c;
    font-size:13px;
    font-weight:bold;
}

.html_content {
    float:left;
}

.html_content_inner {
    padding-left:25px;
    padding-top:10px
}

/* PHP */

.white_box_php {
    width:976px;
    background:#FFF url(./../images/bg_anfrage.gif) left top repeat-y;
    margin-bottom:1px;
}

.white_box_php_inner {
    background: url(./../images/shadow_full.gif) left bottom no-repeat;
    padding:10px 10px 7px 0px;
}

.white_box_php_inner_2 {
    height:358px;
    background: url(./../images/bg_php.jpg) right top no-repeat;
}

.php_content table {
    margin-top:40px;
}

.php_content table td {
    color:#4c5c6c;
    font-size:13px;
    font-weight:bold;
}

.php_content {
    float:left;
}

.php_content_inner {
    padding-left:25px;
    padding-top:10px
}



/* IMPRESSUM */

.impressum_content {
    font-size:13px;
    color:#4e5b6d;
    line-height:18px;
}

.impressum_content p {
    width:100%;
    white-space: normal;
}

.impressum_content img {
    margin:30px 0px 30px 50px;
}

.impressum_content_inner {
    padding:30px;
}

.impressum_content strong span {
    color:#9e1b5c;
}


/* NEWS */

.blog_entry {

}

.blog_entry img {
    border:none;
}

.blog_left {
    float:left;
    width:321px;
}

.blog_right {
    width:655px;
    float:left;
    background:#FFF url(./../images/news_foot.gif) left bottom no-repeat;
}

.blog_right_inner {
    padding:20px 20px 40px 20px;
}

.blog_right h3 {
    color:#4e5b6d;
    font-size:26px;
    height:48px;
    border-bottom:1px #a2a2a2 solid;
    font-weight:normal;
    margin-bottom:20px;
}

.blog_right h3 a {
    color:#4e5b6d;
    font-size:26px;
    font-weight:normal;
    text-decoration: none;
}

.blog_right h3 a:hover {
    text-decoration: underline;
}

.blog_right p {
    font-size:13px;
    line-height:17px;
    text-align: left;
    margin-bottom:20px;
}

.blog_right p a {
    font-size:13px;
    color:#990d52;
    font-weight:bold;
    text-decoration: underline;
}

.blog_right p a:hover {
    text-decoration: none;
}

/* Begin Images */
.blog_right p img {
    padding: 0;
    max-width: 100%;
}

/*    Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 8px 20px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 20px 8px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
/* End Images */

.post {
    margin: 0 0 40px;
    text-align: justify;
}

.post hr {
    display: block;
}

a.more-link {
    display:block;
    margin-top:20px;
}

.blog_left_date {
    width:51px;
    height:133px;
    float:left;
    text-align: center;
    background: url(./../images/news_date.gif) left top no-repeat;
}

.blog_left_date_inner {
    padding-top:30px;
}

.blog_left_pic {
    width:226px;
    height:133px;
    background:#FFF;
    float:lefT;
}

.blog_left_pic img {
    margin:13px;
}

.blog_left_date_top {
    height:65px;
    background: url(./../images/news_dot.gif) left bottom no-repeat;
    width:51px;
    font-size:16px;
    color:#FFF;
    font-weight:normal;
    line-height:20px;
}

.blog_left_date_top span {
    text-transform: uppercase;
}

.blog_left_category {
    width:278px;
    margin-top:14px;
    border-top:1px #a2a2a2 solid;
    padding-top:1px;
    text-align: right;
}

.blog_left_category a {
    float:right;
    background:#a2a2a2;
    text-transform: uppercase;
    font-size:10px;
    color:#FFF;
    padding:2px 8px 2px 8px; 
    text-decoration: none; 
}

.blog_left_category a:hover {
    text-decoration: underline; 
}

.contact_top {
    width:488px;
    height:19px;
    position:absolute;
    left:320px;
    top:30px;
    z-index:100;
}

.newsintro {
    padding-bottom:40px;
}

a.bookmark_current {
    background: url(./../images/ico_bookmark_current.gif) 0px 2px no-repeat;
}

a.bookmark_site {
    background: url(./../images/ico_bookmark_site.gif) 0px 2px no-repeat;
}

a.impressum {
    background: url(./../images/ico_impressum.gif) 0px 2px no-repeat;
}

/* LOGOBOXEN STARTSEITE */

.logos_startseite {
    margin-bottom:25px;
}

.logobox_start {
    width:314px;
    height:99px;
    margin-bottom:17px;
    background: url(./../images/logobox.gif) left top no-repeat;
}

.logobox_start table {
    width:294px;
    height:79px;
    margin-left:10px;
    margin-top:10px;
}

.logobox_start table td {
    vertical-align: middle;             
    text-align: center;
}

/* ADDITIONAL */

.content h2 {
    font-family:'MuseoSans500',Arial,sans-serif;
    font-size:20px;
    color:#990d52;
    font-weight:normal;
    margin-bottom:10px;
    text-transform:uppercase;  
    margin-top:15px;
    height:50px;
    background: url(./../images/h2.gif) left top no-repeat;
    line-height:50px;
    letter-spacing: -1px;  
}

.dottrenner {
    width:976px;
    height:3px;
}

.col_left {
    width:645px;
    float:left;
}

.col_right {
    width:314px;
    float:right;
}

.col_left p,h1 {
}

.grey_content {
    width:100%;
    background: url(./../images/grain.jpg) repeat;
}

.grey_content2 {
    width:100%;
    background: url(./../images/grainbg.gif) left top repeat-x;
    padding-top:40px;
    padding-bottom:20px;
}

.callback {
    width:314px;
    background:#efefef;
    border-bottom:1px #d3d3d3 solid;
    margin-top:20px;
}

.callback_head {
    width:314px;
    height:80px;
    background: url(./../images/callback_head.gif) left top no-repeat;
}

.callback_inner {
    padding:5px 17px 17px 17px;
}

.callback p {
    font-size:12px;
    color:#000;
}

.callback_input_outer {
    width:280px;
    height:29px;
    margin-top:10px;
    background: url(./../images/callback_input_outer.gif) left top no-repeat;
}

.callback_input_outer input { 
    background: transparent;
    border:0 none;
    font-size:12px;
    color:#5f5f5f;
    padding-left:6px;
    padding-top:6px;
    width:95%;
}

button.btn_callback {
    width:92px;
    height:29px;
    background: url(./../images/btn_callback.gif) left top repeat-x;
    line-height:27px;
    text-align: center;
    font-size:12px;
    color:#FFF;
    border:0 none;
    padding-bottom:2px;
    cursor: pointer;
    margin-top:10px;
}/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
a, a img {
    outline:none;
} 
 
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;      
}
#lightbox-container-image { padding: 14px; }
#lightbox-container-image img { border:1px #d1d1d1 solid; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size: 13px;
	background:#000 url(./../images/lightbox/bg_referenzen.gif) left 18px no-repeat;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 14px;
}
#lightbox-container-image-data {
	padding: 14px 10px 14px 110px; 
	color: #FFF; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: normal; }
#lightbox-image-details-caption span { color:#d13d87;}
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 29px; 
	float: right;
	padding-bottom: 0.7em;	
    padding-top:1px;
}

#lightbox-secNav-btnFullview {
    width: 32px; 
    float: right;
    padding-bottom: 0.7em;  
    padding-right:20px;
    display:none;
}#s3slider {
   width:628px;
   height:251px;
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width:628px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 628px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}