/*GENERAL
+++++++++++++++++++++++++++++*/

html, body
{
  background: #dae5e8;
  font-family: Times, Times New Roman, serif;
  font-size: 11px;
  margin: 0;
}

table
{
  font-size: 1em;
}

div
{
  border: 0px solid orange;
}

img
{
  border: 0;
}

img.rahmen
{
  border: 1px solid #999;
}

/*Container
+++++++++++++++++++++++++++++*/

#left
{
	width: 140px;
	height: 300px;
  float: left;
  margin: 20px 0 0 20px;
}

#right
{
  float: left;
	width: 600px;
	height: 400px;
	margin-top: 20px;
}

#topnav
{
  height: 50px;
  width: 100%;
  font-size: 1.1em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: left;
  line-height: 1.8em;
  padding-left: 2em;
}

#main
{
	width: 600px;
	background: #fff;
	border: 1px solid #666;
	padding: 15px 10px 10px 10px;
}

div.leftcol
{
  float: left;
  width: 160px;
  margin: 0 15px 0 5px;
}

div.rightcol
{
  float: left;
  width: 400px;
  font-size: inherit;
  margin-bottom: 1em;
}

div.rightcol2
{
  float: left;
  width: 550px;
  margin: 5px;
  font-size: inherit;
  margin-bottom: 1em;
}

#footer
{
  font-size: 1em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: right;
  padding-bottom: 1em;
}

/*Typo
+++++++++++++++++++++++++++++*/

h1
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #2c4881;
  font-size: 1.9em;
  margin-top: 0;
}

h2
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #2c4881;
  font-size: 1.5em;
}

h3
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: .05em;
  font-weight: bold;
  text-transform: uppercase;
  color: #2c4881;
  font-size: 1.1em;
  margin-bottom: -1em;
}

p, li
{
  font-size: 1.4em;
  line-height: 1.7em;
}

p.eng
{
  margin-top:0;
}

div.leftcol p
{
  font-size: 1.2em;
  line-height: 1.4em;
}

div.rightcol p
{
  text-align: left;
}

ul
{
  padding-left: 0;
  margin-bottom:0;
  margin-left:0;
  list-style: circle inside;
}

a
{
  color: #3366cc;
  text-decoration: none;
}

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

a:hover
{
  color: ff9933;
  text-decoration: none;
}

a:active
{
  color: ff9933;
  text-decoration: underline;
}


/*Navigation
+++++++++++++++++++++++++++++*/

#footer a, #topnav a, #left a
{
  color: #696969;
}

#footer a:hover, #topnav a:hover, #left a:hover
{
  color: #ff9933;
}

#topnav a:visited
{
  color: #aaa;
}

#left ul
{
  margin: 4em 0 0 1.8em;
  text-align: left;
  list-style: square outside;
}

#left li
{
  line-height: 1.05em;
  margin-bottom: .7em;
}

#left a
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 0.84em;
}
