/* 
//	Copyright 2007 HGW Winterthur
//	CSS by Stefan Weber | weber@partner-partner.com 
*/


/* ././././././././././././ basic html elements ././././././././././././ */
html { 
   	margin: 0px;
	padding: 0px;
}

body { 
	font: 11px/14px verdana,arial;  
	color: #010101;  	
	margin: 0px; 
	padding: 0px;
	background-color: #bbb;
	}
p {
	margin-top: 0px; 
	text-align: left;
	font: 11px/14px verdana,arial;  
	}

DIV#contLeft P {
   margin-top: 10px;
}



img { 
   	border: 0px;
}
hr { 	
	margin: 0px;
	padding: 0px;
	}
h1 { 
	font: 18px/20px helvetica, arial, sans-serif;
	margin: 0 0 10px 0;
	padding-top: 10px;
	color: #97c524;
	}
h2 { 
	font: 16px/20px helvetica, arial, sans-serif;
	margin: 17px 0 10px 0; 
	color: #97c524;
	}
h3 { 
	font: 14px/17px helvetica, arial, sans-serif;
	margin: 0 0 10px 0;
	padding-top: 20px;
	color: #575757;
	}
h4 { 
	font: 12px/15px helvetica, arial, sans-serif;
	margin: 0 0 5px 0; 
 	padding: 0;
        font-weight: bold;
	color: #333;
	}
h5 { 
	font: 12px/15px helvetica, arial, sans-serif;
	margin: 10px 0 10px 0; 
 	padding: 0;
	color: #3e3e3e;
	}
h6 { 
	font: 9px/12px helvetica, arial, sans-serif;
	margin: 5px 0 0 0; 
 	padding: 0;
	color: #97c524;
	}
li {
	list-style: none;
	font: 12px/12px helvetica, arial, sans-serif;
	}

DIV {
   font: 12px/12px helvetica, arial, sans-serif;
}

/* ././././././././././././ layout divs ././././././././././././ */
#basic {  
	padding: 0;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #fff;
	background: #e9e9e9 url(images/hg.gif) repeat-x top left;
	}
#container {  
	width: 800px;
	padding: 0;
	margin: auto;
	text-align: left;
	background: #fff url(images/tophg.gif) repeat-x top left;
	}
#pageHeader { 
	width: 778px;
	height: 213px; 
	margin: 0px;
	padding: 11px 0 0 0px;
	text-align: left;
	background-color:#FFFFFF;
	border-top: 1px solid #efefef;
	clear: both;
	}
#content { 
	nopadding: 0 11px 11px 11px;
	margin: 0;
        margin-left: 10px;
	width: 777px;
        min-height: 450px;
        height: auto !important;
        height: 450px;

	}

#content_auto { 
#        padding: 0 11px 11px 11px;
        margin: 0;
        margin-left: 10px !important;
        margin-left: 0;
        margin-top: 10px;
        width: 777px;
        min-height: 450px;
        height: auto !important;
        height: 450px;

        }



#pageFooter { 
	font: 7.5pt/12pt verdana;
	color:#444;
	width: 760px;
	height: 220px;
	/*background: url(images/foothg.gif) repeat-x top left;*/
	background-color: #eaeaea;
	padding: 5px 20px 5px 20px; 
	margin: auto;
	}	


/* ././././././././././././ specific divs ././././././././././././ */
#logo
	{ 
	padding: 35px 0 5px 20px;
	margin: 0;
	height: 50px;
	}
#service
	{ 
	padding: 5px 15px 0 20px;
	margin: 0;
	height: 34px;
	width: 470px;
	float: right;
	}
#search {
  float: left;
  margin-left: 68px;
}

#navi { 
	padding: 0px;
	margin: 10px 0 0 0;
	width: 789px;
	height: 20px;
	text-align:right;
	}
#homePic { 
	width: 465px; 
	height: 212px;
	padding: 0;
	margin: 0;
	background-color:#efefef;
	float:left;
	}
