/* webiteasy own */
/*****************************************************/
/* LAYOUT */
/*****************************************************/
*{
  padding:0;
  margin:0;
  
}
html, body{
  height: 100%; /* wichtig */  
  background: #fff;
  text-align:left;   
}
#outer_wrap{
  width:1024px;  
  margin:0 auto;
  position: relative;  
  /* begin full height */
  min-height: 100%;
  height:auto !important;/* moderne Browser */
  height:100%; /* IE */   
  /* end full height */ 
 
}
#header{
  height:604px;
  position: relative;
}
#header_nav{
  background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bg-hauptnav.jpg) no-repeat top left;
  height: 45px;
  position: relative;
  margin: 0 auto;
  width: 947px;
  padding-left: 53px;
}
#header_lines_left{
	background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bg-linkeSpalte.jpg) no-repeat top left;
  height: 101px;
  position: absolute;
  top: 69px;
  left: 51px;
  width: 450px;
}
#header_lines_right{
  background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/logo.jpg) no-repeat top left;
  height: 322px;
  position: absolute;
  top: 69px;
  right: 55px;
  width: 450px;
}
#small_content{
	position: absolute;
	top: 153px;
	height: 444px;
	width: 426px;
	left: 63px;
}
#mini_nav{
  background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bg-metanav.jpg) no-repeat top left;
  height: 29px;
  line-height: 29px;
  position: absolute;  
  top: 401px;
  right: 55px;
  width: 448px; 
}
#mini_nav_inner{
  padding: 0px 0px 0px 20px;
  color: #82ffff;
  text-transform: uppercase; 
}

#referenz_slider{
  background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bg-referenzslider.jpg) no-repeat top left;
  height: 163px;
  position: absolute;  
  top: 442px;
  right: 55px; 
}
#header_logo{  
  position: absolute; top: 84px; left: 755px;
  width: 182px;
  height: 158px;
}
#header_breadcrumbs{
	position: absolute;
	top: 96px;
	left: 63px;
	width: 405px;
	height: 12px;	
	padding-left: 45px;
	background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bredcrump-intro.png) no-repeat top left;	
}
#header_breadcrumbs_inner{
	position: absolute;
	top: -5px;
  width: 380px;
  line-height: 19px;	
}

#inner_wrap{
  float: none;
  width:100%;
  padding-bottom:204px; /*wichtig! an "footer"-height anpassen*/  
}
.boxes_top{
	height: 350px;
	overflow: hidden;
	font-size: 10px;

}
.boxes_bottom{
  padding-top: 20px;
}
#box1{
  position: relative; left: 0px; top: 0px; 
  margin-left: 61px;
  float: left;
  width: 208px; 
}
#box1_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:0px;    
  overflow: hidden;  
}
#box2{
  position: relative; left: 0px; top: 0px; 
  float: left;
  width: 208px;
  margin-left: 22px;
}
#box2_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:0px;    
  overflow: hidden;  
}
#box3{
  position: relative; left: 0px; top: 0px; 
  float: left;
  width: 208px;
  margin-left: 22px; 
}
#box3_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:0px;    
  overflow: hidden;  
}
#box4{
  position: relative; left: 0px; top: 0px; 
  float: left;
  width: 208px;
  margin-left: 22px;    
}
#box4_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding:0px;    
  overflow: hidden;  
}
#main{
  position: relative; left: 0px; top: 0px; 
  width:100%; /*raw space for the content_inner should never be less then 440px*/ 
  background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/linie-komplette-breite.jpg) no-repeat 50px bottom;
  margin-bottom: 10px;
}
#main_inner{
  position: relative; /*wichtig wegen IE6, zeigt sonst keine backgrounds von innern divs an*/
  padding: 23px 55px 47px 62px;
  overflow: hidden;     
}
#footer {
  position: relative;
  width:100%;
  height:204px;
  background: #005397;
  margin: -204px auto 0 auto;
  clear: both; 
}
#footer_inner{
  background: #005397 url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bg-footer.jpg) repeat-y 12px 0px;
  width: 1024px;  
  margin: 0px auto 0 auto;
  height: 204px;
  position: relative;
}

#unsere_angebote{
	background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/bg-unsereAngebote-Footer.png) no-repeat 0px 0px;
	height: 161px;
	width: 445px;
	position: relative;
	top: 20px;
	left: 60px;  
	padding-top: 1px;
	padding-left: 2px;
	color: #84fcfd; 
	text-transform: uppercase;
}
#unsere_angebote a{
  color: #fff; 
}
#unsere_angebote a:hover{
  color: #84FCFD;  
}
#unsere_angebote td {
  padding-bottom: 7px;;  
}
#unsere_angebote li {
  line-height: 10px;
 
}


#arrow{
  position: absolute;
  background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/arrow.png) no-repeat 0px 0px;
  height: 99px;
  width: 114px;
  top: 105px;
  left: 573px;  
}
#address{
  position: absolute;
  /*background: url(http://www.wns.ch/themes/webiteasy/images/webiteasy/address.png) no-repeat 0px 0px;*/
  height: 155px;
  width: 203px;
  top: 24px;
  left: 752px;  
}

/*****************************************************/
/* NAVIGATION */
/*****************************************************/
ul.nav-header li{ /* all li elements in the navigation */
    list-style-type: none;
    padding: 0px 20px 1px 20px;    
    margin-bottom: 4px;
    background: #ccc; 
}
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 */
  text-decoration: none;   
  color: #fff;
}
ul.nav-header a:hover { /* all link:hover elements in the navigation */
  text-decoration: none;    
  color: #4d6280;
}
ul.nav-header li.nav-selected{ /* all active elements in the navigation */
  background: #fff;     
}
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: #4d6280;
  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: #4d6280; 
}

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

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


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