@media all {

	h1 {	font-size: 200%}
	h2 {	font-size: 150%; margin: 0.4em 0px 0.3em; color: #069;}
	h3 {	font-size: 120%; margin-top: 1rem}
	h4 { font-size: 110%}

	a {
		text-decoration: none;
		font-weight: bold;
		/* white-space: pre; */
	}
	a:link        {color:#4B8A08}
	a:visited  {color:#4B8A08}
	a:hover      {color: #000}

	p a[href^="http:"], p a[href^="https:"] {
		padding-left: 12px;
		background-image: url('img/icons/ext_link.gif');
		background-repeat: no-repeat;
		background-position: left;
	}

	ul { list-style-type: none; }
	.bullets {
		list-style-image:url(img/dot.png);
		/* list-style: bullets; */
	}
	.bullets li {
		margin-bottom: .25rem;
	}
	.links {
		list-style-image:url(link.png);
	}
	.links li {
		margin-bottom: .25rem;
	}
  
	img { border: none; }

	body {
		max-width: 1000px;
		font-family: "Verdana";
		font-size: 80%;
		color: #525b5c;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
		/*border: 2px solid lightgrey;*/
		box-shadow: 0px 0px 15px #000;
		/*background-image: url(../img/bg.jpg);*/
	}
	
  /* - Menü - */
  #menu {
    padding-right: 5rem;
    height: 250px;
    padding: 5px 3%;
    margin: 0;
    text-align: right;
  }
  #menu li {
    font-size: 1.2rem;
    display: inline; 
    list-style-type: none; 
    border-right: 1px solid #a5b85e;
    padding: 0 10px 0 15px;
    font-weight: bold;
  }
  #menu span {
    font-size: 1.2rem;
    padding: 0 10px 0 15px;
  }
  #loginLink {
	background-color: #fff;
    padding: 0 .5em;
	border: solid 1px -moz-use-text-color;
  }
  #titel {
	background-color: lightgrey;
  }
  #titel h1 {
    font-weight: bold;
    vertical-align: middle;
    margin: 0px;
    padding: 10px;
    white-space: nowrap;
  }

  #range {
    padding: 1rem;
    font-weight: bold;
  }
	#range li {
		text-align:right;
		margin: 0;
  }
	#name {
		font-size: 120%;
		padding-bottom:0.2rem;
  }

  /* content */
  
	#content { 
	background-color: #fff;
    clear: left;
    padding: 1rem;
  }
  
  .zeile_m {
    font-weight: 	bold;
	color: 			white;
    background-color: lightgrey;
  }
  
  .i1em {
    margin-left: 1rem;
    margin-top: .5rem;
  }
  .i3em {
    margin-left: 3rem;
    margin-top: .5rem;
  }
  #list  {
	margin-top: 	.5rem;
	margin-bottom:	.5rem;
  }
  .posting {
    margin-left: 1rem;
	clear: right;
  }
  .posting h4 {
	color: #336600;
	border-top: #336600 3px solid;
	padding-top: 1em;
	margin-top: .5em;
	margin-bottom: 0;
  }
  .posting_text {
    padding: 0 .3rem .5rem 0;
    font-style: italic;
    /*background-color: #F5F5F5;*/
  }
  .posting .max {
	display: none;
  }
  .member {
    float: right;
    padding: .3rem .5rem;
	margin: -1rem 0.5rem 0.5rem;
    /*background-color: #F5DEB3;*/
	border: grey dashed 2px;
	position: relative;
	z-index: 11;
  }
  .member p {
    padding-left: .5rem;
  }
  .member table {
	margin-top: .5rem;
	width: 100%;
  }
  .member td {
	padding: 0;
	font-style: italic;
  }
  .member td a {
	font-weight: normal;
  }
  .member img {
    padding-left: 5px;
    height: 15px;
	float: right;
  }
  .rest {
	float: right;
  }

  #quote {
    float: right;
    width: 25%;
    padding: 1rem;
    margin: 0 0 .5rem .8rem;
    background-color:#a5b85e;
    color: #fff;
  }
  .author {
    float: right;
    font-style: italic;
    font-size: 90%;
  }
  .remark {
    font-size: 150%;
  }
  
  img.pikto {
    height: 2rem;
    padding-right: .5rem;
  }
  #bikes img {
    width: 470px;
  }

  #baustelle {
    float: right;
    position: relative;
    padding: 1rem 1rem 1rem 0;
    top: -1rem;
  }
  #adr {
    font-weight: bold;
  }
  table {
    border-collapse: collapse;
  }
  table td {
    padding: .2rem .5rem;
  }
  table.terminetab td {
	padding: .2rem;
  }
  table.terminetab td.spalte_1 {
    white-space: nowrap;
  }
  table.tour_list tr {
    height: 5rem;
  }
  table.txt td {
	padding: 0 .2rem;
  }
  table#contact td {
	padding: .2rem;
  }
  table#preview td {
	padding: 0 .2rem;
  }
  table#trip td {
    padding: 0 .5rem 1rem .5rem;
  }
  table#trip td.jtitle {
    padding: 1em;
    height:  3em;
    background-color: lightgoldenrodyellow;
  }
  #dabei td {
    padding: 0;
    min-width: 4em;
  }
  #dabei th.headline {
    background-color: lightgrey;
  }
  #dabei td.sum {
    color: #4B8A08;
  }
  
 .attention {
	color: #FF0000;
	font-size: 150%;
 }
 .red {
	color: #FF0000;
 }
 .green {
	color: green;
	font-weight: bold;
 }
 .blue {
	color: blue;
 }
 .grey {
	color: #525b5c;
 }
 .bold {
	font-style: italic;
	font-weight: bold;
 }

  .center {
    text-align: center;
  }
  .right {
	text-align: right;
  }
  .top {
	vertical-align: top;
  }
  
  #selection  table input {
	vertical-align: top;
	margin-right: 1em;
  }
    