#subPic { 
	width: 312px; 
	height: 212px;
	padding: 0;
	margin: 0;
	background-color:#efefef;
	float:left;
	}

#subPic IMG { 
        width: 312px;
        height: 212px;
}



.contPic { 
	padding: 0;
	margin: 0 5px 0 0;
	float:left;
	}

#homeTeaser { 
	background-color: #e8e8e8;
	width: 287px;
	height: 212px; 
	padding: 0 10px 0 15px;
	margin: 0 0 0 1px; 
	float:left;
	}
#subTeaser { 
	background-color: #f6f6f6;
	width: 433px;
	height: 212px; 
	padding: 0 15px 0 15px;
	margin: 0 0 0 1px; 
	float:left;
	}
	
#contLeft {
	float: left;
	width: 431px;
        padding: 0;
	margin: 0;
        padding-bottom: 15px;
	}
#contRight {  
	width: 312px;
	float: right;
	padding: 0;
	margin: 0;
	}
	
.cont1 { 
	margin: 0;
	width: 230px;
	float:left;
	margin-right: 10px;
	}
.cont2 { 
	margin: 0;
	width: 448px;
	float:left;
	margin-right: 10px;
	}
.trenner { 
	margin: 20px 20px 0 0;
	width: 3px;
	height: 145px;
	float:left;
	background: url(images/trenner.gif) repeat-y top left;
	}

.rightTitle { 
	margin: 1px 0 0 0;
        padding: 0;
	padding: 3px 15px 3px 15px;
	color: #FFFFFF;
	background-color:#97c524;
	width: 282px;
	}
.rightGreen { 
	margin: 1px 0 0 0;
	padding: 15px;
	color: #010101;
	background-color:#e2f0dd;
	width: 282px;
	}
.rightContainer { 
	margin: 1px 0 5px 0;
	padding: 2px;
	color: #010101;
	background-color:#f7f7f7;
	width: 279px;
	}

#credit { 
	padding: 0;
	margin: 30px 0 0 0;
	width: 760px;
	text-align:center;
	color:#999;
	font-size: 10px;
	}
	
/* ././././././././././././ font-styles ././././././././././././ */
#homeTeaser p {
	width: 286px;
	}
	

/* ././././././././././././ lists & tables ././././././././././././ */
#navi ul { 
	margin: 0;
	padding: 0;
	}
#navi ul li { 
	float: right;
	width: 80px;
	margin-left: 15px;
	}

#service ul { 
	margin: 3px 0 0 0;
	padding: 0;
	}
#service ul li { 
	float: right;
	color: #3ea31d;
	margin-left: 10px;
	}
	
ul#listview { 
	margin: 3px 0 0 0;
	padding: 0;
	}
ul#listview li { 
	margin: 10px 0 0 0;
	padding: 4px 0 4px 25px;
	background: url(/newlayout/images/arrow_white.gif) no-repeat center left; 
	}
ul#listview li.altern { 
	margin: 10px 0 0 0;
	padding: 4px 0 4px 25px;
	background: #f7f7f7 url(/newlayout/images/arrow_gray.gif) no-repeat center left; 
	}

ul#subnav { 
	margin: 0;
	padding: 0;
	width: 312px;
	}
ul#subnav li { 
	margin: 1px 0 0 0;
	padding: 4px 0 4px 0;
	background-color:#d4ebcd;
	}
ul#subnav li#subnavOn { 
	margin: 1px 0 0 0;
	padding: 4px 0 4px 0;
	background-color:#97c524;
	}

table.row { 
	width: 435px;
	margin-top: 20px;
	}
table.widerow {
	margin-top: 20px;
}

table.row td, table.widerow td { 
	margin: 0;
	padding: 2px 0 2px 0;
	border-top: 1px solid #d7d7d7;
	font-weight: bold;
	}
	
