/* *********************************************************
* Stylesheet for www.heartsome.de                          *
* (c) Heartsome Europe GmbH                                *
*                                                          *
* Thanks to Stu Nicholls for                               *
* http://www.webreference.com/programming/css_frames/      *
********************************************************* */

body {
  margin:0; border:0; padding:0;
  height:100%; max-height:100%; 
  overflow: hidden; 
	
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  color: black; 
  background-color: white;
}

div#logo_pane {
  position:absolute;
  top:10px; left:10px;
  width:500px; height:90px;
  z-index: 2;
  overflow: hidden;
	
  color: black; 
  background-color: white;
} 

div#top_pane {
  position: absolute; 
  top: 0; left: 0px;
  width: 780px; height:90px; 
  overflow: hidden; 

  color: black; 

}

div#breadcrumbs {
  position:absolute; 
  top: 85px; left: 185px;
  width: 585px; 
  z-index: 2;
  
  padding: 0px 0px 3px 0px;
  border-bottom: 1px #AFAFAF solid;
  color: black; 
  background-color: white;
  font-size: 60%;
}

#menu_pane {
  position:absolute; 
  top: 95px; left: 10px;
  width: 150px; 
  overflow: hidden; 
  padding: 5px 0px 10px 0px;
	
  color: #013F78;
  background-color: #90EE90;
/*  border: 2px #013F78 solid; */
}

#content_pane {
  position: fixed; 
  top: 5px; left: 5px;
  bottom: 0px; right: 0px; 
  overflow: auto;
  padding-top: 10px;
	 
  font-size: 80%; 
  color: black;
  background-color: #fff;
}

/* for internet explorer */

* html body {
  padding: 98px 0px 0px 185px; 
}

* html #content_pane {
  height:100%; 
  width:100%; 
}

/* ----------------- */
/* specific elements */

div#logo_pane img {
	border: none; 
	border: none; 
} 

div#top_pane div {
  position: absolute;
  top: 8px; right: 5px;
  font-size: 60%;
  font-weight: bold;
  text-align: left;
}

p.menu {
   margin: 3px 5px 1px 5px;
   padding: 2px 2px 1px 3px; 
   font-size: 80%;
   font-weight: bold;
} 
p.menu2 {
   margin: 0px 5px 1px 5px;
   padding: 0px 1px 1px 12px; 
   font-size: 70%;
}

p.currentpage {
  color: rgb(255,212,1);
  background-color: #013F78;
}

p.menu_ext {
  margin: 25px 60px 10px 60px;
}

div#content_pane div {
  width: 585px;
/*  width: 85ex; */
/*  margin-left: auto;
  margin-right: auto;  */
  margin-top: 1px;
  margin-bottom: 10px;
}

div#bottom_pane {
  font-size: 75%;
  padding: 3px 0px 3px 0px;
  border-top: 1px #AFAFAF solid;
}

/* ----------------- */
/* links  */

a:link       { color: #013F78; text-decoration:none; }
a:visited { color: #013F78; text-decoration:none; }
a:hover     { color: #CC9900; text-decoration:underline; }
a:active   { color: #CC9900; text-decoration:underline; }
a:focus     { color: #CC9900; text-decoration:underline; }

p.currentpage a:link, p.currentpage a:visited {
  color: rgb(255,212,1);
}

div#content_pane a:link       { color:#013F78; text-decoration:underline; }
div#content_pane a:visited { color:#002F58; text-decoration:underline; }
div#content_pane a:hover     { color:#076Fa8; text-decoration:underline; }
div#content_pane a:active   { color:#013F78; text-decoration:underline; }
div#content_pane a:focus     { color:#013F78; text-decoration:underline; }

/* ----------------- */
/* general elements */

div#content_pane p {
  text-align: left;
}

div.ruler {
  overflow:hidden; 
  height:1px;
  margin: 5px 0 5px 0;  
  background-color: #AFAFAF;
  clear: both;
} 

h1 {
  font-size: 175%;
  margin-top: 0px;
}

h2 {
  font-size: 130%;
  margin-top: 25px;
  margin-bottom: 10px;
}

h3 {
  font-size: 115%;
}
table {
  font-size: 100%;
}

a.external {
  background: url(img/external.gif) center right no-repeat;
  padding-right: 13px;
}

a.home {
  background: url(img/home-icon5.gif) center left no-repeat;
  padding-left: 16px;
}

a.pdf {
  background: url(img/pdficon_small.gif) center left no-repeat;
  padding: 1px 0 2px 20px;
  min-height: 18px;
}

a.xliff {
  background: url(img/xliffeditor_small.gif) center left no-repeat;
  padding: 1px 0 2px 20px;
  min-height: 18px;
}

a.mail {
  background: url(img/email-grey.gif) center left no-repeat;
  padding-left: 16px;
}

a.skype {
  background: url(img/skype.gif) center left no-repeat;
  padding-left: 18px;
}

.orange {color: #CC9900; font-weight: bold;}

.bigger {font-size: 120%; font-weight: bold;}

img.icon {border: 0px; vertical-align: middle; width: 17px; height: 17px; } 

img.face { float: left; margin-right: 10px; width: 54px; height: 72px; }

img.face1 { float: left; margin-right: 10px; width: 300px; height: 217px; }