/*################################ BSB+PARTNER #################################################*/
/*#################################################################################*/
/********************************** styles.css *************************************/
/*

	Zweck: 		Enthält statische Styleinformationen für Produktivumgebung
	Autor: 		Timo Grossenbacher, bsb-partner.ch
	Kontakt:  timo.grossenbacher@bsb-partner.ch, beat.thoeni@bsb-partner.ch
	
	Copyright by BSB+Partner 2010. All rights reserved.
*/
/**********************************************************************************/
/**********************************************************************************/
/*	Inhaltsverzeichnis



/*################################################################################################*/
/* . GENERELLES UND INKLUDIERUNGEN */
/*#################################################################################*/


* {
  margin: 							0;
  padding:	            0;
  border:               0;
}
body {
	background-color: #BBDDBB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

a{
  text-decoration:none;
  font-weight:bold;
  color:#006F50;
}
a:active{
  text-decoration:none;
  font-weight:bold;
  color:#006F50;
}
a:hover{
  text-decoration:none;
  font-weight:bold;
  color:#006F50;
}
a:visited{
  text-decoration:none;
  font-weight:bold;
  color:#006F50;
}

/*################################################################################################*/
/* . LAYOUTSTRUKTUR: CONTAINER */
/*#################################################################################*/

#container{
  position:									absolute;
  left:											50%;
  width:										950px;
  margin-left:             -475px;
  background-color:         #BBDDBB;
}

/*################################################################################################*/
/* . LAYOUTSTRUKTUR: HEADER */
/*#################################################################################*/
#header{
  height:										  135px;
  width:											950px;
}


/*#################################################################################*/
/* . LAYOUTSTRUKTUR: NAVIGATION */
/*################################################################*/
#navigation{
  position: 								  absolute;
  left:												0px;
  top:												129px;
  width:											950px;
  height:                     35px;
}

#navigation_bottom_right{
  position:                   absolute;
  top:                        0px;
  left:                       529px;
  width:                      421px;
  height:                     41px;
  background-image:           url("../images/header_unten_rechts.jpg");
}

#navigation_gde_1 {display:block; position:absolute; top:0px; left:0px; width:163px; height:41px; background-image:url("../images/gde_1.jpg");}
#navigation_gde_2 {display:block; position:absolute; top:0px; left:0px; width:163px; height:41px; background-image:url("../images/gde_2.jpg");}
#navigation_gde_3 {display:block; position:absolute; top:0px; left:0px; width:163px; height:41px; background-image:url("../images/gde_3.jpg");}

#navigation_new_1 {display:block; position:absolute; top:0px; left:163px; width:154px; height:41px; background-image:url("../images/new_1.jpg");}
#navigation_new_2 {display:block; position:absolute; top:0px; left:163px; width:154px; height:41px; background-image:url("../images/new_2.jpg");}
#navigation_new_3 {display:block; position:absolute; top:0px; left:163px; width:154px; height:41px; background-image:url("../images/new_3.jpg");}

#navigation_imp_1 {display:block; position:absolute; top:0px; left:317px; width:212px; height:41px; background-image:url("../images/imp_1.jpg");}
#navigation_imp_2 {display:block; position:absolute; top:0px; left:317px; width:212px; height:41px; background-image:url("../images/imp_2.jpg");}
#navigation_imp_3 {display:block; position:absolute; top:0px; left:317px; width:212px; height:41px; background-image:url("../images/imp_3.jpg");}

/*################################################################################################*/
/* . LAYOUTSTRUKTUR: CONTENT */
/*#################################################################################*/
#content{
  position:                 absolute;
  left:                     0px;
  top:                      170px;
  height:										637px;
  width:										950px;
}

#sidebar{
  position:                 absolute;
  left:                     0px;
  top:                      0px;
  height:										637px;
  width:                    186px;
  background-color:         #E1EDE3;
  padding-top:              10px;
}

#sidebar #selection{
  position:                 absolute;
  left:                     10px;
  top:                      40px;
  height:                   auto;
  width:                    170px;
}
#sidebar #selection select {
	border:                   none;
	background-color:         #F0F6F1;
	font-size :               70%;
	font-family:              inherit;
	width:                    160px;
	padding:                  5px;
}

