/***************Grund-HTML*********/
body {
    background-color: #FDFDE2;
    font-size: 12px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    line-height:145%;
    color:#363636;
    padding:0px;
    margin:0px;}


.clearer {clear: both; font-size: 0; margin:0; padding:0;}
.spacer {clear: both; height:10px;}



/* ----------Hauptcontainer zentriert das layout-------------- */
#maincontainer {
	width: 1000px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;}


/* ----------Inhaltscontainer-------------- */
#container {
	width: 820px;
	padding:0px;
	margin: 0px;
	float:left;
	border:1px solid #AEAEAE;
	background-color:#FBF8EC;}


/****Links***/
        a {
            color: #1C58A1;
            text-decoration:none;}
        a:visited {
            color:#1C58A1;}
        a:hover {
            color: #7698C1;}
        a:active {
            color:#7698C1;}

        a.merker {
            text-decoration:none;
            font-size: 11px;}

        a.gps {
            text-decoration:none;
            font-size: 11px;}


/* ----------Banner-------------- */
.banner {
	background-image:url("../im/basic/banner.jpg");
	width:100%;
	height:100px;
 	border-width:0px 0px 1px 0px ;
 	border-style:solid;
 	border-color:#564b47;
 	text-align:right;}


            .banner_wanderspass {
                background-image:url("../im/wanderspass/banner.jpg");
                width:100%;
                height:140px;
                border-width:0px 0px 1px 0px ;
                border-style:solid;
                border-color:#564b47;}

#banner img {
	padding:0px 0px;}

#orient {
 	text-align: left;
 	text-decoration:none;
	font-size: 10px;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
 	border-width:0px 0px 1px 0px ;
 	border-style:solid;
 	border-color:#564b47;
 	background-color:#FDE6AA}

a.orient {
	text-decoration:none;
	color:#666666;}




/* --------------Partnerleiste------------- */

#partner {
	height:15px;
 	text-align: right;
 	text-decoration:none;
	
	margin-bottom:3px;
	margin-right:15px;
	border:0}

/* --------------NAVIGATION UND MENÜ------------- */
#left {
 	width:210px;
 	float:left;}

.box{
 	width:200px;
 	margin-left:5px;
 	margin-bottom:10px;
 	margin-top:10px;
 	background-color: #FDE6AA;
 	border:1px solid #cccccc;}

.box_leer{
 	margin:1px 0px;
 	width:200px;
 	font-size:1px;}

.box_halbleer{
 	margin:4px 0px;
 	width:200px;
 	font-size:0px;}

.menue{
 	margin:0;
 	width:200px;}
.menue a{
 	font:bold 11px verdana, sans-serif;
 	color: #444444;
 	padding:4px 3px 4px 10px;
 	text-decoration:none;
 	background:transparent;
 	display:block;}
.menue a:hover{
	background:#FDD773;
	color:#333333;}
.menue a.act{
	background:#FCD263;}



/* -----------------Inhalt--------------------- */
#main{
	Width:610px;
 	float:left;
 	margin:0px;
 	padding:0px}

.content{
 	Width:588px;
 	background-color: #FDE6AA;
 	border:1px solid #cccccc;
 	margin:10px;
 	padding:0px}


.box_kopf {
 	width:100%;
 	min-height:18px;
 	background-color:#2f577f;
 	font-family: Verdana;
 	font-size: 12px;
 	font-weight:bold;
 	color: #ffffff;
 	border-bottom:1px solid #ffffff;}

.box_kopf p{
 	padding:3px 10px;}



/* -----------------Seitenbanner--------------------- */
#add{
	Width:170px;
 	float:left;
 	margin:0px;
 	margin-top:140px;
 	padding:0px}

.addframe{
 	Width:160px;
 	border:0;
 	margin-left:10px;
 	padding:0px}





/***************Überschriften etc*********/


.mid {
	font-size:11px;
	line-height:130%;}

.fuss {
	font-size:10px;
	line-height:110%;
	text-align:center}





/* ----------Formular-------------- */

    Form.form {
        margin:25px 10px;
        width:360px;
        padding:10px 0px;
        border:1px solid #cccccc
     }
    INPUT < button{
        border:1px solid #2f577f
    }
    TEXTAREA {
        border:1px solid #2f577f;
        font-size: 12px;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    }
    input.hidden {
        height:0px;
        width:0px;
        margin:0px;
        padding:0px;
    }
    input {
        margin:0;
        padding:0;
    }
    label {
        font-weight:bold;
        font-size:11px;
        margin:0;
        padding:0;
    }

    div.formintern {
 	    margin:5px 5px 15px 5px;
        padding:10px 10px;
        border:1px solid #cccccc
     }


    Form.intern {
        margin:25px 0;
        width:450px;
        padding:10px 0px;
        border:1px solid #cccccc
     }


    Form.suche {
        margin:2px 10px 0px 10px;
        width:160px;
        padding:0;
        border:0
     }
    input.suche {
        margin:5px 0 0 0;
        width:120px;
        height:16px;
        padding:2px 1px;
        border:1px solid #2f577f
     }
    input.suchbutton {
        margin:0 0 0 5px;
        width:25px;
        height:23px;
        padding:0;
        background-image:url("../im/basic/search.gif");
        border:0;
        background-color:#FDE6AA
     }
    input.suchbutton:hover {
        margin:0 0 0 5px;
        width:25px;
        height:23px;
        padding:0;
        background-image:url("../im/basic/search_hover.gif");
        border:0;
        background-color:#FCE3A3
     }


#int {
 	margin:0 0 15px 0;
 	width:300px;
 }
#int_sml {
 	margin:0 0 15px 0;
 	width:150px;
 }





/* -----------------WERBUNG--------------------- */
div.werb_start {
  	width:180px;
  	padding:0 2 0 5px;
  	margin:2px;
  	border:1px solid #cccccc;
  	background-image:url("../im/basic/werb_back_start.gif")}

/* -----------------Startseite--------------------- */
.content_mid {
  	width:390px;
  	float:left;
  	padding:0;
  	margin:0;
  	border-right:1px dashed #cccccc;}

.content_re {
  	width:190px;
 	float:right;
  	padding:0;
  	margin-left:7px}

.start_kopf {
  	background-image: url("../im/basic/banner_start.jpg");
  	width:100%;
  	height:120px}


h1.start {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 25px 5px 25px 10px;
	margin:0px;
	line-height:120%;
	color:#efefef
	}

h2.start {
	font-size: 12px;
	font-weight:bold;
	padding:12px 0 0 0;
	margin: 15px 5px 0 10px;
	line-height:120%;
	color:#2f577f;
	border-top:1px dashed #2f577f;
	}


/* -----------------Rahmen für Blättern, Sortierliste etc.--------------------- */
.rub_pre{
 	Width:562px;
 	margin:5px 5px;
 	padding:2px;
 	}

/* -----------------Rubrik Ausgabe der Einzelergebnisse--------------------- */

.rub_main{
 	Width:572px;
 	background-color: #eeeeee;
 	border:1px solid #cccccc;
 	margin:5px 5px;
 	padding:2px; }

.rub_pic{
 	Width:100px;
  	float:left;
 	margin:5px 0px;
 	padding:0px}

.rub_txt{
 	Width:410px;
 	float:left;
 	margin:5px 0px;
 	padding:0px 0px 0px 5px;
 	font-size:11px}

.rub_txt p{
 	margin:0;
 	padding:0;}

.rub_more{
 	Width:57px;
 	float:left;
 	margin:5px 0px;
 	padding:0px;}

.rub_h1:hover{
	color: #7698C1;}

.rub_h1 {
	font-size: 11px;
	font-weight:bold;
	color: #1C58A1;}

/*  ----------------Fußzeile---------------------- */
#footer {
    float:right;
    width:100%;
    margin:15px 0 0 0;
    padding:15px 0 0 0;
    border-top:1px solid #dddddd}



/***************Merkzettel*********/


.merker_rub{
 	Width:562px;
 	background-color: #eeeeee;
 	border:1px solid #cccccc;
 	margin:5px 5px;
 	padding:2px; }

div.merker_detail{
 	Width:542px;
 	background-color: #eeeeee;
 	border-bottom:1px dashed #cccccc;
 	margin:0px 5px;
 	padding:2px; }


div.merker_detail_name{
 	Width:350px;
 	margin:5px 0;
 	padding:0;
 	float:left }


div.merker_detail_gps{
 	Width:542px;
 	background-color: #eeeeee;
 	border-bottom:1px dashed #cccccc;
 	margin:0px 5px;
 	padding:2px; }

div.merker_detail_info{
 	Width:30px;
 	margin:5px 0;
 	padding:0;
 	float:right }

h2.merker {
 	Width:537px;
 	background-color:#2f577f;
 	font-size: 12px;
 	font-weight:bold;
 	color: #ffffff;
 	margin:5px 5px;
 	padding:5px;
 	}
p.merker_detail {
 	padding:5px 0;
 	}


/***************Schriften*********/
.sml {
	font-size: 10px;}

.txt_pic {
	font-size: 10px;
	line-height:110%;
	float:left}

.blaettern {
	font-size: 10px;
	text-decoration:none;
	font-weight:bold;}

h1 {
	font-size: 18px;
	font-weight: normal;
	padding: 15px 10px;
	margin:0px}

h2 {
	font-size: 12px;
	font-weight:bold;
	padding:12px 0 0 0;
	margin: 15px 5px 0 10px;
	line-height:120%;
	color:#2f577f;
	border-top:1px dashed #2f577f;}

h3 {
	font-size: 12px;
	font-weight:bold;
	padding:8px 0 0 0;
	margin: 10px 5px 0 10px;
	line-height:120%;
	color:#2f577f;}

h2.det {
	font-size: 15px;
	font-weight: bold;
	padding: 20px 10px 5px 0;
	border:0;
 	border-bottom: 1px dashed #cccccc;
	margin: 0 10px 0 9px;
	}

h3.det {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px 0px 10px;
	margin:0px;
	line-height:120%
	}

p{
	padding: 2px 10px;
	margin:0px; }


/*----------------Detailansicht----------------*/
 #det_info {
  width:386px;
  float:left;
  padding:0;
  margin:0;
  }

 #det_top {
  background-image:url("../im/basic/det_top_bg.gif");
  height:30px;
  width:100%;

  padding:0;
  margin:0;
  }

 .det_txt {
  width:380px;
  float:left;
  padding:0;
  margin:0;
  border-right:1px dashed #cccccc;
  }

 .det_pic {
  width:190px;
  float:right;
  padding:0;
  margin-left:7px}

 .det_cont {
  	padding:5px 0 5px 0;
  	margin:5px 0 5px 0;}

 .det_umkreis {
  padding:10px 0;
  margin:0;
  border-top:1px solid #cccccc;
  background-color:#FFEFC5
  }
  .det_back {
  padding:0;
  margin:0;
  border-top:1px solid #cccccc;
  background-color:#dddddd
  }


 #det_gps{
 	background-color:#dddddd;
 	border:1px solid #efefef;
 	padding:auto 0;
 	font-size:11px
 	}

  #det_gps_solo {
 	width:394px;
 	float:left;
 	}

  #det_gps_daten {
 	width:316px;
 	float:left;
 	}

  #det_gps_map {
 	width:178px;
 	float:right;
 	background-image: url("../im/basic/gps_map.jpg");
 	}

  #det_gps_profil {
 	width:78px;
 	float:left
 	}
  p.gps {
  	padding: 5px 10px;
  	margin:0px; }



hr.det {
	border:0;
	height:1px;
	background-color:#cccccc;
	color:#2f577f;
	margin:0}


/*-------------Listen-------------------*/
ul.umkreis {
  	padding: 0px 10px;
    margin-left:15px;
    list-style-type:square;
    list-style-position:outside;}

ul {
    padding: 5px 10px;
    margin-left:15px;
    margin-top:5px;
    list-style-type:square;
    list-style-position:outside;}

li {
	margin:0px;}



/*-------------MiniMap-------------------*/
 #karte {
  background-image: url("../im/basic/eifelkarte.jpg");
  width:180px;
  height:213px;
  float:right;}

  #marker {
  position:relative;
  width:13px;
  height:13px;}