@charset "UTF-8";

/* CSS Document by rolf eichenberger - seestrasse 231 - 8820 waedenswil - www.ico.ch */
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a
{
	font-weight: bold;
	color: #E20A16;
	text-decoration: none;
}

a:hover
{
	color: #E20A16;
	text-decoration: underline;
}

a img { border: 0 none; }

.mail
{
	font-weight: bold;
	color: #333;
}

.mail:hover
{
	color: #666;
	text-decoration: none;
}



td, li
{
	font-size: 13px;
	line-height: 128%;
	letter-spacing: 1px;
}

p, .bodytext
{
	font-size: 13px;
	line-height: 128%;
	text-align: left;
	letter-spacing: normal;
}


td
{
	vertical-align: top;
	text-align: left;
}

h1, h2, h3
{
	font-family: Arial, Helvetica, sans-serif;
	color: #E20A16;
	background-color: transparent;
}

h1
{
	font-size: 16px;
	padding-bottom: 7px;
}

h2
{
	font-size: 14px;
	padding-bottom: 6px;
}

h3
{
	font-size: 12px;
	padding-bottom: 3px;
}
ul { 
	list-style-type: none; 
}

/*------------------------------
  main layout start
  ------------------------------*/


html, body {
	height:100%;

}

body {
	background:url(logo.jpg) top left no-repeat;
	background-color: #CFCFCF;
}

#container {
	clear: both;
	margin:0 auto 0 auto;
	width: 1045px;
	background:url(bg_content.jpg);
}

#main { 
}

#header {
	position:absolute;
	width: 1045px;
	height: 305px;
	background-color:transparent;
	background:url(bg_header.png) no-repeat;
}

#header_home { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_home.jpg) no-repeat; }
#header_about { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_about.jpg) no-repeat; }

#header_label_cars { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_label_cars.jpg) no-repeat; }
#header_label_nets { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_label_nets.jpg) no-repeat; }
#header_label_signs { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_label_signs.jpg) no-repeat; }
#header_label_displays { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_label_displays.jpg) no-repeat; }
#header_label_tarpaulins { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_label_tarpaulins.jpg) no-repeat; }
#header_label_diverse { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_label_diverse.jpg) no-repeat; }

#header_production_advice { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_production_advice.jpg) no-repeat; }
#header_production_digital{ position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_production_digital.jpg) no-repeat; }
#header_production_lamination { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_production_lamination.jpg) no-repeat; }
#header_production_eye { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_production_eye.jpg) no-repeat; }
#header_production_plot { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_production_plot.jpg) no-repeat; }
#header_production_factory { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_production_factory.jpg) no-repeat; }

#header_montage_nets { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_montage_nets.jpg) no-repeat; }
#header_montage_systems { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_montage_systems.jpg) no-repeat; }
#header_montage_cars { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_montage_cars.jpg) no-repeat; }
#header_montage_fit { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_montage_fit.jpg) no-repeat; }
#header_montage_signs { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_montage_signs.jpg) no-repeat; }

#header_displays_asialine { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_displays.jpg) no-repeat; }
#header_displays_kickdown { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_displays.jpg) no-repeat; }
#header_displays_euroroll { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_displays.jpg) no-repeat; }
#header_displays_xxxxxx { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_displays.jpg) no-repeat; }
#header_displays_flag { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_displays.jpg) no-repeat; }
#header_displays_megatower { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_displays.jpg) no-repeat; }

#header_promo_articles { position:absolute; z-index: 10; top:84px; width: 1045px; height: 222px; background:url(hd_promo_articles.jpg) no-repeat; }


#content { 
	min-height: 868px;
}

#content_table {
	padding-top:302px;
	margin-left: 57px;
	width:933px;
	
}

#column_top {
	width:885px;
	height: auto;
	margin-left:70px;
	padding:60px 24px 12px 24px;
	background:transparent;
}


#column_left {
	width: 262px;
	padding: 24px 24px 12px 24px;
	/*background: yellow;*/
}

#column_middle {
	width: 262px;
	padding: 24px 24px 24px 24px;
	/*background: red;*/
}

