@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: 12px; }

a { font-weight: bold; color: #900; text-decoration: none; }
a:hover { color: #900; text-decoration: underline; }
a img { border: 0 none; }

.mail { font-weight: bold; color: #333; }
.mail:hover { color: #666; text-decoration: none; }

p, .bodytext { font-size: 12px; line-height: 128%; text-align: left; }

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

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; color: #900; 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; }

.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }

/*------------------------------
  main layout -->
  ------------------------------*/
html, body { width:100%; }
body { background:#000; }

#container { position:absolute; width: 960px; top:16px;left:50%; margin-left: -480px; }
#main { background:url(bg_main.jpg) top left; }
#header_home { width: 960px; height: 192px; background:url(bg_hd_home.jpg) no-repeat; }
#header_gallery { width: 960px; height: 192px; background:url(bg_hd_gallery.jpg) no-repeat; }
#header_press { width: 960px; height: 192px; background:url(bg_hd_press.jpg) no-repeat; }
#header_order { width: 960px; height: 192px; background:url(bg_hd_order.jpg) no-repeat; }
#header_map { width: 960px; height: 192px; background:url(bg_hd_map.jpg) no-repeat; }
#header_divers { width: 960px; height: 192px; background:url(bg_hd_divers.jpg) no-repeat; }
#header_contact { width: 960px; height: 192px; background:url(bg_hd_contact.jpg) no-repeat; }
#content { min-height: 620px; background: url(bg_content.jpg) left top no-repeat; }
#col_main { width: 550px; margin-left:160px; padding-right:32px; padding-top:110px; }
#col_right { width: 200px; margin-top:136px; height: auto; }
#footer { height:48px; background: url(bg_foot.jpg) left top no-repeat; }

#conception { padding:12px 0 0 3px;}
#conception a { font-size:9px; font-weight: normal; color:#fff; }

#tcl { width:760px; }
#tcr { width:200px; }

#language_selector { position: absolute; top:212px; margin-left:42px; }
.language-divider, #language_selector a {font-size: 15px; font-weight: bold; color:#C20202; }
#language_selector_off { position: absolute; top:212px; margin-left:42px; color:#ccc; font-weight:bold;}
.language-divider_off, #language-selector_off b {font-size: 15px; font-weight: bold; color:#ccc; }

#newsbox { width: 176px; height:232px; margin:16px 0 0 12px; background: url(bg_news.jpg) left top no-repeat; }
#news { padding:12px; color:red; }

#contact_address { width:200px; height:78px; }
address, #logo { position: absolute; left: -999em; }

/*------------------------------
  <-- main layout
  ------------------------------*/
  
/*------------------------------
  navigation -->
  ------------------------------*/

#nav { width: 200px; font-weight: normal; text-decoration: none; }

/* level 1 */
#nav li {
	line-height:16px;
	list-style: none;
	color:#fff;
	font-size: 12px;
	letter-spacing: 1px;
	border-bottom: solid 1px #C20202;
}

#nav li li {
	line-height:14px;
	font-size: 11px;
	border-bottom:none;
	border:none;
}

#nav li li li{
	line-height:12px;
	font-size: 10px;
}

#nav li a {
	display:block;
	font-weight: normal;
	color:#fff;
	padding-left:24px;
	text-decoration: none;
}

#nav li li a { padding-left:36px; }

/* level 2 --> */

.lev1_cur_first_child a,
.lev1_cur_child a,
.lev1_cur_last_child a,
.lev1_act_first_child a,
.lev1_act_child a:hover,
.lev1_act_last_child a {
	background-color:#C20202;
}

.lev1_first_child a:hover,
.lev1_child a:hover,
.lev1_last_child a:hover,
.lev1_cur_first_child a:hover,
.lev1_cur_child a:hover,
.lev1_cur_last_child a:hover,
.lev1_act_first_child a:hover,
.lev1_act_child a:hover,
.lev1_act_last_child a:hover {
	background-color:#C20202;
}

.lev2_first_child a,
.lev2_child a {
	background:url(bg_lev2.jpg) no-repeat;
}

.lev2_last_child a {
	background-color:#990000;
}

