/*---- GENERAL ----*/

* {
    margin:0px;
    padding:0px;
}

body {
    background:url(grafiken/pixel.png) #8A8B9B;
    font-family:Verdana, Arial, 'Times New Roman', sans-serif;
    font-size:12px;
    line-height:1.5em;
    color:#000;
}

h1 {font-size:18px; text-transform:uppercase;}

h2 {font-size:18px; text-transform:uppercase;}

h3 {font-size:14px;}

h4 {font-size:12px;}

h5 {font-size:11px;}

h1, h2, h3, h4, h5, h6, ul, li {line-height:1.5em;}

ul {list-style-type:none;}

ul.disc {list-style-type:disc;}

a {outline:none;}

a, a:link, a:visited {
    color:#66bb00;
    text-decoration:none;
}

a:focus, a:hover {
    color:#66bb00;
    text-decoration:underline;
}

a.top, a.top:link, a.top:visited, a.top:focus, a.top:hover {
    text-decoration:none;
    font-size:11px;
    background:url(/grafiken/top_.png) left center no-repeat;
    padding-left:15px;
}

.hr {
    color:#66bb00;
    border-bottom:1px solid #66bb00;
    margin-bottom:2em;
}

.small {font-size:11px;}

.verysmall {font-size:9px}

.green {color:#66bb00;}

.linie_top {border-top:1px solid #BEDC97}

.linie_bottom {border-bottom:1px solid #BEDC97}

.rot_fett {
    color:red;
    font-weight:bold;
}

#middle ol {margin-left:20px; list-style-position:outside;}

ol.list_1 {list-style-type:decimal;}

ol.list_a {list-style-type:lower-alpha;}

ol.list_A {list-style-type:upper-alpha;}

input.kontakt_felder:focus, input.feld_klein_select:focus, input.kontakt_felder_select:focus, input.kontakt_felder_gross:focus, input.kontakt_felder_gross_select:focus, input.input_contact:focus, input.input_contact_big:focus , textarea:focus {background:white;}

address {font-style:normal;}

.readmore {background:url(/grafiken/read_more.png) right center no-repeat; padding-right:15px; font-weight:bold;}

.i {font-style:italic;}

.b {font-weight:bold;}

.jsinsert {cursor:pointer;}




/*---- HIDDEN ELEMENTS ----*/

.hide {display:block; height:0px; line-height:0px; width:0px; visibility:hidden; position:absolute;}




/* ---- IMAGES ---- */

img {border:0px;}




/*---- NO BORDER FOR GRAPHICS, ETC. ----*/

.noborder {
    border:none;
    padding:0px;
    margin:0px;
}

a.nolink, a.nolink:link, a.nolink:visited, a.nolink:focus, a.nolink:hover {
    text-decoration:none;
    color:#000;
}




/*---- FLOAT ----*/

.floatleft {float:left;}

.floatright {float:right;}

.clearleft {clear:left;}

.clearright {clear:left;}




/*---- ABSTÄNDE, BREITEN, HÖHEN ----*/

.abstand1 {margin-right:20px;}

.ml40 {margin-left:40px;}

.ml50 {margin-left:50px;}

.ml70 {margin-left:70px;}

.mr200 {margin-right:200px;}

.mr220 {margin-right:220px;}

.mr50 {margin-right:50px;}

.mr10 {margin-right:10px;}

.mb10 {margin-bottom:10px;}

.nomargin, input.nomargin {margin:0;}

input.mlno {margin-left:0px}

.height13 {height:20px; display:block;}

.alignright {text-align:right;}

.width20 {width:20px;}

.width50 {width:50px;}

.aligncenter {text-align:center;}




/*---- QUOTES ----*/

span.zitatquelle, span.italic {
    font-style:italic;
}




/*---- BREADCRUMB ----*/

#breadcrumb_div {
    position:absolute;
    height:20px;
    width:480px;
    top:220px;
}

#breadcrumb_div_nohead {
    position:absolute;
    height:20px;
    width:600px;
    top:140px;
}

ul.breadcrumb {
    margin-left:20px;
    font-size:11px;
    color:#66bb00;
}

ul.breadcrumb li {
    margin-left:7px;
    padding-left:12px;
    float:left;
    background:url(/grafiken/breadcrumb_bullet.png) 0px 5px no-repeat;
}

ul.breadcrumb li#noliimg {
    background:none;
    margin-left:0px;
    padding-left:0px;
}


.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
    color:gray;
    text-decoration:none;
}

