/*=============================== Bereiche ========================= */
/* Hintergrund */

	body {
		color: black; 
		background-color:#6699CC;
		margin: 0; 
		padding: 1em;
		min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	}
	
/* Weisser Bereich */	
	#www {
		background-color: #FFFFFF; 
		width:1014px;
		margin-left:5px;
		height:auto;
		position:absolute;
		top: 0px;
		clear:both;
	}
	*>#www { /* Bugfix Explorer */
		min-height:100%;
		height:auto;
	}
	
/* Kopfzeile mit Banner */
	#header {
		position:absolute;
		top:5px;
		margin: 0px 0px 0px 5px;
		background-image:url(../images/bluemlisalp_banner.jpg);
		background-repeat:no-repeat;
		width:1014px; 
		height:131px;
		z-index:5;  
	}
	
/* Bereich Hauptnavigation */	
	#main {
		margin: 143px 0px 0px 0px;	
	}
	
	#navitop {
		clear: both;
		margin-left: 7px;
		margin-bottom: 15px;
		background-color:#000033;
		width:1000px;	
		height:23px;
	}
	
	#navimain{
		float: left;
		margin: 1px 20px 0px 0px;
		padding-left: 4px;
	}
	
	#naviinfo{
		float:right;	
		margin: 1px 5px 0px 20px;	
	}
	
/* Breadcrumb */	
	#directory {
		position:absolute;
		left:200px;
		top: 185px;
	}
	

/* Bereich Navigation Links */	
	#navileft{
		margin-top:30px;
		top:35px;
		width:195px;
		heigth:auto;
		float:left;
	}
	
/* Inhalt normale Seiten */	
	#content{
		top:35px;
		float:left;
		min-height:620px;
		width:590px;
		background-image:url(../images/contentmad.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
		margin-top:40px;
		padding: 10px 3px 3px 3px;
	}
	
/* Inhalt Startseite */
	#contentstart{
		float:left;
		height:auto;
		margin-left:20px;
		margin-top:30px;
		width:765px;
		background-image:url(../images/contentmad.jpg);
		background-position:top;
		background-repeat:no-repeat;
		padding: 0px 3px 3px 3px;
	}

/* Inhalt interne Seiten */	
	#contentwide{
		top:35px;
		float:left;
		min-height:620px;
		width:803px;
		background-image:url(../images/contentmad.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
		margin-top:40px;
		padding: 10px 3px 3px 3px;
	}
	

	#bildleiste{
		clear: both;
		margin: 15px 0px 20px 0px;
		width:765px;
		height:auto;
	}
	
	#themenbild{
		width:180px;
		float:left;
		margin: 0px 5px 0px 5px;
	}
	
	#footer{
		clear: both;
		margin: 0px 0px 10px 0px;
		width:765px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:9px;
	}
	
	
/* Bereich Suche */
	#suche{
		top:35px;
		width:200px;
		float:right;	
	}
	
/* Bereich Identifikation Intern */
	#ident{
		top:35px;
		width:200px;
		float:right;	
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
		margin: 0px 10px 10px 0px;
	}
	
/* Bereich Infospalte rechts */	
	#info{
		top:35px;
		width:185px;
		float:right;	
		margin-right:10px;
	}


/*=============================== Navigation========================= */
/* Hauptnavigation Menu */
	#navimain ul {
		padding-left: 1px;
		margin: 0px;
		margin-left:0px;
		margin-top: 0px;
	}
	
	#navimain li {
		list-style :none;
	}

	#navimain a:link {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	
	#navimain a:hover {
		color:#CCCCCC;
	}

	#navimain a:visited {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	
/* Service Menu, Schrift wie Hauptnavigation */	
	#naviinfo ul {
		padding-left: 1px;
		margin: 0px;
		margin-left:0px;
		margin-top: 0px;
	}
	

