/* 
############################################################################
## Vorbereitende Massnahmen | Reset                                       ##
############################################################################
*/
/* Hiermit werden die Randabst?nde und border aller HTML-Elemente auf Null gesetzt. */

* { margin:0; padding: 0; } 

/* Das zur?cksetzen der Innen- und Au?enabst?nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}
	
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. */
html { height: 100% } 
body { 
  min-height: 101%;	
  /* Beseitigung des Rundungsfehlers bei Schriftgr??en im Opera sowie Standardformatierungen */
  font-size: 100.01%; 
  /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Grısse des Browser-Fensters geındert wird. */
  position: relative; 

  /* Vorgabe der Standardfarben und Textausrichtung*/     
  color: #000;        
  background: #fff;
  text-align: left; 
} 
	
/* Standardrahmen zur?cksetzen */
fieldset, img { border:0; }

/* Anpassung fır Safari Browser. font-size:100% ist fır den Safari in Formularen zu gross */ 
select, input, textarea { font-size: 99% }
	
/*
############################################################################
### DIV-Container des Basislayouts                                        ##
############################################################################
*/
	
#header { position:relative }

#topnav {
  /*position:absolute;*/
  top: 0px;
  right: 0px;
  left: 0px;
  height: 103px;
  /*right: 10px;*/
  color: #fff;
  background: transparent;
  text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
  padding-left: 300px;
}

/*#title {*/
    /*position:absolute;*/
    /*top:60px;*/
    /*left:-120px;*/
    /*color: black;
	text-align: left;
	padding-right: 120px;
}*/
/*#titlecontent {
    line-height:1em;
    font-size:2em; 
}
#subtitle {
   font-size:1em; 
}*/

#title {
    position:absolute;
    top:70px;
    left:300px;
	color:#000000;
	text-align:left;
}
#titlecontent {
    line-height:1em;
    font-size:1.8em;
   font-weight:bold;
}
#subtitle {
   font-size:1em; 
}

#nav { clear:both; width: auto; }
#servnav {clear:both; width: auto; }
#main {	clear:both; width: auto; }
	
#col1 {
  float: left;
}
	
#col3 {
  width:auto;
}
	
#footer { clear:both; }	/* Backup fır IE-Clearing */
	
/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor dem Spaltenhintergrund erscheinen. */
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1_content, #col2_content { position:relative; } /* col3_content entfernt wegen Karte GO */

/*
############################################################################
### Markupfreie CSS-Floatclearing-Lısungen                                ##
############################################################################
*/

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
	
/* Diese Angabe benıtigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }
	
/* IE-Clearing: Benıtigt nur der Internet Explorer und ıber iehacks.css zugeschaltet */
#ie_clearing { display: none }


/*
############################################################################
### Standard-Formatierungen fır Listen & Zitate                           ##
############################################################################
*/

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}




/*
############################################################################
### Skiplink-Navigation                                                   ##
############################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}

/*
############################################################################
### BASEMOD                                                               ##
############################################################################
*/

@media all
{

/* Formatierung der Seite */
body { background: #fff; padding: 0;	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page { 
  background: #fff;
}

/*
############################################################################
### Formatierung des Kopfbereichs                                         ##
############################################################################
*/
#header {
  color: #fff;
  height: 103px;
  background-image: url(http://kgs-gis.admin.ch/kgs/gfx/layout/logo_ch.jpg);
  background-repeat: no-repeat;
}

/*#adminch, #depart, #amt {
  height: 20px;
  width: 525px;
}*/

#header_adminch {
  height: 20px;
  background-image: url(http://kgs-gis.admin.ch/kgs/gfx/layout/bg_adminlink.jpg);
  background-repeat:no-repeat;
  background-position: right;
}

#adminch a {
  display: block;
  margin: 0 10px 0 0;
  padding-top: 2px;
  font-size: 0.9em;
  font-weight: bold;
  color: #000;
  text-align: right;
  text-decoration: none;
}

#header_right{
  /*margin-top: 20px;*/
  height: 103px;
  background-image: url(../gfx/layout/bs.HeaderImage.jpg);
  background-repeat:no-repeat;
  background-position: right;
}

#depart a {
  display: block;
  margin: 0 10px 0 0;
  padding-top: 4px;
  font-weight: bold;
  font-size: 0.9em;
  color: #fff;
  text-align: right;
  text-decoration: none;
}

#amt h1 a {
  display: block;
  margin: 10px 10px 0 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-align: right;
  text-decoration: none;
}

#servnav {
  /*padding-left: 794px;*/ /* sollte 794 sein */
  text-align: right;
  padding-right: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 0.9em;
  background-color: #ccc;
  border-top: 1px #fff solid;
}

#serv_links {
  /*float: left;*/
  position: absolute;
  left: 10px;
  /*width: 400px;*/
}

#servnav li {
  list-style: none;
  display: inline;
  margin: 0 3px 0 0;
  padding-right: 6px;
}

.followed {
  background-image: url(http://www.bafu.admin.ch/images/pipe.gif);
  background-repeat: no-repeat;
  background-position: right;
}

#servnav li a {
  color: #000;
  text-decoration: none;
}

