/*---------------------------------------------------------
Cascading Style Sheets for typo3.org, typo3.com 
and association.typo3.org
-----------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	background: url('http://typo3.org/fileadmin/templates/images/background-greygradient.gif') repeat-x; */
	background-color: white;
	padding: 0;
	margin: 0;
	/*Seems pointless - BOH */
	/*min-width: 764px;*/
	font-size: 13px;
}

a {
	color: #222;
        text-decoration:none;
}

a:visited {
	color: #222;	
        text-decoration:none;
}

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

img {
	border: none;	
}

.warning {
	color: #DB7388;
	font-weight: bold;
}


h1.csc-firstHeader, h2.csc-firstHeader {
	font-size: 24px;
	color: #0181C0; 
	margin: 0 0 26px 0;
	font-weight: normal;
}

/* Create second-level header */ 
.csc-header h1 { 
	font-size: 12px; 
	color: #0181C0;
	margin: 15px 0 10px 0; 
	font-weight: normal; 
}

h1.underlined, h2.underlined {
	font-size: 12px;
	padding: 0 0 10px 0;
	background: url('http://typo3.org/fileadmin/templates/images/underlined_headline_bg.gif') repeat-x 0 24px;	
	margin: 10px 0 14px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 16px 0;
}

input, select, option {
	font-size: 12px;
}

p {
	font-size: 12px;
	line-height: 20px;
	margin: 16px 0;
}

th, td {
	font-size: 12px;	
}


/* tectis statt 764px */

#typo3org-container,
#typo3com-container {
	width: 998px;
	background-color: #FFF;
}

#typo3org-container {
	width: 998px;
}

div, ol, ul, li, img, form, select, input, table, td {
	margin: 0;
	padding: 0;	
}

div.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}


#sep-column{
	width: 15px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        border: none;
	background-color: #00ff00;
}

/*-------------------- left-column -----------------*/

#left-column {
	width: 193px;
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 1px;
/*
        border-bottom: 22px solid #FF00FF;
        border-top: 22px solid #FF00FF;
*/
}

/*-------------------- main-column -----------------*/

#main-column ol {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 0;
	padding: 0 0 0 0;
        border-top: 22px solid #333;
}

#main-column ol li {
	padding: 0 0 0 15px;
	margin: 10px 0 10px 15px;
}


#main-column ul {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 15px;
	list-style-type: none;
}

#main-column ul li {
	/* background: url('http://typo3.org/fileadmin/templates/images/background-li.gif') no-repeat 4px 8px; */
	padding: 0 0 0 15px;
	margin: 10px 0 10px -15px;
	font-size:11px;
}

/* 23.07.2008 788px STATT 738px */

#main-column, #main-header {
	width: 788px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
html>body #main-column, main-header { width: 788px; }


#rightcolumn {
	width: 389px;
	margin: 0 0 0 0px;
	padding: 1px 0px 0px 15px;
background-color:#333;

}


/*-------------------- main-nav --------------------*/

#main-nav {
	font-size: 11px;
	line-height: 19px;
	color: #FFF;
	width: 998px; 
	height: 21px;
	margin-right: 0px;
	background-color: #0081BF;			/* jsch */
	border-top: solid 1px #0081BF;
	border-bottom: solid 1px #004566;
	clear: both;
}

#main-nav ul {
	list-style-type: none;
	height: 21px;
	border-left: solid 1px #0081BF;	
	margin: 0 0 0 10px;	
}

#main-nav li {
	float: left;
}

#main-nav li a {
	color: #FFF;
	text-decoration: none;
	border-right: solid 1px #0081BF;
	border-top: solid 1px #009FEC;
	border-left: solid 1px #FFF;			/* jsch */
	padding: 0 15px 0 13px;
	display: block;
	float: left;
}

#main-nav li a:hover {
	background-color: #0081BF;
	border-top: solid 1px #0DB0FF;
        text-decoration: none;				/* jsch */
}

#main-nav li.act a {
	font-weight: bold;	
	background-color: #0DB0FF;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;			/* jsch */
        text-decoration: none;				/* jsch */
}

#main-nav li.act a:hover {
	border-top: solid 1px #FFF;
        text-decoration: none;				/* jsch */
}
        

/*-------------------- sub-nav --------------------*/

/* 182 = 193-11 -> #left-column { width: 193px; */

div#sub-nav {
	width: 182px;
	margin: 0px 0px 0px 0px;
}

div#sub-nav-title {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: white;
	background-color: #009FEC;	
	padding: 0 0 2px 11px;
}