.breadcrumb a:focus, .breadcrumb a:hover {color:#66bb00;}




/*---- INFOBOX ----*/

a#infobox  {position:relative; display:block; text-decoration:none; margin-left:20px; float:left;}

a#infobox:hover {color:#000; background:none;}

a#infobox  span {display:none;}

a#infobox:hover span {
    position:absolute;
    top:20px;
    left:0px;
    width:180px;
    display:block;
    color:#000;
    background:#e9ffcc;
    border:1px solid #bedc97;
    text-decoration:none;
    padding:5px;
    font-size:10px;
    line-height:1.2em;
    cursor:text;
}




/*---- MAIN BOX ----*/

#main_box {
    margin:0px auto;
    padding:16px 7px;
    width:864px;
    position:relative;
}




/*---- HEADER ----*/

#header {
    position:relative;
    width:864px;
    height:101px;
    background:url(grafiken/header.png) no-repeat;
}

#header_en {
    position:relative;
    width:864px;
    height:101px;
    background:url(grafiken/header.png) no-repeat;
}

#logo {
    position:absolute;
    z-index:110;
    top:11px;
    left:10px;
    width:99px;
    height:108px;
    background:url(grafiken/logo.png) no-repeat;
}

#logo a {
    display:block;
    width:99px;
    height:108px;
}




/*---- HEADER-MENU-GRAPHICS ----*/

.menu_home, .menu_profil, .menu_referenzen, .menu_leistungen, .menu_news, .menu_impressum, .menu_kontakt, .menu_login, .menu_home_en, .menu_profil_en, .menu_referenzen_en, .menu_leistungen_en, .menu_news_en, .menu_impressum_en, .menu_kontakt_en {
    position:absolute;
    width:188px;
    height:33px;
    top:19px;
    left:586px;
}

.menu_home {background-image:url(grafiken/home_.png);}

.menu_profil {background-image:url(grafiken/profil_.png);}

.menu_referenzen {background-image:url(grafiken/referenzen_.png);}

.menu_leistungen {background-image:url(grafiken/leistungen_.png);}

.menu_news {background-image:url(grafiken/news_.png);}

.menu_impressum {background-image:url(grafiken/impressum_.png);}

.menu_kontakt {background-image:url(grafiken/kontakt_.png);}

.menu_login {background-image:url(grafiken/login_.png);}


.menu_home_en {background-image:url(grafiken/home_.png);}

.menu_profil_en {background-image:url(grafiken/profil_en_.png);}

.menu_kontakt_en {background-image:url(grafiken/kontakt_en_.png);}

.menu_referenzen_en {background-image:url(grafiken/referenzen_en_.png);}

.menu_impressum_en {background-image:url(grafiken/impressum_en_.png);}




/* ---- IMPRESSUM ---- */

#impressum_de, #impressum_en {
    position:absolute;
    top:5px;
    left:455px;
    width:131px;
    height:27px;
}

#impressum_de {
    background:url(/grafiken/impressum_de.png) no-repeat;
}

#impressum_en {
    background:url(/grafiken/impressum_en.png) no-repeat;
}

#impressum_de a, #impressum_en a {
    display:block;
    width:131px;
    height:27px;
    cursor:help;
}

#impressum_de a:focus, #impressum_de a:hover, #impressum_de a:active {
    background:url(grafiken/impressum.png) no-repeat;
}

#impressum_en a:focus, #impressum_en a:hover, #impressum_en a:active {
    background:url(grafiken/impressum_over_en_.png) no-repeat;
}

#agb {
    font-weight:bold;
}

.agb_anker {
    text-decoration:none;
    color:#000;
}

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

.anker_agb {
    float:right;
}

.stand {font-size:13px;}


#seo a {font-weight:bold;}

#right .agb h3, #right .impr h4 {font-size:12px; margin-bottom:0.5em;}

#right .agb p {float:left; width:400px;}

#middle .impr h3 {font-size:12px; margin-bottom:0;}

#middle .impr h3.mb1em {margin-bottom:1em;}




/* ---- LANGUAGE ---- */

#language, #language_en {
    position:absolute;
    top:5px;
    left:765px;
    width:50px;
    height:27px;
}

#language {background:url(grafiken/english.png) no-repeat;}

#language_en {background:url(grafiken/deutsch.png) no-repeat;}

#language a, #language_en a {
    display:block;
    width:50px;
    height:27px;
}

#language a:focus, #language a:hover, #language a:active {
    background:url(grafiken/english_.png) no-repeat;
}

#language_en a:focus, #language_en a:hover, #language_en a:active {
    background:url(grafiken/deutsch_.png) no-repeat;
}




/* ---- FOOTER ---- */

