@CHARSET "UTF-8";

/* CSS Document */
html {
 height: 100%;
}

body {
 padding: 0;
 margin: 0;
 height: 100%;
 width: 100%;
 color: #000;
 background: #e7ebf1 url("../images/bg-verlauf.gif") repeat-x top;
}

.ie6-br-clear-hack {
  line-height: 1px;
  height: 1px;
}

* {
 font-family: Arial, Helvetica, sans-serif
}

/*===============================  general  ==================================*/
ul,li {
 list-style: none;
 padding: 0;
 margin: 0;
}

img {
 border: 0;
}

a,a:visited {
 color: #123c72;
}

a:hover {
 color: #123c72;
}

.expliziterLink {
 border-bottom:dotted 1px #123c72;
 border-margin:0;
 text-decoration:none;
/* background-color: #123c72;
*/ cursor:pointer;
}



/*.h1-image {
 font-size: 90%;
 font-family: Arial, Helvetica, sans-serif;
 background: url('../images/hdl_bg.gif') no-repeat;
 padding: 0 0 0 10px;
}*/

h1 {
 font-size: 90%;
 font-family: Arial, Helvetica, sans-serif;
 color: #123c72;
 margin: 0;
}

.h1-image-zahlen {
 font-size: 90%;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
}


h2 {
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 font-size: 120%;
 padding: 0 0 0 10px;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 font-size: 120%;
 padding: 0 0 0 10px;
}

h4 {
 font-size: 70%;
 font-family: Arial, Helvetica, sans-serif;
 color: #94a7bf;
 margin: 0;
}

p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: #333;
 margin:0;
 line-height: 130%;
}

.bold {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 90%;
 color: #333333;
}

.pipe {
 padding: 0 6px 0 6px;
 color: #666;
}
.pipe-weiss {
 padding: 0 6px 0 6px;
 color: #fff;
}

.erfasser {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: #333;
 margin: 0 0 20px 10px;
 line-height: 130%;
}

.box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 color: #333;
 margin: 0;
 padding: 0 0 0 10px;
}


/*========== spacer ===========*/
.horizontal-spacer-20 {
 height: 20px;
}

.horizontal-spacer-30{
	height: 30px;
}

.horizontal-spacer-40 {
 height: 40px;
}

.horizontal-spacer-60 {
 height: 60px;
}

.horizontal-spacer-150{
	height: 150px;
}

.vertical-spacer-70{
	float:left;
	width:70px;
	text-align:right;
	margin: 3px 0 0 0;
}

/*===============================  header  ==================================*/
#header {
 background: transparent url("../images/trails-swiss-head.jpg") no-repeat top left;
}
/*===============================  metanavi  ==================================*/
.header-metanavigation {
 font-size: 70%;
 width: 990px;
 height: 24px;
 list-style-type: none;
 white-space: nowrap;
 text-align: center;
 position:absolute;
 top:0px;
 z-index:1000;
}

.header-metanavigation div {
 padding: 5px 0 0 0;
 float: right;
}

.header-metanavigation li {
 display: inline;
}

.header-metanavigation li a {
 width: auto;
 color: #FFF;
 text-decoration: none;
}

.header-metanavigation li a:hover {
 color: #FFF;
 text-decoration: underline;
}

.header-metanavigation li a:active {
 color: #FFF;
 text-decoration: underline;
}

.header-metanavigation .pipe {
  color: #FFF;
}

/*===============================  content  ==================================*/
#content {
 color: #000;
 width: 100%;
 background: #e7ebf1 url("../images/bg-berge.gif") repeat-x top;
}

.content-header {
 width: auto;
 height:60px;
 background: #FFF url("../images/berge-lang.gif") no-repeat top left;
}

.content-box{
	float:left;
	width:auto;
	width: 250px;
	margin:10px 10px 0 0;
}

.content-box .inner-div{
	padding: 20px 10px 0 15px;
}

#content-route-suchen{
  background: url("../images/img-route-suchen.gif") no-repeat top center ;
  margin:10px 10px 0 15px;
  height:304px;
}
/* margin etwas verkleinert für ie6 */
/*\*/ * html #content-route-suchen { margin:10px 10px 0 10px; } /**/

#content-route-erfassen{
  background: url("../images/img-route-erfassen.gif") no-repeat top center ;
  height:304px;
/*  margin:30px 0;*/
}
#content-feedback{
  background: url("../images/img-feedback.gif") no-repeat top center ;
/*  margin:30px 0;*/
  height:148px;
}

#content-weitersagen{
  background: url("../images/img-weitersagen.gif") no-repeat top center ;
  height:148px;
/*  margin:30px 0;*/
}


#content-blume{
	float:left;
	width:70px;
	text-align:right;
	margin-top:-10px;
}

.content-zahlen-big{
	float:left;
	width:70px;
	text-align:right;
	margin: 3px 0 0 0;
}

.content-route-erfassen-block{
  padding: 15px 0px 0px 0px;
}
.content-route-erfassen-zahlen{
  float:left;
  text-align:right;
}

.content-route-erfassen-text{
  float:left;
  line-height: 80%;
  width: 90%;
  padding: 0 0 0 5px;
}

.small-333 {
 font-size: 70%;
 color:#333333;
}

.content-text{
	padding-right:50px;
	padding-top:10px;
	float:left;
	width:80%;
	padding: 0 0 0 5px;
}