#servnav li a.active {
  font-weight: bold;
}

#servnav ul {
  margin-bottom: 0;
}

/*
############################################################################
### Formatierung der Fusszeile                                           ###
############################################################################
*/
#footer { 
  background:#fff; 
}

#footer_content {
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  margin: 0 0 20px 310px;
  padding: 5px 0 5px 0;
  text-align: left;
  font-size: 0.9em;
}

/*
############################################################################
### Formatierung der Inhaltsspalten                                       ##
############################################################################
*/
#main { 
  background: #fff ; 
  margin-top: 20px;
  padding: 1em 0; 
} 

/* linke Spalte */
#col1_content {
  margin-left: 5px;
  background: inherit; 
}

/* Mittlere Spalte */

#col3_content { 
  background: inherit;
}

#breadcrumbtrail {
  background: #fff;
  padding: 2px 2px 2px 16px;
  font-size: 0.9em;
  height: 1%;
  text-align:right;
}

#breadcrumbtrail ul, #breadcrumbtrail li {
  list-style: none;
  display: inline;
  margin: 0;
  font-weight: bold;
}

li a.breadcrumb {
  text-decoration: none;
  color: #000;
  font-weight: normal;
}
} 

/*
############################################################################
### BASEMOD_2COL_LEFT                                                    ###
############################################################################
*/

@media screen
{
#main { padding-top: 0; }

/* linke Spalte */
#col1 {	width: 290px; }	

/* Rechte Spalte */
#col2, #col2_content { display:none; } 

#col3 {
  margin-left: 310px; 
  margin-right: 0; 
  padding-left: 0;
} 
}


/*
############################################################################
### CONTENT                                                              ###
############################################################################
*/

@media all
{
/*
############################################################################
#### Standard-Vorgaben                                                   ###
############################################################################
*/

/* ıberschriften, Fliesstexte */

body { 
  color: #000; 
  font-size: 0.75em; /* 12px */
  font-family: arial, helvetica, sans-serif; 
} 

h1 { font-size: 1.0em; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


/* Auszeichnung lokaler und Externer Links */
a, a em.file {color: #006699; text-decoration:underline;}
a:hover {background-color: none;}
a:focus {background-color: none; text-decoration:none;}


#main a[href^="http://www.bafu.admin.ch"] {
/*  padding-left: 12px; GO */ 
  background-image: url('http://www.bafu.admin.ch/images/ico_go.gif');
  background-repeat: no-repeat;
  background-position: left;
}

#main a.imagelink {
  padding-left: 0;
  background: transparent;
}

/*
############################################################################
### Formulare & Tabellen                                                 ###
############################################################################
*/

#layerInfo table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

/* wegen Konflikten ausgeschaltet GO 
input, textarea {
  width: auto;
  border: 1px #ccc solid;
  background: #fafafa;
  padding: 3px;
  color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}
*/
}

/*
############################################################################
### NAV_HORIZONTAL                                                       ###
############################################################################
*/

/* Basisdefinitionen */
#nav_main { 
  width: 100%; 
  list-style-type: none; 
  background: #ccc; 
  border-top: 1px #fff solid;
  border-bottom 1px #fff solid;
  overflow: hidden; 
}

#nav_main ul { 
  float:left; 
  display:inline;
  list-style-type: none; 
  border-right: 1px #fff dotted;
  padding: 0;
  margin: 0;
  margin-left: 0px; 
}
	
#nav_main ul a { 
  text-decoration: none; 
  display:block; 
  width: auto; 
}

#nav_main ul li { 
  float:left; 
  display:inline; 
  padding: 0; 
  margin: 0; 
  border-left: 1px #fff dotted;
}

#nav_main ul li a { 
  background-color: #333333; 
  color: #fff; 
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
  display: block;
  padding: 6px 10px 6px 10px;
}

#nav_main ul li a.firstbutton {
  padding-left: 20px;
}

#nav_main ul li a.current { 
  width: auto; 
  background-color: #006699; 
}

/*
############################################################################
### FINE-TUNING                                                          ###
############################################################################
*/

#toolTips {
  float: left;
  padding-right:10px;
}

#toolButtons {
  float:left;
  margin-top: 5px;
}

#toolText {
  margin-top: 15px;
  padding: 0;
  height: 20px;
}

#toolTips {
  padding-left:10px;
}

#pan_nw, #pan_n, #pan_ne, #pan_w, #pan_e, #pan_sw, #pan_s, #pan_se {
  border: 0;
}

#fullextent_icon {
  margin: none;
  border: 0;
  padding: 0;
}

#floatScale, #floatGeo {
  display: block;
}

#exportPdf {
  text-align: right;
}

#searchservice, #searchservice ul, #searchservice li {
  text-align: left;
  list-style: none;
  margin-left: 0;
}

#searchservice h4 {
  display: none;
}

#Kartenlink {
  padding: 0 0 10px 10px;
}

#tables_result table {
  width: 100%;
}

#tables_result caption, #tables_result th {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

#floatDistance {
  padding:0;
  margin: 0;
  display: none;
}

#floatSurface {
  padding:0;
  margin: 0;
  display: none;
}