tr.header td {
	color: #97c524;
   border-top: 0;
}

SPAN.plain {
  font-weight: normal;
}


/* ././././././././././././ a styles DIV ././././././././././././ */
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #3ea31d;
	}
a:visited { 
	font-weight: normal;
	text-decoration: none;
	color: #3ea31d;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #3ea31d;
	}

#credit a { 
	text-decoration: none;
	color: #999;
	}
#credit a:hover { 
	text-decoration: none;
	color: #666;
	text-decoration: underline;
	}

#service a { 
	text-decoration: none;
	color: #333;
	font-size: 10px;
	}
#service a:hover { 
	text-decoration: none;
	color: #3ea31d;
	text-decoration: underline;
	}

/* ././././././././././././ a styles ././././././././././././ */

a.subnews:link, a.subnews:visited { 
	padding: 0;
	margin: 0;
	line-height: 27px;
	text-decoration: none;
	}
a.subnews:hover, a.subnews:active { 
	color: #333;
	padding: 5px 0px 4px 0px;
	text-decoration: none;
	}

#subnav a:link, #subnav a:visited { 
	color: #333;
	background: url(images/subArrow_off.gif) no-repeat center left;
	padding-left: 15px;
	margin: 0;
	display: block;
	text-decoration: none;
	}
#subnav a:hover, #subnav a:active { 
	color: #3ea31d;
	background: url(images/subArrow_off.gif) no-repeat center left;
	display: block;
	text-decoration: underline;
	padding-left: 15px;
	margin: 0;
	}

#subnavOn a:link, #subnavOn a:visited, #subnavOn a:hover, #subnavOn a:active { 
	color: #fff;
	background: url(images/subArrow_on.gif) no-repeat center left;
	display: block;
	padding-left: 15px;
	margin: 0;
	text-decoration: none;
	}


/* ././././././././././././ main navi ././././././././././././ */
ul#nav {
	margin: 2px 0 0 0;
	padding: 0;
	width: 788px;
	height: 28px;
	}
ul#nav li {
        padding:0;
        margin:0;
        display:block;
        float:right;
}

ul#nav li a {
        font-size: 11px;
        text-align: center;
        border: 0;
        display: block;
        nopadding: 7px 0 0 0;
        text-decoration: none;
}

ul#nav li A SPAN {
  display: block;
  height: 28px;
  line-height: 28px;
}

ul#nav li a SPAN.rl {
   background: url(/newlayout/images/rider_left_a.gif) no-repeat 0 0;
   width: 10px;
   float: left;
}

ul#nav li a SPAN.rm {
   background: url(/newlayout/images/rider_middle_a.gif) top left repeat;
   float: left;
   min-width: 30px;
   padding: 0px 4px;
}


ul#nav li a SPAN.rr {
   background: url(/newlayout/images/rider_right_a.gif) no-repeat 0 0;
   width: 10px;
   float: left;
}

ul#nav li.i a {
  color: #333;
}

ul#nav li.i a:hover {
  color: #3ea31d;
}


ul#nav li.i a SPAN.rl {
   background: url(/newlayout/images/rider_left_i.gif) no-repeat 0 0;
   width: 10px;
   float: left;
}

ul#nav li.i a SPAN.rm {
   background: url(/newlayout/images/rider_middle_i.gif) top left repeat;
   float: left;
   min-width: 30px;
   padding: 0px 4px;
}


ul#nav li.i a SPAN.rr {
   background: url(/newlayout/images/rider_right_i.gif) no-repeat 0 0;
   width: 10px;
   float: left;
}



div.metamenu {
  float: right;
}

div.metamenu a.active {
  color: black;
  text-decoration: underline;
}




/* forge definitions ***************************************************** /




/*** Tabbing definitions **********************************************/


.tab {
  display: none;
}


.tabheader {
  position: relative;
  z-index: 100;
}

.tabheader A {
  margin: 0 4px 0px 0px;
  display: block;
  float: left;
  padding:  0px 6px;

}