#footer {
    position:relative;
    clear:both;
    width:864px;
    height:73px;
    margin-bottom:30px;
    background:url(grafiken/footer.png) no-repeat;
    color:#fff;
    font-size:11px;
}

a.a_footer, a.a_footer:link, a.a_footer:visited {color:#fff;}

a.a_footer:focus, a.a_footer:hover, a.a_footer:active {color:#66bb00;}

#footer_akt {
    position:absolute;
    top:20px;
    left:20px;
}

#footer_xhtml {
    position:absolute;
    top:20px;
    right:24px;
}

#footer_agb{
    position:absolute;
    top:20px;
    left:400px;
    color:#fff;
}




/* ---- MAIN ---- */

#main {
    overflow:auto;
    width:864px;
    background:url(grafiken/streifen_lang.png);
}

.startseite h3 {font-size:12px;}

.startseite {
    background:url(/grafiken/fotos/gruppenfoto_bank.png) no-repeat 15px 0;
}




/* ---- MAIN-MENU-GRAPHICS ---- */

.grafik_home, .grafik_profil, .grafik_referenzen, .grafik_leistungen, .grafik_news, .grafik_sitemap, .grafik_kontakt, .grafik_login, .grafik_home_en, .grafik_profil_en, .grafik_referenzen_en, .grafik_leistungen_en, .grafik_news_en, .grafik_sitemap_en, .grafik_kontakt_en {
    width:642px;
    height:80px;
    margin-left:12px;
    border-top:#bedc97 1px solid;
    margin-bottom:20px;
}

.grafik_impressum, .grafik_leer, .grafik_impressum_en, .grafik_leer_en {height:0px;}


.grafik_home {background-image:url(grafiken/home.png);}

.grafik_profil {background-image:url(grafiken/profil.png);}

.grafik_referenzen {background-image:url(grafiken/referenzen.png);}

.grafik_leistungen {background-image:url(grafiken/leistungen.png);}

.grafik_news {background-image:url(grafiken/news.png);}

.grafik_sitemap {background-image:url(grafiken/sitemap.png);}

.grafik_kontakt {background-image:url(grafiken/kontakt.png);}

.grafik_login {background-image:url(grafiken/login.png);}


.grafik_home_en {background-image:url(grafiken/home_en.png);}

.grafik_profil_en {background-image:url(grafiken/profil_en.png);}

.grafik_kontakt_en {background-image:url(grafiken/kontakt_en.png);}

.grafik_referenzen_en {background-image:url(grafiken/referenzen_en.png);}




/* ---- NAVIGATION-WINDOW ---- */

#fenster_navi {
    width:194px;
    background:url(grafiken/streifen_kurz.png) repeat-y;
    background-color:#fff;
}

#navi_header {
    width:194px;
    height:37px;
    background:url(grafiken/header_oben.png) repeat-y;
}

#navi_header_en {
    width:194px;
    height:37px;
    background:url(grafiken/header_oben_en.png) repeat-y;
}

#navi_content {
    width:194px;
    padding-bottom:20px;
    background:url(grafiken/content_oben.png) no-repeat;
}

#navi_footer {
    width:194px;
    height:15px;
    background:url(grafiken/footer_kurz.png) no-repeat;
}

#spalte {
    float:right;
    width:194px;
}




/* ---- NAVIGATION-WINDOW-MENU ---- */

ul.navig {
    padding-top:20px;
    padding-left:18px;
    font-size:14px;
    font-weight:bold;
}

ul.navig li {padding-top:5px;}

ul.navig ul {
    padding-top:0px;
    padding-left:10px;
    font-weight:normal;
}

ul.navig ul li {padding-top:0px;}

a.navilinks, a.navilinks:link, a.navilinks:visited {color:#000; text-decoration:none;}

a.navilinks:focus, a.navilinks:hover {
     color:gray;
     text-decoration:none;
}

a.navilinks_, a.navilinks_:link, a.navilinks_:visited  {
    color:#336633;
    text-decoration:none;
}

a.navilinks_unter:focus, a.navilinks_unter:hover {
    color:gray;
    text-decoration:none;
}

a.linetrough, a.linetrough:link, a.linetrough:visited {
    text-decoration:line-through; color:red;
}




/* ---- LOGIN-WINDOW ---- */

#fenster_login {
    width:194px;
    background:url(grafiken/streifen_kurz.png) repeat-y;
    background-color:#fff;
}

#login_header {
    width:194px;
    height:43px;
    background:url(grafiken/header_login.png) repeat-y;
}

