* {padding:0; margin:0}

html {
	height:100%;
	max-height:100%;
	overflow:hidden;
	}
body {
	height:101%;
	max-height:100%;
	overflow:hidden;
	border:0;
	margin: 0pt;
	padding: 0pt;
	background: #F4F9FC url('../images/site/body_header.gif');
	background-position: top;
	background-repeat: repeat-x; overflow:none;
	font-family: "Trebuchet MS",Verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 9pt;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
   color: #333;
	}
* html body {
	background: #F4F9FC url('../images/site/body_header_ie.gif');
	background-position: top;
	background-repeat: repeat-x; overflow:hidden;
	}
div.keybg {
 	filter: Alpha(opacity=100);
	height: 195px;
	position: absolute;
	z-index:2;
	right: 55px;
	top: 5px;
	width: 155px;
	}
div.cablebg {
 	filter: Alpha(opacity=100);
	height: 118px;
	position: absolute;
	z-index:2;
	right: 35px;
	top: 43px;
	width: 170px;
	}
div.penbg {
 	filter: Alpha(opacity=100);
	height: 121px;
	position: absolute;
	z-index:2;
	right: 70px;
	top: 7px;
	width: 193px;
	}
#content {
	display:block;
	overflow:auto;
	position:absolute;
	z-index:3;
	top:135px;
	bottom:38px;
	width:640px;
	/*max-width:642px;*/
	margin-left:-321px;
	left:50%;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background: url(/images/site/homebg.gif) no-repeat #fff left bottom;
	}
* html #content {
	top:0;
	bottom:0;
	height:100%;
	width:640px;
	border-top:136px solid #000;
	border-bottom:35px solid #000;
	background: url(/images/site/homebg.gif) no-repeat #fff left bottom; background-attachment: fixed;
	}
body #content {
    SCROLLBAR-ARROW-COLOR: #000; /*Farbe für Verschiebepfeile*/
    SCROLLBAR-BASE-COLOR: #fff; /*Basisfarbe der Scroll-Leiste*/
    /*scrollbar-3dlight-color : black; /*Farbe für 3D-Effekte*/
    scrollbar-highlight-color : #000; /*Farbe für oberen und linken Rand*/
    scrollbar-shadow-color : #000; /*Farbe für unteren und rechten Rand*/
    scrollbar-track-color : #fbfbfb; /*Farbe für freibleibenden Verschiebeweg*/
    /*scrollbar-face-color : #fff; /*Farbe für Oberfläche*/
    scrollbar-darkshadow-color : #fbfbfb; /*Farbe für Schatten*/
    }
#content .articlehead {
	display: block; MARGIN: 20px 20px 20px 20px; border: none; background-color: #D1DCDE;
}
#content .articlehead2 {
	position:absolute;
	z-index:5;
	width:588px;
	/*height:auto;*/
	top:0px;
	left:0px;
	display: block; MARGIN: 20px 20px 20px 20px; border: none; background-color: #D1DCDE;
}
* html #content .articlehead2 {
	width:581px;
	}
#content .commentbody {
	margin-top: 60px;
	position: relative;
	z-index:3;
	}
