html, body {
margin: 0;
background: url(../images/ht_1.gif);
color: #808080;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
cursor: #cc6633;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #cc6633;
scrollbar-track-color: #fff;
scrollbar-darkshadow-color: #cc6633;
scrollbar-base-color: #fff;
font-family: verdana, sans-serif; /* font-size: 10px/12px; */
/*color: ;*/
font: 11px/14px verdana, sans-serif, #fff;
text-align: left
}
h1 {
	background: #ffffff;
	color: #cc6633;
	font: 18px verdana, sans-serif;
	margin-top: 0px;
	margin-left: 60%
}

h2 {
	color: #cc6633;
	font: 600 12px/15px "Verdana", serif;
	letter-spacing: 1px;
}
.h2 {
color:#cc3300;font: 18px/24px Georgia, serif;
 }

h3  {
color: #CC3300;
font: 12px/15px verdana, sans-serif
}

.h3 {color:#cc6633;font:12px/18px verdana,sans-serif}
.h4{color:#cc6633;font:12px/15px verdana,sans-serif}
h3.intro {
color: #808080;
font: 500 12px/14px verdana, sans-serif
}

p, form, input{
color: #808080;
font: 11px/14px verdana, sans-serif;
text-align: left
}
form{
	/*border: 1px solid #CC6633;*/
	padding: 10px;
	width: 300px
}

input{
	border: 1px solid #CC6633;
	margin:2px;
	padding: 0;
}

textarea{
	border: 1px solid #CC6633;
	margin:5px;
	padding: 2px;
	font: 11px/14px verdana, sans-serif
}
.intext{
	width: 250px;
	line-height: 200%;
	float: left;
	clear: left;
}

.submit, .reset{
/*background-color: #FFFFFF;
border: 1px solid */
background: #cc6633 1px 1px;
border-bottom: 2px solid #c0c0c0;
border-left: 2px solid #c0c0c0;
border-right: none #d3d3d3;
border-top: none #d3d3d3;
color: #ffffff;
font: 11px/14px;
font-variant: small-caps;
font-weight: 500;
letter-spacing: 1px;
text-decoration: none
}

.button{
 padding: 1px;
 text-align: center;
}

.label{
	width: auto;
	line-height: 200%;
	float: none;
	clear: both;
}

.p {
color: #808080;
font: 11px/14px verdana, sans-serif;
text-align: left 
}

span {
color: #808080;
font: 10px/13px verdana, sans-serif;
text-align: justify
}
b{font-weight:900;}

a.content:link {
font-family: verdana, sans-serif;
text-decoration: none;
color: #cc6633;
font: 10px/12px;
}
a.content:visited {
color: #cc6633;
text-decoration: none;
}
a.content:hover:focus {
text-decoration: underline;
}
a.content:active {
text-decoration: none;
}

a.news:visited{color:#cc6633;text-decoration:none}
a.news:link{color:#cc6633;text-decoration:none}
a.news:hover:focus{text-decoration:underline}
a.ref:link {
text-decoration: underline;
color: #C63;
}

a.navi:link {color:#cc0000;font:small-caps 500 10px verdana,sans-serif;text-decoration:none;background:#ffffff 1px 1px;letter-spacing:1px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff}

a.navi:visited {color:#993333;font:small-caps 500 10px;text-decoration:none;background:#ffffff 1px 1px;letter-spacing:1px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff}
	
a.navi:hover:focus{color:#ffffff;font:small-caps 500 10px;text-decoration:none;background:#cc6633 1px 1px;letter-spacing:1px;border-top:none #d3d3d3;border-right:none #d3d3d3;border-bottom:2px solid #c0c0c0;border-left:2px solid #c0c0c0}

a.navi:active {color:#ffffff;font:small-caps 500 10px;text-decoration:none;background:#cc6633 0px 0px;letter-spacing:1px;border-top:none #d3d3d3;border-right:none #d3d3d3;border-bottom:2px solid #c0c0c0;border-left:2px solid #c0c0c0}

#main {
padding: 0
}

#head {
overflow: visible;
padding: 30px 30px
}

#content {
margin: 5px 0;
padding: 20px
}

#foot {
overflow: visible;
z-index: 8
}

#stripe {
display: block;
left: 4px;
position: absolute;
visibility: visible;
width: 99%
}
	
.brown {
height: 10px;
background: #cc6633;
top: 225px;
z-index: 2
}
	
.green {
height: 10px;
background: #cccc00;
top: 235px;
z-index: 3
}

.shadow {
background: #cccccc;
height: 20px;
left: 1px;
top: 229px;
z-index: 1
}

#page {
background: #ffffff;
/*padding: 20px 20px;*/
display: block;
height: 380px;
left: 80px;
position: absolute;
top: 110px;
visibility: visible;
width: 400px;
z-index: 5
}
#monitor {
background: #ffffff;
padding: 25px 25px;
display: block;
height: 525px;
left: 520px;
position: absolute;
top: 110px;
visibility: visible;
width: 400px;
z-index: 5
}

#monitorShadow{
background: #cccccc;
padding: 25px 25px;
display: block;
height: 531px;
left: 514px;
position: absolute;
top: 110px;
visibility: visible;
width: 400px;
z-index: 4
}

.main {
	padding: 0px 0px
}

#pshadow{
background: #cccccc;
display: block;
height: 376px;
left: 74px;
position: absolute;
top: 120px;
visibility: visible;
width: 400px;
z-index: 4
}



#ani {
background: #ffffff;
display: block;
height: 70px;
left: 160px;
position: absolute;
top: 30px;
visibility: visible;
width: 100px;
z-index: 5
}

#ani_i {
background: #ffffff;
display: block;
height: 50px;
left: 40px;
position: absolute;
top: 20px;
visibility: visible;
width: 100px;
z-index: 5
}

#introtitel {
text-align: center;
position:absolute;
top: 55px;
left:180px;
width:157px;
height:50px;
visibility:visible;
z-index:5;
}

.intro {
font-size: 12px;
 height: 20px
}

#newstextD {
border-bottom: 1px #cccccc dashed;
border-color: #cccccc;
border-left: 1px #cccccc dashed;
border-right: 1px #cccccc dashed;
border-width: 1px;
height: 80px;
text-indent: 5px;
top: 280px;
visibility: visible;
width: 110px;
/*overflow: scroll;*/
padding-left: 5px;
left: 20px;
display: block;
position: absolute;
z-index: 7
}

#newstextE {
border-bottom: 1px #cccccc dashed;
border-color: #cccccc;
border-left: 1px #cccccc dashed;
border-right: 1px #cccccc dashed;
border-width: 1px;
height: 80px;
text-indent: 5px;
top: 280px;
visibility: visible;
width: 110px;
/*overflow: scroll;*/
padding-left: 5px;
left: 145px;
display: block;
position: absolute;
z-index: 7
}

#newstextP {
border-bottom: 1px #cccccc dashed;
border-color: #cccccc;
border-left: 1px #cccccc dashed;
border-right: 1px #cccccc dashed;
border-width: 1px;
height: 80px;
text-indent: 5px;
top: 280px;
visibility: visible;
width: 110px;
/*overflow: scroll;*/
padding-left: 5px;
left: 270px;
display: block;
position: absolute;
z-index: 7
}

#newsTeaserD {
background: url(../images/ht_1.gif);
border-color: #cccccc;
border-style: dashed;
border-width: 1px;
height: 14px;
text-align: left;
top: 263px;
visibility: visible;
width: 110px;
left: 20px;
text-indent: 5px;
padding-left: 5px;
display: block;
position: absolute;
z-index: 7
}

#newsTeaserE {
background: url(../images/ht_1.gif);
border-color: #cccccc;
border-style: dashed;
border-width: 1px;
height: 14px;
text-align: left;
top: 263px;
visibility: visible;
width: 110px;
left: 145px;
text-indent: 5px;
padding-left: 5px;
display: block;
position: absolute;
z-index: 7
}

#newsTeaserP {
background: url(../images/ht_1.gif);
border-color: #cccccc;
border-style: dashed;
border-width: 1px;
height: 14px;
text-align: left;
text-indent: 5px;
top: 263px;
width: 110px;
left: 270px;
visibility: visible;
text-indent: 5px;
padding-left: 5px;
display: block;
position: absolute;
z-index: 7;
}

#langD {
text-align: center;
display: block;
top: 140px;
left: 25px;
width: 110px;
height: 30px;
position: absolute;
visibility: visible;
z-index: 6
}

#langE {
text-align: center;
display: block;
position: absolute;
visibility: visible;
top: 160px;
left: 145px;
width: 110px;
height: 30px;
position: absolute;
z-index: 6
}

#langP {
text-align: center;
display: block;
position: absolute;
visibility: visible;
top: 140px;
left: 265px;
width: 110px;
height: 30px;
position: absolute;
z-index: 6
}

#separator {
border-color: #cccccc;
border-left: 1px #cccccc dashed;
display: block
border-width: 1px;
height: 100px;
position: absolute;
top: 150px;
visibility: visible;
width: 4px
}

.eng {
left: 137px;
z-index: 5
}

.por {
left: 262px;
z-index: 5
}

#navigator {
display: block;
position: absolut;
visibility: visible;
text-align: left;
height: 40px;
left: 0px;
top: 20px;
width: 400px;
padding:3px 3px;
text-indent: 5px;
z-index: 8
}

#navigatorB {
display: block;
position: absolut;
visibility: visible;
text-align: left;
height: 0px;
left: 400px;
top: 427px;
width: 400px;
padding: 5px 5px;
text-indent: 5px;
z-index: 6
}

#langSw {
display: block;
position: absolut;
visibility: visible;
text-align: left;
height: 35px;
left: 0px;
top: 0px;
width: auto;
padding:0px 0px;
z-index: 9
}

#pretext {
display: block;
height: 156px;
left: 25px;
position: absolute;
top: 100px;
visibility: visible;
width: 220px;
z-index: 6;
}

#pretexthead {
display: block;
height: 50px;
left: 25px;
position: absolute;
top: 100px;
visibility: visible;
width: 200px;
z-index: 8;
 background-color: #FFFFFF;
}

#pretextport {
height: 525px;
width: 375px;
left: 25px;
position: absolute;
top: 25px;
visibility: visible;
display: block;
position: absolute;
visibility: visible;
overflow: scroll;
z-index: 6;
}

#newstextf {
text-align: center;
border-bottom: 1px #cccccc dashed;
border-color: #cccccc;
border-left: 1px #cccccc dashed;
border-right: 1px #cccccc dashed;
border-width: 1px;
height: 240px;
top: 114px;
visibility: visible;
width: 110px;
/*overflow: scroll;*/
padding: 4px 4px 4px;
left: 265px;
display: block;
position: absolute;
z-index: 8
}
.newstextfport   { 
	text-align: left; 
	/*border-style: none dashed dashed dashed; 
	border-width: 1px; 
	border-color: #cccccc; 
	padding-left: 10px;
	top: 194px; 
	left: 345px; 
	width: 110px; */ 
	height: 156px; 
	overflow: scroll; 
	visibility: visible; 
	scrollbar-face-color: #fff;
	display: block; 
	position: absolute; 
	z-index: 8; 
}
#newsTeaserf {
background: url(../images/ht_1.gif);
border-color: #cccccc;
border-style: dashed;
border-width: 1px;
height: 14px;
text-align: center;
top: 100px;
visibility: visible;
width: 110px;
left: 265px;
/*text-indent: 5px;*/
padding-right: 5px;
padding-left: 5px;
display: block;
position: absolute;
z-index: 8
}