html, body{
    /*
    font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
	height:100%;
	*/
}

body{
    /*
	height:100%;
	*/
}

td, th{
    /*
	text-align:left;
	*/
}

div.copy{
    /*
	font-size:0.7em;
	*/
}

#page{
    /*
	margin:0;
	padding:0;
	overflow:hidden;
	margin:0.3em;
	text-align:left;
	width:400px;
	margin:auto;
	*/
}

#sprachhinweis{
	text-align:center;
	background-color:#FC3;
}
#sprachhinweis a, #sprachhinweis a:visited{
    /*
	font-weight:normal;
	color:black;
	font-size:0.8em;
	*/
}

a, a:active, a:visited{
    /*
	color:#900;
	font-weight:bold;
	*/
}

h1{
    /*
	background-color:#FC3;
	font-size:1.6em;
	margin:0;
	padding:1px 3px;
	margin-top:1px;
	*/
}

h2{
    /*
	font-size:1.2em;
	*/
}

h2.welcome{
    /*
	text-align: center;
	*/
}

h1 a, h1 a:active, h1 a:visited{
    /*
	text-decoration:none;
	color:#900;
	padding:0.1em 0.5em;
	text-align:center;
	*/
}

footer{
    /*
	background-color:#FC3;
	padding:0.1em;
	font-size:0.8em;
	margin:0;
	display:block;
	position: fixed;
	bottom:0;
	width: 100%;
	margin-top:50px;
	*/
}

footer a{
    /*
	white-space: nowrap;
	*/
}

footer ul{
    /*
	list-style-type:none;
	margin:0;
	padding:0;
	*/
}

footer ul li{
    /*
	display:inline;
	margin-right:20px;
	*/
}

.werbeblock{
    /*
	text-align:center;
	*/
}

section{
    /*
	display:block;
	max-width:420px;
	margin-top:20px;
	margin-bottom:20px;
	*/
}

header{
    /*
	background-color:#FC3;
	padding:0.1em;
	display:block;
	*/
}

header nav ul{
    /*
	list-style-type:none;
	margin:0;
	padding:0;
	*/
}

header nav ul li{
    /*
	display:inline;
	margin-left:20px;
	margin-right:20px;
	white-space: nowrap;
	*/
}

header nav ul li a, footer ul li a{
    /*
	text-decoration:none;
	*/
}

form#languageSelect{
    /*
	display:inline;
	*/
}

summary{
    /*
	font-weight:bold;
	font-size:1.2em;
	*/
}

aside{
    /*
	text-align:left;
	*/
}

aside div.werbeblock{
}

#mapwrapper, #mapwrapperVolkslaufkalenderEintrag{
	background-color:#DDD;
	height:100%;
}

#mapwrapperVolkslaufkalenderEintragIntern{
	height:100%;
	min-height:300px;
}

#map, #volkslaufkarte{
	height: 100%;
	/*margin-right:20px;*/
}

#mapwrapperVolkslaufkalenderEintragIntern #volkslaufkarte{
	margin-right:0;
}

.selektor input#ort{
	height:auto;
	display:inline;
	width:auto;
}

input#volkslauf_ort{
	height:auto;
	display:inline;
	width:auto;
}

aside#anzeigenfloat{
}

aside#volkslauf{
	text-align:center;
}

aside#volkslauf ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

aside#volkslauf h2{
	font-size:1.2em;
}

#content{
	margin:0.5em;
	text-align:left;
}

table.liste{
	margin-top:10px;
	margin-right:170px;
	margin:0;
}

table.liste td, table.liste th{
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size:12px;
}

table.sidebar{
	margin-top:10px;
}

table.sidebar td, table.sidebar th{
	font-size:10px;
}

#tagebuch table.liste{
	margin-right:0;
	border:1px solid #CCC;
}

#tagebuch h3 .statistik{
	font-weight:normal;
	color:black;
	margin-left:20px;
}

#tagebuch h3 .statistik .anzahl{
	width:60px;
	text-align: right;
	display:inline-block;
}

#tagebuch h3 .statistik .distanz{
	width:100px;
	text-align: right;
	display:inline-block;
}

#tagebuch h3 .statistik .zeit{
	width:100px;
	text-align: right;
	display:inline-block;
}

tr.even{
	background-color:#E5E5E5;
}

tr.odd{
	background-color:#EDEDED;
}

.minibutton{
	font-size:0.8em;
	background-color: #FC3;
	padding: 1px 1px;
	text-decoration: none;
	margin-right: 10px;
}

a.minibuttonText{
	background-color: #FC3;
	text-decoration: none;
	margin-right: 10px;
	color:black;
	padding:5px;
}

#routen .minibutton, #ordneruebersicht .minibutton, .liste .minibutton{
	font-size:0;
	display: inline-block;
	width:15px;
	height:15px;
	position:relative;
}

.ui-icon-locked{
	/*display: inline-block;*/
}

.werbeblockmobile{
	display: none;
}



@media only screen and (max-width: 600px)  {
	#anzeigenfloat{
		/*display:none;*/
	}
	
	table.liste{
		margin-right:0;
	}

    /* Force table to not be like tables anymore */
    table.liste,table.liste thead,table.liste th,table.liste td,table.liste tr {
        display: inline-block;
    }
    table.liste thead{
    	display:none;
    }
    table.liste tr{
    	width:100%;
    	margin-bottom:5px;
    }
    table.liste td.track{
    	display:block;
    	font-weight:bold;
    	font-size:1.2em;
    }
    table.liste td.edit{
    	display:block;
    	padding-bottom:5px;
    }
    table.liste td.comment{
    	display:block;
    	padding-bottom:5px;
    }
    footer{
	    font-size:7px;
    }
    footer li{
	    font-size:7px;
    }
    .werbeblock{
	    display: none;
    }
    .werbeblockmobile{
	    display: block;
    }
    #locatorWrapper{
	    display: none;
    }
}