#content .commenthead {
	display: block; MARGIN: 20px 20px 5px 20px; border: none; background-color: #D1DCDE;
}
#mainhead {
	display: block; MARGIN: 20px 20px 3px 20px; border: none; background-color: #D1DCDE;
}
#maintitle {
	display: block; MARGIN: 0px 20px 3px 20px; border: none; background: url(/images/site/main_title_img.jpg) no-repeat left top;
}
* html #maintitle {
    width:auto;
}
#content .subtitle {
   FONT-WEIGHT: bold;
   letter-spacing: 0.1em;
	LINE-HEIGHT: 0.6em;
   margin: 0;
	color:#1e7383;
	font-size: 1.3em;
   font-family: arial, sans-serif;
}
#content .articletitle {
   FONT-WEIGHT: bold;
   letter-spacing: 0.1em;
	LINE-HEIGHT: 2.0em;
   border-bottom: 1px dotted #777;
   margin: 0 3px 3px;
   padding-bottom: 0.1em;
}
* html #content .articletitle {
   border-bottom: 1px solid #777;
}
#content .pad60 {display:block; height:60px;}
#content .pad30 {display:block; height:30px;}
#content .pad20 {display:block; height:20px;}
#content .pad15 {display:block; height:15px;}
#content .pad5 {display:block; height:5px;}
#content .pad1 {display:block; height:1px;}
#corpus {padding:0px 20px 20px 20px;}
#header {
	position:absolute;
	margin-left:-321px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	left:50%;
	top:0;
	width:640px;
	min-width:640px;
	height:133px;
	font-size:1em;
	z-index:250;
	border:1px solid #000;
	background-color: #7e9f87;
	text-align:center;
	}
* html #header {
	top:2px; width:640px; height:135px;
	}
#logo2 {
	 position: fixed; left:510px; top:4px; z-index:6; width:125px; height:114px; MARGIN: 0px; padding: 0; overflow:hidden;
}
#contentlogo {
	position: absolute;
   left: 510px;
	bottom: 20px;
	width: 125px;
	height: 114px;
	z-index: 2;
	}
#footer {
	text-align:center;
	position:absolute;
	margin-left:-321px;
	left:50%;
	bottom:0px;
	width:640px;
	min-width:640px;
	height:36px;
	font-size:0.8em;
	z-index:200;
	border:1px solid #000;
	background: url(/images/site/footbg.jpg) no-repeat #7e9f87 top;
	font-family: verdana, arial, sans-serif;
	color:#999;
	}
* html #footer {
	bottom:2px; width:640px; height:34px;
	}