#column_right{
	width: 262px;
	padding: 24px 24px 24px 24px;
	/*background: purple;*/
}

address, #logo {
	position: absolute;
	left: -999em;
}

#content_foot {
	margin-left: 57px;
	width:885px;
	/*background:aqua;*/
	padding-left:24px;
	padding-right:24px;
}

#content_foot {

}

#footer {
	width:1045px;
	height:32px;
	background:url(bg_footer.jpg);
}

#footer p {
	font-size: 9px;
	color:#4E4A49;
	text-align: right;
	padding-top: 14px;
	padding-right:36px;
}

#footer a {
	color:#4E4A49;
	font-weight: normal;
}


.gmap {
	text-align: center;
}

/*.csc-textpic-imagewrap,
.csc-textpic-single-image { margin-bottom: -16px; }*/

.image_spacer_bottom { height:24px; }

/*------------------------------
  main layout end
  ------------------------------*/
  
  
  
#nav_top {
	position: absolute;
	z-index: 10;
	width:992px;
	height: 24px;
	top:60px;
	/*margin-left:555px;
	background:fuchsia;*/
}

#nav_top ul { 

}

#nav_top li {
	display: inline;
	list-style: none;
	float:right;
	text-align: right;
}

.nav_top_child,
.nav_top_cur_child,
.nav_top_last_child,
.nav_top_cur_last_child {
	padding-right: 12px;
	padding-left: 12px;
}
  

.nav_top_first_child,
.nav_top_cur_first_child {
	padding-right: 24px;
	padding-left: 12px;
}

#nav_top a:hover {
	color:#E20A16;
}

.nav_top_first_child a,
.nav_top_child a,
.nav_top_last_child a {
	color:#333;
}

.nav_top_cur_first_child a,
.nav_top_cur_child a,
.nav_top_cur_last_child a {
	color:#E20A16;
}



/* ############################################### */

div#navMain {
	position: absolute;
	z-index: 10;
	width: 1045px;	
	top:305px;
	background:url(bg_navi.png);
}

div#navMain ul {
	list-style:none;
	height: 36px;
}

div#navMain ul li {
	display: inline;
}

div#navMain ul li a {
	float: left;
	font-size: 15px;
}

div#navMain ul li a:hover {
	text-decoration: none;
}


div#navMain ul li ul {
	position:absolute;
	top:36px;
	left:80px;	
	width: 885px;
	height: 24px;
	display:none;
	list-style:none;
	background:url(bg_lev2.png);	
}

div#navMain ul li ul li {
	height:24px;
	float:left;
}

div#navMain ul li ul li a {
	width:147px;
	height:24px;
	display: inline;
	font-size: 12px;
	color:#0B3A7C;	
	background:none;
}

div#navMain ul li ul li a:hover {
	text-decoration: underline;
	color:#0B3A7C;
}


div#navMain ul li ul li ul {
	margin-left:0px;
	background:none;
}

div#navMain ul li ul li ul li  {
	/*float:left;*/
	display:block;
	border:0px;
	width:auto;
	background:none;
}

div#navMain li.lev1_first_child ul ul, div#navMain li.lev1_cur_first_child ul ul, div#navMain li.lev1_child ul ul, div#navMain li.lev1_cur_child ul ul, div#navMain li.lev1_last_child ul ul, div#navMain li.lev1_cur_last_child ul ul {
	background:none;
	/*left:0px;*/
	height:auto;
	width:140px;
	top:20px;
	display:none;
}

div#navMain li:hover ul {
	display:block;
}

div#navMain li.lev1_first_child li:hover ul, 
div#navMain li.lev1_child li:hover ul, 
div#navMain li.lev1_cur_child li:hover ul, 
div#navMain li.lev1_last_child li:hover ul {
	display:block;
}

div#navMain .lev1_cur_first_child ul, 
div#navMain .lev1_cur_child ul, 
div#navMain .lev1_cur_last_child ul {
	display:block;
}

/* hide active lev3 navi */
/*
div#navMain .lev1_cur_child ul li.lev2_cur_first_child ul, 
div#navMain .lev1_cur_child ul li.lev2_cur_child ul, 
div#navMain .lev1_cur_child ul li.lev2_cur_last_child ul {
	display:block;

}
*/