/* archiv */

#archiv-nav {
	float: 		right;
	width: 		18%; 
	min-width: 	10em; 
}
#archivtab {
  width: 		81%;
}
/* leiter */

	img.leiter_bild {
	width:           153px;
	height:          196px;
	}
	dl.leiter_bild {
	float:           left;
	margin:          0;
	margin-right:    1em;
	}
	dl.leiter_bild dt {
	margin:        0;
	}
	dl.leiter_bild dd {
	margin:        0;
	margin-bottom: 0.5em;
	padding:       0.1em;
	}
	
/* trackviewer */

	#karte {
		/* width: 98%; */
		height: 500px;
	}
	#osm-copyright {
		background: transparent none repeat scroll 0% 0%;
		font-size:  10px;
		cursor: pointer;
		color: 	rgb(68, 68, 68);
		margin:	0 2px 0 2px;
		white-space: nowrap;
	}
	#tab {
		float: right;
		color: black;
		margin: 2em 0;
		position:relative;
		z-index: 10;
	}
	#chart {
		width: 80%;
		position:relative;
		z-index: 1;
	}
  
  .clearleft {clear:left;}
  
  /* subwindow */
  
	.subWindow {
		border: 1em solid #A5B85E;
		background-color: #E6E6E6;
		position: absolute; 
		left: 22%; 
		top: 10em; 
		Z-index: 100;
	}
	/* .subWindowContent {
		background: none repeat scroll 0 0 white;
		margin: 1em;      
		padding: 1em;
	} */
	.subWindowContent fieldset {
		border: none;
	}
	#fotoField {
		top: auto;
		width: 660px;
		padding: 1em;
	}
	#fotoField dl {
		float: left;
		margin: .5em;
	}
	#fotoField dt {
		margin: 0px;
	}
	#fotoField img {
		width:  150px;
		height: 200px;
	}
	#fotoField dd {
		margin: 	0;
		padding: 	0.1em;
	}
	#eventForm, #userForm {
		border: 	2px solid #A5B85E;
		padding: 	2px;
		max-width:	100%;			
	}
	#eventForm #del {
		color: red;
	}
	#eventForm .wr {
		display: none;
	}
	#userForm #n, 
	#userForm #vn, 
	#userForm #nn {
		max-width:	30%;
	}
	#upload {
		background-color: wheat; 
	}
	#eventList a {
		white-space: pre;
	}
	#eventList .MW {
		background-color: #BBD9A7;
	}
	
	#wetter {
		position:relative;
		background-image:url(http://st.wetteronline.de/img/p_city_hpweather/background/blau_h.gif?v=1.0.637);
		background-repeat:repeat-x;
		border:1px solid #BCBCBC;
		width:158px;
		text-align:center;
		font-family:arial,verdana; 
		float: right; 
		margin-top: -7em; 
		padding-top: 2px;
	}
	#wetter_h {
		margin-bottom:2px; 
		font-weight:bold; 
		text-align:center; 
		text-decoration:none; 
		display:block;
	}
	#wetter_f {
		font-size:10px;
		height:18px; 
		text-align:center;
	}
	
	/*-----------------------------------------------------------------------*/
	
	#footer {
		clear: both;
		height: 2.5rem;
	}
	#footer ul {
		float: right;
		padding:0 2rem 0 0;
		font-weight: bold;
	}
	#footer ul li {
		float: left;
		margin-left: 1.5rem;
	}
}