/*#content-text{
	padding-right:50px;
	padding-top:10px;
	float:left;
	width:80%;
	padding: 0 0 0 5px;
}*/

.textblock-zahlen{
	width:100%;
}

.textblock-zahlen-small{
	width:110%;
	margin:-66px 0 0 -10px;
	line-height:80%;
}

.content-linke-spalte{
	float:left;
	width:190px;
	height:100%;
	margin:0 0 0 10px;
	border-right: 1px dotted #123c72;
}

#content-suchergebnis{
	padding:0 0 0 10px;
	float:left;
	width:550px;
}

.content-tagcloud{
	float:left;
	width:95%;
	height:100%;
	margin:0 0 15px 15px;
	border-top: 1px dotted #123c72;

}

.content-kommentar{
	float:left;
	width:100%;
	height:100px;
	border-top: 1px dotted #123c72;
	margin-top:20px;
}

.box-route-erfassen{
	float:left;
	width:70px;
	text-align:right;
	margin: 3px 0 0 0;
}


/*#content-tabelle{
padding:15px 0 0 15px;
}*/



/*===================================== headline ===============================*/
.headline {
 color:#123c72;
 padding: 0;
 margin:0;
 border-top: 1px dotted #123c72;
/* border-bottom: 1px dotted #123c72;
*/ line-height: 25px;
}

.headline-spalten {
 color:#123c72;
 padding: 0 0 0 10px;
/*border-right: 1px dotted #123c72;
line-height: 25px;*/
float:left;

}

/*===================================== img-1-n ===============================*/
#img-1-small{
	background: url("../images/img-1-small.gif") no-repeat top center ;
}

/*=====================================  map ===================================*/

.map-content {
 width: 100%;
 font-size: 90%;
 line-height: normal;
 white-space: nowrap;
}

.column-map-content {
 width: auto;
 background-image: url("../images/map-verlauf.gif");
 background-repeat: repeat-x;
 background-position: top;
 font-size: 90%;
 line-height: normal;
 white-space: nowrap;
 border: 3px solid white;
}

.map-border-white{
	border-top: 3px solid white;
	width: auto;
}

.map-border-blue{
	border:3px solid #123C72;
	width: auto;
}

.map-horizontal-ads{
	width:auto;
	height:60px;
}




/*===============================  navigation ==================================*/

/*#btn-right {
float:right;
}
*/
/*===============================  vertikal ads ==================================*/
.vertikal-ads {
 border: 0;
 margin: 0 0 5px 0;
 width: 160px;
 height: 630px;
}

/*===============================  footer ==================================*/
#footer {
 font-family: Arial, Helvetica, sans-serif;
}

/*===============================  footermeta mit copyright  ==================================*/
.footer-meta {
 width:auto;
 font-size: 80%;
 list-style-type: none;
 white-space: nowrap;
 text-align: center;
}

.footer-meta div {
 text-align: center;
  background-color: #adbbce ;
  font-size: 90%;
  line-height: 20px;
  height:20px;
  margin:0;
  padding:0;
}

.footer-meta ul{
 display: inline;
}

.footer-meta li {
 display: inline;
}

.footer-meta li a {
 color: #666;
 text-decoration: none;
}

.footer-meta li a:hover {
 color: #000;
 text-decoration: underline;
}

.footer-meta li a:active {
 color: #000;
 text-decoration: underline;
}

.fussnote {
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 font-size: 80%;
 padding:0;
 margin:0;
 background-color: #8499b6 ;
 line-height: 20px;
}

/*===============================  tagcloud  ==================================*/
.tagcloudlink {
 color: #123c72;
}

.tagsize_12 {
 font-size: 12px;
}
.tagsize_14 {
 font-size: 14px;
}
.tagsize_16 {
 font-size: 16px;
}
.tagsize_18 {
 font-size: 18px;
}

/*===============================  searchbutton  ==================================*/
.search-top-row {
  float:left;
  margin-right:10px;
}
#search-button{
  cursor:pointer;       /* Give it the hand cursor, like a link */
  float:left;
}

/*===============================  erfassen form  =================================*/
input,textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 130%;
}

#erfassen-form .error {
  visibility: visible;
}

#erfassen-form  .noerror {
  visibility: hidden;
}

#route_has_errors .error {
  display: block;
  color: #f00;
}

#route_has_errors .noerror {
  display: none;
}

#erfassen-form input {
  width: 385px;
}

#erfassen-form input.submit-button {
  width: 150px;
}

#erfassen-form input.error {
  border-color: #ff0000;
  visibility: visible;
}

#erfassen-form input.noerror {
  visibility: visible;
}

#erfassen-form textarea {
  width: 385px;
}

#erfassen-form textarea.error {
  border-color: #ff0000;
  visibility: visible;
}

#erfassen-form textarea.noerror {
  visibility: visible;
}

#erfassen-form textarea.text-grey {
  color: #999;
}

#erfassen-form-fields td {
  padding: 2px 5px;
  font-size: 90%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  vertical-align: top;
  white-space: nowrap;
}

#erfassen-form-fields td.erfassen-form-field-label {
  text-align: right;
}

#erfassen-form-fields td label {
  color: #123c72;
  font-weight: bold;
}

#erfassen-form-fields td span img {
  vertical-align: middle;
}