/* Navigation Links */
	ul.navi {
		padding-left: 15px;
		margin: 0px;
		margin-left:0px;
		margin-top: 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		list-style:none;	
	}

	li.navi {
		padding: 0px 0px 3px 5px;
		list-style-type:disc;
		margin-left:12px;
		margin-bottom:3px;
		text-decoration:none;
	}

	li.subnavi {
		padding: 0px 0px 0px 0px;
		list-style-type:disc;
		margin-left:0px;
		margin-bottom:6px;
		text-decoration:none;
	}
	
	#navileft a:link{
		color:#000099;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
	}

	#navileft a:hover, active{
		color:#333333;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
	}


/*=============================== Schriften ========================= */

	p {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}
	
	p.bodytext {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}
	
	h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:13pt;
	}
	
	h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:13px;
		font-weight:bold;
	}
	
	h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
		font-weight:bold;
	
	}
	
	a {
		color:#000099;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	a.anchor {
		color:#000099;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:7pt;
	}
	
	ul, li {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}
	
	.bericht {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}
	
	dd {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}

	
	
/*=============================== Elemente ========================= */

	table{
		empty-cells:show;
	}

	td {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}
	
	td.liste0{
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:10px;
		background-color:#6699CC;
	}
	
	td.liste1{
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:10px;
		background-color:#FFFFFF;
	}
	
	th {
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
		font-weight:12px;
		font-align:left;
	}
	
	hr{
		border:1px solid #CCCCCC;
	}
	
/*=============================== Inputs ============================ */

	#schnellsuche{
		width:115px;
		float:left; 
		margin-right:5px;
	}
	
/*=============================== Mailforms ========================== */
	.mailform{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
	}
	
	.inputline{
		min-height: 25px;
	}

	.label{
	 	position:relative;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:12px;
		font-weight:bold;
		left:0px; 
		width:150px;
		float:left;
	}
	.required{
	 	position:relative;
		font-family:Arial, Helvetica, sans-serif;
		color:#990000;
		font-size:12px;
		font-weight:bold;
		left:0px; 
		width:150px;
		float:left;
	}
	
	.mailforminput	{
	 	position:relative;
		font-weight:normal;
		left:5px; 
		font-size:10px;
	}
	
	.mailformtext{
	 	position:relative;
		font-weight:normal;
		left:5px; 
		font-size:11px;
		
	}
	
	.mailformcheck{
	 	position:relative;
		font-weight:normal;
		left:5px; 				
	}
	
	.mailformsubmit	{
	 	position:relative;
		font-weight:normal;
		left:155px; 
	}
	
	.mailformselect{
	 	position:relative;
		font-weight:normal;
		left:5px; 		
	}
	
	ul.error{
	 	position:relative;
		font-family:Arial, Helvetica, sans-serif;
		color:#990000;
		font-size:8px;
		font-weight:bold;
		left:0px; 		
	}
	
/*=============================== news ============================== */
	.news-latest-category{
		font-family:Arial, Helvetica, sans-serif;
		font-size:8px;
		font-weight:normal;		
	}
	
	.news-single-timedata, .news-single-author{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;		
	}
/*=============================== Pinboard ========================== */

	
/*=============================== Tourenbericht ========================== */
	.teaser { 
		width: 570px;
	}
	.teaserline{
		clear:both;
	}
	.teasertext-left{
		width: 380px;
		float:left;
		clear:left;
	}
	.teaserbild-right{
		width: 190px;
		float:right;
		clear:right;
	}
	.teasertext-right{
		width: 380px;
		float:right;
		clear:right;
	}
	.teaserbild-left{
		width: 190px;
		float:left;
		clear:left;
	}
	
/*=============================== Funktion ========================== */
	.adresse_einzeln{
		clear:left;
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
	}
	
/*=============================== Programm ========================== */
	.tour_header{
		float:left;
		clear:left;
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
		width:200;
	}
	
	.tour_text{
		clear:rigth;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-color:#000;
		font-size:12px;
		width:375;
	}

	.tour_line{
		clear:left;
		float:left;
		width:580;
	}