@charset "UTF-8";
/* CSS Document */

/*Body*/
body {
	background-image: url(/graphics/bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow: scroll;
	}
	
/*Site Layout*/
.site {
	width:920px;
	margin-left: auto;
	margin-right: auto;
}

.banner {
	height:140px; /*140*/
	width:920px; /*920*/
	background:url(/graphics/banner.png);
}

.menu {
	height:34px;
	width:900px;
	background:url(/graphics/menubg.jpg);
	padding: 0 0 0 20px;
}

.content
{
width:920px;
background-image:url(/graphics/zellenbg.jpg);
overflow: auto;
}

.bottom
{
height:36px;
width:920px;
background:url(/graphics/bottom.png);
}
/*ende Site Layout*/

/*Content Layout*/

.mitte {
	font-size:12px;
	width: 300px;
}

.links {
	float: left;
	margin-left: 20px;
	font-size:12px;
	width: 180px;
}

.rechts{
	float: right;
	margin-right: 20px;

	width: 180px;
}

.warenkorb{
	float: right;
	margin-right: 20px;
	text-align: left;
	width: 180px;
}

.bestellung {
	float:left;
	width:700px;
	font-size:12px;
	text-align: left;
	margin:0px 0px 0px 125px;
}

.randbild {
	border-width: 5px;
	border-color: black;
	border-style: solid;
	width:375px;
	font-size:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.text {
	float:left;
	width:550px;
	font-size:12px;
	margin:0px 0px 0px 125px;
	text-align: left;
}

.infotext {
	width:700px;
	font-size:12px;
	text-align: left;
	padding-left: 40px;
}

.linkpic {
	float:right;
	margin:5px 0 25px 50px;
}

/*Ende Content Layout*/

/*Blog Layout*/

.blogspace {
	margin-left: 60px;
	width: 640px;
	float:left;
	text-align: left;
}

.blogliste {
	font-size:8px;
	color:#000000;
}

ul#blogliste
{
	list-style-type:none;
	width:100%;
	height:26px;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0px 0 0 0;
}

ul#blogliste li
{
	margin:0 0 0 0px;
	padding:0 0px 0 10px;
	height:26px;
	width:120px;
}

ul#blogliste li a
{
	float:left;
	color:#000000;
	line-height:26px;
	text-decoration:none;
	background: url(/graphics/bloglist.png);
	padding:0px 0px 0 0px;
	height:26px;
	width:120px;
}

ul#blogliste li a:hover
{
	float:left;
	color:#fff;
	line-height:26px;
	text-decoration:none;
	background: url(/graphics/bloglist.png) 0 -26px;
	padding:0 0px 0 0px;
	height:26px;
	width:120px;
}

ul#blogliste li a.current
{
	float:left;
	color:#fff;
	line-height:26px;
	text-decoration:none;
	background: url(/graphics/bloglist.png) 0 -26px;
	padding:0 0px 0 0px;
	height:26px;
	width:120px;
	
}

/*Ende Blog Layout*/

/*Struktur Layout*/

.abrat {
	border-width:5px;
	border-color: #995f2e;
	border-style: solid;
	width:750px;
	height: 497px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.frat {
	border-width:5px;
	border-color: #6ec33d;
	border-style: solid;
	float:left;
	width:700px;
	height: 623px;
	margin-left: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.bibstr {
	border-width:5px;
	border-color: #f37f00;
	border-style: solid;
	float:left;
	width:150px;
	height: 580px;
	margin-left: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.wostr {
	border-width:5px;
	border-color: #00b2c6;
	border-style: solid;
	float:left;
	width:150px;
	height: 580px;
	margin-left: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.pfastr {
	border-width:5px;
	border-color: #dbac52;
	border-style: solid;
	float:left;
	width:150px;
	height: 580px;
	margin-left: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.piostr {
	border-width:5px;
	border-color: #ec4500;
	border-style: solid;
	float:left;
	width:150px;
	height: 580px;
	margin-left: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.boxcont {
	width:700px;
}

.boxstr {
	border-width:5px;
	border-color: black;
	border-style: solid;
	width:130px;
	height: 40px;
	margin:  5px 14px;
	padding-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
}

.boxstu {
	border-width:5px;
	border-color: black;
	border-style: solid;
	width:130px;
	height: 40px;
	margin:  5px 0px;
	padding-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
}

#screenshot{
	position:absolute;
	border:1px solid #000;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

a.struk{
	text-decoration:none;
	color:#000;
	font-size: 14px;
	font-weight: bold;
}

/*Ende Struktur Layout*/

/*Intern Layout*/

.login {
	margin-left: 200px;
	margin-right: 200px;
	background-color:#bbbbbb;
	border-width:2px;
	border-color:black;
	border-style:solid;
}

.browserspace {
	width:95px;
	font-size:12px;
	background-color:#bbbbbb;
	border-width:2px;
	border-color:black;
	border-style:solid;
	padding:5px;
	float: left;
	margin:0px 0px 0px 125px;
}

.browser {
	width:510px;
	font-size:12px;
	background-color:#bbbbbb;
	border-width:2px;
	border-color:black;
	border-style:solid;
	padding:5px;
	float: left;
	margin-left: 20px;
	text-align: left;
}

.browsertools {
	width:500px;
	font-size:12px;
	background-color:#bbbbbb;
	border-width:2px;
	border-color:black;
	border-style:solid;
	padding:5px;
	float: right;
	margin-right: 152px;
	margin-top: 5px;
	text-align: left;
}
/*Ende Intern Layout*/

.about {
	float: left;
	width:128px;
	height:150px;
	font-size:12px;
	text-align: center;
	border-style: none;
	font-weight: bold;
}

.actionlist {
	float: left;
	margin:0px 0px 0px 10px;
	text-align: center;
	
}

.qp {
	float:left;
	width:178px;
	font-size:12px;
	margin:0px 0px 0px 90px;
	
}

.contact {
	float:left;
	width:300px;
	font-size:12px;
	margin:0px 0px 10px 90px;
	border-width:1px;
	border-style:ridge;
	border-color:#3C2804;
	
}

.contactr {
	float:left;
	width:300px;
	font-size:12px;
	margin:0px 0px 10px 20px;
	border-width:1px;
	border-style:ridge;
	border-color:#3C2804;
	
}

.contactm {
	float:left;
	width:300px;
	font-size:12px;
	margin:0px 0px 10px 250px;
	border-width:1px;
	border-style:ridge;
	border-color:#3C2804;
	
}

.qpbox {
	float:left;
	width:250px;
	font-size:12px;
	margin:20px 0px 0px 50px;
	#border-width:1px;
	#border-style:ridge;
	#border-color:#3C2804;	
}

.middle {
	float:left;
	width:178px;
	font-size:12px;
	margin:0px 0px 0px 200px;
	
}




.liste {
	font-size:12px;
	color:#000000;
}
	

.mittecont {
	float:left;
	width:450px;
	margin:0 0 0 175px;
}



.black {
	color:#000;
}

.logo {
	float:left;
	width:400px;
	height:272px;
	background:url(/graphics/ppwappe.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.clear {
	clear:left;
}

.platzhalter {
	float:left;
	width:20px;
}

.haupt {
	background:url(/graphics/zellenbg.jpg);
}
	
/*Fonts*/	
h1	{ text-align:center;
	  font-family:Verdana, Arial, Helvetica, sans-serif; 	
	}
	
p	{ text-align:center;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px;
	}
	
div { 
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:9px;
	}
	
/*Links*/	
a:link {
	color:#006600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006600;
}
a:hover {
	text-decoration: none;
	color: #006600;
}
a:active {
	text-decoration: none;
	color: #006600;
}


ul#liste
{
	list-style-type:none;
	width:100%;
	height:33px;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0px 0 0 0;
}

ul#liste li
{
	margin:0 0 0 0px;
	padding:0 0px 0 10px;
	height:33px;
	width:153px;
}

ul#liste li a
{
	float:left;
	color:#000000;
	line-height:33px;
	text-decoration:none;
	background: url(/graphics/list.png);
	padding:0px 0px 0 0px;
	height:33px;
	width:153px;
}

ul#liste li a:hover
{
	float:left;
	color:#fff;
	line-height:33px;
	text-decoration:none;
	background: url(/graphics/list.png) 0 -33px;
	padding:0 0px 0 0px;
	height:33px;
	width:153px;
}

ul#liste li a.current
{
	float:left;
	color:#fff;
	line-height:33px;
	text-decoration:none;
	background: url(/graphics/list.png) 0 -33px;
	padding:0 0px 0 0px;
	height:33px;
	width:153px;
	
}


#flashcontent {
		width: 800px;
		height: 640px;		
	}
	
.dropdown {
	float:left;
	font-size:12px;
	margin:0px 0px 10px 20px;
	
}