#login_content {
    position:relative;
    width:194px;
    padding-top:10px;
    min-height:110px;
    background:url(grafiken/streifen_kurz.png) repeat-y;
}

#login_footer {
    width:194px;
    height:15px;
    background:url(grafiken/footer_kurz.png) no-repeat;
}




/* ---- LOGIN-PARTS ---- */

#login_button {
    position:absolute;
    top:76px;
    right:20px;
    width:165px;
}

.button_login {
    float:right;
    background-color:#66bb00;
    border:1px solid #bedc97;
    width:87px;
    height:18px;
    color:#e9ffcc;
    cursor:pointer;
    font-size:11px;
}

.form_login, .p_login {
    width:150px;
    min-height:18px;
    padding-top:10px;
    margin-left:10px;
}

.p_login {
    margin-left:18px;
}

.felder_login {
    position:absolute;
    right:20px;
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:85px;
}

.logout_area {
    background-color:#F3F3F7;
    width:180px;
    margin-left:2px;
    margin-top:-10px;
    margin-bottom:-10px;
}

.login_user {
    width:180px;
    margin-left:2px;
    margin-top:10px;
}

.pw_forgot {position:absolute; font-size:10px; top:100px; right:20px;}




/* ---- SEND PASSWORD ---- */

.send_feld {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:288px;
}

.send_button {
    background-color:#66bb00;
    border:1px solid #bedc97;
    width:100px;
    height:18px;
    color:#e9ffcc;
    cursor:pointer;
    font-size:11px;
    margin-left:5px;
}

.send_label {display:block;}




/* ---- LOGIN-WINDOW-NAVIGATION-MENU ---- */

ul.lognavi li {padding-top:5px;}

ul.lognavi {
    padding-top:20px;
    padding-left:18px;
    padding-bottom:1em;
    font-size:14px;
    font-weight:bold;
}

ul.lognavi li {padding-top:5px;}

ul.lognavi ul {
    padding-top:0px;
    padding-left:10px;
    font-weight:normal;
}

ul.lognavi ul li {padding-top:0px; width:150px; font-size:12px;}




/* ---- "AKTIONEN"-WINDOW ---- */

#fenster_aktionen {
    width:194px;
    margin-bottom:40px;
    background:url(grafiken/streifen_kurz.png) repeat-y #fff;
    margin-bottom:70px;
}

#header_aktionen {
    position:relative;
    width:194px;
    height:43px;
    background:url(grafiken/header_aktionen.png) repeat-y;
}

#header_aktionen_en {
    position:relative;
    width:194px;
    height:43px;
    background:url(grafiken/header_aktionen_en.png) repeat-y;
}

#aktionen_content {
    width:144px;
    padding:20px 30px 10px 20px;
    min-height:20px;
    background:url(grafiken/streifen_kurz.png) repeat-y;
}

#aktionen_footer {
    width:194px;
    height:21px;
    background:url(grafiken/footer_kurz_login.png) no-repeat;
}

.aktion_li {
    text-decoration:none;
    padding-right:6px;
    display:block;
    height:30px;
    width:30px;
    float:left;
}

.li1 {
    background:url(/grafiken/mrwong.png) no-repeat;
}

.li2 {
    background:url(/grafiken/delicious.png) no-repeat;
}

.li3 {
    background:url(/grafiken/icio.png) no-repeat;
}

.li4 {
    background:url(/grafiken/yigg.png) no-repeat;
}

/* Info-Punkt Kästchen */

a#aktionen_hilfe  {
    position:absolute;
    text-decoration:none;
    height:28px;
    width:27px;
    top:13px;
    right:15px;
    background:url(/grafiken/aktionen_info.png) top right no-repeat;
    color:#fff;
}

a#aktionen_hilfe:hover {
    height:28px;
    width:190px;
    top:13px;
    right:15px;
    background:url(/grafiken/aktionen_info.png) right -28px no-repeat;
    cursor:help;
}

a#aktionen_hilfe  span {display:none;}

a#aktionen_hilfe:hover span {
    position:absolute;
    top:10px;
    margin-left:0px;
    width:164px;
    display:block;
    padding:7px;
    font-size:10px;
    line-height:1.2em;
    color:#000;
    background:#e9ffcc;
    border:1px solid #bedc97;
}




/* ---- CONTENT-WINDOW ---- */

#fenster_inhalt {
    margin-bottom:25px;
    width:655px;
    background:url(grafiken/streifen_inhalt.png) repeat-y #fff;
}

#inhalt_header {
    width:655px;
    height:37px;
    background:url(grafiken/header_inhalt.png) repeat-y;
}

