body  {	
/*	margin-top:20px; */
/*	margin-bottom:50px; */
/*	margin-left:5; */
/*	margin-right:5; */
	font-family:Verdana,Arial,Helvetica,sans-serif;
      }
p,td  {
	font-family:Verdana,Arial,Helvetica,sans-serif;
      }
td.titel {
	font-size:140%;
	font-weight:bold;
/*	text-transform:lowercase; */
    padding-top:0.5em;
	text-align:left;
	}
p.titel {
/*	height:50px; */
    font-size: 140%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
	vertical-align:middle;
	text-align:center;
    margin: 0px;
}
td.liste {
	padding-left:4px;
	padding-right:4px;
	}
td.sdatenb, td.sdatenbd {
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	}
td.sname {	
	font-size:large;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	}
td.zusf {
	text-align:center;
	}
td.formular {
	font-size:medium;
	vertical-align:middle;
	}
td.fuss {
	font-weight:normal;
	text-align:right;
	vertical-align:middle;
	}
td.fussl {
	text-align:left;
	vertical-align:top;
	}
td.fusss {
	font-weight:normal;
	font-size:small;
	text-align:left;
	vertical-align:middle;
	}
td.version {
	font-size:x-small;
	text-align:right;
	}
td.tage {
	font-size:xx-small;
	text-align:center;
	}
td.wtage {
	font-size:xx-small;
	text-align:center;
	}
td.htage {
	font-size:xx-small;
	text-align:center;
	}
td.zeiten {
	font-size:small;
	text-align:center;
	vertical-align:middle;
	}
td.skleinl {
	font-size:x-small;
	text-align:right;
	}
td.skleinr {
	font-size:x-small;
	text-align:left;
	}
td.dsname {	
	font-size:medium;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	}
td.ddaten {	
	font-size:small;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	}
td.dzaehler {	
	font-size:x-small;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	}
td.mon {
	font-size:x-small;
	text-align:center;
	}
div.suche {
	display:inline-block;
	float:left;
	padding-right:3em;
}

td.noborder {
    margin:0px;
    padding:0px;
    border:0px;
}

@media screen and (max-device-width: 480px) {
    #container {
        width:100%;
        margin:0px;
        background-color:#ffffff;
    }
	#top {
		width:100%;
		text-align:center;
		font-size:large;
		font-weight:bold;
        padding-top:0px;
        margin:0px;
	}
	#bottom {
		display:block;
		width:100%;
		clear:both;
		text-align:center;
		vertical-align: middle;
        margin:5px;
	}
	#detail  {
		min-width:200px;
        max-width:320px;
		float:left;
		display:inline-block;
        margin-left:0px;
        margin-right:0px;
        margin-top:3px;
        margin-bottom:3px;
	}
	#list {
		min-width:250px;
		display:inline-block;
        margin-left:0px;
        margin-right:0px;
        margin-top:3px;
        margin-bottom:3px;
		float:right;
	}
    #feedback {
        text-align:center;
        vertical-align:middle;
        margin:3px;
        padding:3px;
    }

    td {
        font-size:80%;
    }
    td.sdatenb {
        font-weight:normal;
        text-align:right;
        vertical-align:top;
	}

    td.titel {
        font-size:120%;
    }

    td.ybar, td.zeiten {
        margin-left:0px;
        margin-right:0px;
        margin-top:3px;
        margin-bottom:3px;
        padding:0px;
    }
}

@media screen and (min-device-width: 481px) {
    #container {
        width:98%;
        margin:10px;
        background-color:#ffffff;
        overflow:auto;
    }
	#top {
		width:100%;
		text-align:center;
		font-size:large;
		font-weight:bold;
        padding-top:0px;
        margin:0px;
	}
	#bottom {
        display:block;
		width:95%;
		clear:both;
		text-align:center;
		vertical-align: middle;
        margin:5px;
        margin-top:20px;
	}
	#detail  {
        float:left;
		min-width:300px;
        max-width:600px;
        margin:5px;
		display:inline;
	}
	#list {
        float:right;
		min-width:200px;
/*		display:inline-block;*/
        margin:5px;
	}

    #base {
        float:left;
        min-width:60px;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:50px;
    }
    #feedback {
        text-align:left;
        vertical-align:middle;
        margin:5px;
        padding:5px;
    }
}