#sidebar #selector {
  position:                 absolute;
  left:                     10px;
  top:                      320px;
  width:                    90px;
  padding:                  2px;
  font-family:              inherit;
  background-color:         #F0F6F1;
  border:                   1px #3E6C51 solid;
  font-size:                70%;
}

#sidebar #js_warning {
  position:                 absolute;
  left:                     10px;
  font-size:                70%;
  bottom:                   5px;
  height:                   auto;
  width:                    160px;
  background-color:         #F0F6F1;
  padding-left:             5px;
  padding-right:            5px;
}

#sidebar #catalog_link {
  position:                 absolute;
  left:                     10px;
  font-size:                90%;
  bottom:                   5px;
  height:                   auto;
  width:                    160px;
  background-color:         #F0F6F1;
  color:					#6F2C00;
  padding:             		5px;
}

#sidebar #news {
  position:                 absolute;
  left:                     10px;
  top:                      350px;
  height:                   auto;
  width:                    160px;
  background-color:         #F0F6F1;
  padding-left:             5px;
  padding-right:            5px;
  overflow:                 hidden;
}


#map {
  position:                 absolute;
  left:                     186px;
  top:                      0px;
  height:					637px;
  width:                    764px;
  background-color:         #E1EDE3;
  padding-top:              10px;
  font-size:				80%;
}

/* Datenkatalog-Styles */
#map #choose_search {
  position:                 absolute;
  left:                     20px;
  top:                      40px;
  height:					60px;
  width:                    764px;
}

#map #search_field {
  position:                 absolute;
  left:                     20px;
  top:                      100px;
  height:					180px;
  width:                    724px;
}
#map #search_field  select {
	border:                   none;
	background-color:         #F0F6F1;
	font-size :               85%;
	font-family:              inherit;
	width:                    200px;
	margin-top:				  5px;	
	padding:                  5px;
	font-family: 			  Verdana, Arial, Helvetica, sans-serif;
}

#map #search_field  input{
	border:                   1px solid #006F50;
	background-color:         #F0F6F1;
	font-family:              inherit;
	width:                    200px;
	margin-top:				  5px;	
	padding:                  5px;
}

#map #search_field #autocomplete_search{
  position:                 absolute;
  left:                     0px;
  top:                      90px;
  height:					18px;
  width:                    200px;
  font-family: 				Verdana, Arial, Helvetica, sans-serif;
}
#map #search_field #autocompletesubmit{
  position:                 absolute;
  left:                     220px;
  top:                      90px;
  width:                    70px;
}
#map #search_field #autocompletediv{
  position:                 absolute;
  left:                     0px;
  top:                      0px;
  visibility:				hidden;
  width:                    0px;
}



#map #result_list {
  position:                 absolute;
  left:                     20px;
  top:                      270px;
  height:					367px;
  width:                    764px;
  visibility:				hidden;
}

#map #result_list #entries {
  position:                 absolute;
  left:                     0px;
  top:                      30px;
  padding:					5px;
  height:					322px;
  width:                    700px;
  background-color:			#F0F6F1;
  overflow:					scroll;
  font-size:				90%;
  font-weight:				bold;
  color:					#364739;
}

#map #result_list #entries .entry_even {
  position:                 relative;
  left:                     0px;
  padding:					5px;
  height:					15px;
  width:                    670px;
  background-color:			#E0E6E1;
}
#map #result_list #entries .entry_even:hover {
  background-color:			#F6FCF7;
}
#map #result_list #entries .entry_odd {
  position:                 relative;
  left:                     0px;
  padding:					5px;
  height:					15px;
  width:                    670px;
  background-color:			#F0F6F1;
}
#map #result_list #entries .entry_odd:hover {
  background-color:			#F6FCF7;
}

#map #result_list #entries img{
	display:				inline;
	height:					15px;
	width:					15px;
	padding:				0px 3px 0px 3px;
	float:					right;
	
}

/* the following hack only applies to IE 7, it exploits an IE 7 bug */
*:first-child+html #map #result_list #entries img {
	margin-top: -12px;
}

