body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	margin-left:0px;
	margin-right:0px;
}

a:link {
	color: red;
	text-decoration: underline;
}

a:visited {
	color: red;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: underline;
}

h1 {
	font-size: 18pt;
	padding-top: 14px;
	padding-bottom: 20px;
	margin: 0px;
	word-wrap:break-word;
}

h2 {
	font-size: 12pt;
	padding-top: 12px;
	padding-bottom:3px;
	word-wrap:break-word;
}

span.preis {
	font-size:24px;
	font-weight:bold;
	color:grey;
}

img {
	border: 0px;
}

img.header {
	width: 100%;
	max-width:820px;
}

img.left {
	float: left;
	max-width:325px;
	height:auto;
	margin-right:14px;
	margin-bottom:10px;
	border: 1px solid #E1E1E1;
	padding: 7px;
}

img.right {
	float: right;
	max-width:325px;
	height:auto;
	margin-left:14px;
	margin-bottom:10px;
	margin-top:14px;
	border: 1px solid #E1E1E1;
	padding: 7px;
}

img.preis {
	float: right;
	margin-bottom:10px;
}

img.cover {
	max-width:325px;
	height:auto;
	padding-top: 20px;
}

img.cover2 {
	width:100%;
	max-width:540px;
	height:auto;
	padding-top: 20px;
}

div.dotline {
	display:inline-block;
	width:426px;
	border-bottom:3px dotted;
	margin-bottom:20px;
}

div.dotline2 {
	display:inline-block;
	width:770px;
	border-bottom:3px dotted;
	margin-bottom:20px;
}

div.header {
	display:block;
	width:100%;
}

div.content {
	display:inline-block;
	text-align:left;
	width: 100%;
	max-width: 820px;
	background-color:#ffffff;
}

div.nav { 
	width:100%;
	max-width:820px;
	display:inline-block;
	margin-top:14px;
	margin-bottom:14px;
	padding-bottom:3px;
	border-bottom: 3px dotted grey;
}

div.nav ul {
	display:inline-block;
	float:left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	word-wrap:break-word; 
}

div.nav ul:hover { 
	background-color: white;
}

div.nav ul.start { 
	padding-left:16px;
}

div.nav li { 
	text-align: left; 
	color: #EEEEEE; 
	text-decoration: none; 
	font-size: 10pt; 
	font-weight: bold;
	text-align:center;
	border-right:3px solid red;
}

div.nav ul li.end { 
	border-right:none;
}

div.nav li a {
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	color: grey; 
	text-decoration: none; 
	font-size: 14pt; 
}

div.nav li a:hover {
	color: red; 
}

div.suche { 	 
	display:inline-block;
	width:300px;
	margin-left:11px;
	padding-top: 0px;
}

#inpsearch {
	width: 205px;
	max-width: 205px;
	margin-right:7px;
}

.btn {
	height:25px;
	margin-top:7px;
	margin-right:0px;
	color: black;
	font-weight:bold;
	font-size:12pt;
}	