div#sub-nav a {
	font-size: 11px;
	line-height: 19px;
	color: #333;
	text-decoration: none;
}

div#sub-nav a:hover {
	text-decoration: underline;
}

div#sub-nav a.act {
	background-color: #0DB0FF;
	font-weight: bold;
}

div#sub-nav li {
	width: 182px;
}

div#sub-nav ul#sub-level1 {
	border-bottom: solid 0px #0081BF;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	width: 182px;
}

/* keine Grundfarbe wenn nicht aktiv, so kann diese individuell gesetzt werden */
div#sub-nav ul#sub-level1 li {
       background-color:#009FEC;		 /* verschoben */	
        border-bottom:1px solid #DEDEDE;	
        color:#000;
	display: block;
	margin: 0px 0px 0px 0px;
        padding: 4px 0px 0px 11px;
	width: 182px;
}

/* Grundfarbe Menü aktiv */
div#sub-nav ul#sub-level1 li.act {
        background-color:#DEDEDE;
        color:#fff;
        font-weight:bold;
        width: 182px;
}

div#sub-nav ul#sub-level2 li.act {
/*	background: url('http://localhost:8506/fileadmin/template/main/images/box-subnav.gif') no-repeat 12px 3px; */
}

div#sub-nav ul#sub-level2 {
	list-style-type: none;
}

div#sub-nav ul#sub-level2 li a {
	font-size: 11px;
	line-height: 15px;
	width: 140px;
	background: none;
	padding: 0;
	margin: 0 0 0 22px;	
	display: block;
}

div#sub-nav ul#sub-level3 li.act {
/*	background: url('http://localhost:8506/fileadmin/template/main/images/box-subnav.gif') no-repeat 23px 3px; */
}

div#sub-nav ul#sub-level3 {
	list-style-type: none;
}

div#sub-nav ul#sub-level3 li a {
	font-size: 11px;
	line-height: 15px;
	width: 140px;
	background: none;
	padding: 0;
	margin: 0 0 0 32px;
	display: block;
}


/*-------------------- baustellen ----------------*/

/* 182 = 193-11 -> #left-column { width: 193px; */

p.header_baustellen {
	width: 182px;	
	margin:40px 0px 0px 0px;
	color: white;
	background-color: #c0c0c0;	
	padding: 0 0 2px 11px;
}

div#baustellen-nav {
	width: 182px;	
	margin:40px 0px 0px 0px;
}

div#baustellen-nav-title {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: white;
	background-color: #c0c0c0;	
	padding: 0 0 2px 11px;
}


div#baustellen-nav a {
	font-size: 11px;
	line-height: 19px;
	color: #333;
	text-decoration: none;
}

div#baustellen-nav a:hover {
	text-decoration: underline;
}

div#baustellen-nav li {
	width: 182px;
}

div#baustellen-nav ul#baustellen_nav {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	width: 182px;
}

div#baustellen-nav ul#baustellen_nav li {
        background-color: #c0c0c0;
/*	border-bottom: 1px solid #0081BF;	*/

        border-bottom:1px solid #DEDEDE;
        color:#000;
	display: block;
	margin: 0px 0px 0px 0px;
        padding: 4px 0px 0px 11px;
	width: 182px;
}


/*-------------------- footer --------------------*/

#footer {
	font-size: 10px;
	text-align: right;	
	color: #8C8C8C;	
	width: 998px;
	border-top: solid 1px #8C8C8C;
	margin: 0px;
	padding: 6px 0 0 0;
	clear: both;
}

/*TODO: Need to add some kind of clear under the footer*/
#footer-copyright {
	float: left;
	width: 80%;
}

#footer img {
	margin: 0 0 5px 0;
	float: right;	
}


/*-------------------- rootline-nav --------------------*/

#rootline-nav {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #FFF;
	width:auto; /*TODO: check cross browser*/
	height: 35px;
	background-color: #8C8C8C;
	border-bottom: solid 1px #000;
	margin: 0 12px 40px 0;
}

#rootline-nav img {
	margin: 0 26px 0 0;
	float: left;
}

#rootline-path {
	padding: 10px 0 0 0;
}

#rootline-path a{
	color: #FFF;
}

/*-------------------- gmz_container --------------------*/

#gmz_container, #typo3com-container {
	width: 998px;
	background-color: #FFF;	
        border: 0px solid #345; 
}

#gmz_container {
	width: 998px;
}

#gmz_footer {
        clear:both;
        border-top: 1px solid #E2E2E2;
	text-align: right; 
	width: 996px;
}

