html {  /* viewport-schatten IE und 6.0 aus. */
height: 100%; 
padding: 0; 
margin: 0; 
border: 0 none transparent; 
}

body { /* viewport-schatten IE und 5.01 5.5 aus. */ 
height: 100%; 
width: 100%; 
padding: 0;
margin: 0; 
border: 0 none transparent; 
text-align: center; /* weitere definitionen abgesehen vom viewportschatten*/ 
background-color: #CCC; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; /* verhindert renderingfehler bei schriftgroessendefinition per .em in IE */
	background-color: #566;
}

body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, label, legend, ul, li, object, p, ol, pre, select, span, table, td, th, tr { 
margin: 0; 
padding: 0; 
}
a img,:link img,:visited img { border: none; }


div#sitewrapper { /* alles umgebender container: definiert breite, zentrierung etc.*/
width: 99%;
background-color: #000;
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 900px;
min-height: 100%;
height: 100%;
}

html>body #sitewrapper { /* Fuer alle standardkonformen Browser, wird von IE ignoriert */
height: auto;
}


div#sitecontainer
{

	padding-bottom: 94px;
}



a
{
  text-decoration: none;
}


div.gmnoprint
{
	color: #000;	
}


div#content
{
	position: relative;
	top: 100px;
	width: 900px;
	background: url(/images/bg_content.jpg);
	background-repeat: repeat-y;


}

h1
{
	padding-bottom: 4px;
	font-size: 32px;
	color: #e78200;
}

div#content h2
{
	font-size: 18px;
	font-weight: normal;
	color: #424242;
	padding-bottom: 16px;
	
}

div#content h3
{
	font-size: 16px;
	font-weight: bold;
	color: #424242;
	padding-bottom: 6px;
	
}


div#content a
{
	color: #e78200;
}


div#content p
{
	font-size: 12px;
	line-height: 16px;	
}

div#content li
{
	margin-left: 20px;
}

div#content div.twopane
{
	width: 270px;
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
}

div#content.tracklist
{
	background: none;
}


div#contentleft
{
	float: left;
	width: 560px;
	min-height: 600px;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px; 
}



div#content.detailpage div#contentleft
{
	padding-top: 320px;
}




div#content.detailpage div#map
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#content.detailpage div#mapzoom
{
	position: absolute;
	top: 260px;
	left: 490px;
}

div#content.detailpage div#mapzoom a
{
	display: block;
	width: 96px;
	height: 18px;
	background: url(/images/map_zoom_in.jpg);
	background-repeat: no-repeat;
	color: #000;
}

div#content.detailpage div#mapzoom a span
{
	display: none;
}


div#content div#mapzoomout
{
	position: absolute;
	top: 570px;
	left: 385px;
}

div#content div#mapzoomout a
{
	display: block;
	width: 130px;
	height: 18px;
	background: url(/images/map_zoom_out.jpg);
	background-repeat: no-repeat;
	color: #000;
}

div#content div#mapzoomout a span
{
	display: none;
}



div#content.detailpage div.neartracks ul
{
	list-style: none;
	border-top: 1px solid #c8c6c6;
}

div#content.detailpage div.neartracks ul li
{
	margin: 0;
	padding-left: 10px;
	border-bottom: 1px solid #c8c6c6;
}

div#content.detailpage div.neartracks ul li:hover
{
	background-color: #eee;
}


div#content div#contentleft div#comments
{
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #c8c6c6;
}

div#content div#contentleft div#comments div.comment
{
	padding-bottom: 15px;
}

div#content div#contentleft div#comments div.comment span.nickname a
{
	font-weight: bold;
}


div#content div#contentleft div#comments div.comment div.comment_body
{
	background-color: #f0f0f0;
	padding-left: 5px;
}





div#content div#contentright
{
	width: 260px;
	min-height: 600px;
	background-color: #222222;
	background: url(/images/bg_context.jpg);
	background-repeat: repeat-x;
	color: #c8c6c6;
	float: left;
	padding-left: 20px;
	padding-right: 20px;

}



div#content div#contentright a, div#content div#contentrightdetail a
{
	color: #c8c6c6;
	font-weight: normal;
	text-decoration: underline;
	
}

div#content div#contentright a:hover, div#content div#contentrightdetail a:hover
{
	text-decoration: underline;
}


div#content.detailpage div#contentright
{

	padding-top: 300px;

}


