/* filename: /css/wanderinstitut_screen.css
   version 1.01 - 2008-02-29
   kontakt at manderbachmedia dot de */
   
#printinfo {
	display: none;
}
   
   
body {
	margin: 0;
	padding: 0;
	background: #606061;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 101%;
}

#center {
	border-top: 8px solid #606061; 
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 999px;
	background: #606061 url("/img/bg.gif") repeat-y;	
}

#contentwrapper {
	margin: 0 20px 0 19px;
	background: #fff url("/img/visual.jpg") 0 95px no-repeat;
}


#logo {
	padding: 20px 0 0 60px;
}


/* --------------------------- navmain ----------------------- */

#navmain {
	margin-bottom: 245px;
	width: 960px;
	height: 48px;
	text-align: right;
}

#navmain ul {
	margin: 20px 31px 0 0;
	padding: 0;
	float: right;
}

#navmain li {
	list-style: none;
	display: inline;
}



#navmain a {
	display: block;
	float: left;
	font-size: 0.77em;
	line-height: 1.3em;
	font-weight: bold;
	color: #6A6A6A;
	background: #fff;
	text-decoration: none;
	margin: 0 10px;
}

#navmain a:hover {
	color: #599DD2;
	text-decoration: underline;
}

#navmain a.act {
	color: #599DD2;
	text-decoration: underline;
}

/* --------------------------- colleft ----------------------- */

#colleft {
	margin: 0;
	float: left;
	width: 290px;
	height: 250px;
	background: url("/img/line_vertical.gif") 250px 0 no-repeat;
}

#colleft ul {
	margin-left: 60px;
	padding: 0;
	width: 180px;
}

#colleft li {
	list-style: none;
	display: inline;
}



#colleft a {
	display: block;
	font-size: 0.77em;
	line-height: 1.3em;
	color: #6A6A6A;
	background: #fff url("/img/bg_navsub.gif") 0 bottom no-repeat;
	text-decoration: none;
	padding: 3px 0 3px 18px;
}

#colleft a:hover, #colleft a.act {
	color: #333;
	background: #fff url("/img/bg_navsub_act.gif") 0 bottom no-repeat;
	/*text-transform: uppercase;*/
	font-weight: bold;
	padding: 3px 0 3px 22px;
}
	/* home */
	
#colleft h3 {
	font-size: 0.70em;
	text-transform: uppercase;
	margin: 0 0 0 60px;
	color: #333;
}

#colleft p, #colleft div {
	margin: 0 0 20px 60px;
	padding: 0;
	width: 170px;
	font-size: 0.95em;
}

#colleft p a, #colleft div a {
	background: #fff url("/img/line_horiz.gif") 0 bottom no-repeat;
	text-decoration: none;
	padding: 3px 0 13px 0px;
}

#colleft p a:hover, #colleft div a:hover {
	color: #333;
	background: #fff url("/img/line_horiz.gif") 0 bottom no-repeat;
	text-decoration: underline;
	padding: 3px 0 13px 0px;	
	font-weight: normal;
}


#colleft div a, #colleft div a:hover {
	background: none;
	margin-top: 10px;
}
	
/* ------------------------ colright - home ----------------- */
#colright {
	margin: 0 0 0 20px;
	float: left;
	width: 175px;
	background: #fff url("/img/line_vertical.gif") 0 0 no-repeat;
	padding-left: 25px;
}
	
#colright h3 {
	font-size: 0.70em;
	text-transform: uppercase;
	margin: 0;
	color: #333;
}

#colright p {
	margin: 0 0 20px 0;
	padding: 0;
	width: 170px;
	font-size: 0.95em;
}

#colright p.date {
	margin: 5px 0 0 0;
	font-size: 0.70em;
	line-height: 1.3em;
	color: #6A6A6A;
}

#colright p a {
	display: block;
	font-size: 0.77em;
	line-height: 1.3em;
	color: #6A6A6A;
	background: #fff url("/img/line_horiz.gif") 0 bottom no-repeat;
	text-decoration: none;
	padding: 3px 0 13px 0px;
}

#colright p a:hover {
	color: #333;
	background: #fff url("/img/line_horiz.gif") 0 bottom no-repeat;
	text-decoration: underline;
	padding: 3px 0 13px 0px;	
	font-weight: normal;
}
		
