/*////////////////STANDART FORMATIERUNG////////////////*/
* {margin:0;padding:0;outline:none;border:none;font-family:"Tahoma";}
html, body {height:100%;}
body {background:#E3E3E3;color:#616161;font:normal 1em "Tahoma";}
p {padding:10px 0;}
.col_20 {width:20%;}
.col_25 {width:25%;}
.col_30 {width:30%;}
.col_33 {width:33%;}
.col_35 {width:35%;}
.col_40 {width:40%;}
.col_45 {width:45%;}
.col_50 {width:50%;}
.col_55 {width:55%;}
.col_60 {width:60%;}
.col_65 {width:65%;}
.col_70 {width:70%;}
.col_75 {width:75%;}
.padding_t_10 {padding-top:10px;}
.padding_t_20 {padding-top:20px;}
.padding_t_30 {padding-top:30px;}
.padding_t_40 {padding-top:40px;}
.padding_t_50 {padding-top:50px;}
.padding_b_10 {padding-bottom:10px;}
.padding_b_20 {padding-bottom:20px;}
.padding_b_30 {padding-bottom:30px;}
.padding_b_40 {padding-bottom:40px;}
.padding_b_50 {padding-bottom:50px;}

.clear_l {clear:left;}
.clear_r {clear:right;}
.clear_b {clear:both;}
.float_left {float:left;}
.float_right {float:right}
.no_margin {margin:0!important;}

.none,#page_kundensupport #content_head,#page_verlassen-von-bleibartigorg #content_head,#page_glossar #content_head,#page_registrierung-fuer-kunden #content_head,#page_kundenintern---uebersicht #content_head,#page_persoenliche-daten-bearbeiten #content_head,#page_ihre-daten-wurden-erfolgreich-gespeichert #content_head,#page_blog #content_head,#page_archiv #content_head, #page_blog-reader #content_head, #page_403 #content_head, #page_404 #content_head, #page_kundemail-an-support-bestaetigung #content_head,#page_twitter #content_head, #page_unverbindliche-anfrage #content_head {display:none!important;}


/*////////////////ENDE STANDART FORMATIERUNG////////////////*/



/*////////////////LAYOUT FORMATIERUNG////////////////*/
div#wrapper {min-height:100%;}
* html div#wrapper {height:100%;}
div#top {height:88px;background:url(images/head_bg.jpg);padding:0 5%;min-width:800px;}
div#top div#head {max-width:1600px;min-width:800px;margin:auto;}
div#top div#head h1 {float:left;padding-top:20px;}
div#top div#head h1 a {display:block;background:url(images/logo.jpg);width:256px;height:35px;}
div#top div#head h1 a span {display:none;}


/*NAVI FORMATIERUNG*/
div#navi {background:url(images/navi_m.jpg);margin-top:9px;height:53px;overflow:hidden;}
div#navi span {float:left;display:block;width:11px;height:53px;background:url(images/navi_border.jpg);}
div#navi span.navi_r {float:right;background-position:right;}
div#navi ul {float:left;list-style:none;padding-top:3px;}
div#navi ul li {float:left;margin:0 19px;display:inline;}
div#navi ul li a {display:block;height:47px;width:96px;}
div#navi ul li a b {display:none;}
div#navi ul li a:hover {background-position:0 235px!important;}
div#navi ul li a:focus {background-position:0 188px!important;}
div#navi ul li a:active {background-position:0 188px!important;}
div#navi ul li a.navi_a, div#navi ul li a.trail,div#navi ul li a.navi_a:hover, div#navi ul li a.trail:hover {background-position:0 141px!important;cursor:default;}
/*
div#navi ul li a.navi_a:hover, div#navi ul li a.trail:hover {background-position:0 94px!important;}
div#navi ul li a.navi_a:focus, div#navi ul li a.trail:focus {background-position:0 47px!important;}
div#navi ul li a.navi_a:active, div#navi ul li a.trail:active {background-position:0 47px!important;}
*/

div#navi ul li a.willkommen {background:url(images/navi_willkommen.jpg);}
div#navi ul li a.leistungen {background:url(images/navi_leistungen.jpg);}
div#navi ul li a.portfolio {background:url(images/navi_portfolio.jpg);}
div#navi ul li a.team {background:url(images/navi_team.jpg);}
div#navi ul li a.glossar {background:url(images/navi_glossar.jpg);}
div#navi ul li a.kontakt {background:url(images/navi_kontakt.jpg);}
/*ENDE NAVI FORMATIERUNG*/


/*LOGIN FORMATIERUNG*/
div#top div#head form.login {float:right;padding:17px 0 0 0;}
div#top div#head form.login input.form_user, div#top div#head form.login input.form_pw {width:68px;height:21px;padding:5px 6px 0 42px;font-size:0.7em;color:#B3B3B3;background:url(images/login_input.jpg);}
* html div#top div#head form.login input.form_user, * html div#top div#head form.login input.form_pw {background-attachment:fixed;}
div#top div#head form.login input.form_pw {background-position:bottom;margin-left:14px;}
div#top div#head form.login input.form_submit {vertical-align:top;width:53px;height:26px;margin-left:13px;background:url(images/login_submit.jpg);cursor:pointer;}
div#top div#head form.login:hover input.form_submit {background-position:0 52px;}
div#top div#head form.login input.form_submit:focus {background-position:bottom;}
div#top div#head form.login input.form_submit:active {background-position:bottom;}
div#top div#head form.login span.error {display:block;font-size:0.7em;color:#FF30A0;text-align:center;padding-right:53px;}
div#top div#head ul {float:right;list-style:none;margin-top:27px;height:25px;width:377px;background:url(images/logged_bg.jpg);overflow:hidden;}
div#top div#head ul li {float:left;font-size:0.7em;margin:0 7px;}
div#top div#head ul li#logged_username {width:115px;padding:6px 12px;color:#fff;margin:0 15px 0 0;overflow:hidden;white-space:nowrap;}
div#top div#head ul li#logged_username a {display:inline;color:#fff;text-decoration:none;font-weight:bold;}
div#top div#head ul li a {display:block;height:16px;width:16px;background-position:bottom;background-repeat:no-repeat;padding-top:5px;}
div#top div#head ul li a b {display:none;}
div#top div#head ul li a.logged_home {background-image:url(images/logged_home.jpg);}
div#top div#head ul li a.logged_admin {background-image:url(images/logged_admin.jpg);}
div#top div#head ul li a.logged_ticket {background-image:url(images/logged_ticket.jpg);}
div#top div#head ul li a.logged_msg {background-image:url(images/logged_msg.jpg);}
div#top div#head ul li a.logged_profil {background-image:url(images/logged_profil.jpg);}
div#top div#head ul li a.logged_logout {background-image:url(images/logged_logout.jpg);cursor:help;}
/*ENDE NAVI FORMATIERUNG*/


/*////////////////CONTENT FORMATIERUNG////////////////*/
div#content {width:829px;margin:auto;}
div#content_margin {padding:12px 0 90px 0;}
div#content_m {background:url(images/main_main.jpg);font-size:0.83em;line-height:180%;}
div#content_m_top {background:url(images/main_top.jpg) top no-repeat;}
div#content_m_bottom {background:url(images/main_bottom.jpg) bottom no-repeat;padding:13px 13px 20px 13px;}
* html div#content_m_bottom {padding-bottom:40px;}
div#content .div_border {width:680px;margin:auto;padding:50px 0;overflow:hidden;}


/*CONTENT HEADER FORMATIERUNG*/
div#content_head {background:url(images/content_main.jpg) repeat-y left;position:relative;}
div#content_foot {background:url(images/content_bottom.jpg) bottom no-repeat;height:230px;}
div#content_foot div.mod_article {background:url(images/content_top.jpg) top no-repeat;}

/*CONTENT LINKS FORMATIERUNG*/
div#content_m a {text-decoration:underline;color:#616161;}
div#content_m a:hover {text-decoration:none;}

/*CONTENT FORM FORMATIERUNG*/
div#content_m form p.error {font-size:0.85em;color:#FF30A0;text-transform:capitalize;}
div#content_m fieldset {padding:0 0 0 13px;margin:5px;}
div#content_m legend {font-size:1.2em;font-weight:bold;color:#FF008A;margin-top:10px;}
div#content_m label {display:block;margin:13px 0 2px 10px;}
div#content_m label.mandatory:after {content:" *";}
div.checkbox_container label {display:inline!important;}
div.checkbox_container span {display:block;}
div#content_m .attachment label {display:inline;width:auto;}
div#content_m span.mandatory {display:none;}
div#content_m textarea {font-size:1em;color:#616161;width:635px;height:89px;background:url(images/textarea_bg.jpg);padding:10px}
div#content_m #helpdesk_message {background:none!important;}
div#content_m select {color:#666;vertical-align:middle;background:#F9F9F9;padding:3px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;width:41%;margin:0 10px;}
div#content_m input {display:block;height:19px;width:336px;background:url(images/input_bg.jpg);padding:5px 12px;color:#616161;}
div#content_m input.checkbox {display:inline!important;width:auto!important;vertical-align:text-bottom;}
#helpdesk_message {width:100%!important;border:none!important;padding:0!important;margin:0!important;}
div#content_m input.submit {background:url(images/submit_bg.jpg);width:156px;height:29px;padding-top:3px!important;margin:20px 0 0 0;}
div#content_m legend.form_person span {margin-right:15px;color:#9C9C9C;font-weight:bold;font-size:0.9em;background:url(images/li_liststyle.jpg);display:block;height:31px;width:35px;text-align:center;float:left;padding-top:4px;margin-top:-5px;}
div#content_m span.captcha_text {font-style:italic;padding-left:10px;display:inline!important}
div.checkbox_container {padding:10px 30px;border:1px #f0f0f0 solid;}
input.upload {height:auto!important;width:auto!important;background:none!important;border:1px #f0f0f0 solid;}
/*CONTENT ADDITION FORMATIERUNG*/
div#content_m ul, div#content_m ol {margin:0 35px;}
div#content_m div.error {padding:5px 10px;display:block;color:#FF008A}
div#content_m h2 {font-size:1.4em;font-weight:normal;color:#FF008A;}
div#content_m h2 a {font-weight:normal;}
div#content_m h3 {font-size:1em;color:#FF008A;}
div#content_m h4 {font-size:1em;color:#FF008A;}
div#content_m blockquote {padding:15px 30px;font-style:italic;background:#fafafa;}
div#content_m .toggler {display:inline;}
div#content_m .toggler_first {cursor:pointer;border-bottom:1px #666 dotted;text-decoration:none;}
div#content_m .toggler_first:hover {border-bottom-style:solid;}
div#content_m div.content_padding {}

div#content_m div#main63 div.container {width:33%;}
div#content_m div#main63 div.first {border-right:1px #F5F5F5 solid;float:left;margin:5% 0% 5% 11%;padding-right:4%;}
div#content_m div#main63 div.last {float:left;border-left:1px #F5F5F5 solid;margin:5% 0 5% -1px;padding-left:6%;}

div#content_m div#main63 div.first h3, div#content_m div#main63 div.last h3 {float:left;display:block;width:33px;height:31px;background:url(images/li_liststyle.jpg);text-align:center;padding:4px 0 0 2px;color:#9C9C9C;font-weight:bold;}
div#content_m div#main63 div.first h3:before {content:"1";}
div#content_m div#main63 div.last h3:before {content:"2";}
div#content_m div#main63 div.first h3 span, div#content_m div#main63 div.last h3 span {display:none;}
div#content_m div#main63 div.first h4, div#content_m div#main63 div.last h4 {float:left;line-height:140%;font-size:1.05em;padding-left:10px;}
div#content_m div#main63 div.first h4 a, div#content_m div#main63 div.last h4 a {color:#FF008A!important;border:none!important;display:block;overflow:hidden;white-space:nowrap;}
div#content_m div#main63 div.first h4 a:hover, div#content_m div#main63 div.last h4 a:hover {color:#616161!important;}
div#content_m div#main63 div.first h4 span, div#content_m div#main63 div.last h4 span {display:block;font-weight:normal;font-size:0.8em;color:#A9A9A9;}
div#content_m div#main63 div.first div, div#content_m div#main63 div.last div {clear:left;padding:10px 5px 0 5px;}


/*CONTENT WILLKOMMEN FORMATIERUNG*/
div.startseite_intro  {background:url(images/startseite_boy.jpg) no-repeat 53px center;padding:60px 20px 60px 235px;}
div#willkommen_main {padding:10px 25px;}
div#willkommen_main h3 {height:18px;background:url(images/ba_logo_s.jpg) left top no-repeat;}
div#willkommen_main h3 b {display:none;}
div#letzte-referenz {padding:30px 11%;clear:left;}
div.startseite_letztereferenz_img {float:left;}
div.startseite_letztereferenz_img img.border {position:absolute;z-index:2;}
div.startseite_letztereferenz {float:left;padding-left:30px;width:450px;}
div.startseite_letztereferenz h2 a {font-size:0.8em;color:#FF008A!important;font-weight:bold!important;border:none!important;}
div.startseite_letztereferenz h2 a:hover {color:#616161!important;}
div.startseite_letztereferenz h3 {font-weight:normal;font-size:0.8em!important;color:#A9A9A9!important;line-height:100%;}

/*CONTENT LEISTUNGEN FORMATIERUNG*/
div.leistungen ul {list-style:none;margin:0!important;}
div.leistungen ul li {float:left;margin-top:50px;position:relative;}
div.leistungen ul li a {height:134px;width:134px;display:block;border:none!important;background-position:top;}
div.leistungen ul li a:hover {background-position:bottom;}
div.leistungen ul li a.navi_a {background-position:bottom;}
div.leistungen ul li a.grafischegestaltung {background-image:url(images/leistungen_nav_grafischegestaltung.jpg);margin:0 66px 0 33px;}
div.leistungen ul li a.programmierung {background-image:url(images/leistungen_nav_programmierung.jpg);margin-right:66px;}
div.leistungen ul li a.verwaltung {background-image:url(images/leistungen_nav_verwaltung.jpg);margin-right:66px;}
div.leistungen ul li a.konzipierung {background-image:url(images/leistungen_nav_konzipierung.jpg);}
div.leistungen ul li a b {display:none;}
div.leistungen ul li a span {display:none;font-weight:bold;padding:5px 10px;color:#616161;position:absolute;left:50px;top:65px;cursor:pointer;white-space:nowrap;}
div.leistungen ul li a.konzipierung span {right:0px;left:auto!important;}
div.leistungen ul li a:hover span,div.leistungen ul li a.navi_a span {display:inline;background:#fff;}
div.leistungen br {clear:left;}
div#leistungen_left {padding:0 17px;}
div#leistungen_left h3 {display:block;height:18px;background-repeat:no-repeat;margin:10px 0;}
div#leistungen_left h3 strong {display:none;}

div#leistungen_box {float:right;width:223px;background:url(images/leistungen_box_bg.jpg);margin:10px 17px;display:inline;}
div#leistungen_box_top {background:url(images/leistungen_box_t.jpg) no-repeat top;}
div#leistungen_box_bottom {background:url(images/leistungen_box_b.jpg) no-repeat bottom;padding:10px;}
div#leistungen_box ul {margin:0;list-style:none;}
div#leistungen_box ul li {background:url(images/li_dot.gif) repeat-x bottom;padding:7px 0;}
div#leistungen_box ul li a {border:none!important;display:block;background:url(images/leistungen_star_icon.jpg) no-repeat left;padding-left:25px;font-size:0.88em}

/*CONTENT PORTFOLIO FORMATIERUNG - Slider extra (slider.css)*/
div#portfolio_detail {width:680px;margin:auto;}
div#portfolio_detail span.scrollinfo {color:#A9A9A9;}
div#portfolio_detail h2 {padding:40px 0 7px 0;}
div#portfolio_detail h3 {color:#575757;font-weight:normal;}
div#portfolio_detail h4 {padding-top:8px;color:#575757;}
div#portfolio_detail div.portfolio_headlines{padding-bottom:40px;}

div.portfolio_leistungen {float:left;width:46%;border-right:1px #F5F5F5 solid;margin:5% 0% 5% 0%;padding-right:4%;}
div.portfolio_leistungen li {list-style:none;padding-left:55px;background-repeat:no-repeat;background-image:url(images/portfolio_detail_icons.jpg);height:45px;padding-top:8px;font-weight:bold;white-space:nowrap;margin:7px 0;}
div.portfolio_leistungen li.programmierung {background-position:0 -108px}
div.portfolio_leistungen li.grafikdesign {background-position:0 -54px}
div.portfolio_leistungen li.verwaltung {background-position:0 -161px}

div.portfolio_kundenkommentar {float:left;width:43%;border-left:1px #F5F5F5 solid;margin:5% 0 5% -1px;padding-left:6%;}
div.portfolio_projektbeschreibung {padding:40px 0;}
div.portfolio_projektbeschreibung h3,div.portfolio_kundenkommentar h3,div.portfolio_leistungen h3 {float:left;display:block;width:34px;height:30px;background:url(images/li_liststyle.jpg);text-align:center;padding:5px 0 0 1px;color:#9C9C9C;font-weight:bold!important;}
div.portfolio_projektbeschreibung h3 span,div.portfolio_kundenkommentar h3 span,div.portfolio_leistungen h3 span {display:none;}
div.portfolio_projektbeschreibung h4,div.portfolio_kundenkommentar h4,div.portfolio_leistungen h4 {float:left;line-height:140%;font-size:1.05em;padding-left:10px;}
div.portfolio_projektbeschreibung h4 span,div.portfolio_kundenkommentar h4 span,div h4 span {display:block;font-weight:normal;font-size:0.8em;color:#A9A9A9;}
div.portfolio_projektbeschreibung div.content,div.portfolio_kundenkommentar div.content,div.portfolio_leistungen div.content {clear:left;padding:10px 5px 0 5px;}
div.portfolio_projektbeschreibung div.portfolio_upload {float:right;position:relative;width:270px;height:150px;margin:5px 0 20px 40px;}
div.portfolio_projektbeschreibung div.portfolio_upload img {position:absolute;z-index:1;}
div.portfolio_projektbeschreibung div.portfolio_upload img.border_top {position:absolute;top:0;left:0;z-index:2;}
div.portfolio_projektbeschreibung div.portfolio_upload img.border_bottom {position:absolute;bottom:0;left:0;z-index:2;}

/*CONTENT TEAM FORMATIERUNG*/
div.team_intro  {background:url(images/team_heads.jpg) no-repeat 53px center;padding:60px 20px 60px 235px;}
div#mitarbeiterliste {width:680px;margin:auto;padding-top:50px;}
div#mitarbeiterliste ol {list-style:none;}
div#mitarbeiterliste ol li {background-repeat:no-repeat;padding-left:170px;padding-bottom:50px;}
div#mitarbeiterliste h3 {color:#575757;font-weight:normal;}
div#mitarbeiterliste h4 {padding-top:8px;color:#575757;}

/*CONTENT GLOSSAR FORMATIERUNG*/
div.mod_glossaryMenu ul.anchors  {display:block;margin:10px 0!important;}
div.mod_glossaryMenu ul.anchors li {display:inline;padding-right:8px;}
div.mod_glossaryMenu ul.anchors li a {color:#616161!important;font-weight:bold;font-size:1.5em;}
div.mod_glossaryList h2 {padding:15px;margin:25px 0 15px 0;background:#FAFAFA;}
div.mod_glossaryList dt {font-weight:bold;}
div.mod_glossaryList dd {padding:5px 20px!important;}
div.mod_glossaryList dd:hover {background:#FAFAFA;}


/*CONTENT KONTAKT FORMATIERUNG*/
div#dlh_googlemap_83 {background:url(images/google_karte.jpg);}
div.kontakt_brief  {background:url(images/kontakt_brief.jpg) no-repeat 53px center;padding:60px 20px 60px 235px;}

/*CONTENT BLOG FORMATIERUNG*/
body#page_blog div.mod_newsmenu ul,body#page_archiv div.mod_newsmenu ul {margin:0!important;padding-bottom:30px;}
body#page_blog div.mod_newsmenu ul li span.year,body#page_archiv div.mod_newsmenu ul li span.year {font-size:1.5em;}
body#page_blog div.mod_newsmenu ul li ul li,body#page_archiv div.mod_newsmenu ul li ul li {white-space:nowrap;padding:3px 10px;}
body#page_blog div.mod_newsmenu ul li ul li:hover,body#page_archiv div.mod_newsmenu ul li ul li:hover {background:#FAFAFA;}
body#page_blog div.mod_newsmenu ul li a,body#page_archiv div.mod_newsmenu ul li a {font-weight:normal!important;}

body#page_blog div.mod_newsarchive h2.month_name,body#page_archiv div.mod_newsarchive h2.month_name {padding-bottom:30px;color:#616161!important;}
body#page_blog div.layout_short,body#page_archiv div.layout_short {margin-bottom:15px;border-bottom:1px solid #f2f2f2;padding:5px;}
body#page_blog div.layout_short:hover,body#page_archiv div.layout_short:hover {background:#FAFAFA;}
body#page_blog div.mod_newslist div.last,body#page_archiv div.mod_newslist div.last,body#page_archiv div.mod_newsarchive div.last,body#page_blog div.mod_newsarchive div.last {border:none;}
div.mod_newsreader h3 {margin:10px 0;padding-bottom:10px;border-bottom:1px #f0f0f0 solid;}
div.mod_newsreader h4 {margin:10px 0;}
div.widget {display:block;clear:left;padding:5px 0;}
div.widget span.captcha_text {padding-left:20px!important;font-style:normal!important}
div.widget span.captcha_text:after {content:" *";}
div.ce_comments h2 {padding-top:50px;}
div.ce_comments form {padding-top:25px;}
div.ce_comments label {display:inline!important;width:auto!important;margin:0!important;padding-left:20px;}
div.ce_comments input {float:left;}

div.comment_default {padding-bottom:20px;}
div.comment_default p.info {padding:15px 25px 0 25px;background:#FAFAFA;display:block;}
div.comment {padding:20px!important;border:15px #FAFAFA solid;overflow:hidden;}
div.comment:hover {background:#fdfdfd;}

/*CONTENT TWITTER FORMATIERUNG*/
.mod_twitterreader ul {list-style:none;margin:0!important;}
.mod_twitterreader ul li {padding-bottom:20px;}
.mod_twitterreader div.date {padding:15px 25px 0 25px;background:#FAFAFA;display:block;}
.mod_twitterreader div.text {padding:20px!important;border:15px #FAFAFA solid;overflow:hidden;}
.mod_twitterreader div.text:hover {background:#fdfdfd;}

/*CONTENT SITEMAP FORMATIERUNG*/
div.sitemap_baum  {background:url(images/sitemap_baum.jpg) no-repeat 53px center;padding:60px 20px 60px 235px;}
div.mod_sitemap ul {margin:0!important;list-style:none!important;}
div.mod_sitemap ul li a {display:block!important;padding:6px 20px!important;color:#616161!important;font-weight:bold!important;border-bottom:1px solid #ccc!important;}
div.mod_sitemap ul li a:hover,div.mod_sitemap ul li a:focus {background-color:#FAFAFA!important;}
div.mod_sitemap ul li ul a {padding:6px 50px!important;font-weight:normal!important;border-bottom:1px solid #eee!important}
div.mod_sitemap ul li ul li ul a {padding:6px 100px!important;font-weight:normal!important;border-bottom:1px solid #eee!important}
/*////////////////ENDE CONTENT FORMATIERUNG////////////////*/

/*CONTENT IMPRESSUM FORMATIERUNG*/
div.impressum_lupe  {background:url(images/impressum_lupe.jpg) no-repeat 53px center;padding:60px 20px 60px 235px;}


/*////////////////FOOTER FORMATIERUNG////////////////*/
div#footer {height:84px;background:url(images/footer_bg.jpg);padding:0 5%;margin-top:-84px;min-width:800px;clear:both;}
div#footer_m {max-width:1600px;min-width:800px;margin:auto;color:#fff;font-size:0.7em;}
div#footer_m div.float_left {padding-top:24px;}
div#footer_m div.float_right {padding-top:38px;}
div#footer_m div ul {list-style:none;}
div#footer_m div ul li {float:left;}
div#footer_m div ul li a {text-decoration:none;color:#fff;margin:0 5px;}
div#footer_m div ul li a:hover {color:#FF30A0;}
div#footer_m div ul li a:focus {color:#FF30A0;}
div#footer_m div ul li a:active {color:#FF30A0;}
div#footer a.no-margin {margin-left:0!important;}
/*////////////////ENDE FOOTER FORMATIERUNG////////////////*/

/*////////////////ENDE LAYOUT FORMATIERUNG////////////////*/