#footer p {
	color:#999;
}
.center {text-align: center;}
.bold {font-weight:bold; line-height: 1.0em; padding-left: 3px;}
.bolder {font-weight:bold; padding-bottom: 0.2em; padding-left: 3px;}
.leftimg {float:left; margin: 10px 20px 10px 0.2em; padding: 2px; border: none; display: inline;}
.rightimg {float:right; margin : 0px 0px 0px 0.7em; padding: 0; border: none; display: inline;}
.infoboxtitle {margin:0; display: block; font-size:9pt; text-align: left; background: #fcfcfc; border: 1px solid #eee; padding: 2px 3px 2px 3px;/* width: 100%; */}
.infobox475 {width:475px; margin:0 auto;/* rechten und linken Rand auf "auto" für center*/display: block; border: 1px solid #CDD3D3; padding: 2px 3px 2px 3px;}
.infobox475title {width:475px; margin:0 auto 1px; display: block; font-size:9pt; font-weight: bold; text-align: left; background: #eee; border: 1px solid #CDD3D3; padding: 2px 3px 2px 3px;/* width: 100%; */}
.infoboxtext {text-align: left; font-size:9pt;}
.infobox100 {display: block; border: 1px solid #CDD3D3; margin-top: 1px; margin-bottom: 1px; padding: 2px 3px 2px 3px;}
.infobox100title {display: block; font-size:9pt; font-weight: bold; text-align: center; background: #eee; border: 1px solid #CDD3D3; margin-top: 1px; margin-bottom: 1px; padding: 2px 3px 2px 3px;}
#thumbbox {margin:0; padding:0; display: inline;}
#thumbmini {margin:0; padding:0;}
.leftthumb {float:left; margin: 3px 20px 6px 3px; padding: 0; display: inline;}
* html .leftthumb {margin: 0px 20px 0px 3px;}
.leftbox {float:left; margin: 10px 20px 10px 0.3em; padding: 2px; border: 1px solid #000; display: inline;}
.rightbox {float:right;  margin : 10px 0.2em 10px 20px; padding: 0px; border:1px solid #000; display: inline;}
.lefttext1 {float:left; text-align:left; display: inline; margin: 0; padding: 0;}
.righttext1 {float:right; width:340px; text-align:left; display: inline; margin: 0; padding: 0;}
.lefttext2 {float:left; width:220px;  display: inline;}
* html .lefttext2 {margin-left:103px;}
.righttext2 {float:right; width:250px; text-align:left; display: inline;}
.lefttext3 {float:left; text-align:left; display: inline;}
.righttext3 {float:right; width:250px; text-align:left; display: inline; position: relative;	z-index:3;}
.floatend { clear: both; line-height:1px;}
.floatleftside { float:left; line-height:1px;}
.floatrightside { float:right;}
#mbox{float: left; margin: 0px 0.9em 0px 0px; width: 187px; padding: 0px; display: inline;}
#tbox{float: right; margin: 15px 0.1em 0px 1em; width: 187px; padding: 0px; display: inline;}
.boxframe {border: 1px solid #307886; padding: 0px; margin: 0px}
.teaserright{margin: 0px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; background: #F2FAFB}
.teasertitle {background: #83b0b7; font-weight: bold; font-size: 1em; letter-spacing: 0.1em; text-align:center; padding: 0; margin: 0; line-height: 1.6em; color: #fff;}
.teaserleft{margin: 0px; padding-left: 10px; color: #555; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; background: #F2FAFB;}
dl, dt, dd, ul, li {margin: 0px; padding: 0px; list-style-type: none;}
ul li.teaserarrow {font-size: 9pt; font-weight:bold; text-indent: 5px; margin: 0px 0px 0.5em; padding-left: 13px; background: url(/images/site/int_link.gif) no-repeat left center; line-height: 18px}
ul li.extarrow {font-size: 9pt; font-weight:bold; text-indent: 5px; margin: 0px 0px 0.5em; padding-left: 13px; background: url(/images/site/ext_link.gif) no-repeat left center; line-height: 18px}
ul li.teaserarrow2 {font-size: 9pt; text-indent: 5px; margin: 0.4em 0px 0.2em; padding-left: 13px; background: url(/images/site/int_link.gif) no-repeat left center; line-height: 12px;}
ul li.spacer {margin: 0; padding-right: 0px; padding-left: 1px; background: url(/images/site/lispacer.gif) no-repeat top; padding-bottom: 0px; padding-top: 0px; line-height: 8px; }
/*li.listdot {margin: 0px 0px 3px 5px; padding-left: 17px; list-style-type: none; background: url(/images/site/int_list.gif) no-repeat left; list-style-position: outside; white-space: normal;  vertical-align: middle;  display: list-item;   }*/
li.listdot {margin: 0px 0px 3px 22px; padding-left: 2px; list-style-type: none; list-style-image:url(/images/site/int_list.gif); list-style-position: outside; white-space: normal; display: list-item; }
* html li.listdot {margin: 0px 0px 3px 21px;}
li.listarrow {margin: 0px 0px 8px 0px; padding-left: 5px; list-style-type: none; list-style-image:url(/images/site/int_list.gif); white-space: normal; list-style-position: outside; display: list-item;  }
.mboxline {margin-top: 5px; padding:0; height:1px; background: #DBEEF2;}
#mbox dt {cursor: pointer; color:#556f77; padding-left: 13px; margin: 0.4em 0px 0.2em; text-align: left; font-size: 10pt; font-weight: bold; background: url(/images/site/menu_list.gif) no-repeat left center; line-height: 12px; }
#mbox dt.linkon {font-weight:bold; padding-left: 21px; color:#D40000; }
#mbox dt.linkoff {font-weight:normal; padding-left: 21px; text-decoration: line-through; color:#666; font-style: italic; }
#mbox dd {border: 0 none;}
#mbox .legend {color:#999; margin-bottom: 7px; margin-top: 10px; font-size: 0.8em; text-align: left; padding-left: 3px; line-height: 1.3em; }
#abs1 ul li {margin: 0px 0px 0.5em;}
#abs2 dl ul li {margin: 0px 0px 0.1em;}
#contentlist ul li {margin-left: 30px;}
h1 {
  font: 1.8em georgia, Hoefler Text, "Bitstream Vera Serif", Times New Roman, serif;
  text-shadow: #bbb 2px 2px 1px;
  line-height: 1.3em;
  color: #ffffec;
  font-weight: bold;
  margin: 0;
  padding-left: 10px;
}
h2 {
  font: 1.8em georgia, Hoefler Text, "Bitstream Vera Serif", Times New Roman, serif;
  text-shadow: #bbb 2px 2px 1px;
  line-height: 1.3em;
  color: #ffffec;
  font-weight: bold;
  margin: 0;
  padding-left: 10px;
}
h3 {
  font: 1.6em georgia, Hoefler Text, "Bitstream Vera Serif", Times New Roman, serif;
  text-shadow: #bbb 2px 2px 1px;
  line-height: 1.3em;
  color: #ffffec;
  font-weight: bold;
  margin: 0;
  padding-left: 10px;
}
h4 {
  font: arial, sans-serif;
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
  line-height: 1.6em;
}
h5 {
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0 0 0.3em 0;
  padding: 0;
}
#rechts h5 {
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px dotted #777777;
margin: 0.8em 0;
}
h6 {
  color: #333;
  letter-spacing: 0.1em;
  clear: left;
  font-weight: bold;
  font-size: 9pt;
  /*margin-top: 10px;*/
  padding-bottom: 0.4em;
  padding-left: 3px;
}
.h6_rot {
  color: #f00;
  letter-spacing: 0.1em;
  clear: left;
  font-weight: bold;
  font-size: 9pt;
  /*margin-top: 10px;*/
  padding-bottom: 0.4em;
  padding-left: 3px;
}
.h6_gn {
  color: #556f77;
  font-weight: bold;
  letter-spacing: 0.1em;
  clear: left;
  font-weight: bold;
  font-size: 9pt;
  margin-top: 10px;
  padding-bottom: 0.4em;
  padding-left: 3px;
}
.text11std {
  COLOR: #363636;
  font-size: 11px;
  LINE-HEIGHT: 1em
}
.text08 {
  COLOR: #333;
  font: 8pt;
  LINE-HEIGHT: 1.1em
}
.text08i {
  COLOR: #333;
  font: 8pt verdana;
  LINE-HEIGHT: 1.1em;
  font-style: italic;
}
.text08b {
  COLOR: #333;
  font: 8pt;
  font-weight: bold;
  LINE-HEIGHT: 1.1em
}
.text07i {
  COLOR: #333;
  font: 10px verdana;
  font-style: italic;
}
.text11i {
  COLOR: #333;
  font: 11px verdana;
  font-style: italic;
}
.text11n {
	font-size: 11px;
	color: #555;
	font-weight: normal;
}
.infotext {
  padding: 10px;
  COLOR: #333;
  font-size: 0.8em;
  LINE-HEIGHT: 1.8em;
}
.infotext2 {
  COLOR: #999;
  font-size: 0.8em;
  LINE-HEIGHT: 1.3em;
  padding-left: 3px
}
.textred {
  letter-spacing: 0.1em;
  COLOR: #f00;
  LINE-HEIGHT: 1em
}
.textblack {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  COLOR: #000;
  LINE-HEIGHT: 1em
}
p {
  COLOR: #363636; LINE-HEIGHT: 1.4em; padding-left: 3px; padding-right: 3px;
}
PRE {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 0.75em; PADDING-TOP: 8px; FONT-FAMILY: "Courier New", Courier, monospace
}
acronym {
  border-bottom: 1px dotted #999;
  font-style: normal;
  cursor: help; }
.dotline {
	border-style: 1px solid #000; border-width:thin;
	margin-top: 5px;
	margin-bottom: 5px;
}
HR {
	CLEAR: both; margin-bottom: 3px; margin-top: 3px; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #F4F4EC; BORDER-LEFT: medium none; COLOR: #F4F4EC; BORDER-BOTTOM: medium none; HEIGHT: 1px
}
* html HR {
	 margin: 0;
	}
.invis {
	DISPLAY: none
}
span {
	margin: 0px;
	padding: 0px;
}
.hidden9 {
	font-size: 9px;
	color:#F2FAFB;
}
.hidden80 {
   color: #fff;
	text-align: right;
}
a {color:#f60;text-decoration: none;}
a:visited {color:#f60; text-decoration: none;}
a:hover {color:#f90;text-decoration: underline}
/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, {
	border: none;
	background:transparent;
	}
a.small:link, a.small:visited {
	font-size: 10px;
	color: #555;
	text-decoration: none;
}
a.intern:link { background:url(/images/site/int_link.gif) no-repeat center left; color:#f60; text-decoration:underline; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.intern:visited { background:url(/images/site/int_link.gif) no-repeat center left; color:#f60; text-decoration:underline; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.intern:hover { background:url(/images/site/int_link.gif) no-repeat center left; color:#D40000; text-decoration:none; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.intern:active { background:url(/images/site/int_link.gif) no-repeat center left; color:#f60; text-decoration:underline; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.extern:link { background:url(/images/site/ext_link.gif) no-repeat center left; color:#f60; text-decoration:underline; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.extern:visited { background:url(/images/site/ext_link.gif) no-repeat center left; color:#f60; text-decoration:underline; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.extern:hover { background:url(/images/site/ext_link.gif) no-repeat center left; color:#D40000; text-decoration:none; padding-left:12px; margin-right: 1px; margin-left: 1px; }
a.extern:active { background:url(/images/site/ext_link.gif) no-repeat center left; color:#f60; text-decoration:underline; padding-left:12px; margin-right: 1px; margin-left: 1px; }
.textlink { margin: 0 1px; white-space: nowrap; }
.imgshadow {
	background-image: url(../images/site/shadow.gif) no-repeat top left;
}
.shortbutton {float:right; margin-right: 5px; margin-bottom: 3px; line-height: 15px}
* html .shortbutton {
	 margin-right: 5px; margin-bottom: 0;
	}
#emailimg {float:left;	margin: 0.2em 0 0.5em; text-align:left; padding-left: 22px; background: url(/images/site/email.gif) no-repeat left; line-height: 15px}
.printshortbutton {DISPLAY: none}
.thumb
{
border: 3px solid #556f77;
padding: 2px;
width:80px;
height:80px;
display:block;
}
.thumb60
{
width:60px;
height:60px;
display:block;
}
#ExpoPhoto {
	margin: 0.8em 0px 20px 1em;
	padding: 0px 0px 15px 0px;
	background: #fff url(/images/site/dotbg.gif);
	border-top: 4px solid #556f77;
	width:355px;
	}
#LinkPhotos {
	margin: 0px;
	padding: 1px;
	background-color: #f6f6f6;
	}
#photoholder {
	background:#fff url('/images/site/loading.gif') 50% 50% no-repeat;
}
#thephoto {
	/*border:1px solid #a3aab0;*/
	MARGIN: 0;
	Padding: 0;
}
.dataunselect { background: transparent; display: block; }
.dataselect { background: #fafafa; display: block; }
/* Formularelemente */
label {
  display: block;
  float: left;
  text-align: right;
  padding-right: 1em;
  margin: 0;
  font: 12px  arial, verdana, sans-serif;
  line-height: 18px;
}
.w250{ width: 250px; }
* html .w250{ width: 260px; }
.w180{ width: 180px; }
.w100{ width: 100px; }
.w150{ width: 150px; }
.w95{ display: inline; width: 95px; font: 8pt  arial, verdana, sans-serif; font-weight: bold; padding-right: 5px; padding-top: 1px; }
select {
  width: 105px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  font: 12px  arial, verdana, sans-serif;
  height: 21px;
  vertical-align: middle;
}
* html select {
  width: 100px;
  height: 18px;
}
.day {
  width: 60px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  margin-right: 3px;
  font: 12px  arial, verdana, sans-serif;
}
.month {
  width: 88px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  margin-right: 3px;
  font: 12px  arial, verdana, sans-serif;
}
.year {
  width: 60px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  font: 12px  arial, verdana, sans-serif;
}
.input {
  width: 180px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  padding-top: 1px;
  padding-left: 3px;
  font: 12px  arial, verdana, sans-serif;
  height: 20px;
 }
.input:focus { border: 1px solid #556f77; background-color: #f2f2f2; }
.input:hover { border: 1px solid #556f77; }
* html .input {
  width: 182px;
  height: 21px;
}
.input2 {
  width: 100px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  padding-top: 1px;
  padding-left: 3px;
  font: 12px  arial, verdana, sans-serif;
  height: 20px;
 }
.sfield {
  display: inline;
  border: 1px solid #B8C7CB;
  margin-bottom: 1px;
  margin-top: 2px;
  margin-right: 1px;
  padding-top: 1px;
  font: 9pt  arial, verdana, sans-serif;
  padding-left: 3px;
 }
.typetext {
  border: 0px;
  background-color: transparent;
  margin-bottom: 3px;
  font: 12px  arial, verdana, sans-serif;
  height: 19px;
}
.stern{
  font: 9pt  verdana, arial, sans-serif;
  font-weight: bold;
  color:#f00;
}
.ohnestern{
  font: 9pt  verdana, arial, sans-serif;
  font-weight: bold;
  color:#F2FAFB;
}
.radio {
  float: none;
  width: auto;
  margin-left:0px;
  margin-right:0.5em;
  margin-bottom:0.5em;
  margin-top:0.5em;
  border:4px solid #B8C7CB;
  background:#B8C7CB;
  vertical-align: middle;
}
* html .radio{
  margin-left:3px;
}
.checkbox {
  float: none;
  width: auto;
  margin-right:0.5em;
  padding-top:0.9em;
  border:4px solid #B8C7CB;
  background:#B8C7CB;
  vertical-align: middle;
}
* html .checkbox {
  margin-left:3px;
}
.checkbox2 {
  float: none;
  width: auto;
  margin-right:0.5em;
  margin-left:0;
  padding-top:0.8em;
  border:4px solid #B8C7CB;
  background:#B8C7CB;
  vertical-align: middle;
}
* html .checkbox2{
  margin-top:0.3em;
}
.submit {
  /*margin-right:22px;*/
  padding:0;
  margin-top:10px;
  background:#f2f2f2;
  color:#000;
  font-weight: bold;
  font-size: 9pt;
  width:100px;
  border:solid 2px #556f77;
  cursor: pointer;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.reset {
  float: left;
  margin-left:30px;
  background:#fff;
  color:#000;
  font-weight: bold;
  width:120px;
  border:solid 1px #556f77;
  cursor: pointer;
}
textarea{
  width: 280px;
  border: 1px solid #B8C7CB;
  margin-bottom: 3px;
  overflow: auto;
  font: 12px  arial, verdana, sans-serif;
  padding-left: 3px;
}
textarea:focus { border: 1px solid #556f77; background-color: #f2f2f2; }
textarea:hover { border: 1px solid #556f77; }

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
form {
  margin:0;
  padding:0;
  display: inline;
}
#formbox {
  background: #F2FAFB;
  margin:5px;
  padding:10px;
}
fieldset {
  border: 1px solid #B8C7CB;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:17px;
}
legend
{
  margin-top:10px;
  margin-bottom:10px;
  padding:0;
  font-weight: bold;
  border: 1px solid #556f77;
  text-align: center;
  line-height:20px;
}
* html legend {
  margin-top:10px;
  margin-bottom:5px;
}