/* G E S A M T D O K U M E N T */
#sitecontainer {
		width: 1000px;
		height: *;
		align: center;
		margin: 0 auto;	
		background-color: white;
		font-family: Helvetica;			}
#sitecontainer img{
		border: 1px solid black; }

/* T I T E L G R A F I K */
#title {
		width: 100%;
		height: 135px;
		background-image: url(Bilder/Titel/Titelbild2.jpg);
		border: 2px solid silver;}
#title h1 {
		color: white;
		font-size: 24pt;
		text-align: left;
		padding-top: 70px;
		padding-left: 10px;
		line-height: 0px;
		letter-spacing: 10px;
		font-weight: bold;
		font-variant:small-caps;
		text-shadow: 0.1em 0.1em 0.2em black;}
#title p{
		color: white;
		font-size: 10pt;
		text-align: left;
		padding-top: -10px;
		padding-left: 10px; 
		text-shadow: 0.1em 0.1em 0.2em black;}
		
		
/* N A V I G A T I O N */
#navigation{
		width: 160px;
		height: *;
		float: left; 
		clear: left;
		margin-top: 20px;
		padding: 0;
		background-color:white;
		border: 1px solid silver;
		border-radius: 15px;
		box-shadow: 4px 4px 10px #666;}
#navigation ul{
		list-style: none;
		width: 160px;
		margin-left: 15px;
		padding: 0;
		}
#navigation li {
		margin-bottom:5px;}
#navigation li a {
		color: #394040;
		font-size: normal;
		text-decoration: none; 
		line-height: 25px;
		padding: 3px;
		font-weight: bold;}
#navigation li a:hover {
		font-style: italic; 
		text-shadow: 0.1em 0.1em 0.4em black;}
		
#navigation hr{
		margin-left: 10px;
		margin-right: 10px;}

#navigation img{
		width: 85%;
		margin-top: 10px;
		margin-right: 0px;
		margin-left: 10px;
		border: 0;}

		
/* I N H A L T */
#content{
		width: 630px;
		margin: 20px 0px 20px 190px;
		padding: 0 10px 0 10px;
		line-height: 140%;
		text-align: left;
		font-size: small;
		border: 1px solid silver;
		border-radius: 15px;
		box-shadow: 4px 4px 10px #666;
		}
		
#content a{
		color: #567897;
		text-decoration: none; }
		
#content a:hover{
		text-shadow: 0.1em 0.1em 0.4em silver;}
		
#content p{
		text-align: justify; }
		
#content div.bildThumb{
		width: 120px;
		height: 120px;
		overflow: hidden; 
		background-color: black;}
		
#content img.bildThumb{
		width: 120px;}
		
#content img{
		width: 100%;}
		
#content thead{
		font-weight: bold;}
		
#content thead td.colNr{
		text-align: left;}
		
#content thead td.colName{
		text-align: center;}
		
#content thead td.colLength{
		text-align: left;}
		
#content thead td.colElevation{
		text-align: left;}
		
#tourenliste{
		width: auto;
		padding: 10px;
		table-layout: auto;
		border-collapse: collapse;
		margin-bottom: 30px;
		margin-left: 10px;
		margin-right: 10px;}
		
#tourenliste td.colNr{}
		
#tourenliste tr.row1{
		background-image: url(Bilder/Misc/bgTabelle.png);}
		
#tourenliste tbody tr{
		border: 1px solid white;}
		
#tourenliste tbody tr:hover{
		border: 1px solid silver;}
		
		
#content h4.tourTitel{
		width:"100%";
		background-image: url(Bilder/Misc/bgTabelle.png);}
		
#content table.tourTabelle{
		width: 100%;
		margin-left: 10px;
		table-layout: auto;
		border-collapse: collapse;}
		
#content table.tourTabelle td{
		padding-left: 10px;
		padding-right: 20px;
		white-space: nowrap;
		vertical-align: top;}

#content table.tourTabelle td.tourTabelleWeg{
		white-space: normal;
		vertical-align: top;
		text-align: justify;}

#content ul{
		margin-left: 10px;}
		
#content div.galTitelContainer{
		background-image: url(Bilder/Misc/bgTabelle.png);}
	
#content h4.galTitel{
		float: left;
		width: 90%;
		margin: 0px;}
		
#content a.nachOben{
		text-align: right;
		width: 10%;
		margin: 0px;}
		
#content em{
		font-weight: bold;
		font-style: normal;}
	
/* A D R E S S E N */	
#content div.addresseL{
		float: left;
		clear: left;
		width: 43%;
		margin: 10px;
		height: 100%;
		border: 1px solid silver;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 4px 4px 10px #666;}

#content div.addresseR{
		float: right;
		clear: right;
		width: 43%;
		margin: 10px;
		height: 100%;
		border: 1px solid silver;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 4px 4px 10px #666;}		
		
#content div.addressZeile{
		clear: both;
		width: 100%;}

#content div.addresseR h5{
		margin-bottom: 5px;
		margin-top: 0px;}

#content div.addresseL h5{
		margin-bottom: 5px;
		margin-top: 0px;}

		
/* F L O A T I N G   B I L D E R */
#content div.imagecontainerLeft{
		margin-right: 15px;
		float: left;
		width: 45%;}
		
#content div.imagecontainerRight{
		margin-left: 15px;
		float: right;
		width: 45%;}
		
#content div.imagecontainer{
		width: 100%;
		margin-bottom: 10px;}
		
/* Bild-Unterschrift */
#content div.imagecontainerLeft div{
		margin-top: 5px;
		color: #567897;
		font-size: 10px;
		line-height: 10px;
		text-align: center;}

#content div.imagecontainer div{
		margin-top: 5px;
		color: #567897;
		font-size: 10px;
		line-height: 10px;
		text-align: center;}
		
#content div.imagecontainerRight div{
		margin-top: 5px;
		color: #567897;
		font-size: 10px;
		line-height: 10px;
		text-align: center;}
		
/* K O N T A K T F O R M U L A R */
#kontaktformular{
		margin-left: 15px;}

#kontaktformular input,select,textarea{
		background-image: url(Bilder/Misc/bgTabelle.png);
		border: 1px solid silver;}

#kontaktformular input.button{
		border: 1px solid silver;
		border-radius: 5px;
		box-shadow: 4px 4px 10px #666;
		margin: 10px;
		padding: 5px;}

#kontaktformular input.button:hover{
		font-weight: bold;}

#kontaktformular textarea{
		resize: none;}


		
/* N E W S */
#content div.news{
		width: *;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;}
		
#content div.news table{
		width: 100%;}

#content div.news td.newstitle{
		font-size: large;
		text-align: left;
		font-weight: bold;}
		
#content div.news td.date{
		color: #567897;
		vertical-align: bottom;
		text-align: right;}
		
#content div.news hr{
		border: 1px solid silver;
		margin-top: 0px;}
		
#content div.news div{
		background-image: url(Bilder/Misc/bgTabelle.png);
		border: 1px solid silver;
		margin: 10px;
		padding: 10px;
		text-align: justify;}