/**********************************

 * TITLE: Gila Screen Stylesheet  * 

 * URI  : gila/gila-screen.css    *

 * MODIF: 2003-Apr-30 19:09 +0800 *

 **********************************/





/* ##### Common Styles ##### */



body {


  color: black;

  background-color: white;

  font-family: verdana, helvetica, arial, sans-serif;

  font-size: 73%;  /* Enables font size scaling in MSIE */

  margin: 0;

  padding: 0;
  

}



html > body {

  font-size: 9pt;

}





.doNotDisplay {

  display: none !important;

}





.smallCaps {

  font-size: 117%;

  font-variant: small-caps;

}





/* ##### Header ##### */



#header {

  color: inherit;

  background-color: white;

}



.headerTitle {

  margin: 0;

  padding: 0 0 0 0;

}



.headerTitle a {

  color: black;

  background-color: transparent;

  text-decoration: none;

  font-size: 110%;  /* For MSIE */

  font-weight: bold;

  font-style: italic;

}



.headerTitle > a {

  font-size: 138%;  /* For fully standards-compliant user agents */

}



.headerTitle span {

  color: white;

  background-color: transparent;

  font-weight: normal;

}



.subHeader {

	 background-color: #D3D3D3;
    border-bottom-color: #0054A6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	 padding-left: 0.8em;
	 font-size: 80%;
}



.subHeader a {

  color: #0054A6; 

  text-decoration: none;

  margin: 0;


}



.subHeader a:hover {

  color: rgb(64,64,64);

  background-color: transparent;

  text-decoration: none;


}





/* ##### Left Side Bar ##### */



.leftSideBar {
border-right: 1px solid #0054A6;

  width: 16.5em;

  float: left;

  clear: left;

}



.leftSideBar .sideBarTitle {

  color: rgb(64,64,64);

  background-color: #D3D3D3;

  font-weight: bold;

  margin: 0;

  padding: 0.8ex 1ex;


}



.leftSideBar ul {

  list-style-type: none;

  list-style-position: outside;

  margin: 0 0 1em 0;

  padding: 0;
  line-height: 1em;

}



.leftSideBar li {

  margin: 1ex;

  padding: 0 0 0ex 0ex;

}

ul.menu2 {
margin-top: -0.5em;
margin-bottom: 0;


  padding: 0em 0 0em 2em;

}



.leftSideBar a {
color: #0054A6; 

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar a:hover {

  color: rgb(64,64,64);

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar .sideBarText {

  color: rgb(166,140,83);

  background-color: transparent;

  line-height: 1.1em;

  margin: 1em 1em 1em 1em;

  padding: 0;

  display: block;

}



.leftSideBar .sideBarText a {

  text-decoration: underline;

}



.leftSideBar .sideBarText a:hover {

  text-decoration: none;

}



.leftSideBar .thisPage {

  color: rgb(64,64,64);

  background-color: transparent;

  font-weight: bold;

}







/* ##### Main Copy ##### */



#main-copy {
border-left: 1px solid #0054A6;
  color: black;

  background-color: white;

  text-align: justify;

  line-height: 1.5em;

  margin: 0 0 0 16.5em;

  padding: 0.5ex 3em 1em 1em;



}



#main-copy h1 {
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}

#main-copy h2 {
  background-color: transparent;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}


#main-copy a {

  color: #0054A6;

  background-color: transparent;

  text-decoration: underline;

}



#main-copy a:hover {

  text-decoration: none;

}



p {

  margin: 1em 0 1.5em 0;

  padding: 0;

}



dt {

  font-weight: bold;

  margin: 0;

  padding: 0 0 0.5ex 0;

}



dd {

  margin: 0 0 1.5em 1.5em;

  padding: 0;

}





/* ##### Footer ##### */



#footer {
  font-size: 73%;
	 text-align: right;
	 background-color: #D3D3D3;
    border-top: 1px solid #0054A6;
	 padding-right: 0em;
	 clear: both;
}








input, textarea {
    border: 1px solid;
	 border-color: #0054A6;  
    color: Black;
    background-color: #D3D3D3;
    vertical-align: middle;
	 margin: 0 0 1em 0;
}

input:focus, textarea:focus {
    background-color: #fff;
}


#produktliste img {
	border: none;
}

#detail {
        display: block;
        margin: 1em 1em 1em 1em;
        line-height: 1.3em;
        width: 40em;


}
#dblatt {
        display: block;
        margin: 1.5em 0em 1.5em 0em;
        line-height: 1.3em;

}

.hdetail {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        display: block;
        font-size: 130%;
        font-weight: bold;
        text-align: center;
}

#description_short {
        margin: 2em 0 1em 0;
        line-height: 1.3em;
        display: block;
		  font-weight: bold;
}

.active {
	border: 1px #0054A6;
	border-style: inset;
	height: 1.2em;
}


.navheader  {
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : white;
background-color : #a9a9a9;
margin-left: 8px;
font-weight: bold;

}

.centered {
	text-align: center;
	font-size: 65%;
	}
	
	.fg  {
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #eaeaea;
text-align: center;
}

TD.ST {

	text-align: left;
}

TD.RT {
background-color: #CCCCCC;

text-align: left;
}

TD.RTU {
font-size: 12px;
font-weight: bold;
text-align: center;
border: groove;
}


.fett {
	font-weight: bold;
}
.zentriert {
	text-align: center;
}

.keinrahmen img {
	  border: none;
}







/* ##### Spalten Produktliste ##### */

#col1 {
        float: left;
        width: 220px;
        margin-right: 1em;
        border: 1px solid #0054A6;
}
#col2 {
        float: left;
        width: 220px;
        border: 1px solid #0054A6;
}




.listeheader {
	border: 1px solid #0054A6;
	background: #0054A6;
	color: white;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
}

.produktliste {
	min-height: 115px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

#produktbild {
	float: left;
}

#produktbild_unterschrift {
	text-align: center;
}

#produktbeschreibung {
	float: left;
	text-align: left;
}

#produktbeschreibung a {
  /*color: #0054A6;*/
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

#produktbeschreibung  a:hover {

  text-decoration: none;

}

.produktuebersicht {

	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;

}
.produktuebersicht a {
float:left;
margin-right: 1em;
}
 
.produktuebersicht img {
float:right;
}
div.clear {
clear:both;
}



#st1 {
        float: left;
        width: 260px;
        margin-right: 1em;
        border: none;
}
#st2 {
        float: left;
        width: 260px;
        border: none;
