@media all {

body {
	text-align:center;
	font-family: Verdana, sans-serif;
}

}



@media print {

div#top img, div#fuss, #hauptnavigation, #keramiknavigation, .noprint {
	display:none;
}

div.alt_text {
	margin: 10px;
}

pre {
	text-align:left;
	font-family: Verdana, sans-serif;
}

div#text {
	min-height:400px;
}

div#print_kopf {
	border-bottom: #800000 1px solid;
}

div#print_fuss {
	border-top: #800000 1px solid;
	padding: 10px 0 0 0;
}



}



@media screen {


/* Allgemein
-------------------------------------------------------*/

body {
	background:#800000 url(img/hintergrund.png);
	margin:1% 0 0 0;
	text-align: center;
}

.alt_text {
	display:none;
}

img {
	border:none;
}

img#logo {
	position:absolute;
	top:55px;
	left:50%;
	margin-left:-295px;
}


/* Navigation allgemein
-------------------------------------------------------*/

ul a {
	color:white;
	font-weight:bold;
}


/* Hauptnavigation
-------------------------------------------------------*/
ul#hauptnavigation {
	list-style-image:url(img/text/punkt.png);
	margin:0 0 25px 0;
}

ul#hauptnavigation li {
	display:inline;
	padding:0 0 23px 0;
}

ul#hauptnavigation li.aktiv {
	background:url(img/text/linie.png) no-repeat bottom left;
}

ul#hauptnavigation li.aktiv a {
	color:silver;
}

ul#hauptnavigation li img {
	padding:0 0 0 15px;
	background:url(img/text/punkt.png) no-repeat left;
}

ul#hauptnavigation li:hover {
	background:url(img/text/linie.png) no-repeat bottom left;
}


/* Keramiknavigation
-------------------------------------------------------*/
ul#keramiknavigation {
	list-style:none;
	float:left;
	width:auto;
	margin:100px 0 0 0;
	padding:0 0 0 0;
}

ul#keramiknavigation li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
}

ul#keramiknavigation li.aktiv {
	background:url(img/text/keramik-li-punkt-gross.png) no-repeat top left;
}

ul#keramiknavigation li {
	padding:0 0 0 40px;
	background:url(img/text/keramik-li-punkt-klein.png) no-repeat top left;
}

ul#keramiknavigation li:hover {
	background:url(img/text/keramik-li-punkt-gross.png) no-repeat top left;
}





/* Seiteninhalt
-------------------------------------------------------*/
div#rahmen {
}

div#inhalt {
	height:500px;
	width:900px;
}

div#top {
	text-align:left;
	padding: 0 0 0 0px;
	height:75px;
	background:url(img/text/linie.png-) no-repeat bottom left;
}

div#top img {
	padding: 0px 30px 25px 30px;
	background:url(img/text/linie.png) no-repeat bottom left;
}

div#text {
	height:400px;
	width:800px;
}
div#text img {
	border-width:0px;
	padding:0 0 0 0;
	background:transparent;
}

div#text img.keramik {
	float:right;
}

div#fuss {
	padding: 30px 0 0 0;
	background:url(img/linie.png) no-repeat top center;
}

div#impressum {
	position:absolute;
	top:10%;
	left:50%;
	margin-left:-200px;
	height:430px;
	width:430px;
	background:transparent url(img/schatten.png) no-repeat bottom right;
	overflow:auto;
}

div#impressum p {
	margin:10px 40px 0 10px;
	text-align:left;
	font-family: courier, serif; font-size:12px;
}

div#impressum img {
	float:right;
	margin-right:40px;
}



}