@charset "utf-8";
/*******************************/
/* CSS Document: screen.css    */
/* Author: IT-Services H.Gaug  */
/* Website: cs-it-solutions.de */
/* Version: 1.0.0 / 12.07.2012 */
/*******************************/

/*
@import url (reset.css);
@import url (960grid.css);
@import url (fonts.css);
@import url (forms.css);
*/

/* Browser Reset
----------------------------------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
border:0;
margin:0;
padding:0;
font-size:100%;
/*
letter-spacing:0.07em;
*/
}
body { position: relative !important; }
html { background: #fff url("../images/csit_body_bg.jpg") no-repeat; position: absolute !important; }

#background{position:absolute; z-index:1; width:100%; height:100%;}

html, body {
height: 100%;
width:100%;
font-size: 12px;
font-family: Arial, sans-serif;
line-height:18px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b, strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
/*
  vertical-align: middle;
*/
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol, ul {
  list-style: none;
  line-height: 1.5em;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td, caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before, q:after {
  content: '';
  content: none;
}

sub, sup, small {
  font-size: 75%;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

/* Font Sizes, Baseline Rhythm
----------------------------------------------------------------------------------------------------*/
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
code {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	padding-left:12px;
}

h2 {
	font-size: 1.6em;
	line-height: 1.875em;
}
h3 {
	font-size: 1.4000000000000001em;
	line-height: 1.0714285714285714em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25em;
}
h5 {
	font-size: 1em;
	line-height: 1.5em;
}
/* Headlines Webfonts*/
h2, h3, h4, h5, h6 {
/*
	font-family: "EurostileLTStdBoldItalic", Arial, sans-serif;
*/
}

p {
	font-family: Arial, sans-serif;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
min-width: 1136px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
/*
margin-left: auto;
margin-right: auto;
*/
width: 1136px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
display:inline;
float: left;
position: relative;
margin-left: 8px;
margin-right: 7px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16 {
position:relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {width:56px;}
.container_16 .grid_2 {width:127px;}
.container_16 .grid_3 {width:198px;}
.container_16 .grid_4 {width:269px;}
.container_16 .grid_5 {width:340px;}
.container_16 .grid_6 {width:411px;}
.container_16 .grid_7 {width:482px;}
.container_16 .grid_8 {width:553px;}
.container_16 .grid_9 {width:624px;}
.container_16 .grid_10 {width:695px;}
.container_16 .grid_11 {width:766px;}
.container_16 .grid_12 {width:837px;}
.container_16 .grid_13 {width:908px;}
.container_16 .grid_14 {width:979px;}
.container_16 .grid_15 {width:1050px;}
.container_16 .grid_16 {width:1121px;}

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {padding-left:71px;}
.container_16 .prefix_2 {padding-left:142px;}
.container_16 .prefix_3 {padding-left:213px;}
.container_16 .prefix_4 {padding-left:284px;}
.container_16 .prefix_5 {padding-left:355px;}
.container_16 .prefix_6 {padding-left:426px;}
.container_16 .prefix_7 {padding-left:497px;}
.container_16 .prefix_8 {padding-left:568px;}
.container_16 .prefix_9 {padding-left:639px;}
.container_16 .prefix_10 {padding-left:710px;}
.container_16 .prefix_11 {padding-left:781px;}
.container_16 .prefix_12 {padding-left:852px;}
.container_16 .prefix_13 {padding-left:923px;}
.container_16 .prefix_14 {padding-left:994px;}
.container_16 .prefix_15 {padding-left:1065px;}

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {padding-right:71px;}
.container_16 .suffix_2 {padding-right:142px;}
.container_16 .suffix_3 {padding-right:213px;}
.container_16 .suffix_4 {padding-right:284px;}
.container_16 .suffix_5 {padding-right:355px;}
.container_16 .suffix_6 {padding-right:426px;}
.container_16 .suffix_7 {padding-right:497px;}
.container_16 .suffix_8 {padding-right:568px;}
.container_16 .suffix_9 {padding-right:639px;}
.container_16 .suffix_10 {padding-right:710px;}
.container_16 .suffix_11 {padding-right:781px;}
.container_16 .suffix_12 {padding-right:852px;}
.container_16 .suffix_13 {padding-right:923px;}
.container_16 .suffix_14 {padding-right:994px;}
.container_16 .suffix_15 {padding-right:1065px;}

/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {left:71px;}
.container_16 .push_2 {left:142px;}
.container_16 .push_3 {left:213px;}
.container_16 .push_4 {left:284px;}
.container_16 .push_5 {left:355px;}
.container_16 .push_6 {left:426px;}
.container_16 .push_7 {left:497px;}
.container_16 .push_8 {left:568px;}
.container_16 .push_9 {left:639px;}
.container_16 .push_10 {left:710px;}
.container_16 .push_11 {left:781px;}
.container_16 .push_12 {left:852px;}
.container_16 .push_13 {left:923px;}
.container_16 .push_14 {left:994px;}
.container_16 .push_15 {left:1065px;}

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {left:-71px;}
.container_16 .pull_2 {left:-142px;}
.container_16 .pull_3 {left:-213px;}
.container_16 .pull_4 {left:-284px;}
.container_16 .pull_5 {left:-355px;}
.container_16 .pull_6 {left:-426px;}
.container_16 .pull_7 {left:-497px;}
.container_16 .pull_8 {left:-568px;}
.container_16 .pull_9 {left:-639px;}
.container_16 .pull_10 {left:-710px;}
.container_16 .pull_11 {left:-781px;}
.container_16 .pull_12 {left:-852px;}
.container_16 .pull_13 {left:-923px;}
.container_16 .pull_14 {left:-994px;}
.container_16 .pull_15 {left:-1065px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
zoom: 1;
}
/* Forms styling
----------------------------------------------------------------------------------------------------*/
.iform {width:100%; margin:0; padding:0;}
.iform ul {margin-left:0; padding:0; list-style:none;}
.iform ul ul {overflow:auto}
.iform li {padding-bottom:5px;display: block;}
.iform label {width:100px; display:block; float:left; line-height:26px;}
.iform label input[checkbox] {display: block;}
.iform label.ilabel {width:auto; display:inline; float:none; line-height:26px; padding:0 5px}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton {
/*
width:200px;
*/
border:1px solid #999;

margin:0;
padding:5px;
background: #fff;
background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus{
border-color: #333;
background:#fff;
}
#content_links .iform .itextarea {height:120px;width:260px;resize:none;}
#quip-comment-box-qcom.itextarea {width:465px;resize:none;}
.iform .ibutton {
width:auto;
background: #efefef;
background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
.iform .ibutton:hover,.iform .ibutton:focus { background:#dadada;}
.iform li.iheader { display:block; font-size:1.5em; line-height: 1em; border-bottom:0px solid #000; margin:0 0 1em 0; padding:0; text-indent:0px; }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }
.iform .required { border-color:#F00; }
#imessageOK,#imessageERROR{ border:1px solid #F60; padding:10px; font-size:16px; font-weight:bold; text-align: center; display:none; margin-bottom:20px;
background: #F90;
background: -webkit-gradient(linear, left top, left 25, from(#F90), color-stop(4%, #FC0), to(#F90));
background: -moz-linear-gradient(top, #F90, #FC0 1px, #F90 25px);
color:#fff;
}

/* Harde
----------------------------------------------------------------------------------------------------*/
/* Selected Text */
::selection {background:#5787BE;color:#fff;}
::-moz-selection {background:#5787BE;color:#fff;}
::-webkit-selection {background:#5787BE;color:#fff;}


/* Fonts */
.Eurostile { font-family: "EurostileLTStdBoldItalic", "Arial", "Helvetica", "Lucida Grande", "Verdana", "Gill Sans", sans-serif; ;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 17, 2012 */
@font-face {
    font-family: 'EurostileLTStdBoldItalic';
    src: url('../fonts/eurostileltstd-boldoblique-webfont.eot');
    src: url('../fonts/eurostileltstd-boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostileltstd-boldoblique-webfont.woff') format('woff'),
         url('../fonts/eurostileltstd-boldoblique-webfont.ttf') format('truetype'),
         url('../fonts/eurostileltstd-boldoblique-webfont.svg#EurostileLTStdBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Links und Navi */

a:link { color:black; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:focus { color:black; text-decoration:none; }
a:hover { color:#5787BE; text-decoration:none; }
a:active { color:#5787BE; text-decoration:none; }

.active a {
font-weight:normal; color:#5787BE; text-decoration:none;
}

/* Links im Content */

#content a:link, #content_links a:link, #content_rechts a:link {
border-bottom: 1px dotted black;
}

#content a:hover, #content_links a:hover, #content_rechts a:hover {
border-bottom: 1px dotted #5787BE;
}

#content a.fancybox, #content_links a.fancybox, #content_rechts a.fancybox {
border-bottom:0px solid black;
}


#container {
position:absolute;
width:94%;
height:100%;
top:0;
left:0;
overflow:auto;
z-index:2;
padding: 0 3% 0 3%;
}

#header {

margin-top:9em;
margin-bottom:5em;
}

#logo {
z-index: 3;
position:fixed;
top:20px;
right:30px;
height:36px;
width: 320px;
float:right;
}

#logo img {
float: right;
margin-top: -10px;
}

#logo h1 {
margin-left:-10000px;
}

#socialbookmarks {
float: right;
padding-top: 5px;
padding-right: 6px;
}

#mainnavi {

width:700px;

}

#subnavi1, #subnavi12, #subnavi19 {
height:42px;
line-height:42px;
}

#subnavi2 {
width:593px;
margin:0.5em 0 0 140px;
text-transform: lowercase;
}

#subnavi3 {
width:485px;
margin:0.5em 0 0 243px;
text-transform: lowercase;
}

#subnavi4 {
width:255px;
margin:0.5em 0 0 350px;
text-transform: lowercase;
}

#subnavi2 .active a, #subnavi3 .active a, #subnavi4 .active a {
color:#FFF; text-decoration:none;
}

#subnavi2 ul, #subnavi3 ul, #subnavi4 ul {
background: transparent url("../images/csit_5785BE-70.png") repeat;
padding: 8px 0 8px 12px;
}

#subnavi_transparent {
background-color: transparent;
opacity: 0.5;
width:615px;
margin:0.5em 0 0 150px;
}

#mainnavi, #subnavi2, #subnavi3, #subnavi4, #subnavi_transparent {
height:36px;
font-family: "EurostileLTStdBoldItalic", Arial, sans-serif;

}

#mainnavi ul {
background: transparent url("../images/csit_d4d5d7-80.png") repeat;
height: 20px;
padding-top:9px;
padding-bottom:5px;
}

#mainnavi ul li {
display: inline;
letter-spacing: 1px;
}

#mainnavi ul li a {
  text-transform: uppercase;
  padding-left:12px;
  padding-right:12px;
}
#mainnavi .first, #subnavi2 .first, #subnavi3 .first, #subnavi4 .first {
padding-left:0;
}
#mainnavi .last {
padding-left:85px;
margin-right:0;
}