.lev2_first_child a:hover,
.lev2_child a:hover,
.lev2_last_child a:hover { 
	background:none; 
	background-color:#C20202; 
}

.lev2_cur_first_child a,
.lev2_act_first_child a,
.lev2_cur_child a,
.lev2_act_child a,
.lev2_cur_first_child a:hover,
.lev2_act_first_child a:hover,
.lev2_cur_child a:hover,
.lev2_act_child a:hover { 
	background-color:lime;
	background:url(bg_lev2_act.jpg) no-repeat;
}

.lev2_cur_last_child a,
.lev2_act_last_child a,
.lev2_cur_last_child a:hover,
.lev2_act_last_child a:hover {
	background:url(bg_lev2_last_act.jpg) no-repeat;
}
/* <-- level 2 */

/* level 3 --> */
.lev3_first_child a,
.lev3_child a,
.lev3_last_child a,
.lev3_cur_first_child a,
.lev3_cur_child a,
.lev3_cur_last_child a,
.lev3_act_first_child a,
.lev3_act_child a,
.lev3_act_last_child a{
	background:none;
	background-color:#990000;
}

.lev3_first_child a:hover,
.lev3_child a:hover,
.lev3_last_child a:hover,
.lev3_cur_first_child a:hover,
.lev3_cur_child a:hover,
.lev3_cur_last_child a:hover,
.lev3_act_first_child a:hover,
.lev3_act_child a:hover,
.lev3_act_last_child a:hover {
	background:none;
	background-color:#C20202;
}
/* <-- level 3 */
/*------------------------------
  <-- navigation
------------------------------*/

/*------------------------------
  forms -->
  ------------------------------*/
    
/*------------------------------
  contact form -->
  ------------------------------*/
#contactform { width: 550px; font-size: 12px; background:url(bg_form.jpg) top left no-repeat; }
#contactform fieldset { border: 0 none; }
#contactform li { width: 398px; }
#contactform label { width: 96px; float: left; color: #303; background-color: #fff; }
#contactform input { width: 198px; padding: 2px 2px;  border: 0 none; border-bottom: 1px dotted #C20202; color: #333; background: #fff; }
#contactform input.submit { width: 80px; height:24px; border: 0 none; color: #fff; background: #900; }
#contactform input.submit:hover { color: #fff; background: #C20202; }
#contactform input.checkbox { width: 16px; border: 0 none; }
#contactform textarea { width: 198px; height: 92px; padding: 2px 4px; border: 1px solid #C20202; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #303; background: #fff; }
/*#contactform textarea.comments { height: 60px; background:lime;}*/
#contactform li.spacer { height:24px; }
/*------------------------------
  <-- contact form
  ------------------------------*/

/*------------------------------
  visit form -->
  ------------------------------*/
#visitform { width: 550px; font-size: 12px; }
#visitform fieldset { border: 0 none; }
#visitform li { width: 550px; }
#visitform label { width: 260px; float: left; color: #303; background-color: #fff; }
#visitform input { width: 284px; padding: 2px 2px; border: 0 none; border-bottom: 1px dotted #C20202; color: #333; background: #fff; }
#visitform input.submit { width: 80px; height:24px; border: 0 none; color: #fff; background: #900; }
#visitform input.submit:hover { color: #fff; background: #C20202; }
#visitform input.checkbox { width: 16px; border: 0 none; }
#visitform textarea { width: 280px; height: 92px; padding: 2px 4px; border: 1px solid #C20202; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #900; background: #fff; }
/*#visitform textarea.comments { height: 60px; background:lime;}*/
#visitform li.spacer { height:24px; }
/*------------------------------
  <-- visit form
  ------------------------------*/

.mandatory { font-size: 9px; }

.asterix { color:#C20202; }

/*------------------------------
  <-- forms
  ------------------------------*/

#gmap {
	position: absolute;
	top: 332px;
	width: 550px;
	height: 410px;
	vertical-align: top;
	padding: 0;
	margin: 0;
}


#gallery_container {
	position: absolute;
	top: 332px;
	width: 550px;
	height: 446px;
	vertical-align: top;
	padding: 0;
	margin: 0;
}