#inhalt_header_en {
    width:655px;
    height:37px;
    background:url(grafiken/header_inhalt.png) repeat-y;
}

#inhalt_content {
    width:655px;
    min-height:390px;
    background:url(grafiken/content_inhalt.png) no-repeat;
}

#inhalt_footer {
    width:665px;
    height:21px;
    background:url(grafiken/footer_inhalt.png) no-repeat;
}




/* ---- LEISTUNGEN, PROFIL (GRAFIKEN) ---- */

.leistung {
    background:url(/grafiken/leistung.png) no-repeat 15px 0;
}

.profil {
    background:url(/grafiken/profil/profil_top.png) no-repeat 15px 0;
}

.grafik_design {
    background:url(/grafiken/fotos.png) no-repeat 15px 0;
}

.multimedia {
    background:url(/grafiken/multimedia.png) no-repeat 15px 0;
}

.dasteam_top {background:url(/grafiken/profil/dasteam_top.png) no-repeat 15px 0;}
.dasteam_001 {background:url(/grafiken/profil/dasteam_001.png) no-repeat 15px 0;}
.dasteam_002 {background:url(/grafiken/profil/dasteam_002.png) no-repeat 15px 0;}
.dasteam_003 {background:url(/grafiken/profil/dasteam_003.png) no-repeat 15px 0;}

.kundenservice_top {background:url(/grafiken/profil/kundenservice_top.png) no-repeat 15px 0;}
.kundenservice_001 {background:url(/grafiken/profil/kundenservice_001.png) no-repeat 15px 0;}
.kundenservice_002 {background:url(/grafiken/profil/kundenservice_002.png) no-repeat 15px 0;}
.kundenservice_003 {background:url(/grafiken/profil/kundenservice_003.png) no-repeat 15px 0;} 

.qualitaet_top {background:url(/grafiken/profil/qualitaet_top.png) no-repeat 15px 0;}
.qualitaet_001 {background:url(/grafiken/profil/qualitaet_001.png) no-repeat 15px 0;}
.qualitaet_002 {background:url(/grafiken/profil/qualitaet_002.png) no-repeat 15px 0;}
.qualitaet_003 {background:url(/grafiken/profil/qualitaet_003.png) no-repeat 15px 0;}

.webdesign_top {background:url(/grafiken/leistungen/webdesign_top.png) no-repeat 15px 0;}
.webdesign_001 {background:url(/grafiken/leistungen/webdesign_001.png) no-repeat 15px 0;}
.webdesign_002 {background:url(/grafiken/leistungen/webdesign_002.png) no-repeat 15px 0;}
.webdesign_003 {background:url(/grafiken/leistungen/webdesign_003.png) no-repeat 15px 0;}
.webdesign_004 {background:url(/grafiken/leistungen/webdesign_004.png) no-repeat 15px 0;}
.webdesign_005 {background:url(/grafiken/leistungen/webdesign_005.png) no-repeat 15px 0;}

.barrierefreiheit_top {background:url(/grafiken/leistungen/barrierefreiheit_top.png) no-repeat 15px 0;}
.barrierefreiheit_001 {background:url(/grafiken/leistungen/barrierefreiheit_001.png) no-repeat 15px 0;}
.barrierefreiheit_002 {background:url(/grafiken/leistungen/barrierefreiheit_002.png) no-repeat 15px 0;}
.barrierefreiheit_003 {background:url(/grafiken/leistungen/barrierefreiheit_003.png) no-repeat 15px 0;}
.barrierefreiheit_004 {background:url(/grafiken/leistungen/barrierefreiheit_004.png) no-repeat 15px 0;}
.barrierefreiheit_005 {background:url(/grafiken/leistungen/barrierefreiheit_005.png) no-repeat 15px 0;}

.screendesign_top {background:url(/grafiken/leistungen/screendesign_top.png) no-repeat 15px 0;}
.screendesign_001 {background:url(/grafiken/leistungen/screendesign_001.png) no-repeat 15px 0;}
.screendesign_002 {background:url(/grafiken/leistungen/screendesign_002.png) no-repeat 15px 0;}
.screendesign_003 {background:url(/grafiken/leistungen/screendesign_003.png) no-repeat 15px 0;}
.screendesign_004 {background:url(/grafiken/leistungen/screendesign_004.png) no-repeat 15px 0;}
.screendesign_005 {background:url(/grafiken/leistungen/screendesign_005.png) no-repeat 15px 0;}

