/*
Things to know:

- CSS validation: http://jigsaw.w3.org/css-validator/
- HTML validation": http://validator.w3.org
- To center text vertically in the navigation buttons, set line-height = height
- Add debug borders like this: border:1px solid #0000FF;
- The browser text default size ptds is 16px
- The formula for getting a size in px using em is px/ptds, max. 3 digits after .
- Margin value order is top right bottom left
*/

@import url("globalstuff.css");
@import url("navbar.css");

/* ==================================  Content section general ================================ */

/* margin left = 15px staticSection left + 131px navigation button width + 2em staticSection padding right + 30px content section margin right */
#contentSection {
  /* border:1px solid #FF0000; */
  margin:30px 30px 10px 13em;
  display:block;
  min-width:30em;
}

#bottomNavigationBar {
  font-size:90%;
  text-align:center;
}

div.backToTop {
	text-align:center;
	margin-bottom:2em;
}

/* ================================ Content section Banner ==================================== */

div.banner {
  /* border:1px solid #FFFF00; */
  height:3.679em; /* 1em is 28px here */
  line-height:3.679em;
  margin-bottom:40px;
  background:url(../img/409x103_Banner.gif) center no-repeat;
  text-align:center;
  font-family:Georgia;
  font-weight:bold;
  font-size:28px;
  color:#440000;
}

/* ===============================  Content section other versions ============================ */

div.otherVersions {
  /* border:1px solid #FFFF00; */
  height:1em;
  line-height:1em;
  font-size:90%;
  margin-bottom:40px;
}

a.otherVersions_text {
  /* border:1px solid #FFFF00; */
  float:left;
  height:1em;
  line-height:1em;
  text-align:left;
  margin-right:1.5em;
}

a.version_us_icon {
  /* border:1px solid #00FFFF; */
  background:url(../img/14x9_flag_us.gif) left no-repeat;
  float:left;
  width:1em;
  height:1em;
  line-height:1em;
  margin-right:0.5em;
}

a.version_de_icon {
  /* border:1px solid #00FFFF; */
  background:url(../img/14x9_flag_de.gif) left no-repeat;
  float:left;
  width:1em;
  height:1em;
  line-height:1em;
  margin-right:0.5em;
}

a.version_es_icon {
  /* border:1px solid #00FFFF; */
  background:url(../img/14x9_flag_es.gif) left no-repeat;
  float:left;
  width:1em;
  height:1em;
  line-height:1em;
  margin-right:0.5em;
}

a.version_textonly_icon {
  /* border:1px solid #00FFFF; */
  background:url(../img/14x14_plainText.gif) left no-repeat;
  float:left;
  width:1em;
  height:1em;
  line-height:1em;
  margin-right:0.5em;
}

/* ==================================  Content section overview =============================== */

div.sectionoverview {
  /* border:1px solid #AAAAAA; */
  margin-bottom:30px;
  font-size:95%;
}

/* ==================================  Content section main text =============================== */

/* For info on why we are doing these weird things to align our image/text rows vertically, see http://www.complexspiral.com/publications/containing-floats/ */
div.imageWithRightHandText {
  /* border:1px solid #AAAAAA; */
	vertical-align:top;
	clear:left;
	padding-top:20px;
  margin-bottom:30px;
  font-size:95%;
}
div.imageWithRightHandText img {border:none; float:left; margin-top: 5px; margin-left:0px; padding-right:15px;}
div.clearer {clear:left; line-height:0; height:0; margin-bottom:30px;}

img.imagerow  {
  border:10px solid transparent;
}
  
img.imageWithRightHandText  {
  border:5px solid transparent;
  vertical-align:top;
  float: left;
}
/* ==================================  Content section blue line =============================== */

div.blueline {
  /* border:1px solid #FFFF00; */
  height:2.188em;
  line-height:2.188em;
  margin-bottom:40px;
  background:url(../img/391x35_BlueLine.gif) center no-repeat;
}

/* ================================  Content section validation icons ========================== */

div.validationIcons {
  /* border:1px solid #FFFF00; */
  height:1.938em;
  margin-top:0px;
  text-align:center;
  margin-bottom:40px;
}

img.validationIcon {
  border-style: none;
  width:88px;
  height:31px;
}

/* =====================================  Content section E-Mail =============================== */

div.mailInfoText {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

div.mailform {
	text-align:center;
	margin-bottom:40px;
}

div.nameAndMail {
	width:650px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}

textarea.mailcontent {
	width:650px;
}

/* ===== This stuff is copied from the old css file and will or will not be used eventually ===== */

INPUT.clsSecondaryButton {
   background-image: url("./SecondaryButtonDef.gif");
   width: 109px;
   height: 27px;
   border: 0;
}

a.newtonBook { /* Required in books */
  /* border:1px solid #AAAAAA; */
  background:url(../img/books/29x22_NewtonBookClosed.gif) center no-repeat;
  float:left;
  width:1.813em;
  height:1.375em;
  line-height:1.375em;
  margin-left:0.5em;
  margin-right:0.5em;
}

body.bodyWithoutNavigationBar { /* Required in tankdeckel */
  border:1px solid #0000FF;
  margin:30px;
  height:100%;
  background:url(../img/317x292_cottonDreamBackground.gif) fixed;
  font-family:"Times New Roman";
  font-style:italic;
}

div.bodyWithoutNavigationBar { /* Required in tankdeckel */
  border:1px solid #FF0000;
  float:left;
  width:100%;
}

#leftImageWithoutNavigationBar { /* Required in tankdeckel */
  padding-right:20px;
  padding-top:5px;
  padding-bottom:10px;
  float:left;
  border:none;
}