#gmz-txt {
	position: absolut3;
        left:5px;
        top:300px;
}

p.footer_txt, p.gmz_txt {
        padding-top: 0px; margin-top: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;

}

p.gmz_txt { 
}

/*-------------------- header elements --------------------*/

#logo img {
	margin: 16px 0 0 20px;
}

#logo {
	width: 203px;
	height: 60px;
	margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
	float: left;
}

#services {
	font-size: 11px;
	line-height: 19px;	
	color: #515151;
	text-align: right;
	width: 243px;	
	margin: 10px 12px 0 0;
	float: right;
}

#services form {
	height: 24px;
}

#services label {
	vertical-align: middle;
}


.righttopmenu, .righttopmenu.visited, .righttopmenu:hover  {
	color: #333;
}

/*-------------------- MENÜ einrücken (test jsch) --------------------*/

li.act_level2, li.no_level2 { padding-left:15px; }
li.act_level3, li.no_level3 { padding-left:20px; }

li.act_level2, li.act_level3 { background-color:#DEDEDE; }
li.no_level2, li.no_level3 { background-color:#00ff00; }

li.no_level2, li.no_level3 {
	background: url('http://www.hallwyler.ch/uploads/pics/no_level2.gif');
        background-repeat: no-repeat;
        background-position: 0px 0px;
}

li.act_level2, li.act_level3 {
	background: url('http://www.hallwyler.ch/uploads/pics/act_level2.gif');
        background-repeat: no-repeat;
        background-position: 0px 0px;
}

a.link_inline_blue, a.link_inline_blue_left { color: #009FEC; font-weight:bold; textdecoration:none; float:right; padding-bottom:-12px;}
a.link_inline_blue:hover, a.link_inline_blue_left { textdecoration:underline; float:right; padding-bottom:-12px;}
a.link_inline_blue_left { float:left; }

/*
li.act_level2 {
	background: url('http://localhost:8506/fileadmin/template/main/images/box-subnav.gif') no-repeat 8px 9px;
}
*/


.fptable { font-size:11px; color:#333; border:1px solid #333; background-color:#c0c0c0; }

/* textbreite für die Inhalte */

.bodytext { width: 680px; line-height:16px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

a.mail { color:#000000; font-size:10px; text-decoration:none; }
a.mail:hover { color:#000000; font-size:10px; text-decoration:underline; }

#gmz_float {
    font-size:10px;
    color:#333;
    position: absolut; top:420px;
    position: absolute; left:5px; 
  }

#gmz_float2 {
    font-size:10px;
    color:#333;
    position: absolut; top:520px;
    position: absolute; left:5px; 
  }

#gmz_float3 {
    font-size:10px;
    color:#333;
    position: absolut; top:620px;
    position: absolute; left:5px; 
  }

/*-------------------- Hallwyler Tabellen --------------------*/


.tabledef { background-color: #efefef; border: 1px solid #dfdfdf; width:786px; }
td.fttop { vertical-align:top; padding:4px 2px 4px 2px; }


h1 { font-size: 20px; font-weight: bold; color: #0181C0;}

blockquote { padding-bottom:0px; } 


/* li { list-style-type: disc; } */



/*-------------------- Tabellen z.B. Firmengeschichte --------------------*/

td.td-0           { font-weight:bold;   vertical-align:top; color: #222; padding: 12px 10px 0px 0px; width; 80px}
td.td-1, p.subtbl { font-weight:normal; vertical-align:top; color: #222; padding: 12px 10px 0px 0px; width: 600px; line-height: 16px;}

td.td_maschinen { background-color:#cacaca; border:1px solid #DADADA; }

td.td_mulden { background-color:#cacaca; border:1px solid #DADADA; padding:1px 1px 1px 4px; }
td.td_mulden0 { background-color:#cacaca; padding:1px 1px 1px 6px; }
.frm_mulden { width:788px; background-color:#C0C0C0; }


/* 18.01.2009 */

.linkinline, .linkinline:hover, .linkinline:visited, .linkinline:visited:hover {font-weight: bold; font-decoration:underline;}

li.inline { 
   margin-left: 15px;
   font-weight:bold;
   list-style-type: square;
   list-style-position:inside;
}

.indent { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

a.tectis { color:#666; font-size:10px; text-decoration:none; }
a.tectis:hover, a.tectis:hover:visited { color:#333; text-decoration:underline; }

p.p_files { padding: 4px 0px 4px 0px; margin: 0px 0px 0px 0px; border-top: 1px dashed #333; font-weight:bold; }