#subnavi2 ul li, #subnavi3 ul li, #subnavi4 ul li, #subnavi_transparent ul li {
display: inline;
letter-spacing: 1px;
}
#subnavi2 ul li a, #subnavi3 ul li a, #subnavi4 ul li a {

padding-right: 24px;
}
#subnavi2 ul li a:hover, #subnavi3 ul li a:hover, #subnavi4 ul li a:hover {
color: #fff;
}

#slogan {
margin-bottom: 2.4em;
}

#slogan span {
background: transparent url("../images/csit_d4d5d7-70.png") repeat;
font-size:3.5em;
line-height: 1.4em;
font-family: Arial Black, sans-serif;
padding:0 30px 0 12px;
letter-spacing: -1px;
}

#sidebar1, #sidebar2, #sidebar1_artikel {
background: transparent url("../images/csit_d4d5d7-80.png") repeat;
padding: 1.5em 12px 3em 12px;
}
#sidebar1 ul, #sidebar2 ul, #sidebar1_artikel ul {
margin-bottom:1.5em;
}

#navi_sub {
font-family: "EurostileLTStdBoldItalic", Arial, sans-serif;
height: 36px;
margin-bottom: 6px;
}

#navi_sub ul {
float: right;
}

#navi_sub ul li {
background: transparent url("../images/csit_5785BE-80.png") repeat;
display: inline;
margin-left: 7px;
line-height:36px;
padding-top: 8px;
padding-bottom: 8px;
}

