*{padding: 0; margin: 0;}
html {font-size: 100%;}
body {background-color: #404040; text-align: center; scrollbar-base-color: #4d4d4d; scrollbar-3dlight-color: #4d4d4d; scrollbar-arrow-color: #4d4d4d; scrollbar-darkshadow-color: #4d4d4d; scrollbar-face-color: #4d4d4d; scrollbar-highlight-color: #4d4d4d; scrollbar-shadow-color: #4d4d4d; scrollbar-track-color: #4d4d4d;}
body,p,div,td,input,h1,h2,a,textarea,select {font-size: 13px; font-size: 0.81rem; font-family: Arial, Geneva, Helvetica, sans-serif; color: #4B4B4D; line-height: 20px; line-height: 1.25rem;}

//div {border: 1px solid #cc0000;}

#mobileNavi ul {display: none;}
#mobileNavi li {display: none;}

img {border: 0;}
.ganze-breite {clear: both; width: 100%; display: block; padding: 0; margin: 0; border: 0 none; font-size: 0; height: 0; line-height: 0;}
.orange {color: #c60073;}
.rot {color: #c60073;}
.right {text-align: right; padding: 5px 0 0 0;}
.rund {border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


/**** links ****/
a {color: #c60073; text-decoration: none;}
a:hover {text-decoration: none;}
a.grau {color: #404040; text-decoration: none;}

/**** main body ****/
#outerLayer {width: 100%; clear: both; background-color: #ffffff;}
#innerLayer {width: 960px; clear: left; position: relative; margin: auto auto; text-align: center;}
#logo {float: left; text-align: left; width: 100%; height: 60px; margin: 35px 0 30px 0;}
#menu {position: relative; float: right; text-align: left; width: 58%; height: 20px; margin: -70px 0 0 0; z-index:90; display: none;}

#contentContainer {padding: 20px 0 30px 0; clear: both; width: 100%;}
#contentLeft {margin: 0 0 0 20px; float: left; text-align: left; width: 100%;}
#contentLeftBreit {margin: 0 0 0 20px; float: left; text-align: left; width: 100%;}
#contentRight {float: right; text-align: left; width: 270px; display: none;}
#carousel {border-bottom: 1px solid #d8d8d8; float: left; text-align: left; width: 100%; margin: 0 0 20px 0;}

.projekte img {border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

#outerFooter {width: 100%; clear: both; text-align: center; background-image:url(../graphics/bg_footer.gif); background-repeat:repeat-x; background-position:0 0;}
#innerFooter {display: none; width: 960px; clear: left; height: 100px; position: relative; margin: auto auto; text-align: center; background-image:url(../graphics/bg_footer_news.gif); background-repeat: no-repeat; background-position:0 0;}
#innerFooter h1 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; font-size: 15px; font-size: 0.94rem; font-weight: normal; color: #c60073;}
#innerFooter h2 {margin: 0 0 3px 0; line-height: 18px; line-height: 1.125rem; font-size: 12px; font-size: 0.75rem; font-weight: normal; color: #c60073;}
#innerFooter p {font-size: 12px; font-size: 0.75rem; color: #ffffff; margin: 0 0 12px 0; line-height: 18px; line-height: 1.125rem;}
#innerFooter a {font-size: 12px; font-size: 0.75rem;}

.innerFooterLinks {float: left; width: 50%;}
.innerFooterRechts {float: left; width: 49%;}
.news {width: 56%; float: left; text-align: left;  margin: 30px 8% 0 0;}
.offer {width: 26%; float: left; text-align: left;  margin: 30px 8% 0 0;}
.offer a {color: #fff;}
.contact {width: 47%; float: left; text-align: left;  margin: 30px 8% 0 0;}
.form {width: 44%; height: 275px; float: left; text-align: left;  margin: 30px 0 0 0;}

/* Menu allgemein */
#menu ul {margin: 0; padding:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li a, .menu ul li a:visited {text-transform:uppercase; padding: 0 0 0 20px; float: left; display:block; text-decoration:none; height:24px; text-align:center; color:#4d4d4d; overflow:hidden;}

#menu ul li ul {display: none;}

#menu ul li:hover a {text-align: left; color:#c60073; font-style: normal;}
#menu ul li a.active {text-align: left; font-style: normal; font-weight: normal; color:#c60073;}
#menu ul li:hover ul {position:absolute; top:25px; left:35px; background: #fff; border: 1px solid #d8d8d8; display:block; width:190px; z-index: 100; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;background-color: #ffffff;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {text-transform: none; padding-left: 15px; width: 175px; display:block; color:#4d4d4d;}
#menu ul li:hover ul li a:hover {width: 175px; color:#c60073;}
#menu ul li:hover ul li:hover ul {display:block; width: 190px; position:absolute; left:160px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-230px;}

/**** naviLogin ****/
#naviLogin {float: left; width: 100%; margin:0 0 20px 0;}
#naviLogin ul {width:230px; margin:0; padding:0;}
#naviLogin ul li {list-style-type: none; background-image: none; width:230px; margin:0; padding:0 0 0 0; background-image:none;}
#naviLogin ul li a {display:block; width:220px; height:19px; margin:0; padding:0; color:#4d4d4d; text-decoration:none;}
#naviLogin ul li a:hover, #naviLogin ul li.active a {color:#c60073;}

#naviLogin ul li.navmainStandardLevel_1 {background-image: none;  margin: 0; padding: 0 0 0 0;}
#naviLogin ul li.navmainStandardLevel_1 a {font-size: 16px; font-size: 1rem; color:#4d4d4d; width:210px;}
#naviLogin ul li.navmainStandardLevel_1 a:hover, #naviLogin ul li.navmainStandardLevel_1 a.active {color:#c60073;}

#naviLogin ul li.navmainStandardLevel_2 {background-image: none;  margin: 0; padding: 0 0 0 20px;}
#naviLogin ul li.navmainStandardLevel_2 a {color:#4d4d4d; width:210px;}
#naviLogin ul li.navmainStandardLevel_2 a:hover, #naviLogin ul li.navmainStandardLevel_2 a.active {color:#c60073;}

/**** startseite ****/
#contentRightStart {width: 90%; float: right; text-align: left;}


#contentBottom {width:100%; margin: 20px 0 30px 0; float: left; text-align: left;}
#contentBottom h1 {font-size: 16px; font-size: 1rem; font-weight: normal; color: #c60073;}

#contentBottomLeft {width: 69%; float: left; text-align: left;}
#contentBottomRight {width: 31%; float: right; text-align: left;}
.contentBottom {width: 45%; float: left; padding: 0 5% 0 0;}

/**** main content ****/
#contentLeft p {margin: 0 0 10px 0;}
#contentLeft h1 {margin: 0 0 20px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 16px; font-size: 1rem; font-weight: normal; color: #c60073;}
#contentLeft h2 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 13px; font-size: 0.81rem; font-weight: normal; color: #c60073;}
#contentLeft .textItem {padding: 0 10px 0 0;}
#contentLeft ul {margin: 0 0 13px 0; padding: 0;}
#contentLeft ul li {list-style-type: none; margin: 0; padding: 0 0 0 15px; background-image: url(../graphics/li.gif); background-repeat: no-repeat; background-position: 0 8px;}

#contentLeftBreit p {margin: 0 0 10px 0;}
#contentLeftBreit h1 {margin: 0 0 20px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 16px; font-size: 1rem; font-weight: normal; color: #c60073;}
#contentLeftBreit h2 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 13px; font-size: 0.81rem; font-weight: normal; color: #c60073;}
#contentLeftBreit .textItem {padding: 0 10px 0 0;}
#contentLeftBreit ul {margin: 0 0 13px 0; padding: 0;}
#contentLeftBreit ul li {list-style-type: none; margin: 0; padding: 0 0 0 15px; background-image: url(../graphics/li.gif); background-repeat: no-repeat; background-position: 0 8px;}


/**** contentRight ****/
#contentRight h1 {color: #c60073; font-weight: normal;}

/**** newsletter form ****/
#newsletterForm {width. 100%; float: left; margin-top: 10px; padding: 0 0 25px 0; border-bottom: 1px solid #d8d8d8; background-image:url(../graphics/newsletter.png); background-repeat:no-repeat; background-position:0 0;}
#newsletterForm .contactRow {float: right; margin: 4px 0 0 0;}
#newsletterForm .contactRow input {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 20px; border: 1px solid #d8d8d8; width: 195px; padding: 0 0 0 3px; margin: 0 0 0 0;}
#newsletterForm .contactRow select {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 22px; border: 1px solid #d8d8d8; width: 199px; padding: 0 0 0 0; margin: 0 0 0 0;}

/**** news ****/
.newsUnten {width: 250px; margin: 0 0 20px 0;}
.newsUnten img {margin: 0 10px 0 0; float: left; width: 75px; height: auto; border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/**** Servicenavigation ****/
#servicenavigation {float: right; margin: 20px 0 20px 0; padding: 0;}
#servicenavigation ul {margin: 0 0 0 0; padding: 0;}
#servicenavigation ul li {margin: 0; padding: 0 10px 0 10px; display: inline;}
#servicenavigation ul li a {font-size: 12px; font-size: 0.75rem; color: #fff; text-decoration: none; }
#servicenavigation ul li a:hover, #servicenavigation ul li a.active {color: #c60073;}

/**** artikelliste ****/
#artikelliste {float: left; width: 100%;}
#artikelliste img {float: left; width: 185px; margin: 0 20px 30px 0; border: 1px solid #d8d8d8;}
#artikelliste h1 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 16px; font-size: 1rem; font-weight: normal; color: #c60073;}
#artikelliste p {margin: 0; padding: 0;}
.artikel {float: left; width: 85%; margin: 0 0 15px 0;}
.artikel img {border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

#newsartikel {width: 100%; margin: 20px 0 20px 0;}
#newsartikel .img {float: left; width: 185px; margin: 0 20px 30px 0; border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#newsartikel ol {margin: 0 0 0 20px;}


/* ----- PIFAFORM ----- */
.pifa-form {margin-top: 30px; width: 100%; position: relative;}
.pifa-form label {display: block; width: 40%; float: left;}
.pifa-form div.checkbox-wrapper label {width: 438px;}
.pifa-form div.privacy {margin-bottom: 15px;}
.pifa-form input[type="text"],textarea {width: 55%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #d8d8d8; margin: 0 0 4px 0;}
.pifa-form input[type="text"] {height: 24px;}
.pifa-form textarea {height: 165px;}
.pifa-form .pifa-error select,.pifa-form .pifa-error input,.pifa-form .pifa-error textarea {border: 1px solid #c60073;}
.pifa-form .pifa-error input[type=\"text\"],.pifa-form .pifa-error textarea {width:  55%;}
.pifa-form .pifa-error label {color: #c60073;}
.pifa-form p {display: none;}
.pifa-form .pifa-error .pifa-error-message {display: block; color: #c60073;}
.pifa-form .pifa-error:hover p {display: block;}
.button_red input {height: 28px; border: 1px solid #c60073; border-radius: 4px; margin: 0 20px 0 40%; float: left; position: relative; background-color: #c60073; width: 140px; color: #ffffff; font-weight: bold; text-transform: uppercase;}
.button.grey,div.button_grey input {height: 28px; margin-top: 0px; position: relative; z-index: 2; display: block; width: 140px; text-align: center; font-weight: bold; text-decoration: none; color: #ffffff; background: #d8d8d8; border-radius: 4px; border: none; text-transform: uppercase;}
#pifa-field-18, #pifa-field-24 {display: none;}	

#innerFooter .kontact {width: 210px; float: left; font-size: 8px; font-size: 0.5rem;}
#innerFooter .kontact .pifa-form {margin: 0;}
#innerFooter .kontact input {padding: 0 0 0 3px; font-size: 12px; font-size: 0.75rem; background-color: #4d4d4d; color: #ffffff; border-radius: 4px; width: 100%; height: 20px; margin: 0 5px 5px 0; border: 1px solid #4d4d4d;}
#innerFooter .kontact textarea {font-size: 12px; font-size: 0.75rem; border: 1px solid #4d4d4d; border-radius: 4px; height: 90px; width: 100%; background-color: #4d4d4d; color: #ffffff; padding: 0 0 0 3px;}

#innerFooter .button_red input {background-color: #c60073; height: 24px; font-weight: normal; border: 1px solid #c60073; border-radius: 4px; float: left; width: 90px; margin: 0 5px 5px 0; color: #ffffff; font-weight: bold; text-transform: none;}


/**** search input ****/
#suche {width: 100%; float: right; text-align: right;}
#search {width: 100%; min-height: 50px; padding: 20px 0 25px 0; border-bottom: 1px solid #d8d8d8;  background-image:url(../graphics/suche.png); background-repeat:no-repeat; background-position:0 0;}
#search input {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 20px; border: 1px solid #d8d8d8; width: 195px; padding: 0 0 0 3px; margin: 0 0 0 0;}
#search input.sbmt {border: 0; width: 12px; height: 20px; margin: 5px 0 0 0;}

/* ----- SEARCH RESULT ----- */
#search_term.full {width: 316px; height: 24px; padding: 0 5px; border: 1px solid #d8d8d8; margin-bottom: 30px; outline: none; border-radius: 4px;}
.submit.search {vertical-align: top; background: #c60073; border: 1px solid #c60073; border-radius: 4px; height: 24px; color: #fff; padding: 0 15px; cursor: pointer;}
.pagination {padding: 10px 0; font-size: 11px;}
.pagination ul {display: inline; margin: 0; float: right;}
.pagination ul li {list-style: none; float: left; margin-left: 5px;}
.pagination ul li a {color: #000;}
.pagination ul li a.active,.pagination ul li a:hover {color: #c60073;}
#content ul#search_result {display: inline;}
#suchergebnisse ul li {background-image: none;;}
#search_result li {padding: 0 10px 0 20px; list-style-type: none;}
#search_result li>span {background-image: none; position: absolute; width: 29px; margin-left: -35px; text-align: right; color: #c60073;}
#search_result li a:hover,#search_result li:hover a {color: #c60073;}
#search_result li p {margin: 5px 0 20px 0;}







/**** login form ****/
#loginForm {width: 100%;}
#loginForm .loginRow {clear: both; height 18px; margin: 0 0 4px 0;}
#loginForm .loginRowLeft {float: left; width: 100px;}
#loginForm .loginRowRight {float: left; width: 200px;}
#loginForm .loginRow input {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 18px; border: 1px solid #d8d8d8; width: 150px; padding: 0 0 0 3px; margin: 0;}
#loginForm input#loginBtn {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #d8d8d8; height: 24px; width: 100px; padding: 0 0 0 3px; margin: 0;}

#logoutText {float: right; height: 70px; margin: 0 50px 0 0;}
#logoutText a {text-decoration: none;}

/**** referenzen ****/
#referenzen {float: left; width: 96%;}
#referenzen p {margin: 0 0 10px 0;}
//#referenzen h1 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 16px; font-size: 1rem; font-weight: normal; color: #c60073;}
#referenzen h2 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 13px; font-size: 0.81rem; font-weight: normal; color: #c60073;}
#referenzen ul {margin: 0 0 13px 0; padding: 0;}
#referenzen ul li {list-style-type: none; margin: 0; padding: 0; background-image: url(../graphics/dc.gif); }
#referenzen ul li.bild {width: 30%; height: auto; border: 1px solid #d8d8d8; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline; float:left; list-style-type: none; margin: 0 1% 20px 1%; background-image:none; }
#referenzen ul li.bild img {width: 100%; height: auto; opacity: 1;}


//#referenzen ul li.bild {background: #404040; width: 30%; height: auto; border: 1px solid #d8d8d8; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline; float:left; list-style-type: none; margin: 0 1% 20px 1%; background-image:none; }
//#referenzen ul li:hover img {opacity: 0;}
//#referenzen h1 {color: #fff; padding: -100px 0 0 0;}

#referenzen ul li.infotext  {width: 30%; background:#535353; height: auto; border: 1px solid #d8d8d8; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline; float:left; list-style-type: none; margin: 0 1% 20px 1%; background-image:none; }

//.infotext {margin: -100px 0 0 0; background:#535353;}

//#referenzen ul li.bild a {width: 100%; height: auto;}
//#referenzen ul li:hover {border: 1px solid #cc0000; background: lime; opacitiy: 1; z-index: 1000;}


#referenzen select {border: 1px solid #ededed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 20px; background-color: #ededed; width: 160px; padding: 0; margin: 0;}
#referenztext {float: left; text-align: left; width: 100%; margin: 0; padding: 0;}
#referenzContent {float: left; text-align: left; width: 100%; margin: 20px 0 0 0; padding: 0;}
#referenzMore {float: left; text-align: left; width: 100%; margin: 0 0 0 0; padding: 0;}

#referenzergebnis {text-align: left; padding: 20px 0 0 0;}
#referenzergebnis h2 {margin: 0 0 10px 0; line-height: 22px; line-height: 1.375rem; padding: 0; font-size: 13px; font-size: 0.81rem; font-weight: normal; color: #c60073;}
#referenzergebnis a {font-size: 12px; font-size: 0.75rem; color: #4B4B4D;} 
#referenzergebnis a:hover {color: #c60073; text-decoration: none;}

.referenz {height: 20px; padding: 0; margin: 0;}
.referenzbild {minheight: 231px; margin: 0;}
.referenzbildminheight {float: left; width: 1px; height: 231px;}

/**** sitemap ****/
#sitemap a {color: #4b4b4b;}
#sitemap ul.sitemapStandardMainCat {margin:0; padding: 0; list-style-image: none;}
#sitemap ul.sitemapStandardMainCat li {margin:0 0 1px 0; padding: 0; list-style-image: none; list-style-type:none; background-image: none;}
#sitemap ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {padding: 3px 0 3px 0; font-weight: bold;}
#sitemap ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {padding: 3px 0 3px 35px; background-color: #fff;}







/**** Übersichtsseiten ****/
#uebersicht {float: left;}
//#uebersicht ul li {width: 180px; height: 120px; border: 1px solid #d8d8d8; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline; float:left; list-style-type: none; margin: 0 15px 25px 0; padding:0; background-image:none; }
#uebersicht ul li {width: 30%; height: 120px; border: 1px solid #d8d8d8; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline; float:left; list-style-type: none; margin: 0 15px 25px 0; padding:0; background-image:none; }
#uebersicht h1 {background-repeat: no-repeat; background-position: 4px 4px; font-size: 13px; font-size: 0.81rem; padding: 5px 7px 0 33px; margin: 0; line-height: 28px; line-height: 1.75rem;}
#uebersicht h1.webseiten {background-image:url(../upload/icons/webseiten.jpg);}
#uebersicht h1.onlineshops {background-image:url(../upload/icons/onlineshops.jpg);}
#uebersicht h1.mobile {background-image:url(../upload/icons/mobile.jpg);}
#uebersicht h1.seo {background-image:url(../upload/icons/seo.jpg);}
#uebersicht h1.hosting {background-image:url(../upload/icons/hosting.jpg);}
#uebersicht h1.print {background-image:url(../upload/icons/print.jpg);}
#uebersicht h1.onlineberatung {background-image:url(../upload/icons/onlineberatung.jpg);}
#uebersicht h1.socialmedia {background-image:url(../upload/icons/socialmedia.jpg);}
#uebersicht h1.schulungen {background-image:url(../upload/icons/schulungen.jpg);}
#uebersicht p {font-size: 12px; font-size: 0.75rem; padding: 0 7px 0 7px;}

/**** Tabellen ****/
#tabelle {float: left; width: 100%;}
#tabelle img {float: left; border: 0;}
//.bild {float: left; width: 240px; margin: 10px 0 0 0;}
#tabelle .bild {float: left; width: 48%; padding: 0 0 10px 0;}
#tabelle .neueZeile {float: left; width: 100%;}
#tabelle .title {float: left; width: 240px; margin: 10px 0 0 0;}
#tabelle .text_rechts {float: left; width: 60%; margin: 0 0 0 4%;}

/**** Slider ****/
//#slider {border: 1px solid #ccc;}

/**** fb ****/
#contentContainerfb {float: left; background-color: #fff; width: 100%; height: 100%;}

/**** newsletter workshop ****/
#I {float: left; width: 100%; margin: 0 20px 20px 20px; background-color: #efefef;}
#II {float: left; width: 100%; margin: 0 20px 20px 20px; background-color: #efefef;}