.printdesign_top {background:url(/grafiken/leistungen/printdesign_top.png) no-repeat 15px 0;}
.printdesign_001 {background:url(/grafiken/leistungen/printdesign_001.png) no-repeat 15px 0;}
.printdesign_002 {background:url(/grafiken/leistungen/printdesign_002.png) no-repeat 15px 0;}
.printdesign_003 {background:url(/grafiken/leistungen/printdesign_003.png) no-repeat 15px 0;}
.printdesign_004 {background:url(/grafiken/leistungen/printdesign_004.png) no-repeat 15px 0;}
.printdesign_005 {background:url(/grafiken/leistungen/printdesign_005.png) no-repeat 15px 0;}

.programmierung_top {background:url(/grafiken/leistungen/programmierung_top.png) no-repeat 15px 0;}
.programmierung_001 {background:url(/grafiken/leistungen/programmierung_001.png) no-repeat 15px 0;}
.programmierung_002 {background:url(/grafiken/leistungen/programmierung_002.png) no-repeat 15px 0;}
.programmierung_003 {background:url(/grafiken/leistungen/programmierung_003.png) no-repeat 15px 0;}
.programmierung_004 {background:url(/grafiken/leistungen/programmierung_004.png) no-repeat 15px 0;}
.programmierung_005 {background:url(/grafiken/leistungen/programmierung_005.png) no-repeat 15px 0;}

.suchmaschinen_top {background:url(/grafiken/leistungen/suchmaschinen_top.png) no-repeat 15px 0;}
.suchmaschinen_001 {background:url(/grafiken/leistungen/suchmaschinen_001.png) no-repeat 15px 0;}
.suchmaschinen_002 {background:url(/grafiken/leistungen/suchmaschinen_002.png) no-repeat 15px 0;}
.suchmaschinen_003 {background:url(/grafiken/leistungen/suchmaschinen_003.png) no-repeat 15px 0;}
.suchmaschinen_004 {background:url(/grafiken/leistungen/suchmaschinen_004.png) no-repeat 15px 0;}
.suchmaschinen_005 {background:url(/grafiken/leistungen/suchmaschinen_005.png) no-repeat 15px 0;}

.visualisierung_top {background:url(/grafiken/leistungen/visualisierung_top.png) no-repeat 15px 0;}
.visualisierung_001 {background:url(/grafiken/leistungen/visualisierung_001.png) no-repeat 15px 0;}
.visualisierung_002 {background:url(/grafiken/leistungen/visualisierung_002.png) no-repeat 15px 0;}
.visualisierung_003 {background:url(/grafiken/leistungen/visualisierung_003.png) no-repeat 15px 0;}
.visualisierung_004 {background:url(/grafiken/leistungen/visualisierung_004.png) no-repeat 15px 0;}
.visualisierung_005 {background:url(/grafiken/leistungen/visualisierung_005.png) no-repeat 15px 0;}

.bildbearbeitung_top {background:url(/grafiken/leistungen/bildbearbeitung_top.png) no-repeat 15px 0;}
.bildbearbeitung_001 {background:url(/grafiken/leistungen/bildbearbeitung_001.png) no-repeat 15px 0;}
.bildbearbeitung_002 {background:url(/grafiken/leistungen/bildbearbeitung_002.png) no-repeat 15px 0;}
.bildbearbeitung_003 {background:url(/grafiken/leistungen/bildbearbeitung_003.png) no-repeat 15px 0;}
.bildbearbeitung_004 {background:url(/grafiken/leistungen/bildbearbeitung_004.png) no-repeat 15px 0;}
.bildbearbeitung_005 {background:url(/grafiken/leistungen/bildbearbeitung_005.png) no-repeat 15px 0;}

.multimedia_top {background:url(/grafiken/leistungen/multimedia_top.png) no-repeat 15px 0;}
.multimedia_001 {background:url(/grafiken/leistungen/multimedia_001.png) no-repeat 15px 0;}
.multimedia_002 {background:url(/grafiken/leistungen/multimedia_002.png) no-repeat 15px 0;}
.multimedia_003 {background:url(/grafiken/leistungen/multimedia_003.png) no-repeat 15px 0;}
.multimedia_004 {background:url(/grafiken/leistungen/multimedia_004.png) no-repeat 15px 0;}
.multimedia_005 {background:url(/grafiken/leistungen/multimedia_005.png) no-repeat 15px 0;}

.konakt_icon {
    background:url(/grafiken/kontakt_icon.png) no-repeat 15px 0;
}




/* ---- CONTENT-WINDOW LEFT DIV ---- */

#left {
    float:left;
    padding-top:20px;
    padding-bottom:75px;
    width:180px;
}

.left_bild {
    padding:0px;
    margin-left:15px;
    width:187px;
    height:187px;
    background:url(../grafiken/box.png) no-repeat;
}

