/* only examples */
#justexamples{
  background: #fff url(https://kairosgmbh.ch/themes/wns/images/wns/background.gif) repeat-y top left;
  
  min-height: 20px;
  height:auto !important;/* moderne Browser */
  height:20px; /* IE */
}

/*****************************************************/
/* LAYOUT */
/*****************************************************/
/* begin tryout new css reset */
/* td, */
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, 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, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  /*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* end tryout new css reset */


/* css reset *//*
*{
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  outline: 0;  
  margin: 0;
}
*/

html, body{	
  height: 100%; /* wichtig */  
  background-color: #fff;
  text-align:left;  
  font-size: 11px;
}

h1{ 
  display: block;
font-size: 14px!important;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;}
h2{font-size: 13px!important;}
h3{font-size: 12px!important;}
h4,h5,h6{font-size: 11px!important;}

#outer_wrap{
  width:1100px;  
  margin:0;
  position: relative;  
}

.printt{ visibility: visible;}


#header{
  height:316px;
  background: #fff; 
  
}
#header_logo{  
  position: absolute; top: 36px; left: 0px;
  width: 276px;
  height: 153px;
  display:none;
}
#header_image{
  position: absolute; top: 0px; right: 0px;
  width: 700px;
  height: 316px;
  display:none;
}

#header_slogan{
  position: absolute;
top: 250px;
left: 135px;
height: 80px;
letter-spacing: 1px;
text-align: right;
font-size: 19px;
font-weight: bold;
color: #a8a8a8;
font-family: arial;
display:none;
}

#inner_wrap{
  float: none;
  width:100%;
  padding-bottom:20px;
  
}


.red_line{border-bottom: 1px solid #f00;}

#buttons{
float: right;
position: absolute;
left:930px;
width:200px;
top:0px;
}
#buttons a{padding:0px; margin:0px; float: left;}

#navigation{
  position: relative; left: 0px; top: 0px; 
  margin-top:1px;
  margin-bottom: 1px;
  float: left;
  width: 1100px;
  background: #f00;
  display:none;   
}
#navigation_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:1px 1px 1px 20px;    
  overflow: hidden;  
  width:900px;
}
#content{
  margin-top:-100px;
  position: relative; left: 30px; top: 0px;
  float:left;   
  width:650px; /*raw space for the content_inner should never be less then 440px*/ 
  color: #0f238c;
  font-family: verdana;
font-size: 11px;
line-height: normal!important;

}
#content_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:10px;
  overflow: hidden;   

}

#content_inner a{
  color:#0f238c;
  font-weight: bold;
}
#content_inner a:hover{color:#f00;}


#sidebar h1{color:#0f238c;}

#sidebar{
  display:none;
  position: relative; left: 230px; top: 0px;
  float:left;   
  width:220px;   
  
  padding-top:50px;
  font-family: verdana;
font-size: 11px;
color: #CC0000;
}

#sidebar a{color: #CC0000;}

#sidebar_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding: 2px 2px 2px 2px;
  overflow: hidden;    
}
#footer {
  position: relative;
  width:100%; 
  height:22px;
  background: #bba;
}

/*****************************************************/
/* NAVIGATION */
/*****************************************************/
ul.nav-header li{ /* all li elements in the navigation */
    list-style-type: none;
    padding: 1px 2px 1px 2px;    
    
     
    float: left;
}
ul.nav-header .level_1{ /* all level1 elements in the navigation */
   padding-left: 39px;
}
ul.nav-header .level_2{ /* all level2 elements in the navigation */
   padding-left: 50px;
}
ul.nav-header a{ /* all link elements in the navigation */


padding: 0 12px;
float: left;
color: #FFF;
font: bold 10px/21px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: 23px;
}
ul.nav-header a:hover { /* all link:hover elements in the navigation */
  text-decoration: none;    
  color: #f00;
  background-color: white;
}
ul.nav-header li.nav-selected{ /* all active elements in the navigation */
       background-color: white;
       color: #f00;
}
ul.nav-header li.nav-selected.level_0 { /* all active elements on level-0 in the navigation */
  background: #8291a6;     
}
ul.nav-header li.nav-selected.level_0 a, ul.nav-header li.nav-selected.level_0 a:hover {  /* all active link and link:hover elements on level-0 in the navigation */
  color: #f00;
  font-weight: bold;     
}
ul.nav-header li.nav-selected a, ul.nav-header li.nav-selected a:hover{  /* all active link and link:hover elements elements in the navigation */
 color: #f00;
}

/*****************************************************/
/* Default styles */
/*****************************************************/
.formBlockSurveyTable{
  width: 100%;  
}
.formBlockSurveyTable input.input{
 /* width: 95%;*/  
}
.formBlockSurveyTable input[type='text'],
.formBlockSurveyTable textarea, 
.formBlockSurveyTable input[type='email'] {
   width: 95%; 
}

/*****************************************************/
/* CCM Custom styles */
/*****************************************************/


/*****************************************************/
/* CUSTOM */
/*****************************************************/
/* customize_miscellaneous */ /* customize_miscellaneous */

/* Grid Styles! */
.row{ 
  margin-top: 10px; 
  clear: both;
}
.span_1, .span_940 {    
    display: block;
    min-height: 1px;
}
.span_140 {
    float: left;
    width: 140px;
    display: block;
    min-height: 1px;
}
.span_220 {
    float: left;
    width: 220px;
    display: block;
    min-height: 1px;
}
.span_300 {
    float: left;
    width: 300px;
    display: block;
    min-height: 1px;
}
.span_460 {
    float: left;
    width: 460px;
    display: block;
    min-height: 1px;
}
.span_470 { /*bad style, but necessary due to layout given*/
    float: left;
    width: 470px;
    display: block;
    min-height: 1px;
}
.span_600 {
    float: left;
    width: 600px;
    display: block;
    min-height: 1px;
}
.span_620 {
    float: left;
    width: 620px;
    display: block;
    min-height: 1px;
}
.span_20{
    margin-left: 20px;  
}