/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: none; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; text-decoration:none; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
*{ padding:0 0 0 0; margin:0 0 0 0; }

/*** General Settings ***/
body { background: url(../images/homepagebg.png) top center no-repeat #e3e3e3;
	color:#3c3c3b;
	font-family: 'PalatinoRoman';	
	font-size: 13px;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 10px; }
p { margin: 0 0 10px 0; }
element { cursor: pointer; }

/*** CSS IDs ***/
#main-wrapper { margin:0 auto; width:984px; padding:20px 0}

#top { margin-bottom:40px;}
#top .logo { width:342px;}
#top .main-menu { margin:10px 0 0 0}
#top .main-menu ul li { display:block; float:left; padding:0 0 0 35px}
#top .main-menu ul li a { display:block; padding:2px 0; color:#3c3c3b; font-size:16px; text-shadow:0 1px 0 #fff; text-transform:uppercase}
#top .main-menu ul li a:hover { background:#00a4e2; color:#fff; text-shadow:none;}
#top .main-menu ul li a span { padding:0 5px 9px 5px;}
#top .main-menu ul li a span:hover { background:url(../images/menu-arrowhov.png) no-repeat scroll 0 100%; padding:0 5px 9px 5px;}

#top .main-menu ul li.active a { background:#00a4e2; color:#fff; text-shadow:none;}
#top .main-menu ul li.active a span { background:url(../images/menu-arrowhov.png) no-repeat scroll 0 100%; padding:0 5px 9px 5px;}


#content-area { margin-bottom:40px;}
#content-area .title { font-size:25px; color:#fff; text-transform:uppercase; margin-bottom:60px;}
#content-area .title h1 { margin:0; padding:2px; background:#00a3e1; margin-bottom:1px; clear:both; float:left}
#content-area .title h2 { margin:0; padding:2px; background:#323231; clear:both; float:left}

#content-area .features { background:url(../images/lines.png) repeat-x scroll 0 100%; padding-bottom:40px; margin-bottom:40px;}
#content-area .features ul li { display:block; float:left}
#content-area .features ul li.arrow { display:block; float:left; padding:60px 15px 0 15px}
#content-area .features ul li .feat-wrap { text-align:center; color:#fff; font-size:20px;}
#content-area .features ul li .feat-wrap h2 { background:#323231; padding:2px; display:inline-block;}
#content-area .features ul li .feat-wrap .feat-image { margin-bottom:5px;}

#content-area .logos { }
#content-area .logos ul li { display:block; float:left; margin-right:3px; margin-bottom:3px;}
#content-area .logos ul li .logo-wrap { width:149px; height:56px; border:1px solid #e8e8e8; background:#fff; padding:10px 5px; text-align:center; vertical-align:middle}

#content-area .content-entry h3 { font-size:20px; text-transform:uppercase; color:#323231}
#content-area .content-entry h3 span {background:#00a3e1; color:#fff; padding:0 4px;}

#content-area .gruppe { background:url(../images/lines.png) repeat-x scroll 0 100%; padding-bottom:40px; margin-bottom:40px;}
#content-area .gruppe .cont-wrap { height:160px; background:url(../images/trans.png); font-family:Tahoma; margin-bottom:25px;}
#content-area .gruppe .cont-wrap .logo-details-blue { background:#fff; height:160px; border-left:5px solid #0093da; position:relative; width:308px;}
#content-area .gruppe .cont-wrap .logo-details-blue h1 { background:#0093da; text-align:center; padding:5px 0; position:absolute; bottom:0; width:308px; margin-bottom:0; border-left:1px solid #fff; color:#fff; font-family: 'PalatinoRoman'; font-size:20px;}
#content-area .gruppe .cont-wrap .logo-details-grey { background:#fff; height:160px; border-left:5px solid #323231; position:relative; width:308px}
#content-area .gruppe .cont-wrap .logo-details-grey h1 { background:#323231; text-align:center; padding:5px 0; position:absolute; bottom:0; width:308px; margin-bottom:0; border-left:1px solid #fff; color:#fff; font-family: 'PalatinoRoman'; font-size:20px;}
#content-area .gruppe .cont-wrap .logos img { margin-bottom:10px;}
#content-area .gruppe .cont-wrap .logos { padding:0 20px; text-align:center; width:268px;}
#content-area .gruppe .cont-wrap .logos a { color:#0093da}

#content-area .gruppe .cont-wrap .cont-contxt { width:665px; font-size:13px; font-family:Tahoma; color:#626261}
#content-area .gruppe .cont-wrap .cont-contxt p { margin-bottom:0px; padding:10px 10px 0 10px; }
#content-area .gruppe .cont-wrap .cont-contxt img { border-left:1px solid #fff}
#content-area .gruppe .cont-wrap .cont-contxt .fr { margin-left:10px;}

#content-area .gruppe .cont-wrap .creative-task { padding:30px 20px}
#content-area .gruppe .cont-wrap .pixes { padding: 20px}
#content-area .gruppe .cont-wrap .netshops { padding: 20px}


#content-area .about { background:url(../images/lines.png) repeat-x scroll 0 100%; padding-bottom:40px; margin-bottom:40px;}
#content-area .about .about-wrap { width:206px; margin-right:50px; position:relative; }
#content-area .about .about-wrap .image { margin-bottom:1px;}
#content-area .about .about-wrap h1 { font-size:27px; color:#fff; margin:0; padding:2px 10px; background:#353534}

#content-area .about .content { background: #ffffff  url(../images/bg-about-content-bottom.jpg) no-repeat scroll 0 100%; display: none;  position: absolute; left: 207px; top: 0px; height: 358px; width: 256px;  z-index: 10;}
#content-area .about .content .inner { background: url(../images/bg-about-content-top.jpg) no-repeat;  padding: 18px 20px 18px 10px; }
#content-area .about .content h3 { color: #0096dc; font-family: 'PalatinoRoman'; font-size: 18px; font-weight: bold; }
#content-area .about .content p { color: #5b5b55; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 18px; margin-bottom: 18px; text-align: justify;  }

#content-area .about .about-wrap.active { z-index: 10; }
#content-area .about .about-wrap.active h1 { background:#009edf; color: #ffffff;} 

#content-area .about .content .close { background: #000; color: #fff; position: absolute; right: 0px; bottom: -21px; padding: 2px 5px; }

#box1 { background:#fff; position:absolute; left:200px;}
#box1 #fancybox-outer { }

#footer { background:url(../images/footer-bg.png) no-repeat scroll 0 0; width:984px; height:43px;}
#footer .footer-copy { color:#eee; padding:12px;}

#footer .footer-menu { padding:10px 30px 12px 12px;}
#footer .footer-menu ul li { display:block; float:left; padding-left:15px;}
#footer .footer-menu ul li a { display:block; float:left; color:#eee; padding:2px 5px;}
#footer .footer-menu ul li a:hover { background:#484847}

#overlay { background: #000; position: fixed; left: 0px; top: 0px; height: 100%; opacity: .5; width: 100%; filter: alpha(opacity = 50); }

/*** CSS Classes ***/
* html .clearfix { height: 1%; }
.clearfix:after { vertical-align:middle; visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }