@import url(http://fonts.googleapis.com/css?family=Coming+Soon);
@media all {
  .page-break  { display: none; }
}

@media print {
  .page-break  { display: block; page-break-before: always; }
  /* .pagenr{position: absolute; left: 140px; bottom: 40px; z-index: 99; } */
  #header, #nav, .noprint {display: none;}
  body {width: 100%; margin: 10px; float: none;}
  
}

p {
	font: 1.4em Verdana, sans-serif;
}

body {
	
	background-color:none;
	margin:10px;
	padding:0px;
	text-align:left;
	font: 0.7em Verdana, sans-serif;
	border: none;
		

}
body,td {
	font-family: "Trebuchet MS", "Times New Roman", "Arial Narrow", Arial;
	line-height:12px;
	color:#333333;
}
th {
	font-family: "Trebuchet MS", "Times New Roman", "Arial Narrow", Arial;
	line-height:16px;
	color:#333333;
}

.rotate_text
      {
         -moz-transform:rotate(-90deg); 
         -moz-transform-origin: top left;
         -webkit-transform: rotate(-90deg);
         -webkit-transform-origin: top left;
         -o-transform: rotate(-90deg);
         -o-transform-origin:  top left;
          position:relative;
         top:1px;
      }
.rotated_cell
      {
         height:145px;
		 width:12px;
         vertical-align:bottom;
		 text-align: middle;
		 white-space: nowrap;
		
		 
      }
.result {
	font-family: "Trebuchet MS", "Times New Roman", "Arial Narrow", Arial;
	line-height:14px;
	color:#000088;
	font-weight: bold;
	
}

.selectcontent{
background:#e9e9ea;
background-color:#e9e9ea;
border:1px solid #CCCCCC;
width:150px;


}
hr{
	width:100%;
	height: 0px;
	color:#CCCCCC;
	border-top: 1px dotted #CCCCCC;
}

.peu {
	color: #777;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCCCCC;
	text-align: left;	
}
.ecootop{
	position: absolute;
	left:650px;
	margin-bottom:50px;
	
}

.mapg {
	position: absolute;
	left:697px;
	top: 0px;
	width: 325px;
	height: 667px;
	border: 1px solid #CCCCCC;
}
.lists {
	position: absolute;
	left:250px;
	top: 0px;
	width: 600px;
	height: 700px;
	border: 2px solid grey;
}
.links {
	position: absolute;
	left:5px;
	top: 451px;
	width: 685px;
	height: 50px;
	border: 1px solid #CCCCCC;
}
.links2 {
	position: absolute;
	left:100px;
	top: 360px;
	width: 560px;
	height: 50px;
	border: 1px solid #CCCCCC;
}
.editarea {
	position: absolute;
	left:100px;
	top: 100px;
	width: 660px;
	height:250px;
	border: none;
}
.flags {
	position: absolute;
	left:915px;
	top: 25px;
	z-index:1;
	
}
.optomain {
	position: absolute;
	left:5px;
	top: 5px;
	width: 685px;
	height: 440px;
	border: 1px solid #CCCCCC;
}
.whosis {
	position: absolute;
	left: 5px;
	top: 563px;
	width: 685px;
	height: 100px;
	border: 1px solid #CCCCCC;
	
}
.whosis2 {
	position: absolute;
	left: 17px;
	top: 525px;
	width: 700px;
	height: 99px;
	border: 1px solid #CCCCCC;
	
}
.generalinfo {
	float: left;
	width: 700px;
	height: 384px;
	border: 1px solid #CCCCCC;
	
}

.econ {
	position: absolute;
	left: 5px;
	top: 507px;
	width: 685px;
	height: 50px;
	border: 1px solid #CCCCCC;
	
}
.econ2 {
	position: absolute;
	left:17px;
	top: 460px;
	width: 700px;
	height: 50px;
	border: 1px solid #CCCCCC;
	
}

.back {
	position: absolute;
	left:645px;
	top: 4px;
	z-index:9;
	
}



input[type=text] {
height:20px;
padding:0px;


} 
blockquote {
	width: 560px;
	float: left;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;

}

h1{
	font-size: 1.6em;
	color:#003366;
	font-weight: bold;
	line-height: 110%;
	margin-top:   5px;
	margin-bottom: 5px;
	background: transparent;
}
h2{
	font-size: 1.2em;
	color:#003366;
	margin-top:   15px;
	margin-bottom: 5px;
	background: transparent;
}

h3{
	font-size: 1.2em;
	color:#003366;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0px;
}
h4{
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
	color:#003366;
	margin-top:   1px;
	margin-bottom: 1px;
	background: transparent;
	text-align: left;
}

h5{
	font-family: "Coming Soon";
	margin-bottom: 1em;
	font-size: 30px;
	color: #003366;
}
h7{
margin-top: 20px;
padding: 0px;
 line-height: 22px;
 font:normal 20pt Verdana;
 font-weight: bold;
 color:#003366;
 vertical-align: bottom;
 /* text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15); */
}

h8{
margin-top: 20px;
padding: 0px;
 line-height: 20px;
 font:normal 16pt Verdana;
 font-weight: bold;
 color:#003366;
 vertical-align: bottom;

}

h9{
margin-top: 10px;
padding: 0px;
 line-height: 15px;
 font:normal 12pt Verdana;

 color:#003366;
 

}
	
/*- Menu Tabs--------------------------- */

    #tabs {
	 font: 0.9em Verdana, sans-serif;
	 color:#FFFFFF;
	  position: absolute;
	  left: 22px;
	  top: 44px;
      float:left;
      width:900px;
      font-size:100%;
      line-height:normal;
	  border-bottom:0px solid #999;
	  z-index:9;
	  
      }
    #tabs ul {
	margin:0;
	  padding:12px 10px 0 40px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
	  
      }
    #tabs a {
      float:left;
      background:url("extranet/tableft.png") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
	  
      }
    #tabs a span {
	float:left;
	display:block;
	background:url("extranet/tabright.png") no-repeat right top;
	padding:5px 11px 4px 6px;
    color:#666;
	z-index:99;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

