body {
    font-family: "Helvetica", Arial, Sans-serif;
    font-size: 12pt;
}

div.artikel{ position:relative; float:left; top:0; left:0; margin: 0 0 20px 0; width:100%; }
div.rechts { float:right; top:0px; left:34%; padding:1%; background-color:#f0f0f0; width:64%; }

div.artikel img { width:33%; border:1px #ccc solid;}

div.gal       { margin: 3px; border: 1px #ccc solid; float: left; width: 32%; }
div.gal:hover { border: 1px solid #777; }
div.gal img   { width: 100%; height: auto; }
div.galdesc   { padding: 15px; text-align: center; }

img {width: 100%; }

ul { list-style-type: none; margin: 20px 0px 20px 0px ; padding: 0; overflow: hidden; background-color: #f00;}
li { float: left; border-right: 2px solid #ffffff; }
li:last-child { border-right: none; border-left:2px solid #ffffff; }
li a { display: block; color: white; text-align: center; padding: 6px 8px; text-decoration: none; }
li a:hover:not(.active) { background-color: #b00; }

p::first-letter { font-size: 150%; color: #f00;}
p {	margin-top:0pt;	padding-top:0pt; padding-bottom:0pt; }

div.container{ width:960px; margin:0px auto; background:white; }
div.linker { width:35%; float:left; }
div.rechter{ width:65%; float:left;	}
div.banner{	width:100%;	padding-bottom: 25px; }
div.bottom{	width:100%;	padding-top: 25px; }

.thumb{	padding: 1px 2px 2px 1px; width:  94px;	height: 94px; }
.brand{	padding: 15px 1px 2px 2px; width: 195px; height: 74px;}
	
@media screen and (max-width:959px){
div.container{	width:100%;	}
}

@media screen and (max-width:639px){
div.linker{ width:100%; }
div.rechter{ width:100%; }
div.rechts { width:100%; }
div.artikel img { width:100%;}
div.gal	{ margin: 1px; width: 49%; }
}

@media screen and (max-width:319px){
  div.container{ width:320px; }
  ul{width:320px;}
}

@media print {    
  .no-print, .no-print * { display: none !important; }
}