.left_bild img {
    margin-left:15px;
    margin-top:16px;
    border:none;
}

#left p, #left h1, #left h2, #left h3, #left h4 {
    margin-bottom:1em;
    padding-top:2px;
    font-size:11px;
    line-height:1.2em;
    width:147px;
}

#left div {
    width:207px;
    height:187px;
}




/* ---- CONTENT-WINDOW RIGHT DIV ---- */

#right {
    padding-top:21px;
    padding-bottom:75px;
    padding-left:10px;
    padding-right:20px;
    margin-left:210px;
    width:400px;
}

#right p, #right h1, #right h2, #right h3, #right h4 {
    margin-bottom:1em;

}

.float_left {
    float:left;
    width:200px;
}




/* ---- CONTENT-WINDOW MIDDLE DIV ---- */

#middle {
    padding-top:23px;
    padding-bottom:75px;
    width:650px;
}

#middle div {
    min-height:187px;
    margin-bottom:4em;
    padding-top:10px;
}

#middle p, #middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle address {
    margin:0px 0px 1em 220px;
    width:400px;
}




/* ---- BOX GENERAL ---- */

.box_leistungen a, .box_news a, .box_profil a {
    position:absolute;
}

.box_header {
    height:66px;
    width:416px;
}

.box_inhalt {
    margin-top:0px;
    width:340px;
    margin-left:75px;
}




/* ---- NEWS ---- */

#middle div.news_box {
    position:relative;
    min-height:100px;
    background:url(/grafiken/blog.png) no-repeat 15px 0;
}

#middle div.news_new {position:absolute; min-height:0; height:1em; text-align:right; margin:0; font-size:11px; left:495px; top:225px; z-index:100;}

#middle .news_caption {font-size:22px; line-height:1.2em; color:#66bb00; margin-bottom:0; font-family:Arial, 'Times New Roman', sans-serif; text-transform:none;}

#middle .u_news_caption {font-size:12px; margin-top:2.5em;}

#middle p.news_editor {font-size:11px; background:url(/grafiken/blog_linie.png) 0 20px no-repeat; height:25px;}

#middle p.news_kat {font-size:11px; background:url(/grafiken/blog_linie.png) 0 0px no-repeat; height:25px; margin-bottom:0px;}

#middle p.news_kat span {display:block; font-size:10px; background:url(/grafiken/blog_linie.png) 0 1px no-repeat; width:400px;}

#middle div.kalender_blatt {
    position:absolute;
    top:14px;
    left:69px;
    width:78px;
    height:84px;
    min-height:84px;
    text-align:center;
    font-family:Arial, 'Times New Roman', sans-serif;
    font-size:13px;
}