#colright ul {
	margin: 0 0 10px 0;
	padding: 0 0 10px 15px;
	background: #fff url("/img/line_horiz.gif") 0 bottom no-repeat;
}

#colright ul a {
	display: block;
	font-size: 0.77em;
	line-height: 1.3em;
	/* color: #6A6A6A;*/
	color: #599DD2;
	text-decoration: none;
	padding: 0;
}

#colright ul a:hover {
	color: #333;
	text-decoration: underline;
}

/* --------------------------- content ----------------------- */


#content {
	margin: 0 0 40px 0;/*290px*/
	width: 610px;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #333;
	float: left;
}


#content.home {
	width: 410px;
	fdloat: left;
}


#content h1, p.likeh1 {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	color: #333;
}

#content h2, #content h1.premiumweg {
	font-size: 1.5em;
	text-transform: none;
	margin: 8px 0 0 0;
	color: #599DD2;
}

#content h1.premiumweg {
	padding: 0 0 10px 25px;
	background: url("/img/pointer_20px.gif") no-repeat;
}

#content h3 {
	font-size: 1em;
	margin: 20px 0 0 0;
	color: #333;
}


#content h3.strecke, #content h3.rund, #content h3.winter, #content h3.alpin {
	padding: 0 0 0 25px;
	line-height: 1.5em;
}

#content h3.strecke {
	background: url("/img/pointer_20px_strecke.gif") no-repeat;
}
#content h3.rund {
	background: url("/img/pointer_20px.gif") no-repeat;
}
#content h3.alpin {
	background: url("/img/pointer_20px_alpin.gif") no-repeat;
}
#content h3.winter {
	background: url("/img/pointer_20px_winter.gif") no-repeat;
}

#content p {
	margin: 10px 0 0 0;
}

#content p.weggruppe {
	font-weight: bold;
	margin: 0 0 0 30px;
	font-size: 0.85em;
	color:#599DD2 !important;
}

#content ul, #content ol {
	margin-left: 15px;
	padding-left: 15px;
}
#content ul li {
	padding: 3px 0 3px 0;
}

#content a {
	color: #333;
}

#content a:hover {
	color: #599DD2;
}

#content a.pdf {
	padding-left: 17px;
	background: url("/img/icon_pdf.gif") 0 3px no-repeat;
}

#content a.outdooractive {
	background: url("/img/logo_outdooractiv_com.gif") 0 3px no-repeat;
	text-decoration: none;
	color: #fff;
	padding: 0 70px;
	margin-left: 5px;
}
#content a.outdooractive span {
	display: none;
}

address {	
	margin: 10px 0 0 0;
	font-style: normal;
}

/* literatur */

div.amazon {
	clear: both;
	width: 500px;
	padding-top: 15px;
}

div.amazon div {
	float: left;
	display: block;
	width: 100px!important;
}

div.amazon img {
	height: 110px;
}

div.amazon a {
	font-size: 0.9em;
	line-height: 1.2em;
	float: left;
	text-decoration: none;
}

div.amazon a:hover {
	text-decoration: underline;
}

/* --------------------------- form ----------------------- */


input.text {
	width: 300px;
	height: 100px;
	height: 17px;
	border: 1px solid #9A9A9A;
	background-color: #fff;
	margin-bottom: 10px;
}


textarea {
	width: 300px;
	border: 1px solid #9A9A9A;
	background-color: #fff;
	margin-bottom: 10px;
}


input.submit {
	float: right;
	background-color: #ddd;
	border: 1px solid #9A9A9A;
	margin: 10px;	
}

table.form {
	margin-top: 20px;
}

table.form td {
	vertical-align: top;
}


/* ----------------- table -----------------*/
table.content {
	font-size: 0.95em;
	margin: 20px 0 20px 0;
}

table.content th, table.content td {
	vertical-align: top;
	padding: 5px;
}

table.content th {
	background: #EFEFEF;
	color: #333;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
table.content td {
	background: #F3F3F3;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}


/* --------------------------- info tabelle ----------------------- */

table.walk {
	font-size: 0.95em;
	margin: 20px 30px 20px 0;
	width: 350px;
}

table.walk td, table.walk th {
	vertical-align: top;
	text-align: left;
	padding: 3px 7px 3px 7px;
	font-weight: normal;
}
table.walk td.img {
	padding: 0;
}

table.walk tr.even th {
	background-color: #EFEFEF;
	width: 150px;
}

table.walk tr.even td {
	background-color: #F3F3F3;
}

/* --------------------------- map ----------------------- */

#buehne {
	position: relative;
	top: 10px;
	left: 0;
	height: 590px;
}

#map {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}


#ovmap {
	position: absolute;
	z-index: 20;
}