.worldmap{
	position: absolute;
	left: 63px;
	top: 156px;

}
.contents{
	position: absolute;
	left: 1px;
	top: 68px;
	width:1020px;
	height:649px;
	margin: 0px;
	color: #000000;
	text-align: left;	
	z-index:5;
}

.nav{
	position: absolute;
	left: 0px;
	top: 704px;
	z-index:1;
}
.logo{
	position: absolute;
	left: 100px;
	top: 200px;

}
.logo2{
	position: absolute;
	left: 62px;
	top: 1px;

}
.ipadlogo{
	position: absolute;
	left: 0px;
	top: 0px;

}
.ipadworldmap{
	position: absolute;
	left: 0px;
	top: 39px;

}
.ipadnav{
	position: absolute;
	left: 0px;
	top: 709px;

}
.ipadquicklinks{
	position: absolute;
	left: 750px;
	top: 10px;
	z-index:99;

}
.ipadwcologo{
	position: absolute;
	left: 820px;
	top: 70px;
	z-index:99;

}
.printbutton{
	position: absolute;
	left: 635px;
	top: -2px;
	z-index:99;

}
.cat{
	position: absolute;
	left:10px;
	top:10px;
	color:#000000;
	font-size:40px

}

.tsheading{
	position: absolute;
	left: 0px;
	top: 600px;

}

a, a:link, a:visited {
	color: #000066;
	text-decoration:none;
}




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

a img {
	border: 0;
}


.buttons{
	position: absolute;
	left: 100px;
	top: 900px;

}
.headinginnhold {
	position: absolute;
	top: 160px;
	left: 90px;
	font-size: 26px;
	font-weight: bold;
}
.heading {
	position: absolute;
	top: 70px;
	left: 320px;
	font-size: 16px;
	font-style: bold;
	color: #FFFFFF;
	font-weight: bold;
}
.image {
	position: absolute;
	left: 100px;
	top: 203px;
	z-index: 1;
}
.maske {
	position: absolute;
	left: 80px;
	top: 193px;
	visibility: visible;
	z-index: 2;
}
.content {
	left: 350px;
	top: 185px;
	font-size: 16px;
	position: absolute;
	border: 1px ridge #999999;
	width:200px;
}
.contentheading {
	left: 790px;
	top: 205px;
	font-size: 65px;
	position: absolute;
}
.garanti {
	left: 105px;
	top: 0px;
	font-size: 26px;
	
}
.regionfront {
	position: absolute;
	left: 385px;
	top: 545px;
	font-size: 26px;
}

td {
	padding: 1px;
	font-family: "Trebuchet MS", "Times New Roman", "Arial Narrow", Arial;
	font-size: 0.7em;
	color: #333377;
	margin-top:   1px;
	margin-bottom: 1px;
	background: transparent;
	
	
}
th {
	padding: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color:#003366;
	margin-top:   1px;
	margin-bottom: 1px;
	background: transparent;
	text-align: left;
	vertical-align: text-top;
	
}
.contentframe {
	border: 1px ridge #999999;
	width:1020px;
}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-10px; left:-33;
	padding: 15px 0 0 0;
	width:200px;
	color: #993333;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}
input:disabled
{
color:#fff;
}