BODY {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/pbgr) top left repeat-y;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/plogo.gif) no-repeat;
}

#menue {
	position: absolute;
	top: 65px;
	left: 180px;
	width: 165px;
	height: 580px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background : url(../images/pmenf.gif);
}

#menue ul {
	list-style-type: none;
	width: 165px;
	margin: 0px;
	padding: 0px;
}

#menue li a img {
	vertical-align : middle;
}

#menue li {
	display: inline;
}

#menue li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #DBE9F2;
}

#menue li a.sel {
}

#menue li a:hover {
	color: #CC0066;
	display: block;
	background: url(../images/pmenba.gif) no-repeat; 
}

.maintopic {
	padding: 9px 12px 9px 12px;
	color: #DBE9F2;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/pmenb.gif) no-repeat; 
}

.maintopicsel {
	padding: 9px 12px 9px 12px;
	color: #CC0066;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background: url(../images/pmenba.gif) no-repeat;
}

.topic {
	padding: 9px 12px 9px 22px;
	color: #DBE9F2;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/pmenbaa.gif) no-repeat;
}

.topicsel {
	padding: 9px 12px 9px 22px;
	color: #CC0066;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background: url(../images/pmenba.gif) no-repeat;
}

.subtopic {
	padding: 9px 12px 9px 35px;
	color: #DBE9F2;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/pmenbaa.gif) no-repeat; 
}

.subtopicsel {
	padding: 9px 12px 9px 35px;
	color: #CC0066;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background: url(../images/pmenba.gif) no-repeat;
}

#htmlheader {
	position: absolute;
	top: 60px;
	left: 885px;
	text-align: right;
	width: 100px;
}

#plaintext {
	position: absolute;
	top: 15px;
	left: 820px;
	text-align: right;
	width: 170px;
	z-index: 100;
}

#plaintext a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
	
#eyecatcher {
	width: 180px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/s2dlogo.jpg) no-repeat 0px 0px;	
	position: absolute;
	top: 0px;
	left: 0px;
}


#eyecatchershade {
	position: absolute;
	top: 0px;
	left: 173px;
	width: 1px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/peyesh.gif) no-repeat right;	
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
	opacity: 0.10;
	z-index: 400;
}

#eyecatchershade1 {
	position: absolute;
	top: 0px;
	left: 174px;
	width: 1px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/peyesh.gif) no-repeat right;	
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity: 0.20;
	z-index: 401;
}

#eyecatchershade2 {
	position: absolute;
	top: 0px;
	left: 175px;
	width: 1px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/peyesh.gif) no-repeat right;	
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity: 0.30;
	z-index: 402;
}

#eyecatchershade3 {
	position: absolute;
	top: 0px;
	left: 176px;
	width: 1px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/peyesh.gif) no-repeat right;	
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity: 0.40;
	z-index: 402;
}

#eyecatchershade4 {
	position: absolute;
	top: 0px;
	left: 177px;
	width: 3px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/peyesh.gif) no-repeat right;	
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity: 0.50;
	z-index: 402;
}

#youarehere {
	width: 445px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	font-size: 80%
}

#shopcontrol {
	position: relative;
	margin: -35px 0px 0px 0px;
	padding: 0;
	width: 280px;
}


#search {
	float: right;
	width: 129px;
	height: 34px;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	background: url(../images/pseabgr.gif) no-repeat top left;
}

form.search {
	padding: 0px;
	margin: 0px;
}

form.search input {
	padding: 0px 2px 0px 2px;
	margin: 0px;
	vertical-align : middle;
}

input.search {
	border: none;
	width: 90px;
	background-color: transparent;
	font-size: 80%;
	color: #DBE9F2;
}


#content {
	width: 445px;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	position: absolute;
	top: 94px;
	left: 345px;
}

#sidebartop {
	position: absolute;
	top: 65px;
	left: 813px;
	width: 175px;
	margin: 0;
	padding: 0;
	background: url(../images/psito.gif) no-repeat top left;
}

#sidebar {
	position: absolute;
	top: 75px;
	left: 813px;
	width: 160px;
	padding: 0px 0px 0px 15px;
	margin: 0;
}

#commontop {
	position: absolute;
	left: 170px;
	top: 49px;		
	width: 800px;
	padding: 0px;
	height: 16px;
	background-color: #000000;
	text-align: right;
	text-valign: top;
}

#commontop P.small  {
	font-size: 90%;
	background-color: #ffffff;
	color: #999999;
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#commontop a.small {
	font-size: 90%;
	text-decoration: none;
	background-color: #ffffff;
	color: #999999;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#youarehere P.small  {
	font-size: 90%;
	color: #999999;
	display: inline;
}

#youarehere a.small {
	font-size: 90%;
	text-decoration: none;
	color: #999999;
}

#youarehere a:hover, #commontop a:hover {
	text-decoration: underline;
}

#more {
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	width: 445px;
	border-top: solid 1px #707FFF;
}

#more p.small {
	font-size: 85%;
	font-weight: normal;
	text-decoration: none;
	color: ;
	display: inline;
}


#more a.small {
	font-weight: normal;
	text-decoration: none;
	color: ;
}

#more a.smallbright {
	font-size: 85%;
	font-weight: normal;
	text-decoration: none;
	color: #cccccc;
}

/* Absatztype Formular */

input.box {
	border : 1px solid #707FFF;
	width: 280px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border : 1px solid #707FFF;
	width: 280px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 155px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #000099;
	line-height: 160%;
	padding: 2px 0px 10px 202px !important;
}

.buttoncaption {
	line-height: 200%;
}