.news_monat {color:#bababb; font-weight:bold; display:block;}

.news_jahr {color:#bababb; font-weight:bold; display:block;}

.news_tag {color:#8dd43e; font-weight:bold; font-size:60px; line-height:50px; display:block;}

#middle div.news_box p span.news_bu {color:gray; font-size:11px; padding:0px; margin-bottom:0em; line-height:1.5em; display:block;}

#middle div.news_box ol {margin-left:250px; padding-right:30px; margin-bottom:1em;}

#middle div.news_box ul {margin-left:250px; padding-right:30px; margin-bottom:1em;}

a.news_link {text-decoration:none;}




/* ---- BOX NEWS EDITING LINKS ---- */

.kategorie {
    padding-top:20px;
    margin-left:75px;
    color:white;
}

.news_edit_zeile {
    float:left;
}

.zeit {
    position:absolute;
     margin-top:4px;
    margin-left:285px;
    width:130px;
    font-size:10px;
    line-height:1em;
    color:gray;
    text-align:right;
    margin-right:auto;
}

.a_edit {
    width:81px;
    height:15px;
    background:url(/grafiken/edit.png) no-repeat;
    margin-left:63px;
}

.a_clear {
    width:81px;
    height:15px;
    background:url(/grafiken/clear.png) no-repeat;
    margin-left:144px;
}

.a_edit:hover {
    background:url(/grafiken/edit_over.png) no-repeat;
}

.a_clear:hover {
    background:url(/grafiken/clear_over.png) no-repeat;
}




/* ---- REFERENZEN ---- */

#middle div.referenzen {
    position:relative;
    margin-bottom:0px;
    min-height:157px;
}

#middle div.ref_content {
    position:relative;
    padding:0;
    margin:30px 0px 30px 83px;
    width:571px;
    background:url(/grafiken/auswahl.png) no-repeat 215px 85px #f3f3f7;
    height:317px;
    min-height:0px;
    border-top:3px solid #fff;
    border-bottom:3px solid #fff;
}

div.ref_content a {display:block; width:68px; height:51px; padding:5px; border-bottom:3px solid #fff; border-right:3px solid #fff;}

div.ref_content a.reg_last {border-bottom:0px solid #fff;}

div.ref_content a:hover {color:#000; background:silver}

div.ref_content a.ref_leer {background:#fff;}

div.ref_content a .ref_big {visibility:hidden;}

div.ref_content a > .ref_big {display:none;} /* "hack" für alle ie < 7 , da flackern bei display:none/block */

div.ref_content a:focus >.ref_big {display:block; visibility:visible;}

div.ref_content > a:focus {background:silver}

div.ref_content a:hover .ref_big {display:block; visibility:visible; z-index:100;}

div.ref_content a:active > .ref_big {display:block; visibility:visible;}

div.ref_content > a:active {background:silver}

div.ref_content .ref_big {position:absolute; top:0px; left:138px;}

#middle div.ref_content div.ref_no {display:block; width:68px; min-height:0px; height:51px; padding:5px; background:none; margin:0px; border-bottom:3px solid #fff; border-right:3px solid #fff;}

#middle div.ref_content div.ref_no_last {border-bottom:0px solid #fff; border-right:3px solid #fff;}

div.ref_content a .ref_vis {position:absolute; top:0px; left:138px; visibility:visible; display:block;}

.kat1 {background:url(/grafiken/webseiten.png) 15px 0 no-repeat;}
.kat2 {background:url(/grafiken/programme.png) 15px 0 no-repeat;}
.kat3 {background:url(/grafiken/layout.png) 15px 0 no-repeat;}
.kat4 {background:url(/grafiken/fotos.png) 15px 0 no-repeat;}
.kat5 {background:url(/grafiken/multimedia.png) 15px 0 no-repeat;}

#middle div.referenzen h3 {
    margin-bottom:0px;
    color:#66bb00;
}

p.ref {font-size:11px;}

p.ref span {display:block; width:110px; float:left; color:gray;}

p.ref span.longtext {display:block; width:290px; float:left; color:black;}




/* ---- GENERAL FORM PROPERTIES ---- */

.kontakt_felder {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:198px;
}

.kontakt_felder_select {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:200px;
}

.kontakt_felder_gross {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:328px;
}

.kontakt_felder_gross_select {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:330px;
}

.feld_klein_select {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:70px;
}

.form_button {
    background-color:#66bb00;
    border:1px solid #bedc97;
    width:100px;
    height:18px;
    color:#e9ffcc;
    cursor:pointer;
    font-size:11px;
    margin-left:5px;
}

.form_button_small {
    background-color:#66bb00;
    border:1px solid #bedc97;
    width:70px;
    height:18px;
    color:#e9ffcc;
    cursor:pointer;
    font-size:11px;
}

.label_70 {
    width:70px;
    float:left;
}

.label_150 {
    width:150px;
    float:left;
}

.label_200 {
    width:200px;
    float:left;
}

.checkbox_70 {
    margin-left:70px;
}

.label_contact {
    width:5.833em;
    float:left;
}

.input_contact {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:218px;
    max-width:398px;
}

.input_contact_big {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:328px;
    max-width:398px;
}

.text_contact {
    background-color:#e9ffcc;
    border:1px solid #bedc97;
    width:328px;
    height:16.666em;
    max-width:398px;
    max-height:250px;
}

.contact_button {
    background-color:#66bb00;
    border:1px solid #bedc97;
    width:8.333em;
    height:1.5em;
    color:#e9ffcc;
    cursor:pointer;
    font-size:11px;
    margin-left:70px;
}

form.contact_form {
    margin-bottom:3em;
}




/* ---- V-CARD (Microformats) ---- */

.vcard .fn {
    display:block;
}

.vcard .street-address {
    display:block;
}

.vcard .break{
    display:block;
}




/*  ERWEITERUNGEN *//*  ERWEITERUNGEN *//*  ERWEITERUNGEN *//*  ERWEITERUNGEN *//*  ERWEITERUNGEN *//*  ERWEITERUNGEN */

#kuerbis {
    position:absolute;
    background:url(grafiken/kuerbis.png);
    width:330px;
    height:92px;
    right:9px;
    top:55px;
    z-index:100;
}

#valentin {
    position:absolute;
    background:url(grafiken/valentin.png);
    width:99px;
    height:85px;
    left:17px;
    top:16px;
    z-index:100;
}