#legende {
	position: absolute;
	z-index: 200;
}
/*

1 = Streckenweg
2 = Rundweg
3 = Alpiner Weg
4 = Winterweg
*/

.pointer1, .pointer2, .pointer3, .pointer4 {
	position: absolute;
	z-index: 100;
	width: 15px;
	height: 15px;
}

.pointer1 a, .pointer2 a, .pointer3 a, .pointer4 a {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 15px;
	height: 15px;
}

#buehne.alle .pointer1 {
	background: url("/img/pointer_15px_str.gif") no-repeat;
}

#buehne.alle .pointer2 {
	background: url("/img/pointer_15px.gif") no-repeat;
}

#buehne.alle .pointer3 {
	background: url("/img/pointer_15px_alpin.gif") no-repeat;
}

#buehne.alle .pointer4 {
	background: url("/img/pointer_15px_winter.gif") no-repeat;
}

/*
.pointer, .pointerstrecke {
	position: absolute;
	z-index: 100;
	width: 15px;
	height: 15px;
}

.pointer a, .pointerstrecke a {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 15px;
	height: 15px;
}

#buehne.alle .pointer {
	background: url("/img/pointer_15px.gif") no-repeat;
}

#buehne.alle .pointerstrecke {
	background: url("/img/pointer_15px_str.gif") no-repeat;
}
*/


#info0, #info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9, #info10, 
#info11, #info12, #info13, #info14, #info15, #info16, #info17, #info18, #info19, #info20,
#info21, #info22, #info23, #info24, #info25, #info26, #info27, #info28, #info29, #info30,
#info31, #info32, #info33, #info34, #info35, #info36, #info37, #info38, #info39, #info40, 
#info41, #info42, #info43, #info44, #info45, #info46, #info47, #info48, #info49, #info50,
#info51, #info52, #info53, #info54, #info55, #info56, #info57, #info58, #info59, #info60,
#info61, #info62, #info63, #info64, #info65, #info66, #info67, #info68, #info69, #info70,
#info71, #info72, #info73, #info74, #info75, #info76, #info77, #info78, #info79, #info80 {
	visibility: hidden;
}

.info {
	position: absolute;
	z-index: 200;
	font-size: 11px !important;
	line-height: 13px !important;
	background: #fff;
	border: 1px solid #767676;
	padding: 5px;
}

.info h4, .info p {
	margin: 0 !important;
	font-size: 11px !important;
	line-height: 13px !important;
	width: 150px;
}

/* --------------------------- others ----------------------- */


#footer {
	background: #606061 url("/img/bg_footer.gif") 7px 0 no-repeat;
	padding-bottom: 20px;
	color: #ccc;
	font-size: 0.7em;
	text-align: center;
	padding-top: 10px;
}

#footer a {
	color: #ddd;
}


div.imgRight {
	float: right;
	margin: 15px 0 20px 20px;
	padding: 1px;
	border: 1px solid #767676;
	font-size: 0.85em;
}

a.imgRight {
	float: right;
	margin: 15px 0 20px 20px;
	padding: 1px;
	border: 1px solid #767676;
}

a.imgRight:hover {
	padding: 0;
	border: 2px solid #599DD2;
}

img.imgRight {
	float: right;
	margin: 15px 0 20px 20px;
}

#colright img.imgRight {
	float: right;
	margin: 0 0 10px 10px;
}

div.imgLeft {
	float: left;
	margin: 15px 20px 20px 0;
	padding: 1px;
	border: 1px solid #767676;
	font-size: 0.85em;
}
.clear {
	clear: both;
}

dfn, .hide {
	display: none;
}

.red {
	color: #f00;
}


a.mmedia {	
	font-family: Arial, sans-serif !important;
	font-weight: bold !important;
	text-decoration: none !important;
	color: #387393 !important;
	font-size: 12px !important;
	margin-left: 10px !important;
}

a.mmedia span {
	color: #8D8F92 !important
}

.center {
	text-align: center;
}


.w150 {
	width: 150px;
}
.w250 {
	width: 250px;
}