#navi_sub ul li a {
width:150px;
padding:8px 12px 8px 12px;
}

#navi_sub ul li a:hover {
color: #fff;
}

#navi_sub .active a {
color: #fff;
}

#content {
background: transparent url("../images/csit_d4d5d7-80.png") repeat;
}

#content_links, #content_rechts, #content_blog, #content_blog_artikel {
background: transparent url("../images/csit_d4d5d7-80.png") repeat;
padding: 1.5em 12px 1.5em 12px;
margin-bottom: 6em;
width: 387px;
}
#content_links ul, #content_rechts ul, #content_blog ul, #content_blog_artikel ul {
list-style: disc;
margin-left: 30px;
}
#content_links ol, #content_rechts ol, #content_blog ol, #content_blog_artikel ol {
list-style: decimal;
margin-left: 30px;
}
#content_blog, #content_blog_artikel {
width: 600px;
}
#content_blog_artikel, #sidebar1_artikel {
margin-top:-42px;
}
.quip-comment.quip-add-comment {
margin:0;
padding:0;
}
.quip-comment.quip-add-comment p {
color: #000;
margin:0;
padding:0;
}
.post-info {
font-size: 10px;
line-height: 18px;
}

#sitemap {
margin: 0 12px;
}

#sitemap ul {
list-style: none;
margin-left: 0;
}

#sitemap ul li ul {
margin: 0 12px;
}

#sitemap a:hover {
font-weight: bold;
color: black;
}

#searchform {
float: right;
margin: -1.9em 30px 0 0;
}

#searchform label {
width: 55px;
}

#searchform .iform .itext {
height:12px;
}

#footer {
font-family: "EurostileLTStdBoldItalic", Arial, sans-serif;
position:fixed;
bottom:0px;
margin: 0 0 0 -3%;
height:2.5em;
width: 100%;
background: transparent url("../images/csit_d4d5d7-80.png") repeat;
}

#footer ul {
padding-top:8px;
}

#footer ul li {
display: inline;
}

#footer ul li a {
text-transform: lowercase;
padding-left:12px;
padding-right:12px;
}

#footer .first {
margin-left: 3%;
}
.quip-allowed-tags {
color: #000;
}

#quip-comment-notify-qcom {
margin-top: 6px;
margin-left: 0;
}

.quip-error {
margin-left: 110px;
color: #5787BE;
font-size: 10px;
line-height: 18px;
font-weight:bold;
}

.error {
margin-left: 100px;
color: #5787BE;
font-size: 10px;
line-height: 18px;
font-weight:bold;
}

.error {
margin-left: 100px;
}

#contactform fieldset ul {
margin-left:0px;
}