@charset "utf-8";
/*
Theme Name: netzkollektiv
Theme URI: http://www.netzkollektiv.com/
Description: The WordPress Theme for netzkollektiv.com. Copyright 2009. All rights reserved.
Version: 1.0
Author: Kristian Knobloch
Author URI: http://www.netzkollektiv.com/
Tags: NETZKOLLEKTIV
*/

/* Copyright 2009, NETZKOLLEKTIV GbR, Erlangen, Germany
 * 
 * Start 2009/05/12
 * Last Change 2010/08/07
 *
 * Design runs in "standard mode" / correct box model
 */



/* suggested order of definitions:
 * position
 * top
 * right
 * bottom
 * left
 * z-index
 *
 * display
 * float
 * margin
 * padding
 * width
 * height
 * overflow
 * visibility
 * table-layout
 *
 * background
 * border
 *
 * vertical-align
 * text-align
 * font
 * letter-spacing
 * color
 * text-transform
 * text-decoration
 * font-variant
 * list-style-type
 *
 * cursor
 */
 
/* #### Table of Contents ####
 *
 * Global Styles (Reset)
 * float Fix
 * Text
 * Headers
 * Navigation (incl. Menu)
 * Forms
 * Page Structure
 * Content
 */
 
 /* Global Styles */
 
 html, body { background: #000 url(images/bg.gif) left top repeat; }
 body { text-align: center; font-family: "Lucida Grande", sans-serif; }
 #grid {
 position: absolute;
 left: 0;
 top: 0;
 display: none;
 }
 
 * {
 margin: 0;
 padding: 0;
 border: 0;
 }
 
 a:focus, h3:focus { outline: none; }
 
 ul, ol { list-style-type: none; }
 
 .left { text-align: left; }
 .right { text-align: right; }
 
 /* float Fix */
 
 .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 
 .clearfix { display: inline-block; }
 
 /* Hides from IE-mac \*/
 * html .clearfix { height: 1%; }
 .clearfix { display: block; }
 /* End hide from IE-mac */
 
 /* Text */
 
 body { font-size: 69%; }
 html>body { font-size: 11px; }
 
 p, h1, h2, h3, h4, h5, h6, ul, table, label,
 .wpcf7 div.wpcf7-response-output {
 text-align: left;
 font-family: "Lucida Grande", "Lucida Sans", "Helvetica", sans-serif;
 font-size: 1.1em;
 line-height: 1.58em;
 color: #2f2f2f;
 }
 p, h1, h2, h3, h4, h5, h6, ul, table,
 .wpcf7 div.wpcf7-response-output,
 div.column-left, div.column-right, div.no-column {
 margin-bottom: 1.58em;
 }
 .entry p { text-align: justify; }
 p.upside { margin: 1.64em 0 0; }
 .doublemargin { margin-bottom: 3.28em; }
 p.wp-caption-text { text-align: center; font-size: 1em; color: #636363; }
 #content ul { padding-left: 25px; list-style-type: disc; }
 table { width: 100%; }
 td { vertical-align: top; }
 th { padding: 3px 0 3px; background: none; border-bottom: 0px solid #2f2f2f; color: #000; }
 #content table ul { margin-bottom: 0; padding: 0; font-size: 1em; list-style-type: none; }
 
 #subheader p { margin: 0; padding-top: 15px; font-size: 1.2em; line-height: 1.35em; color: #363636; }
 #sidebar p, #sidebar ul { font-size: 1em; line-height: 1.5em; }
 .middle-normal .intro p { margin: 0; font-size: 1.3em; line-height: 1.6em; text-align: left; }
 .middle-start .intro p { color: #2f2f2f; }
 .middle-start .column-3 p { font-size: 1em; }
 .customers p { text-align: left; }
 .wpcf7-form p { margin-bottom: 0.82em; }
 #footer p, #footer ul { margin-bottom: 0; font-size: 1em; line-height: 1.3em; color: #656565; }
 #nav-main ul { margin: 0; }
 #nav-main ul li { line-height: 1.3em; }
 .middle-start #content ul { line-height: 1.8em; }
 .middle-start #content ul .highlight { font-size: 1.2em; line-height: inherit; }
 table.services { font-size: 1em; }
 .services th { width: 32%; }
 .services th.free { width: 3%; }
 .services td { padding-top: 8px; }
 .services ul { line-height: 1.5em; color: #636363; }
 
 .highlight { font-size: 1.4em; font-weight: 900; line-height: 1.8em; }
 .dim { color: #989898; }
 .underline { text-decoration: underline; }
 .uppercase { text-transform: uppercase; }
 .img-replacement, #searchform #searchsubmit { text-indent: -10000px; }
 .hidden { visibility: hidden; }
 
 .phone { display: block; padding: 4px 0; width: 100%; height: 19px; background: url(images/phone.png) left center no-repeat; letter-spacing: 0; }
 .date { position: relative; left: 25px; display: inline; text-transform: uppercase; }
 .entry-dates { font-size: 0.9em; }
 .navigation .left { margin: 0; }
 
 textarea { font-size: 1.1em; }
 
 /* Headers */
 
 h1 {}
 h2 { /*display: inline;*/ margin-bottom: 0.5em; font-size: 1.82em; line-height: 1.2em; }
 	.middle-start .intro h2 { /*display: block;*/ margin-bottom: 1.2em; font-size: 1.82em; }
 	h2.margin { margin-bottom: 0.9em; }
 h3 { margin-bottom: 0.645em; font-size: 1.4em; line-height: 1.935em; }
 	.middle-start .column-3 h3, .middle-start .microsite h3 { font-size: 1.6em; color: #1cacab; }
 	.middle-start .column-left h3, .middle-start .column-left h3 { margin-bottom: 0.41em; }
 	h3.customers { margin-bottom: 0; font-size: 1.1em; line-height: 0em; }
 h4 { margin-bottom: 0.8em; padding-bottom: 6px; border-bottom: 1px solid #dbdbdb; line-height: 1em; font-weight: 900; color: #989898; }
 #simpleCartCart h4 {}
 h5 {}
 h6 {}
 
 /* Navigation */
 
 a { color: #1cacab; text-decoration: none; }
 a:hover { background: #33cccb; color: #fff; }
 a.italic { font-style: italic; color: inherit; }
 a:hover.italic { background: none; font-style: normal; }
 a.icon-link { background: none; }
 a:hover.icon-link, a:hover.icon-link span { color: inherit; text-decoration: none !important; }
 
 a.button {
 display: inline-block;
 margin-top: 8px;
 padding: 0 24px 0 12px;
 width: auto;
 background: #33cccb url(images/button-arrow.gif) center right no-repeat;
 border: none;
 color: #fff;
 }
 a:hover.button { background-color: #989898; }
 
 #nav-main a { font-size: 1.2em; font-weight: 900; font-family: Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; }
 #nav-main ul a { font-size: 0.8em; line-height: 1.1em; font-weight: 100; font-family: "Lucida Grande", sans-serif; color: #fff; text-transform: lowercase; }
 #nav-main a:hover, #nav-main li.current_page_item a, #nav-main li.current_page_parent a { background: none; color: #90fffe; }
 
 #nav-main a span { visibility: hidden; color: #90fffe; }
 #nav-main li.current_page_item span, #nav-main li.current_page_parent li.current_page_item span { visibility: visible; }
 #nav-main li.current_page_item li span, #nav-main li.current_page_parent span, #nav-main li.current_page_parent li span { visibility: hidden; }
 #nav-main a:hover span, #nav-main li.current_page_item li a:hover span, #nav-main li.current_page_parent li a:hover span { visibility: visible; }
 
 h2 a { color: #2f2f2f; }
 .customers a.page { color: #2f2f2f; }
 .customers a:hover.page { background: none; }
 
 #nav-footer a { color: #656565; }
 #nav-footer a:hover { color: #fff; }
 
 /* Forms */
 
 form p:hover.active, form div:hover.active label,
 form p:focus.active, form div:focus.active label,
 form p.focus, form div.focus label { 
 color: #33cccb; 
 }
 
 input, select, textarea { border: 1px solid #989898; }
 input {
 padding: 4px 4px;
 width: 240px;
 }
 * html input {  /* nur fuer Internet Explorer */
 width: 248px;     /* Version 5.x */
 w\idth: 240px;    /* Version 6 */
 }
 form p:hover.active input, 
 input:hover, 
 input.focus { 
 border-color: #33cccb; 
 }
 select { width: 250px; }
 textarea {
 padding: 6px 4px;
 width: 560px;
 }
 * html textarea {  /* nur fuer Internet Explorer */
 width: 568px;     /* Version 5.x */
 w\idth: 560px;    /* Version 6 */
 }
 form p:hover.active textarea, 
 textarea:hover, 
 textarea:focus, 
 textarea.focus { 
 border-color: #33cccb; 
 }
 
 input.button {
 padding: 4px 25px;
 width: auto;
 background: #33cccb;
 border: none;
 color: #fff;
 cursor: pointer;
 }
 input:hover.button { background: #989898; }
 .wpcf7-form .button { float: right; }
 
 #searchform label {
 display: none;
 }
 
 #searchform input#s {
 padding: 4px 6px;
 width: 142px;
 background: #000;
 border: 1px solid #33cccb;
 vertical-align: middle;
 color: #fff;
 font-style: italic;
 }
 
 #searchform #searchsubmit {
 width: 68px;
 height: 35px;
 background: url(images/button-finden.png) 0 0 no-repeat;
 border: none;
 vertical-align: middle;
 cursor: pointer;
 }
 #searchform input:hover#searchsubmit {
 background-position: -68px 0;
 }
 
 /* Wordpress Styles */
 
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px 0 4px 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px 4px 4px 0;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
 /* Plugin Styles
    -> Contact Form */
 
.wpcf7 div.wpcf7 {
	margin: 0;
	padding: 0;
}

.wpcf7 div.wpcf7-response-output {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

.wpcf7 div.wpcf7-mail-sent-ok { border: 0; }
.wpcf7 div.wpcf7-mail-sent-ng { border: 0; }
.wpcf7 div.wpcf7-spam-blocked { border: 0; }
.wpcf7 div.wpcf7-validation-errors { border: 0; }

.wpcf7 span.wpcf7-form-control-wrap {
	position: relative;
	display: block;
}

.wpcf7 span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	padding: 5px 5px;
	width: 240px;
	background: #000;
	border: none;
	font-size: 0.9em;
	line-height: normal;
	color: #fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.wpcf7 span.wpcf7-not-valid-tip-no-ajax {
	display: block;
	color: #f00;
}

.wpcf7 span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7 .wpcf7-display-none {
	display: none;
}
 
 /* Page Structure */
 
 #top {
 position: relative; /* Safari interpretiert min-width bei positionierten Elementen ab Version 2.0.2 */
 min-width: 865px;
 background: url(images/bg-gradient-top.gif) left bottom repeat-x;
 }
 
 #header {
 position: relative;
 margin: 0 auto;
 padding: 0 10px;
 width: 845px;
 height: 185px;
 border-bottom: 16px solid #33cccb;
 }
 * html #header {  /* nur fuer Internet Explorer */
 width: 865px;     /* Version 5.x */
 w\idth: 845px;    /* Version 6 */
 }
 
 .middle-normal { background: #fff; }
 /* die folgenden Deklarationen sind Zusatzklassen, .middle-normal bildet stets die Basis */
 .middle-sidebar {}
 .middle-subheader { background: #fff url(images/subheader-bg.gif) left top repeat-x; }
 .middle-start { background: #fff url(images/start-bg.gif) left 230px repeat-x; }
 .middle-start-new { background: #fff url(images/start-new-bg.gif) left 230px repeat-x; }
 
 #subheader {
 margin: 0 auto;
 padding: 0 10px 0 285px;
 width: 570px;
 height: 62px;
 background: #fff url(images/subheader-bg.gif) left top repeat-x;
 }
 * html #subheader {  /* nur fuer Internet Explorer */
 width: 865px;     /* Version 5.x */
 w\idth: 570px;    /* Version 6 */
 }
 
 #content-wrapper {
 position: relative;
 margin: 0 auto;
 padding: 0 10px 20px;
 width: 845px;
 text-align: left;
 min-height:200px;
 }
 * html #content-wrapper {  /* nur fuer Internet Explorer */
 width: 865px;     /* Version 5.x */
 w\idth: 845px;    /* Version 6 */
 }
 
 #sidebar {
 float: left;
 margin: 0 53px 0 60px;
 padding: 192px 11px 0;
 width: 140px;
 }
 * html #sidebar {  /* nur fuer Internet Explorer */
 width: 162px;     /* Version 5.x */
 w\idth: 140px;    /* Version 6 */
 }
 .middle-subheader #sidebar { padding-top: 130px; }
 
 .middle-normal #content {
 padding: 34px 0 0 60px;
 width: auto;
 }
 .middle-sidebar #content {
 float: right;
 padding-left: 0;
 width: 570px;
 }
 .middle-start-new #content { padding-top: 42px; }
 
 #bottom {
 background: url(images/border-bottom.gif) left top repeat-x;
 }
 
 #footer {
 margin: 0 auto;
 padding: 15px 10px 50px 70px;
 width: 785px;
 border-top: 16px solid #33cccb;
 }
 * html #footer {  /* nur fuer Internet Explorer */
 width: 865px;     /* Version 5.x */
 w\idth: 785px;    /* Version 6 */
 }
 
 /* Content */
 
 #logo, #logo_atwork {
 position: absolute;
 left: 10px;
 top: 0;
 display: block;
 width: 400px;
 height: 163px;
 background: url(images/logo.png) left top no-repeat;
 }
 #logo_atwork {
 background: url(images/logo_atwork.png) left top no-repeat;
 }
 
 #nav-main {
 position: absolute;
 right: 4px;
 top: 105px;
 }
 #nav-main li {
 position: relative;
 float: left;
 margin-left: 20px;
 }
 
 #nav-main ul {
 position: absolute;
 left: 0;
 bottom: 25px;
 }
 #nav-main ul li {
 float: none;
 margin: 0;
 }
 
 #searchform {
 position: absolute;
 right: 10px;
 bottom: 17px;
 }
 
 #slogan {
 position: absolute;
 left: 70px;
 width: 162px;
 height: 162px;
 background: #33cccb url(images/slogan.gif) left top no-repeat;
 }
 .middle-normal #slogan { top: 0; }
 .middle-subheader #slogan { top: -62px; }
 
 .intro { /*margin-bottom: 44px; padding: 0 0 0 215px;*/ padding:0; height: 124px; overflow: hidden; }
 .middle-start .intro { margin-bottom: 0; padding: 0; height: 196px; }
 .middle-start-new .intro {
 width: 65%;
 height: 188px;
 }
 
 .middle-start-new .microsite {
 margin-top: 3px;
 margin-bottom: 25px;
 height: 231px;
 background: url(images/start-microsite.png) 0 0 no-repeat;
 }
 .middle-start-new .microsite h3 {
 padding-top: 50px;
 }
 .middle-start-new .microsite p {
 width: 50%;
 }
 
 .middle-start .column-3 { margin-top: 22px; margin-bottom: 25px; height: 215px; }
 .column-3-left { float: left; width: 30%; }
 .column-3-middle { float: left; margin-left: 5%; margin-right: 5%; width: 30%; }
 .column-3-right { float: right; width: 30%; }
 .column-left { float: left; width: 47%; }
 .column-right { float: right; width: 47%; }
 .wpcf7-form .column-left { width:250px; }
 .wpcf7-form .column-right { width: 250px; }
 
 .middle-start #content ul {
 padding: 0;
 list-style-type: none;
 }
 
 .middle-start #clients {
 position: relative;
 left: -9px;
 top: -9px;
 padding: 9px;
 background: url(images/start-clients-shadow.gif) left top no-repeat;
 }
 .middle-start #clients a {
 display: block;
 width: 325px;
 height: 100px;
 background: url(images/start-clients.png) left top no-repeat;
 border: 1px solid #dfdfdf;
 }
 
 #customers {
 min-height: 365px;
 }
 .customers {
 position: relative;
 padding-left: 8px;
 padding-right: 390px;
 }
 h3.customers {
 padding-top: 14px;
 padding-bottom: 14px;
 border-bottom: 1px solid #dbdbdb;
 cursor: pointer;
 }
 h3.customers .arrow {
 position: absolute;
 top: 30px;
 right: 20px;
 width: 13px;
 height: 9px;
 background: url(images/arrow-down.png) left top no-repeat;
 }
 h3.ui-state-active, h3.ui-corner-top {
 border-bottom-color: #fff;
 }
 h3.ui-state-active .arrow, h3.ui-corner-top .arrow {
 display: none;
 }
 div.customers {
 border-bottom: 1px solid #dbdbdb;
 }
 div.customers .page {
 position: absolute;
 z-index: 10;
 right: 8px;
 bottom: 165px;
 }
 div.customers .screenshot {
 position: absolute;
 z-index: 5;
 right: 0;
 bottom: 0;
 }
 
 #nav-footer li {
 float: left;
 }
 
 .jwts_tabberlive .jwts_tabbertab { border-width: 1px 0 0; }
 ul.jwts_tabbernav {
 display: block !important;
 height: 22px !important;
 list-style-type: none !important;
 }
 .jwts_tabbernav li {
 float: left;
 display: block;
 }
 .jwts_tabbernav li a {
 display: block;
 border-bottom:;
 font-size: 1em !important;
 line-height: 15px !important;
 color: #656565 !important;
 }
 .jwts_tabbernav li.jwts_tabberactive a {
 cursor: default !important;
 color: inherit !important;
 }
 