#js_hide_map {
  position:                 absolute;
  left:                     186px;
  top:                      0px;
  height:					637px;
  width:                    764px;
  background-color:         #E1EDE3;
  padding-top:              10px;
}


.thumbnail {
  position:                 relative;
  height:                   150px;
  margin:                   5px;
  float:                    left;
}

#news_content {
  position:                 absolute;
  top:                      0px;
  width:                    930px;
  padding:                  10px;
  background-color:         #F8ECC6;
  min-height:               617px;
	height:                   auto !important; /*IE6 Hack*/
	height:                   617px;

}

.news_entry {
  position:                 relative;
  left:                     0px;
  padding:                  20px;
  height:                   auto;
  width:                    890px;
  margin-bottom:            20px;
  background-color:         #E6D0A6;
  border:                   1px solid #D2B070;
  font-size:                80%;
}

.news_navigation {
  position:                 relative;
  left:                     0px;
  height:                   auto;
  font-size:                75%;
  padding-bottom:           10px;
}

.news_navigation_left{
  display:                  inline;
  padding-left:             20px;
}
.news_navigation_right{
  padding-right:            20px;
  display:                  inline;
  position:absolute;
  right:0px;
}

.short_news_entry{
  position:                 relative;
  left:                     0px;
  height:                   auto;
  margin-bottom:            15px;
  margin-top:               5px;
  font-size:                80%;
}


#imprint_content{
  position:                 absolute;
  top:                      0px;
  width:                    930px;
  padding:                  10px;
  background-color:         #EEEEEE;
  min-height:               617px;
	height:                   auto !important; /*IE6 Hack*/
	height:                   617px;
	font-size:                75%;
}


#protected_header{
  position:                 absolute;
  left:                     0px;
  top:                      -50px;
  height:                   100px;
  width:                    930px;
  background-color:         #E1EDE3;
  padding:                  10px;
  font-size:                120%;
}

#protected_content{
  position:                 absolute;
  left:                     0px;
  top:                      60px;
  width:                    930px;
  height:                   150px;
  font-size:                120%;
  background-color:         #BBDDBB;
  padding:                  10px;
}

#protected_content_left{
  position:                 absolute;
  left:                     0px;
  top:                      25px;
  width:                    450px;
  height:                   150px;
  background-color:         #E1EDE3;
}

#protected_content_left a{
  padding:                  25px;
  display:                  block;
  width:                    88.88889%;
  height:                   66.66667%;
  text-decoration:          none;
  font-size:                130%;
}

#protected_content_left a:hover{
  text-decoration:          none;
  background-color:         #FFFFFF;
}

#protected_content_right{
  position:                 absolute;
  left:                     500px;
  top:                      25px;
  width:                    450px;
  height:                   150px;
  background-color:         #E1EDE3;
}
#protected_content_right a{
  padding:                  25px;
  display:                  block;
  width:                    88.88889%;
  height:                   66.66667%;
  text-decoration:          none;
  font-size:                130%;
}

#protected_content_right a:hover{
  text-decoration:          none;
  background-color:         #FFFFFF;
}

#protected_footer {
  position:                 absolute;
  top:                      250px;
  text-align:               center;
  width:                    930px;
  height:                   40px;
  padding:                  10px;
}
/***********************************************************************************/
/* 																				   */
/*    Buttons - Formatierungen													   */
/* 																				   */
/***********************************************************************************/
.Gemeindedaten {
	border:									  hidden;
	border-color:						  #E0FFC1;
	background-color : 			  #E0FFC1;
	font-family: 						  Verdana;
	font-size : 						  7pt;
	
}

/***********************************************************************************/
/* 																				   */
/*    LAYOUT - Formatierungen													   */
/* 																				   */
/***********************************************************************************/

hr{
  background-color: #D2B070;
  height:1px;
  width:100%;
  margin-bottom:3px;
}

h1{
  color:                     #006F50;
}

h2{
  font-size:                 140%;
  color:                     #6F3000;
  margin-bottom:             15px;
}

h3{
  font-size:                 140%;
  color:                     #6F3000;
  margin-bottom:             10px;
}