@import "font-face.css"; 		/* Font-Face*/

/*** Global White Space Reset *************************************************/
/******************************************************************************/
* {margin:0;padding:0;font-size:100%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address {margin:1em 0;}
ul, ol, li {margin:0;padding:0;}
form {margin:0;}
img {border:0;}

/*** Generelles ***************************************************************/
/******************************************************************************/
body {font-family:Arial, Helvetica, sans-serif;background:url(../../images/background.jpg) no-repeat top center #0b2e56;font-size:.75em;color:#666;}
a {text-decoration:none;color:#4c9dd2;outline:none;}
a:hover, a:focus {color:#0a5688;}
h1, h2, h3, h4, h5, h6 {font-family:AdventReg, Arial, Helvetica, sans-serif;font-weight:normal;color:#3085bc;}

/* Formulare *************************/
input, select, textarea, button {margin:5px 0;padding:8px;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#666;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;border-top:1px solid #aaa;}
input:focus, select:focus, textarea:focus {background:#f8f8f8;color:#333;}
input.submit {display:block;width:184px!important;height:30px!important;background:url(../../images/b-absenden.gif) no-repeat top;border:none;cursor:pointer;text-indent:-999em;}
input.submit:hover, input.submit:focus {background-position:center!important;}
input.submit:active {background-position:bottom!important;}
input.radio, input.checkbox {display:inline-block;position:relative;top:2px;width:auto!important;padding:0!important;border:none;}

/* Misc **************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.mt0 {margin-top:0!important;}
.mr0 {margin-right:0!important;}
.mb0 {margin-bottom:0!important;}
.ml0 {margin-left:0!important;}

.line {border-bottom:1px solid #999 dotted;}
.bl {border-left:1px solid #ccc;}
.br {border-right:1px solid #ccc;}
.b0 {border:none!important;}

.mini7 {font-size:.7em;}
.mini75 {font-size:.75em;}
.mini85 {font-size:.85em;}
.mini9 {font-size:.9em;}
.mini95 {font-size:.95em;}
.maxi11 {font-size:1.1em;}
.maxi12 {font-size:1.2em;}
.maxi13 {font-size:1.3em;}
.vers {text-transform:uppercase;}
.nobr {white-space:nowrap;}
.grey {color:#999;}

/* Wrapper **************/
.wrapper950 {width:950px;margin:0 auto;}

/* Container **************/
#home .c445 {width:415px;padding:0 29px 50px 29px;}
#home .c950 {width:950px;border-top:1px dotted #999;border-bottom:1px dotted #999;}
.c715 {width:715px;}
.c650 {width:650px;}
.c365 {width:330px;padding:0 35px 60px 0;}
.c320 {width:250px;padding:0 35px 60px 35px;}
.c310 {width:310px;}
.c290 {width:290px;}
.c235 {width:235px;}
.c205 {width:180px;padding:0 0 60px 25px;}
.c200 {width:200px;margin-right:10px;}

/*** Header *******************************************************************/
/******************************************************************************/
.header {height:113px;}
.header a {color:#fff;}
.header p.logo {float:left;margin:30px 0 0 0;text-indent:-999em;}
.header p.logo a {width:201px;height:53px;display:block;background:url(../../images/logo-trans.png) no-repeat;cursor:pointer;}

.header ul.nav {float:right;margin:0 26px 0 0;list-style:none;font-family:AdventBold, Arial, Helvetica, sans-serif;font-size:1.4em;text-transform:uppercase;}
.header ul.nav li {float:left;display:block;}
.header ul.nav li a {display:block;padding:57px 14px 32px 14px;line-height:23px;}
.header ul.nav li a:hover, .header ul.nav li a:focus {color:#ffbf49;}
.header ul.nav li a.aktiv {background:url(../../images/nav-aktiv.gif) no-repeat bottom center;color:#ffbf49;}


/*** Content ******************************************************************/
/******************************************************************************/
.content {min-height:750px;background:#fff;line-height:1.5em;}
.content h1 {margin:35px 0 20px 0;font-size:2.6em;line-height:1.1em;}
.content h2 {margin:50px 0 25px 0;font-size:2.3em;line-height:1.1em;}
.content h3 {font-family:AdventBold, Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:1.5em;}
.content a.arrow {padding-left:10px;background:url(../../images/dot-arrow.gif) no-repeat center left;}
.content a.arrow-back {padding-left:10px;background:url(../../images/dot-arrow-left.gif) no-repeat center left;}
.content .dot-orange {padding-left:15px;background:url(../../images/dot-orange.gif) no-repeat center left;}

/* Featured (Home) **************/
.content .featured {height:332px;background:url(../../images/background-head.jpg) no-repeat top center #e6f8ff;}
.content .featured p {font-size:1.2em;line-height:1.5em;}
.content .featured .controls {position:absolute;margin:295px 0 0 858px;z-index:2;}
.content .featured .controls a {float:left;margin:0 2px;text-indent:-999em;cursor:default;}
.content .featured .controls a span {display:block;width:22px;height:22px;}
.content .featured .controls a.control1 span {background:url(../../images/control1.gif) no-repeat top;}
.content .featured .controls a.control2 span {background:url(../../images/control2.gif) no-repeat top;}
.content .featured .controls a.control3 span {background:url(../../images/control3.gif) no-repeat top;}
.content .featured .controls a:hover span {background-position:center;}
.content .featured .controls a.current span {background-position:bottom;}
.content .featured .slides div {display:none;position:absolute;z-index:1;width:470px;height:332px;padding:0 440px 0 40px;}
.content .featured .slides .slide1 {background:url(../../images/feat-it.jpg) no-repeat;}
.content .featured .slides .slide2 {background:url(../../images/feat-hosting.jpg) no-repeat;}
.content .featured .slides .slide3 {background:url(../../images/feat-training.jpg) no-repeat;}
.content .featured .slides p.button {margin:20px 0;text-indent:-999em;}
.content .featured .slides p.button a {display:block;width:184px;height:30px;}
.content .featured .slides p.button a:hover, .content .featured .slides p.button a:focus {background-position:center!important;}
.content .featured .slides p.button a:active {background-position:bottom!important;}
.content .featured .slides p.button a.b-unternehmen {background:url(../../images/b-unternehmen.gif) no-repeat top;}
.content .featured .slides p.button a.b-rechenzentrum {background:url(../../images/b-rechenzentrum.gif) no-repeat top;}
.content .featured .slides p.button a.b-training {background:url(../../images/b-training.gif) no-repeat top;}

/* Intro (Innen) **************/
.content .intro {height:73px;padding:37px 0 0 40px;background-repeat:no-repeat;background-color:#e6f8ff;background-position:top center;}
.content .motion1 {background:url(../../images/head1.jpg);} .content .motion2 {background:url(../../images/head2.jpg);}
.content .motion3 {background:url(../../images/head3.jpg);} .content .motion4 {background:url(../../images/head4.jpg);}
.content .motion5 {background:url(../../images/head5.jpg);} .content .motion6 {background:url(../../images/head6.jpg);}
.content .motion7 {background:url(../../images/head7.jpg);} .content .motion8 {background:url(../../images/head8.jpg);}
.content .motion9 {background:url(../../images/head9.jpg);} .content .motion10 {background:url(../../images/head10.jpg);}
.content .motion11 {background:url(../../images/head11.jpg);}
.content .intro h1 {margin:0;font-size:2.8em;}

/* Sidebar **************/
.content .sidebar {float:left;width:230px;min-height:480px;margin:0 10px 0 0;padding:45px 0 0 0;background:url(../../images/background-sidebar.jpg) no-repeat top right;}
.content .sidebar ul.subnav {list-style:none;}
.content .sidebar ul.subnav li {margin:0 30px;border-bottom:1px dotted #bbb;}
.content .sidebar ul.subnav li a {display:block;padding:10px 0;color:#888;font-weight:bold;}
.content .sidebar ul.subnav li a:hover, .content .sidebar ul.subnav li a:focus, .content .sidebar ul.subnav li.aktiv a {color:#4c9dd2;}
.content .sidebar ul.subnav li.aktiv {position:relative;margin:-1px 0 0 0;padding-left:30px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.content .sidebar ul.subnav li.sub a {padding:5px 0 5px 20px;background:url(../../images/dot-arrow-grey.gif) no-repeat 8px 12px;font-size:.9em;}

/* Main Content **************/
.content .main {padding:0 28px;} #home .content .main {padding:0;} #innen .content .main {padding-bottom:80px;}
.content .main ul {margin:1em 0 1em 20px;list-style:none;}
.content .main ol {margin:1em 0 1em 44px;}
.content .main ul li {padding-left:18px;background:url(../../images/dot-li.gif) no-repeat 0 5px;}

.content .main .zertlogos {padding:30px;background:#e6f8ff;border-top:4px solid #fff;border-bottom:4px solid #fff;} /* Home */
.content .main .zertlogos img {position:relative;margin:0 50px 0 0;}

.content .main p.button {margin:20px 0;text-indent:-999em;}
.content .main p.button a {display:block;height:30px;}
.content .main p.button a:hover, .content .main p.button a:focus {background-position:center!important;}
.content .main p.button a:active {background-position:bottom!important;}
.content .main p.button a.b-anmelden {width:126px;background:url(../../images/b-anmelden.gif) no-repeat top;}
.content .main p.button a.b-termine {width:184px;background:url(../../images/b-termine.gif) no-repeat top;}
.content .main p.button a.b-support {width:126px;background:url(../../images/b-support.gif) no-repeat top;}
.content .main p.button a.b-download {width:184px;background:url(../../images/b-remotesupport.gif) no-repeat top;}

.content .main .artikel {margin:0 0 20px 0;padding-bottom:15px;border-bottom:1px dotted #999;}
.content .main .artikel .einleitung, .content .main .artikel .langtext {font-size:1.2em;line-height:1.5em;}
.content .main .artikel .artikelpic {margin:5px 0 20px 20px;}

.content .main .artikel .newsbox {padding:10px 0;border-bottom:1px dotted #999;}
.content .main .artikel .newsbox p {margin:0;}

.content .main .ms-box {width:278px;height:180px;margin:10px 10px 0 0;padding:20px;border:1px solid #ccc;}
.content .main .ms-box a {padding-left:18px;color:#fff;font-size:1.2em;}
.content .main .ms-box:hover a {color:#4c9dd2;background:url(../../images/dot-orange.gif) no-repeat center left;}
.content .main .ms-box a:hover {color:#0a5688;}
.content .main .ms-box p.msimg {height:50px;margin:0;}

.content .main #map_canvas {width:100%;height:400px;margin:20px 0;font-size:.9em;line-height:1.5em;} /* Google Maps Container */

/* Module **************/
.content .main .moreline {margin:20px 0;padding:10px 0!important;border-top:1px dotted #999;text-align:left;background:none!important;}
.content .main .moreline a {display:block;padding-left:17px;background:url(../../images/dot-orange.gif) no-repeat center left;}
.content .main span.controls a {display:inline-block;width:15px;height:15px;padding:0;background:none;font-size:.85em;color:#999;text-align:center;line-height:1.5em;}
.content .main span.controls a.current {color:#fff;background:url(../../images/dot-grey.gif) no-repeat center left;}
.content .main .zitat {margin:0 0 20px 0;padding:0 0 23px 0;border-bottom:1px dotted #999;}
.content .main .zitat i {display:block;padding-left:27px;background:url(../../images/icon-zitat.gif) no-repeat 0 4px;font-size:1.25em;line-height:1.4em;}
.content .main .zitat p.autor {margin:5px 0 0 0;line-height:1.3em;font-size:.9em;}
.content .main .zitat p.autor strong {line-height:3.3em;}
.content .main .zitat p.autor img {margin:12px 10px 10px 28px;}
.content .main .news div {margin:0 0 20px 0;}
.content .main .news div p {margin:0;}
.content .main .events p {margin:0 0 20px 0;padding-left:33px;background:url(../../images/icon-event.gif) no-repeat top left;}
.content .main .zert img {float:left;margin:0 10px 10px 0;}

.content .main .ref {display:block;height:50px;margin:0;border-bottom:1px dotted #999;}
.content .main .ref img {float:left;margin:7px 0 0 1px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.content .main .ref span {text-align:right;float:right;margin:27px 0 0 0;font-size:.9em;color:#999;}
.content .main .zitate-slides div {display:none;position:absolute;width:290px;background:#fff;}
.content .main .zitate-slides p.moreline {position:relative;top:350px;}
.content .main a.ref span {margin:9px 0 0 0;color:#4c9dd2;}
.content .main a.ref span strong {color:#fff;}
.content .main a.ref:hover span, .content .main a.ref:hover span strong {color:#4c9dd2;}
.content .main a.ref:hover img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.content .main form.newsletterform fieldset {padding:15px;background:#eee;border:none;font-size:.9em;-moz-border-radius:4px;-webkit-border-radius:4px;}
.content .main form.newsletterform fieldset p {margin:0 0 6px 0;}
.content .main form.newsletterform input {margin:0;padding:5px;}
.content .main form.newsletterform input.submit {width:126px!important;margin:20px 0 0 0;background:url(../../images/b-abonnieren.gif) no-repeat top;}
.content .main #errors {display:none;padding:10px 15px;background-color:#f6eee0;border:1px solid #daceb8;font-size:.9em;color:#bb8e39;-moz-border-radius:4px;-webkit-border-radius:4px;} /* Validator Box */
.content .main #errors h4 {margin:3px 0 10px 0;color:#bb8e39;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.1em;}
.content .main #errors p {margin:3px 0;}
.content .main #correct {padding:10px 15px;background-color:#eaf8d5;border:1px solid #b9d397;font-size:.9em;color:#77a82a;-moz-border-radius:4px;-webkit-border-radius:4px;}

.content .main .ansprechpartner img {margin:4px 10px 10px 0;}

/* Kontaktformular **************/
.content .main .kontaktform ul {margin:0;list-style:none;}
.content .main .kontaktform ul li {clear:both;padding:10px 0;background:none;}
.content .main .kontaktform ul li p {width:120px;float:left;margin:0;font-size:.9em;line-height:1.6em;}
.content .main .kontaktform ul li span {color:#999;}
.content .main .kontaktform ul li input, .content .main .kontaktform ul li textarea {width:300px;float:left;}
.error {height:13px;background-color:#f6eee0;border:1px solid #daceb8;font-size:.9em;color:#bb8e39;padding:9px 6px;margin-left:-1px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;} /* Validator Message */

/*** Footer *******************************************************************/
/******************************************************************************/
.footer {height:360px;background:url(../../images/background-footer.jpg) no-repeat top center #0b2e56;color:#58748c;font-size:.95em;}
.footer a {color:#58748c;}
.footer a:hover, .footer a:focus {color:#9aafc7;}
.footer h4 {margin:0 0 15px 0;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:1.05em;}
.footer h4 a {color:#9aafc7;}
.footer h4 a:hover, .footer h4 a:focus {color:#c3d2e3;}
.footer .footnav ul {float:left;width:158px;height:290px;margin:30px 0 0 0;list-style:none;border-left:1px solid #264a74;}
.footer .footnav ul li a {display:block;padding:3px 0 3px 12px;}
.footer .footmisc {margin-top:1px;padding:28px 0 0 0;border-top:2px solid #c7850a;text-align:right;}

.footer .footmisc .fb {margin:30px 0 16px 0;}
.footer .footmisc .twitter {margin:10px 0 16px 0;}
.footer .footmisc .xing {margin:10px 0 85px 0;}
.footer .footmisc .fb a, .footer .footmisc .twitter a, .footer .footmisc .xing a {display:block;padding-right:35px;background:url(../../images/footer-fb.gif) no-repeat center right;}
.footer .footmisc .twitter a {background:url(../../images/footer-twitter.gif) no-repeat center right;}
.footer .footmisc .xing a {background:url(../../images/footer-xing.gif) no-repeat center right;}
.footer .footmisc .fb a span, .footer .footmisc .twitter a span, .footer .footmisc .xing a span {color:#9aafc7;text-transform:uppercase;font-size:1.05em;}
.footer .footmisc .fb a:hover, .footer .footmisc .fb a:hover span, .footer .footmisc .twitter a:hover, .footer .footmisc .twitter a:hover span, .footer .footmisc .xing a:hover, .footer .footmisc .xing a:hover span {color:#c3d2e3;}