.lev1_first_child a {
	width:158px;
	height:36px;
	padding-left:33px;
	text-align:center;
	color:#fff;
	line-height: 36px;

}

.lev1_first_child a:hover {
	width:158px;
	height:36px;
	padding-left:33px;
	text-align:center;
	color:#fff;
	line-height: 36px;
	background:url(lev1_first_child_hover.png);
}

.lev1_cur_first_child a {
	width:158px;
	height:36px;
	padding-left:33px;
	text-align:center;
	color:#fff;
	line-height: 36px;
	background:url(lev1_first_child_hover.png);
}

.lev1_child a {
	width:165px;
	height:36px;
	text-align:center;
	color:#fff;
	line-height: 36px;
}

.lev1_child a:hover {
	width:165px;
	height:36px;
	text-align:center;
	color:#fff;
	line-height: 36px;
	background:url(lev1_child_hover.png);
}

.lev1_cur_child a,
.lev1_act_child a {
	width:165px;
	height:36px;
	text-align:center;
	color:#fff;
	line-height: 36px;
	background:url(lev1_child_hover.png);
}


.lev1_last_child a {
	width:161px;
	height:36px;
	padding-right:33px;
	text-align:center;
	color:#fff;
	line-height: 36px;
}

.lev1_last_child a:hover {
	width:161px;
	height:36px;
	padding-right:33px;
	text-align:center;
	color:#fff;
	line-height: 36px;
	background:url(lev1_last_child_hover.png);
}

.lev1_cur_last_child a {
	width:161px;
	height:36px;
	padding-right:33px;
	text-align:center;
	color:#fff;
	line-height: 36px;
	background:url(lev1_last_child_hover.png);
}

.lev2_first_child a,
.lev2_child a,
.lev2_last_child a {
	line-height: 20px;
	width:160px;
	font-weight:normal;
}

.lev2_first_child a:hover,
.lev2_child a:hover,
.lev2_last_child a:hover {
	line-height: 20px;
	text-decoration: underline;
	background:yellow;
}

.lev2_cur_first_child a,
.lev2_cur_child a,
.lev2_cur_last_child a,
.lev2_act_first_child a,
.lev2_act_child a,
.lev2_act_last_child a {
	line-height: 20px;
	font-weight:bold;
}


.lev3_first_child a,
.lev3_child a,
.lev3_last_child a {
	line-height: 20px;
	width:160px;
	font-weight:normal;
}


/*
##################################################################
	NAVIGATION MAIN END
##################################################################
*/



/*------------------------------
  contact form -->
  ------------------------------*/
#contactform { 
	width: 885px; 
	font-size: 12px; 
	background:url(bg_contact.jpg) top left no-repeat;
}

#contactform fieldset { border: 0 none; }

#contactform li { width: 600px; }

#contactform label { 
	width: 230px; 
	float: left; 
	color: #303; 
	background-color: #fff; 
}
#contactform input { 
	width: 320px; 
	padding: 2px 2px;  
	border: 0 none; 
	border-bottom: 1px dotted #AC1919; 
	color: #333; 
	background: #fff; 
}

#contactform input.submit { 
	width: 80px; 
	height:24px; 
	border: 0 none; 
	color: #fff; 
	background: #AC1919; 
}

#contactform input.submit:hover { 
	color: #fff; 
	background: #1A4078; 
}

#contactform input.checkbox { 
	width: 16px; 
	border: 0 none; 
}

#contactform textarea { 
	width: 316px; 
	height: 92px; 
	padding: 2px 4px; 
	border: 1px solid #AC1919; 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #303; 
	background: #fff; 
}

#contactform li.spacer { height:24px; }

.mandatory { font-size: 9px; }

.asterix { color:#C20202; }


/* formhandler contact form --> */

#captchabox { width: 550px; height:200px;  }

/* <-- formhandler contact form */

/*------------------------------
  <-- contact form
  ------------------------------*/
  
#gallery_container {
	position: relative;
	width: 885px;
	height: 587px;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#ssp_gallery {  margin-left: 80px; padding-top: 380px; height: 620px; width: 885px; }