#dialog{
	text-align: left;
}

#smallmap{
	width: 400px;
	height: 250px;
}

#trackliste ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#trackliste ul li{
	margin:0;
	padding:0;
	display:inline-block;
	width:80px;
	padding-left:5px;
	white-space: nowrap;
	overflow:hidden;
}

#trackliste ul li:hover{
	background-color:#FFF;
}

#mapnavi .ui-accordion-content, #tracknavi .ui-accordion-content, #trackdetails .ui-accordion-content{
	/*padding:10px;*/
}

/*
.ui-icon-triangle-1-w{
	float:left;
}

.ui-icon-triangle-1-e{
	float:right;
}
*/

#trackdetails ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

#trackdetails ul li {
}

div.more{
	text-align:center;
}

#locator{
	float:right;
	width:18px;
	height:18px;
	margin-left:2px;
}

#locatorWrapper{
	height: 30px;
	margin-top:0px;
	margin-right:0px;
	font-size:0;
}

#infowindow{
	text-align:left;
}

#infowindow ul{
	list-style-type: none;
	margin:0;
	padding: 0;
}

#infowindow ul li{
	margin-top:5px;
	margin-bottom:5px;
}

#garminsidebar{
	text-align:left;
}

#elevation_chart{
}

.selektor{
	margin-top:10px;
	margin-bottom:10px;
}

#volkslauf, #volkslaufliste{
	text-align:left;
}

p.alert{
	color:#900;
}

#alertarea{
}

#finden, #eintragen, #bearbeiten{
	font-size:0.8em;
}

#volkslaufliste h3{
	background-color:#FC3;
	font-size:1.4em;
	margin:0;
	padding:1px 3px;
}

div.volkslauflisteneintrag, #volkslauftabelle.liste tr{
	padding:5px;
background-image: linear-gradient(top, #E3E3E3 42%, #CCCCCC 71%);
background-image: -o-linear-gradient(top, #E3E3E3 42%, #CCCCCC 71%);
background-image: -moz-linear-gradient(top, #E3E3E3 42%, #CCCCCC 71%);
background-image: -webkit-linear-gradient(top, #E3E3E3 42%, #CCCCCC 71%);
background-image: -ms-linear-gradient(top, #E3E3E3 42%, #CCCCCC 71%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.42, #E3E3E3),
	color-stop(0.71, #CCCCCC)
);
}

.bigbutton{
	text-align:center;
	margin:5px 5px;
}

#eingabeformular{
}

#eingabeformular .additional{
}

#eingabeformular div{
}

#eingabeformular label{
}

.minusbutton
{
	width: 15px;
	height: 15px;
	background-image: url(/images/icons.gif);
	display:inline-block;
}
.plusbutton
{
	width: 15px;
	height: 15px;
	background-image: url(/images/icons.gif);
	display: inline-block;
	background-repeat: no-repeat;
	background-position: -25px;
}

.werbung{
	margin-top:10px;
	margin-bottom:10px;
}

.werbungIntern{
}

#shortlist ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#tagebuch h3, #ordner h3{
	padding-left:25px;
}

#ordner h3{
	padding-right: 25px;
}

textarea#beschreibung{
}

div#beschreibung{
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	background-color:#F6F6F6;
	padding:5px;
	font-size:0.9em;
}

#einloggen form, #registrieren form, #pwreset form{
	margin-top:10px;
}

#einloggen form input, #registrieren form input, #pwreset form input{
	width: 300px;
}

#einloggen form div, #registrieren form div, #pwreset form div{
	margin-bottom:10px;
}

#einloggen form label, #registrieren form label, #pwreset form label{
	width:100px;
	display: inline-block;
}

#einloggen form label.error, #registrieren form label.error, #pwreset form label.error{
	width:auto;
	color:#900;
}

#lauftagebuch{
	margin:0;
	margin-top:10px;
	margin-bottom:20px;
	width:100%;
}

#contentWrapper{
}

li#startTrack{
	padding:10px;
}

input#volkslauf_ort{
	/*width:100%;*/
}

input[type="number"]{
	width:40px;
}

p.additional{
	font-size:10px;
	line-height: 10px;
}

div.boxlinks{
	margin-top:10px;
	margin-bottom:10px;
}

.waiting{
	background-image: url(/wait.gif);
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
}

.ui-widget-content a{
	/*color:#900;*/
}

.ui-icon-arrow-4-diag{
	cursor: move;
}

span.ordnerbuttons{
	display: inline-block;
	position: absolute;
	right:0;
	top:1px;
}

#routen td.edit, table.liste td.edit{
	font-size:0;
}

#volkslaufliste{
	padding-bottom:50px;
}

#wait {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  color: white;
  font-weight: bold;
  text-align: center;
}

#wait p {
  margin-top: 40%;
  font-size: 18px;
}



@media only screen and (max-width: 600px){
    #page{
        width:100%;
    }
    section{
        max-width:none;
        width:auto;
        padding:5px;
    }
}