.jwts_tabberlive .jwts_tabbertab h3 { display: block; }

 /* simpleCart */
 
 div.cartHeaders { display: none; }
 div.simpleCart_items div div { display:inline; }
 div.simpleCart_items div.itemContainer {
 margin-bottom: 0.8em;
 }
 div.simpleCart_items div div.itemQuantity {
 display: inline-block;
 margin-right: 7px;
 }
 div.simpleCart_items div div.itemQuantity:after { content: "x"; }
 div.simpleCart_items div div.itemName {}
 div.simpleCart_items div div.itemTotal {
 display: block;
 text-align: right;
 font-weight: 900;
 }
 div.simpleCart_items div div.itemdecrement {
 float: right;
 overflow: hidden;
 text-indent: -10000px;
 } 
 div.simpleCart_items div div.itemdecrement a {
 display: block;
 width: 11px;
 height: 11px;
 background: transparent url(images/btn_remove.gif);
 }

 .simpleCart_total {
 margin-bottom: 10px;
 padding-top: 5px;
 border-top: 1px solid #DBDBDB;
 text-align: right;
 font-size: 1.3em;
 font-weight: 900;
 }
 .simpleCart_checkout {
 display: block;
 float: right;
 width: 126px;
 height: 47px;
 cursor: pointer;
 background: transparent;
 }
 
 /* Product Page */
 
 div.product-box-left {
 border-top: 0px solid #DBDBDB;
 float: left; 
 margin-top: 15px; 
 width: 48%;
 }
 div.product-box-right {
 float: right;
 margin-top: 15px; 
 width: 48%;
 }
 div.cart-link {
 margin-top: -20px;
 }

 .syntaxhighlighter .line .content {
 border-left: 3px solid #33CCCD !important;
 }
 .syntaxhighlighter .toolbar { visibility: hidden; }