@charset "utf-8";

/* Copyright 2009, NETZKOLLEKTIV GbR, Erlangen, Germany
 * 
 * Start 2009/09/21
 * Last Change 2009/11/17
 * 
 * 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 (font-style, font-variant, font-weight, font-size, line-height, font-family)
 * text-transform
 * text-decoration
 * letter-spacing
 * color
 * list-style-type
 * 
 * cursor
 */
 
/* #### table of contents #### 
 * 
 * Color Scheme
 * Global Styles (Reset)
 * float Fix
 * Text
 * Headers
 * Navigation (incl. Menu)
 * Forms
 * Boxes
 * Page Structure
 * Content
 */
 
 /* Global Styles */
 
 body { background: #05161e url(images/bg_header.png) left top repeat-x; }
 div#grid {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 100;
 width: 100%;
 height: 100%;
 display: none;
 background: url(images/grid-black.png) left top no-repeat;
 }
 
 *	{
 margin: 0;
 padding: 0;
 border: 0;
 }
 
 a img, :link img, :visited img { border: 0; }
 a:focus, input, textarea { outline: none; }
 
 ul, ol { list-style: none; }
 
 /* float Fix */
 
 .clearfix:after {  
 content: "."; 
 display: block; 
 height: 0;
 clear: both; 
 visibility: hidden; 
 }
 
 /* Text */
 
 /* basic font size for IE & others */
 html { font-size: 69%; }
 html>body { font-size: 11px; }
 
 /* text reset */
 * {
 vertical-align: baseline;
 text-align: left;
 font-size: 1em;
 font-style: inherit;
 font-weight: inherit;
 font-family: inherit;
 }
 body {
 text-align: center;
 font-family: "Lucida Grande", Helvetica, sans-serif;
 color: #333333;
 }
 p, ul, dl, table, form, div.wpcf7-response-output {
 margin-bottom: 1.64em;
 line-height: 1.64em;
 }
 
 #header p { font-size: 1.18em; color: #fff; }
 p.partikel { margin-top: 0.91em; }
 div.wpcf7 p { margin-bottom: 0; }
 #footer p { color: #767773; }
 
 .box { margin-bottom: 0.82em; }
 div.wpcf7 span { padding-bottom: 0.82em; }
 div.wpcf7 span.dim { padding: 1.64em 0 0 0; }
 #sidebar .box div.wpcf7 form { margin: 0; }
 
 #main ul { list-style-image: url(images/plus.png); }
 #sidebar .box ul { margin-top: 0.82em; margin-bottom: 0.82em; }
 #content ul li { margin-bottom: 10px; }
 #content ul li strong, #content dt { font-weight: 100; font-size: 1.18em; color: #000; }
 #content dd { border-left: 0; }
 
 em { color: #95bd3a; }
 strong { font-weight: 900; }
 
 div.wpcf7 span input, div.wpcf7 span textarea { font-size: 1.09em; line-height: 1.64em; color: #999999; }
 div.wpcf7 div.wpcf7-response-output { color: #e10000; }
 
 /* Headers */
 
 /* :Logo */
 h1 { 
 margin-bottom: 0.82em; 
 font-size: 2em; 
 line-height: 0.82em;
 } 
 h1#logo {
 width: 210px;
 height: 56px;
 background: url(images/images_neu.png) -1532px 0 no-repeat;
 text-indent: -2000px;
 }
 /* :Überschrift Features Home, Überschrift Sideboxen */
 h2 {
 margin-bottom: 0.82em;
 font-weight: 100;
 font-size: 2em;
 line-height: 0.82em;
 font-family: "MyriadPro-Regular", Helvetica, Arial, sans-serif;
 color: #000;
 }
 .home h2 {
 margin-bottom: 0;
 width: 210px;
 height: 45px;
 background: url(images/images_neu.png) no-repeat;
 text-indent: -2000px;
 }
 h2#slio { background-position: -1280px -54px; }
 h2#smio { background-position: -1280px 0px; }
 h2#smiu { background-position: -1280px -160px; }
 h2#sliu { background-position: -1280px -109px; }
 h2#srechts { margin-left: 31px; height: 18px; background-position: -1532px -142px; }
 /* :elements */
 h3 {
 margin-bottom: 1em;
 font-size: 1.67em;
 line-height: 1em;
 }
 /* :elements */
 h4 {
 margin-bottom: 1.11em;
 font-size: 1.5em;
 line-height: 1.11em;
 }
 /* :elements */
 h5 {
 margin-bottom: 1.25em;
 font-size: 1.33em;
 line-height: 1.25em;
 }
 /* :elements */
 h6 {
 margin-bottom: 1.43em;
 font-size: 1.17em;
 line-height: 1.43em;
 }
 
 /* Navigation */
 
 a { text-decoration: none; color: #95bd3a; }
 a:hover { background: #95bd3a; color: #fff; }
 a.nodeco { background: none; color: inherit; }
 a img, :link, :visited img { border: 0; }
 
 #header #nk a{
 display: block;
 width: 100%;
 height: 100%;
 background: transparent url(images/nk_applications_button.png) 0 0 no-repeat;
 }
 #header #intro h1 a {
 display: block;
 width: 100%;
 height: 100%;
 }
 #header ul {
 position: absolute;
 top: 63px;
 left: 840px;
 }
 #header ul li {
 display: inline-block;
 margin-right: 10px;
 text-indent: -2000px;
 }
 #header ul li a {
 display: block;
 width: 84px;
 height: 45px;
 background: transparent url(images/images_neu.png) 0 0 no-repeat;
 text-indent: -2000px;
 }
 /* Produkt */
 #header li.page-item-18 a { background-position: -1280px -245px; }
 #header li.page-item-18 a:hover, #header li.page-item-18.current_page_item a { background-position: -1280px -303px; }
 /* FAQ */
 #header li.page-item-14 a { background-position: -1364px -245px; }
 #header li.page-item-14 a:hover, #header li.page-item-14.current_page_item a { background-position: -1364px -303px; }
 /* Kontakt */
 #header li.page-item-16 a { background-position: -1448px -245px; }
 #header li.page-item-16 a:hover, #header li.page-item-16.current_page_item a { background-position: -1448px -303px; }
 #header li.page_item a:hover, #header li.current_page_item a { background-position-y: -303px; }
 
 #footer a:hover {
 background: none;
 color: #767773;
 }
 
 /* Forms */
 
 div.wpcf7 p.left {
 float: left;
 margin-right: 20px;
 }
 div.wpcf7 span {
 display: inline-block;
 background: transparent url(images/images_neu.png) -1280px -206px no-repeat;
 }
 div.wpcf7 span.anrede, div.wpcf7 span.dim, div.wpcf7 span.subject { background: none; }
 div.wpcf7 span.your-message {
 display: block;
 padding: 0;
 background: none;
 }
 div.wpcf7 span input {
 margin: 3px 13px 3px 12px;
 padding: 7px 0;
 width: 146px;
 height: 15px;
 }
 * html div.wpcf7 span input {  /* nur fuer Internet Explorer */
 height: 29px;     /* Version 5.x */
 he\ight: 15px;    /* Version 6 */
 }
 div.wpcf7 span textarea {
 width: 100%;
 }
 div.wpcf7 input.submit, div.wpcf7 input.button {
 width: 30px;
 height: 15px;
 background: transparent url(images/images_neu.png) no-repeat;
 background-position: -1743px -143px;
 text-indent: -2000px;
 cursor: pointer;
 }
 
 #sidebar .box div.wpcf7 {
 position: relative;
 margin-left: 31px;
 }
 #sidebar .box div.wpcf7 p { display: inline-block; }
 #sidebar .box div.wpcf7 div.submit {
 display: inline-block;
 margin-left: 10px;
 }
 #sidebar .box div.wpcf7 .ajax-loader {
 position: absolute;
 top: 10px;
 left: -23px;
 }
 #sidebar .box div.wpcf7 div.wpcf7-response-output {
 margin: 0;
 padding: 0;
 border: 0;
 }
 
 /* Boxes */
 
 .box {
 position: relative;
 z-index: 0;
 display: block;
 max-width: 700px; /* based on image dimensions - not quite consistent with drip styles yet */
 margin-left: 9px; /* default, width of left corner */
 }
 .boxtype1 .content,
 .boxtype1 .t,
 .boxtype1 .b,
 .boxtype1 .b div {
 background: transparent url(images/boxtype1.png) no-repeat top right;
 }
 .boxtype2 .content,
 .boxtype2 .t,
 .boxtype2 .b,
 .boxtype2 .b div {
 background: transparent url(images/boxtype2.png) no-repeat top right;
 }
 .box .content {
 position: relative;
 padding: 23px 9px 0 0;
 zoom: 1;
 _overflow-y: hidden;
 }
 .boxtype2 .content {
 padding-top: 9px;
 }
 .box .t {
 /* top+left vertical slice */
 position: absolute;
 top: 0;
 left: 0;
 margin-left: -9px;
 width: 9px; /* top slice width */
 height: 100%;
 _height: 350px; /* arbitrary long height, IE 6 */
 background-position: top left;
 }
 .box .b {
 /* bottom */
 position: relative;
 width: 100%;
 }
 .box .b,
 .box .b div {
 height: 0.82em; /* height of bottom cap/shade */
 }
 .box .b {
 background-position: bottom right;
 }
 .box .b div {
 position: relative;
 width: 9px; /* bottom corner width */
 margin-left: -9px;
 background-position: bottom left;
 }
 .box .hd,
 .box .bd,
 .box .ft {
 position: relative;
 }
 .box .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position: static;
 max-height: 700px;
 overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
 }
 
 /* Page Structure */
 
 #header {
 width: 1280px;
 height: 356px;
 background: #fff url(images/images_neu.png) left top no-repeat;
 }
 
 #main {
 position: relative;
 padding: 1.64em 0 0 165px;
 min-width: 1115px;
 background: #fff;
 }
 * html #main {  /* nur fuer Internet Explorer */
 min-width: 1280px;     /* Version 5.x */
 m\in-width: 1115px;    /* Version 6 */
 }
 #main #content {
 float: left;
 width: 600px;
 }
 #main #sidebar {
 float: left;
 margin-left: 75px;
 width: 277px;
 }
 
 #footer {
 min-width: 1280px;
 height: 100px;
 background: transparent url(images/bg_footer.png) left top repeat-x;
 }
 
 /* Content */
 
 #header #nk {
 position: absolute;
 top: 132px;
 left: 0;
 width: 22px;
 height: 178px;
 }
 #header #intro {
 position: absolute;
 top: 50px;
 left: 165px;
 width: 600px;
 }
 
 #main #lio, #main #liu {
 float: left;
 width: 279px;
 }
 #main #mio, #main #miu {
 float: left;
 margin-left: 32px;
 width: 279px;
 }
 #sidebar .box ul {
 margin-left: 31px;
 width: 220px;
 }
 #sidebar .box span#inform {
 position: absolute;
 z-index: 100;
 top: 130px;
 left: -52px;
 width: 80px;
 height: 80px;
 background: transparent url(images/images_neu.png) -1529px -62px no-repeat;
 }
 
 #footer p { margin-left: 165px; }
 #footer p#copy {
 padding-top: 43px;
 margin-bottom: 0;
 }

 img.alignleft { margin:0 13px 0 0 }
 img.alignright { float:right }
 img.alignleft { float:left }