/* layout.css
 *
 * Layout settings which are used by all pages in the site.
 *
 */

body {
	color:			black;
	padding:		0;
	margin-left:		0;
	background-image:	url("/css/bg_vertical_yellow_gradient_png");
	background-color:	white;
	background-repeat:	repeat-x;
	background-attachment:  fixed;
/*	font-size:		20px;*/
	font-family:		arial, verdana, sans-serif;
}


div.main {
        border-left: 2px solid #ddd;
        border-bottom: 2px solid #bbb;
        border-top: 2px solid #ddd;
        border-right: 2px solid #bbb;

	margin-right:		5px;
	margin-left:		260px;
	margin-bottom:		5px;
	padding:		0 .5em .5em;
	/* light yellow: */
	/* background:		rgb(255,247,196); */
	background:		white;

}

div.main h1 {
	font-size:		170%;
	text-align:		center;
}

div.main h2 {
	font-size:		140%;
	text-align:		center;
}

div.main h3 {
	font-size:		120%;
	text-align:		center;
}

div.copyright {
	font-size:		smaller;
	color:			black;
	background-color:	white;

	border:			none;
	vertical-align:		bottom;
	margin-bottom:		1em;
	clear:			both;

}

div.nav {
/* IE does not understand position: fixed and messes up the layout */
/*	position:		fixed;*/
	float:			left;
	margin:			0 0 0 0.5em;
	padding:		0;
	/*border:		1px solid black;*/
	/*border-collapse:	collapse;*/
	width:			240px;
	background:		transparent;
	font-size:              84%;
}

* html div.nav {
	margin-left:            -240px;
	border:		1px solid black;
	border-collapse:	collapse;
}

div.nav img.logo {
	border:			none;
	padding:		5px;
}

/* Menu */
div.menu ul:before {
        display: block;
        line-height: 0.1;
        font-size: 1px;
        margin: 0;
        height: 9px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff;
        border-right: 1px solid #ddd;
        background: rgb(255,233,127);
        content: " ";
}
div.menu ul {
        padding: 0px;
        margin: 0px;
        width: 240px;
        font: 1em sans-serif;
        background: rgb(255,247,196);
}
div.menu ul:after {
        display: block;
        padding-top: 0;
        line-height: 0.1;
        font-size: 1px;
        margin: 0 0 0 0;
        height: 8px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff;
        border-right: 1px solid #ddd;
        background: rgb(255,233,127);
        content: " ";
}
div.menu ul ul {
        display: none;
        position: absolute;
        top: 0;
}
div.menu ul li:hover > ul {
        display: block;
        position: absolute;
        top: -11px;
        left: 100%;
}
div.menu li {
        list-style: none;
        position: relative;
        margin: 0;
        padding: 0;
}
div.menu li.submenu {
        background: url(/img/submenu.gif) 95% 50% no-repeat;
}
/*
 *  use "a" for links and "span" for un-linked items
 *  all other properties should be identical
 */
div.menu ul li span,
div.menu ul li a {
        display: block;
        padding: 2px 10px;
        text-decoration: none;
        background: rgb(255,247,196);
        border-left: 1px solid #fff;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff;
        border-right: 1px solid #ddd;
}
div.menu ul li span {
        color: #666;
}
/*div.menu ul li span:hover,
div.menu ul li a:hover */
div.menu ul li:hover {
        background: rgb(255,233,127);
}


a {
	text-decoration:	none;
}

a:link, a:visited, a:hover, a:active, a:focus {
	color:		rgb(104,87,0);
}

div.main a:visited {
	color:		rgb(52,44,0);
}

a img {
	border-width:  0;
}

*.photo {
  padding:10px;
  margin:0px;
  border-width:10px;
  border-style:solid;
  border-color:black;
  background-color:black;
  color: white;
}


pre.code_quote {
  background-color:rgb(150,190,255);
  margin:5px 10px 5px 10px;
  padding:2px 5px 2px 5px;
  border-width:1px;
  border-style:solid;
  border-color:rgb(127,127,127);
  font-family:courier,monospace;
  font-size:80%;
}

pre.code_quote span.enter {
  color:rgb(122,14,0);
}

div.impressum {
        font-size:              50%;
        clear:                  both;
	border:			0px;
	margin-right:		5px;
	margin-left:		260px;
	margin-bottom:		2em;
        margin-top:             0px;
	padding:		0 .5em .5em;
}

ul.etappen li {
  list-style:    none;
}

ul.etappen li li {
  border-width:  0px 0px 0px 2px;
  border-style:  solid;
  border-color:  black;
  padding:       0.2em 1em;
}

.gpstrack {
  overflow: auto;
}

.gpstrack img {
  float: left;
}