.tabheader-none {
  background-color: #EEffDD;
  border: 1px solid #AAAAAA;
  color: #AAAAAA;
  position: relative;
}

.tabheader-block {
  background-color: #B5DBA2;
  border: 1px solid #AAAAAA;
  border-bottom: 1px dotted #BBB;
  position: relative;
  color: black;
}


/*** Form definitions **********************************************/


TABLE.formbox {
  border-collapse: collapse;
  width: 780px;  height: 350px;
  background-color: #e5FfcE;
  border: 1px solid #B5DBA2;
  margin-top: 0px;
  position: relative;
  z-index: 1;
  top: -1px;
}

#loginbox {
  width: 200px;
  height: 100px;
}

#loginbox input {
  width: 80px;
}


TABLE.formbox TR {
  height: 20px;
}

TABLE.formbox TR.footer {
  background-color: #B5DBA2;
  color: white;
  font-weight: bold;
  text-align: center;
}


TABLE.formbox TR.header {
  background-color: #B5DBA2;
  color: black;
  font-weight: bold;
  text-align: center;
}

TABLE.formbox TR.body {
  height: 100%;
  vertical-align: top;
}

TABLE.formbox TR.header TD {
  font-weight: bold;
  padding: 0px 5px;
}


TABLE.formbox TR.header TD.tabs{
  text-align: right;
  padding: 0;
}

TABLE.formbox TD {
  padding: 2px;
}

TABLE.formholder {
  border-collapse: collapse;
  width: 100%;

}

TABLE.formholder TR.odd {
  background-color: #e5FfcE;
  vertical-align: top;
}

TABLE.formholder TR.even {
  background-color: #e5FfcE;
  vertical-align: top;
}

TABLE.formholder TD.label {
  text-align: right;
  color: #AAAAAA;
  width: 100px;
  padding: 2px 5px;
  white-space: nowrap;
  border: 0px solid black;

}

TABLE.formholder TD.value {
}

.formholder INPUT {
  width: 650px;
}

.formholder TEXTAREA {
  width: 650px;
  height: 150px;
  font-size: 11px;
}


.formholder INPUT.checkbox {
  width: 1em;
}



.clear {
  clear: both;
}


/*** HGW application definitions  *********************************/

.hgw_field {
             color: #888888;
             text-align:right;
             vertical-align:top;
             font-style:normal;
             padding: 4px;
             width: 120px;
           }

.hgw_value {
             color: #000000;
             text-align:left;
             vertical-align:top;
             font-style:normal;
             padding: 4px;
             width: 200px;
           }

.block_heading {
              background-color:#EEf5DD;
              border-bottom: 1px solid #888888;
              color:#333333;
              font-style: normal;
              font-weight: bold;
              padding: 3px;
}





DIV.gallery {
  margin-bottom: 15px;
  margin-left: 40px;
}

DIV.gallery IMG {
  border: 5px solid #DDC; 
}

DIV.gallery SPAN {
  display: block;
  background-color: #DDC;
  text-align: center; 
  padding-bottom: 3px;
  color: #555;
  width: 700px;
}



#rightbar_content_auto {
  float: right;
  width: auto;
}


UL.contentlist {
  padding: 0;
  margin: 0;
}

UL.contentlist LI {
  margin-top: 10px;
  list-style: square;
  margin-left: 15px;
}

TABLE.team {
  border-collapse: collapse;
  margin-bottom: 15px;
}

TABLE.team TD.name {
  padding-right: 40px;
}

SPAN.email {
  display: block;
  margin-left: 150px;
}

SPAN.name {
  display: block;
  float: left;
}



TABLE.history {
  border-collapse: collapse;
} 

TABLE.history TR TD {
  border-bottom: 1px solid #EEE;
  vertical-align: top;
} 
  
TABLE.history TR TD {
   padding: 0px 3px;
}