@media all {    
 
    /** General **/
    
    ::selection {
        background:                             #821222;
        color:                                  white;
        text-shadow:                            none;
    }
    
    .content ul {
        list-style-position:                    inside;
    } 
 
    img {
        max-width:                              100%;
        vertical-align:                         middle; 
        border:                                 none;
    }
    
    .nav.nav-tabs li.link .link-overlay {
        background:                             transparent;
        cursor:                                 pointer;
    }    
    
    .lead-container .container div img,
    .navbar .navbar-inner .container a img,
    body.PixeltricksServiceHosting img,
    body.PixeltricksUnternehmenKontakt img,
    body.PixeltricksUnternehmenTeam img,
    body.PixeltricksServiceHolder img{
        max-width:                              100%;
        vertical-align:                         middle;
        border:                                 0;  
    }
    #map-shadow {
        margin-bottom:                          20px;
        margin-top:                             -4px;
        width:                                  100%;
        border:                                 0;
        max-width:                              100%;
        vertical-align:                         middle;
    }
    
    .ajax-loader {
        border:                                 none;
    }
    
    .thumbnail img {
    transition:                                 opacity 0.2s ease 2s;
    }
    
    .span4 .active.lead .social-network {
        text-decoration:                        none;
    } 
    
    .container .service-holder ul,
    .container article .service-holder ul,
    .container #portfolio ul {
        padding-bottom:                         10px;
    }
    
    /** Navigation **/
    
    nav.navbar ul.nav li.link span.link-overlay {
        display:                                none;
    }
    
    .navbar a.brand img {
        width:                                  263px;
        max-width:                              263px;
    }
        
    .navbar a.brand {
        line-height:                            1.0em;
        
    }
    .navbar ul.nav {
        margin-top:                             25px;
    }
    
    #back-to-top:hover  {
      background-color:                         #821222;
    }
    
    .carousel.macbook .carousel-control:hover {
        background-color:                       #821222;          
    }
    
    .navbar .nav ul li.current a,
    .navbar .nav ul li.current:hover a {
        background:                             #222222;
    }
    
    .navbar .nav li.dropdown a {
        text-decoration:                        none;
        text-shadow:                            none;
    }
    
    
    .navbar .nav > li.active a {
        color:                                  #fff;
        text-shadow:                            none;
    }
    
    .arrow {
        color:                                  #821222;  
    }
    
    .nav-list > li > a, .nav-list .nav-header .text a:hover{
        color:                                  #821222;
    }
    
    .navbar .nav li ul li:hover {
        background:                             #821222;
    }
    
    .navbar .nav li ul li.current:hover,
    .navbar .nav li ul li.active:hover {
        background:                             #444444;
    }
    
    .navbar .nav li ul li a {
        color:                                  #FFFFFF; 
        text-shadow:                            none;
        display:                                inline-block;
        font-size:                              0.8em;
        margin:                                 0;
        padding:                                6px 10px;
        text-decoration:                        none;
    
    }
    
    h2 {
        position:                               relative;
        padding:                                0 0 0 0;
        background:                             transparent;
        margin-bottom:                          0;
        font-size:                              1.8em;
        font-weight:                            200;
        line-height:                            27px;
        color:                                  inherit;
        margin:                                 0 0 9px;
        display:                                block;
        -webkit-margin-before:                  1em;
        -webkit-margin-after:                   1em;
        -webkit-margin-start:                   0px;
        -webkit-margin-end:                     0px;
    }
    
    
    
    /** Forms **/
    
    input, textarea, select, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
        background-color:                       white;
        border:                                 1px solid #E8E8E8;
        border-color:                           #bbb #ccc #ddd #ccc;
        color:                                  #000;
        padding:                                5px 10px;
    }
    .input-prepend .add-on {
        margin-right:                           -2px !important;
    }
    .input-prepend input {
        margin-left:                            -2px !important;
    }
    .input-prepend input[type=text],
    .input-prepend input[type=email],
    .input-prepend input[type=password],
    .input-prepend input[type=search],
    .input-prepend textarea {
        -webkit-border-radius:                  0px 3px 3px 0px;
        -moz-border-radius:                     0px 3px 3px 0px;
        border-radius:                          0px 3px 3px 0px;
    }
    
    
     .control-group input.placeholder {
         color:                                 #555555;
     }
        
    button, 
    input[type="submit"], 
    input[type="button"], 
    .button,
    button, input[type="submit"], input[type="button"], .button {
        background:                             -moz-linear-gradient(center bottom , #35000b 1%, #630017 55%) repeat scroll 0 0 #630017;
        border-color:                           #821222;
        
        background:                             -moz-linear-gradient(top,  #821222 0%, #630017 100%);
        background:                             -webkit-gradient(linear, left top, left bottom, color-stop(0%,#821222), color-stop(100%,#630017));
        background:                             -webkit-linear-gradient(top,  #821222 0%,#630017 100%);
        background:                             -o-linear-gradient(top,  #821222 0%,#630017 100%);
        background:                             -ms-linear-gradient(top,  #821222 0%,#630017 100%);
        background:                              linear-gradient(to bottom,  #821222 0%,#630017 100%);
        filter:                                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#821222', endColorstr='#630017',GradientType=0 );
        
        
        text-shadow:                            none;
    }
    
    button:hover, 
    input[type="submit"]:hover, 
    input[type="button"]:hover, 
    .button:hover {
        background:                             #821222;
        background:                             -moz-linear-gradient(top,  #821222 0%, #35000b 100%);
        background:                             -webkit-gradient(linear, left top, left bottom, color-stop(0%,#821222), color-stop(100%,#35000b));
        background:                             -webkit-linear-gradient(top,  #821222 0%,#35000b 100%);
        background:                             -o-linear-gradient(top,  #821222 0%,#35000b 100%);
        background:                             -ms-linear-gradient(top,  #821222 0%,#35000b 100%);
        background:                             linear-gradient(to bottom,  #821222 0%,#35000b 100%);
        filter:                                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#821222', endColorstr='#35000b',GradientType=0 );
        
        text-shadow:                            none;
    }
    
    html.not-ie body.PixeltricksUnternehmenKontakt section#content.container div.row div.span6 div#contact-form form#ContactForm_customHtmlFormSubmit_1 fieldset div.controls div.span6 div#ContactForm_customHtmlFormSubmit_1_Message_Box.type-text textarea#ContactForm_customHtmlFormSubmit_1_Message.textarea {
        width:                                  450px;
    }
    
    html.not-ie body.PixeltricksUnternehmenKontakt section#content.container div.row div.span6 div#contact-form form#ContactForm_customHtmlFormSubmit_1 fieldset div.controls div.actionRow div.type-button {
        margin-left:                            20px;
    }
    
    input:focus, textarea:focus{
        border-color:                           #821222 !important;
    }
    
    .hero-unit p {
        margin-bottom:                          35px;
    }
    
    .hero-unit p a {
        color:                                  #821222;
        text-decoration:                        none;
        font-size:                              0.7em;
        float:                                  right;
        
    }
    
    #portfolio-filter li.active a,
    #portfolio-filter li.current a {
        background:                             none repeat scroll 0 0 #821222;
        color:                                  #FFFFFF;
    }
    #portfolio-filter li.section a {
        background:                             transparent;
    }

    .ribbon span {
        background-color:                       #821222;            
    }
    
    .span4 a:visited { 
        border-bottom:                          dashed 1px #821222; text-decoration:none; 
        color:                                  #FFFFF;                   
    }  
    .hero-unit p {
        font-size:                              1.8em;
    }
    
    #map {
        background:                             none repeat scroll 0 0 #FFFFFF;
        border:                                 1px solid #AAAAAA;
        border-color:                           #821222;
        margin:                                 20px 0 0;
        padding:                                6px;
    }
    
    ent.style {
        width:                                  450px;
    }
   
    element.style {
        width:                                  450px;
    }
    
    .span6 {
        width:                                  460px;
    }
    
    [class*="span"] {
        float:                                  left;
        margin-left:                            20px;
    }
    
  
    
    /*Links*/
    
    .row p a {
        color:                                  #821222;
    }
    
    .content .content_inner a,
    .content ul li strong a,
    .content p a { 
        color:                                  #821222;
    }
    
    .project-links {
        text-align:                             right;
    }
    
    section div div div a:hover{
        color:                                  #821222;    
    }

    .span3.project .project-description b,
    .span4.project .project-description b {
        display:                                block;
        height:                                 25px;
    }
    
    /*TeamPage*/
    .member .member-avatar {
        top:                                    100px;
    }    
        
    .member:hover .member-avatar {
        background:                             none repeat scroll 0 0 #821222;
        left:                                    4px;
        margin-top:                              -100px;
        padding:                                10px;
    }
    
    .member .member-name {
         color:                                 #821222;
         margin:                                0;
    }
    
    
    article.member:hover p.member-networks a {
        color:                                  #821222;
        text-decoration:                        none;
    }
    
    article h3 a:hover{
        color:                                  #821222;
        
    }
    
    .full-description {
        display:                                none;
    }
    article .first-paragraph a:hover{
        color:                                  #821222;
    }
    article .full-description a :hover{
        color:                                  #821222;
    }
    
    a:hover {
        color:                                  #821222;
        text-decoration:                        underline;
    }
    
    a {
        color:                                  #821222;
    }
    
    #portfolio.service-holder section article img {
        width:                                  auto;
    }
    
    #portfolio-filter li a {
        background:                             none repeat scroll 0 center transparent;
        border:                                 0 none;
        border-radius:                          4px 4px 4px 4px;
        margin:                                 0 3px;
        padding:                                6px 12px;
    }
    
    
    ul#portfolio-filter {
        margin-bottom:                          40px;
    }
    
    .serivces-list {
        margin-bottom:                          40px;
        padding-bottom:                         10px;
        border-bottom:                          1px solid #ddd;     
    }
    
    .serivces-list h2 {
        margin-top:                             0;
    }
    
    /* Blog */
 
    .container-fluid .row-fluid .span8 .Pagination_Blog {
        margin-top:                             30px;
    }
    
    .container-fluid .row-fluid .span8 .typography {
        padding-left:                            0;
    }
    
    .container-fluid {
        padding-left:                            0;
    }
    
    .span8 {
        padding-right:                           5px;
    }
    
    .span8 .typography .blogEntry .postTitle {
        color:                                   #821222;
    }
    
    img.right,
    img.left {
        padding:                                 0 5px;
    }

    /* Punkt im Tag ******************************************************************/
    .tags a:after {
        background:                              none repeat scroll 0 0 #821222;
        border-radius:                           2px 2px 2px 2px;
        content:                                 "";
        float:                                   left;
        height:                                  4px;
        left:                                    0;
        position:                                absolute;
        top:                                     10px;
        width:                                   4px;
    }

    /*********************************************************************************/
    .tags a {
        background:                              none repeat scroll 0 0 #FED86F;
        border-bottom-right-radius:              4px;
        border-top-right-radius:                 4px;
        color:                                   #821222;
        margin-left:                             12px;
        margin-right:                            6px;
        margin-top:                              6px;
        padding:                                 0 10px 0 12px;
        text-decoration:                         none;
        text-shadow:                             1px 1px 0 rgba(255, 255, 255, 0.5);
    }
    .subscribeLink {
         background:                             url("/blog/images/feed-icon-14x14.png") no-repeat scroll left center transparent;
         padding-left: 20px;
    }
    
    .tagcloud .not-popular {
        font-size:                               1em;
    }
    
    .tagcloud .not-very-popular {
        font-size:                               1.2em;
    }
    
    .tagcloud .somewhat-popular {
        font-size:                               1.4em;
    }
    
    .tagcloud .popular {
        font-size:                               1.6em;
    }
    
    .tagcloud .very-popular {
        font-size:                               1.8em;
    }
    
    .tagcloud .ultra-popular {
        font-size:                               2em;
    }
    
    .sidebarBox {
        margin-top:                              40px;
        padding-top:                             20px;
    }
    
    div.span4 bs-docs-sidebar .typography .sidebarBox ul,
    div.span4 bs-docs-sidebar .typography .sidebarBox ul li {
        list-style-type:                         circle;
        list-style-position:                     inside;
    }
    
    .typography {
        margin-left:                             0px;
        padding-left:                            15px;
    }
    
    .blogSummary .even {
        color:                                   #999999;
    }
    
    .span8 .blogSummary .blogVitals {
        margin-bottom:                           30px;
        padding:                                 7px 0 8px 0;
    }
    
    .span8 .blogSummary .blogVitals .readmore {
        float:                                   right;
        padding:                                 0 0 3px 0;
        text-align:                              right;
    }
    
    .span8 .typography .comments-holder-container h4 {
        color:                                   #821222;
        margin-top:                              30px;
    }
    
    h2.postTitle {
        margin-bottom:                           5px;
    }
    
    .comment {
        border-top:                              none;
        clear:                                   both;
        padding:                                 20px 0 0 0;
        position:                                relative;
}
    .border {
        border-bottom:                           1px solid #DEDEDE;
    }
    
    
    div#comments-holder.comments-holder-container div.comments-holder ul.comments-list li.comment p.info {
        margin-left:                             64px;
    }
    
    div#comments-holder.comments-holder-container div.comments-holder ul.comments-list li.comment div#comment-195.comment,
    div#comments-holder.comments-holder-container div.comments-holder ul.comments-list li.comment{
       margin-bottom:                            0;
       margin-top:                               0;
       padding-top:                              0;
    }
   
    
    
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        color:                                   #555555;
        display:                                 inline-block;
        font-size:                               13px;
        height:                                  18px;
        line-height:                             18px;
        line-height:                             18px;
        padding:                                 4px;
    }
    
    div#CommentForm_customHtmlFormSubmit_1_URL_Box.control-group div.input-prepend input#CommentForm_customHtmlFormSubmit_1_URL.input-large {
        margin-bottom:                           0px;
    }
  
    #CommentForm_customHtmlFormSubmit_1_Comment.textarea,
    #ContactForm_customHtmlFormSubmit_1_Message.textarea {
        width:                                   237px;
        height:                                  175px;
        
    }
    
    div#comments-holder.comments-holder-container div.comments-holder ul.comments-list li.comment p.info {
        margin-left:                             0;
    }
    
    
    /* --------------------------------------------------------	*/
	/*	Footer - Newsletter signup                              */
	/* --------------------------------------------------------	*/

	footer .newsletter input, footer #newsletter-subscribe {
		background:                              #212121;
		-webkit-box-shadow:                      inset 0px 1px 0px #222, 0px 2px 0px 0px #2a2a2a;
		-moz-box-shadow:                         inset 0px 1px 0px #222, 0px 2px 0px 0px #2a2a2a;
		-o-box-shadow:                           inset 0px 1px 0px #222, 0px 2px 0px 0px #2a2a2a;
		box-shadow:                               inset 0px 1px 0px #222, 0px 2px 0px 0px #2a2a2a;
		text-shadow:                              none;
		border:                                   1px solid #282828;
		float:                                    left;
		max-width:                                80%;
	}
	footer .newsletter input {
		color:                                    #999;
		padding-right:                            20px;
	}
	footer #newsletter-subscribe {
		padding:                                  0px 10px;
		border:                                   0;
		margin:                                   4px 0 0 -35px;
        background:                               none;
		box-shadow:                               none;
		color:                                    #ccc;
		z-index:                                  9;
	}
	footer #newsletter-subscribe:hover {
		text-decoration:                          none;
		color:                                    #7ED090;
	} 
        
      .PixeltricksRSSWidget li {
        list-style: none;
        padding-bottom: 5px;
    }
    .navbar .brand {

padding-top: 0px;
}
    
}

@media (max-width: 767px) { 
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        color:                                   #555555;
        display:                                 inline-block;
        font-size:                               13px;
        height:                                  30px;
        line-height:                             18px;
        line-height:                             18px;
        padding:                                 4px;
    }
    
    .member .member-avatar, .member .member-avatar img {
        height: 84px;
        width: 84px;
    }

    .member-name, .member-position, .member-networks {
        padding-left: 112px;
    }
   
    .member {
        padding: 0;
        background: 0;
        margin: 0;
    }
    
        .member-bio {
        padding: 5px 0;
    }

    .member .member-avatar, .member:hover .member-avatar {
        top: 0;
        left: 0;
        margin: 0;
        padding: 4px;
    }
    
   
}