div.layout {
	display:inline-block;
	background-color: #ffffff;
	width:100%;
	max-width:770px;
	padding-left:24px;
	padding-right:24px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.menu {
	float:right;
	max-width:200px;
	background-color:#EEEEEE;
	padding-left:15px;
	margin-left:-1px;
}

div.pbrowse {

}

div.produktL {
	display:inline-block;
	width:350px;
	margin-right:0px;
	margin-top:15px;
	border:1px solid #DDDDDD;
	float:left;
	padding:10px;
	text-align:center;
}

div.produktR {
	display:inline-block;
	width:350px;
	margin-right:0px;
	margin-top:15px;
	border:1px solid #DDDDDD;
	float:right;
	padding:10px;
	text-align:center;
}

div.produkt a {
	font-weight:bold;
	font-size:14pt;
	text-decoration:none;
}

div.produkt img {
	width:350px;
	height:350px;
}

div.produkt img.artikel {
	width:auto;
	height:250px;
	margin-top:14px;
	margin-bottom:14px;
}

div.preis {
	float:right;
	font-weight:bold;
	color: red;
}

div.preis span {
	font-size:8pt;
	font-weight:normal;
	color: #000000;
}

p {
	font-size: 12pt;
	color: #000000;
	line-height: 20px;
	max-width: 780px;
}

p.hline {
	font-weight: bold;
}

p.mid {
	text-align: center;
}
	
div.impr1 {
	width:100px;
	float:left;
	font-size:12pt;
}
	
div.impr2 {
	width:100%;
	max-width:450px;
	font-size:12pt;
}

div.clear {
	clear:both;
}

div.footer {
	clear:both;
	background-color: grey;
	width:100%;
	max-width: 820px;
	padding-top: 20px;
	padding-bottom: 19px;
	font-size: 8pt; 
	font-weight: bold; 
	color: #EEEEEE;
}

div.footer a {
	color: #EEEEEE;
	font-size: 8pt;
	font-weight: bold; 
	text-decoration: none;
}

div.error {
	text-align: left;
	color: red;
	font-size: 8pt;
}

div.mail {
	font-size: 10pt;
	font-style: normal;
	color: #000000;
}

div.mail2 {
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	text-align: right;
}



@media only screen and (max-width: 900px) { 
body {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

img.raetsel {
	max-width:500px;
	height:auto;
}

div.ads {
	width:200px;
	padding-left:14px;
	text-align:left;
}

div.footer {
	margin-left:-30px;
	margin-top:0px;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left:30px;
}

div.text {
	width: 68%;
}

div.produkt {
	width:42%;
}

div.nav li a{
	padding-top:8px;
	padding-bottom:0px;
	height:26px;
}

}



@media only screen and (max-width: 700px) { 
h1 {
	font-size: 16pt;
	padding-top: 14px;
	padding-bottom: 5px;
}

h2 {
	font-size: 10pt;
	padding-top: 7px;
	padding-bottom:0px;
}

.btn {
	margin-top:0px;
}

img.text {
	max-width:250px;
	height:auto;
}

img.raetsel {
	max-width:400px;
	height:auto;
}

div.produkt {
	width:40%;
}

div.nav ul{ 
	width:115px;
	word-wrap:break-word;
}

#inpsearch {
	width: 145px;
}

div.nav ul.wide {
	width:231px;
}

div.text {
	display:inline-block;
	width:auto;
}

div.menu {
	margin-top:14px;
	float:left;
}

p {
	font-size:10pt;
	line-height: 18px;
}

div.pictureads {
	clear:both;
}

div.textads {
	margin-left: 0px;
}

div.thema {
	font-size:10pt;
	line-height: 18px;
}
div.thema div div.pic, div.thema div div.pic2 {
	width:150px;
	height:150px;
}
div.thema div.pic img, div.thema div.pic2 img {
	width:138px;
	height:auto;	
}

div.thema div.txt a, div.thema div.txt2 a {
	display:block;
	font-size:14pt;
	padding-bottom:15px;
}

div.list div {
	line-height: 31px;
	font-size: 10pt;
}

div.dt {
	font-size:10pt;
	line-height: 18px;
}
	
div.impr1 {
	font-size:10pt;
}
	
div.impr2 {
	font-size:10pt;
}

div.produkt img{
	width:180px;
	height:auto;
}
} 



@media only screen and (max-width : 400px) { 
h1 {
	font-size: 14pt;
	padding-top: 9px;
	padding-bottom: 0px;
}

h2 {
	font-size: 10pt;
	padding-top: 3px;
	padding-bottom:0px;
} 

img.raetsel {
	max-width:300px;
	height:auto;
}

img.text {
	max-width:150px;
	height:auto;
}

p {
	font-size:10pt;
	line-height: 18px;
}

div.produkt {
	width:auto;
	margin-right:0px;
}

div.nav li a{
	padding-top:8px;
	padding-bottom:0px;
	height:26px;
}

div.textads {
	clear:both;
	margin-left: 0px;
}

div.textadsr {
	width:100%;
	padding-bottom:5px;
}

div.textadsl {
	width:100%;
	padding-bottom:5px;
}

div.thema {
	display:block;
	font-size:10pt;
	line-height: 18px;
	clear:both;
}

div.thema div {
	display:block;
}

div.thema div div.pic {
	display: block;
	float:left;
	margin-right:10px;
	width:100px;
	height:auto;
}

div.thema div div.txt {
	display: block;
	padding-left:0px;
}

div.thema div div.pic2 {
	display:inline-element;
	margin-right:10px;
	width:100px;
	height:auto;
}

div.thema div div.txt2 {
	padding-left:0px;
}

div.thema div.pic img, div.thema div.pic2 img {
	width:88px;
	height:auto;	
}

div.thema div.txt a, div.thema div.txt2 a {
	display:block;
	font-size:12pt;
	padding-bottom:5px;
}

div.thema div.txt a.none, div.thema div.txt2 a.none {
	font-size:10pt;
}

div.list div {
	line-height: 31px;
	font-size: 10pt;
}

div.dt {
	font-size:10pt;
	line-height: 18px;
	margin-bottom:24px;
}

div.dt div div {
	display:inline;
}
div.dt img {
	float:left;
	padding-right:10px;
}
div.dt img.wide {
	float:left;
	padding-left: 10px;
	padding-right: 25px;
}
div.dt img.wb {
	float:left;
	display:block;
	padding-top: 0px;
	padding-right:10px;
}
	
div.impr1 {
	width:65px;
	font-size:10pt;
}
	
div.impr2 {
	font-size:10pt;
}
}  



@media only screen and (max-width : 300px) {  
h1 {
	font-size: 14pt;
	padding-top: 9px;
	padding-bottom: 0px;
}

h2 {
	font-size: 10pt;
	padding-top: 3px;
	padding-bottom:0px;
}

img.raetsel {
	max-width:200px;
	height:auto;
}

div.produkt {
	width:auto;
	max-width:180px;
	margin-right:0px;
}

div.nav { 
	padding-left:0px;
}

p {
	font-size:10pt;
	line-height: 18px;
}

div.nav2 {
	margin-left:5px;
}

div.textads {
	margin-left: 0px;
}

div.thema {
	display:inline-block;
	font-size:10pt;
	line-height: 18px;
}

div.thema div div.pic, div.thema div div.pic2 {
	display:block;
	clear:both;	
}

div.thema div div.txt, div.thema div div.txt2 {
	display:block;
	clear:both;	
}

div.thema div.pic img, div.thema div.pic2 img {
	width:150px;
	height:auto;
	padding-left:0px;
	padding-right:0px;	
}
	
div.impr1 {
	display:none;
}

div.footer {
	padding-bottom: 0px;
}
}