div#content div#contentrightdetail
{
	position: absolute;
	top: 0px;
	left: 600px;
	background: url(/images/bg_context_detail.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 280px;
	height: 280px;
	color: #c8c6c6;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 12px;

}


div#content div#contentrightdetail div#thumb_gallery
{
	padding-bottom: 50px;
}

div#content div#contentrightdetail div#thumb_gallery a
{
	font-size: 11px;
	text-decoration: none;
}

div#content div#contentrightdetail div#thumb_gallery a.right
{
	float: right;
	margin-right: 28px;
}


div#content div#contentrightdetail div#thumb_gallery a.img
{
	display: block;
	float: left;
	height: 75px;
	width: 75px;
	background-color: #393939;
	margin-right: 14px;
}

div#content div#contentright h2
{
	font-size: 15px;
	font-weight: normal;
	color: #e78200;
	padding-bottom: 5px;
	padding-top: 28px;
	
}

div#content div#contentright ul
{
	list-style: none;
}

div#content div#contentright ul li
{
	color: #c8c6c6;
	font-size: 11px;
	display: block;
	padding-left: 25px;
	padding-top: 7px;
	padding-bottom: 4px;
	width: 215px;
	border-bottom: 1px solid #434242;
}

div#content div#contentright ul li a
{
	font-size: 11px;
	text-decoration: none;
}



div#content div#contentright ul li#tool_url:hover
{
	background: url(/images/icon_link.png) no-repeat;
	background-position: 3px 4px;
}

div#content div#contentright ul li#tool_routing:hover
{
	background: url(/images/icon_routing.png) no-repeat;
	background-position: 3px 4px;
}


div#content div#contentright ul li#tool_edit
{
	background-color: #3d2323;
}


div#content div#contentright ul li#tool_edit:hover
{
	background: url(/images/icon_edit.png) no-repeat;
	background-position: 3px 4px;
}

div#content.tracklist div#contentright
{
	padding-top: 20px;
}


div#content.tracklist div#map
{
	float: left;
	width: 450px;
	background-color: #fff
}

div#content.tracklist div#contentright
{
	width: 410px;
	background-color: #222;
}


div#content.tracklist div#contentright div#trackfilter
{

	width: 385px;
	background: url(/images/bg_context_detail.jpg); 
	background-repeat: repeat-x; 
	background-position: bottom;
}



div#content.tracklist div#contentright a.trackbox
{
	display: block; 
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 180px;
	float: left;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

div#content.tracklist div#contentright a.unreleased
{
	background-color: #3d2323;
}

div#content.tracklist div#contentright a.trackbox:hover
{
	background-color: #393939;
}

div#content.tracklist div#contentright a.trackbox h2
{
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	color: #c8c6c6;
}


div#navi
{
	position: absolute;
	top: 0px;
	height: 100px;
	width: 900px;
}

div#navi ul
{
	list-style: none; 
}

div#navi ul#mainnavi
{
	position: relative;
	top: 94px;
	width: 900px;
	border-bottom: 6px solid #ff9800;
}

div#navi ul#mainnavi li { 
	display: block; 
	float: left; 
}

div#navi ul#mainnavi li a
{
	position: absolute;
}

div#navi ul#mainnavi li a span
{
	display: none;
}

div#navi ul#mainnavi li#menuonroad a
{
	margin-left: 305px;
	margin-top: -34px;
	width: 145px;
	height: 34px;
	background: url(/images/menu_onroad_off.jpg);
}


div#navi ul#mainnavi li#menuonroad.active a
{
	background: url(/images/menu_onroad_on.jpg);
}
	

div#navi ul#mainnavi li#menuoffroad a
{
	margin-left: 455px;
	margin-top: -34px;
	width: 145px;
	height: 34px;
	background: url(/images/menu_offroad_off.jpg);
}

div#navi ul#mainnavi li#menuoffroad.active a
{
	background: url(/images/menu_offroad_on.jpg);
}
	

div#navi ul#mainnavi li#menunews a
{
	margin-left: 647px;
	margin-top: -20px;
	width: 79px;
	height: 20px;
	background: url(/images/menu_news_off.jpg);
}

div#navi ul#mainnavi li#menulexikon a
{
	margin-left: 729px;
	margin-top: -20px;
	width: 79px;
	height: 20px;
	background: url(/images/menu_lexikon_off.jpg);
}

div#navi ul#metanavi
{
	position: absolute;
	top: 0px;
	width: 900px;
	text-align: right;
}


div#navi ul#metanavi  li { 
	display: inline; 
}

div#navi ul#metanavi li
{
	margin-right: 10px;
}

div#navi ul#metanavi li a
{
	color: #c8c6c6;
	font-size: 9px;
}


div#logo
{
	position: absolute;
	top: 6px;
	left: 20px;
}



.clear { 
	clear: both; 
	margin: -1px 0px 0px 0px;  /* lŠsst 1px clear nach oben verschwinden */ 
	height: 1px;  /* lŠsst   auf 1px schrumpfen fŸr IE */ 
	font-size: 1px; 
	line-height: 1px; 
	width: 100%; 
}

.deletefloat { 
visibility: hidden; 
height: 10px; 
margin: 0; 
padding: 0; 
line-height:0; 
clear:both;
}




.form input
{
  display: block;
  float: left;
  margin-bottom: 10px;
}

.form .right input
{
  display: inline;
  float: none;
  text-align: right;
}

.form label
{
  display: block;
  width: 75px;
  padding-right: 10px;
  margin-bottom: 10px;
  float: left;
  text-align: right;
}

fieldset
{
  border: none;
}



div#login
{
	position: absolute;
	left:300px;
	width: 300px;
	background-color: #ddd;
	top: 300px;
	border: black 1px solid;
	padding: 10px;
}

div#login label
{
	display: block;
	width: 75px;
	float: left;
	
}


div#indicator
{
  position: absolute;
  width: 100px;
  height: 40px;
  left: 10px;
  top: 10px;
  padding-left: 25px;
  z-index: 900;
  background: url(/images/indicator.gif) no-repeat 0 0;
}


#footer { 
position: absolute;
width: 900px; 
font-size: 0.75em; 
bottom: 0; 
margin: 0;
/* margin-bottom: -1px; */
padding: 0; 
text-align: center; 
	background-color: #c8c6c6;
}

/*
div#footer
{
	bottom: 0px;
	clear: both;
	width: 900px;
	background-color: #c8c6c6;
	border-top: 1px solid #000;
	text-align: center;
}
*/

.warning
{
	border: red 1px solid; 
	padding: 20px; 
	background-color: #fee;	
	font-weight: bold;
}

.info
{
	border: green 1px solid; 
	padding: 20px; 
	background-color: #EEFFF4;	
}