body {
	margin: 0;
	padding: 0;
	background: url(../img/backnang_bg.gif) #BAC8D6;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #4D6B88;
}

img {
  border: 0;
}

a, a:link, a:visited {
  color: #f2f2aa;
  text-decoration: none;
}

a:hover, a:active {
  color: White;
}

h1 {
  padding: 0;
  margin: 0;
  font-size: 140%;
  font-style: italic;
}

h2 {
  padding: 12px 0 0 0;
  margin: 0;
  font-size: 120%;
}

p {
  padding: 16px 0 0 0;
  margin: 0;
  font-size: 12px;
}

li {
  padding-top: 12px;
  font-size: 12px;
}

td {
  font-size: 12px;
}

td.kopf {
  width: 200px;
  font-weight: bold;
}

td.kopf2 {
  height: 50px;
  font-weight: bold;
  font-style: italic;
  vertical-align: bottom;
  padding-bottom: 8px;
}

input, textarea, select {
  background-color: #6888A8;
  color: #F2F2AA;
  border: 1px solid #E2E8EE;
}

#container {
	width: 780px;	
	/*width: 600px;*/
	height: 735px;
	/*height: 519px;*/
	border: 3px solid #E2E8EE;
	margin: 26px auto;
	margin-bottom: 0;
}

#header {
	background: url(../img/header_bg.gif) #536D87 right center; /*6888A8*/
	width: 100%;
	height: 116px;
}

#logo {
	float:left;
}

#banner {
  margin: 5px 5px 0 0;
  width: 210px;
  height: 54px;
  float: right;
}

#phone {
	clear:right;
	margin: 5px 5px 0 0;
	width:234px;
	height:34px;
	float:right;
}

#nav {
  height: 22px;
  border-top: 1px solid #E2E8EE;
  background-image: url(../img/nav_bg.gif);
  padding: 0;
  margin: 0;
}

#nav ul {
  margin: 0px;
  padding-left: 0px;
  text-align: left;
  list-style: none;
}

#nav li {
  float: left;
  height: 100%;
  padding: 0;
  font-size: 10px;
  white-space: nowrap;
}

#nav li a {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 3px 6px 0px 6px;
  height: 18px;
  background-color: #6888A8;
  border-right: 1px solid #E2E8EE;
  border-bottom: 1px solid #E2E8EE;
}

#nav li.last {
	border-right: 0;
	padding-left: 1px;
}

#nav li a:hover {
  background-color: #85A0B8;
}

#nav li.aktiv {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 3px 6px 0px 6px;
  height: 18px;
  background-color: #CAD5E0;
  border-right: 1px solid #E2E8EE;
  border-bottom: 1px solid #CAD5E0;
}

#nav li.last_aktiv {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 3px 6px 0px 7px;
  height: 18px;
  background-color: #CAD5E0;
  border-right: 1px solid #E2E8EE;
  border-bottom: 1px solid #CAD5E0;
}

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav li a {
  width: 1%;
}

#content {
	background-color: #CAD5E0;
	width: 100%;
	height: 576px;
	/*height: 360px;*/
	border-bottom: 1px solid #E2E8EE;
}

#content_fullscr {
  /* width: 100%; */
  /*border: 0px solid green;*/
  padding: 8px;
  width: 764px;
  height: 560px;
  /*height: 344px;*/
  overflow: auto;
  background-color: #CAD5E0;
  border-bottom: 1px solid #E2E8EE;
}

#content_full {
  padding: 16px 0 0 8px;
  width: 586px;
  height: 340px;
  border: 0px solid green;
}

#content_l {
  padding: 16px 0 0 8px;
	width: 370px;
	/*height: 200px;*/
	float: left;
	border: 0px solid green;
}

#content_l2 {
  width: 592px;
  padding-left: 8px;
  border: 0px solid green;
  clear: left;
  float: left;
}

#content_r {
	width: 200px;
	/*height: 200px;*/
	padding:5px 5px 0 0;
	float: right;
	border: 0px solid green;
}

#content a {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  color: #4D6B88;
}

#content ul {
  list-style-type: square;
  padding-left: 24px;
}

#footer {
	height: 17px;
	text-align: center;
	background-color: #6888A8;
	padding-top: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #f2f2aa;
	clear: both;
}

.info {
  font-size: 10px;
  font-weight: normal;
}

.vorauss {
  font-size: 10px;
  font-style: italic;
}

.top {
  padding-top: 8px;
}

.eur5 {
  font-size: 24px;
  font-weight: bold;
}

.xtrade {
  font-size: 16px;
}

.error {
  color: Red;
}

.under_the_line {
  text-decoration: underline;
}

div#content_fullscr a img#flyer {border:1px solid #4D6B88;}
div#content_fullscr a:hover img#flyer {border-color:#85A0B8;}

div#content_fullscr table tr td a:link,
div#content_fullscr table tr td a:visited,
div#content_fullscr table tr td a:active {
	color:#4D6B88;
	text-decoration:underline;
}

div#content_fullscr table tr td a:hover {
	color:#85A0B8;
}

div#fussnote p {
	width: 780px;
	margin: 0 auto;
	padding: 2px 0;
	font-size: 10px;
	text-align: right;
}

div#siegel {
	width: 200px;
	height: 200px;
	background-color: Yellow;
	float: right;
}

div.kundenzitat {
	margin-top: 14px;
	float: left;
}

div.neben_siegel {
	width: 68%;
	float: left;
}

div.kundenzitat p.zitat {
	padding: 4px 4px 20px 4px;
	background: url('../img/sprechblase.gif') left bottom no-repeat #E2E8EE;
}

div.kundenzitat p.kunde {
	padding:0;
	font-style: italic;
	color: #3366CC;
}