/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	line-height: 17px;
}

h1
{
	font-size: 16px;
	font-weight: bold;
}

h2
{
	color: #003333;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

h3
{
	color: #003333;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

a
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

a:link { color: #ff0000; }

a:visited { color: #990000; }

a:active { color: #990000; }

a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

a.whity
{
	color: #ffffff;
}

p { text-align: left; }

strong { font-weight: bolder; }

img { border: none; }

.notused { color: #999999; }

td { text-align: left; }

/* bestellung */

.bestell
{
font-size:16px;
	text-align: left;
	padding-left:60px;
}

.bname {
position: relative;
display: block;
padding-bottom: 25px;
}

.btel {
position: relative;
display: block;
padding-bottom: 25px;
}

.banz {
position: relative;
display: block;
padding-bottom: 25px;
}

.btag {position: relative;
display: block;
padding-bottom: 25px;
}


/* Container */

#container
{
	position: relative;
	width: 975px;
	left: 50%;
	margin-left: -487px;
}


/* Background-Klassen */

.logolayer
{
	position: absolute;
	left: 0px;
	width: 260px;
	height: 131px;
	z-index: 1;
	visibility: visible;
}

#up { background-image: url(../picsdesign/logo-up-green.jpg); }

#down { background-image: url(../picsdesign/logo-down-green.jpg); }

.menulayer
{
	position: absolute;
	left: 270px;
	width: 595px;
	height: 119px;
	background-color: #66CC99;
	z-index: 1;
	visibility: visible;
	padding-top: 12px;
	padding-right: 110px;
	line-height: 28px;
	color: #ff0000;
	text-align: right;
}

.sitelayer
{
	position: absolute;
	left: 0px;
	top: 149px;
	width: 136px;
	background-color: #66CC99;
	z-index: 1;
	visibility: visible;
	padding: 12px;
	padding-top: 20px;
	color: #003333;
}

.mainlayer
{
	position: absolute;
	left: 170px;
	top: 149px;
	width: 675px;
	background-color: #003333;
	z-index: 1;
	visibility: visible;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 110px;
	text-align: center;
}


/* Ensemble-Klassen */

.frame
{
	position: absolute;
	width: 152px;
	height: 202px;
	z-index: 2;
	visibility: visible;
	padding: 4px 6px;
}

.title
{
	position: absolute;
	left: 20px;
	width: 665px;
	height: 16px;
	z-index: 2;
	visibility: visible;
	padding: 5px;
}


/* Profil-Klassen */

.pic1
{
	position: absolute;
	left: 20px;
	top: 72px;
	width: 210px;
	height: 260px;
	z-index: 1;
	visibility: visible;
	padding: 7px;
}

.pic2
{
	position: absolute;
	left: 345px;
	width: 340px;
	height: 500px;
	z-index: 1;
	visibility: visible;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	text-align: right;
}

.pic3
{
	position: absolute;
	left: 20px;
	width: 665px;
	height: 450px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.frameWhite { border: 5px solid #ffffff; }

.que1
{
	position: absolute;
	left: 244px;
	top: 72px;
	width: 131px;
	height: 300px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
	font-weight: bold;
}

.ans1
{
	position: absolute;
	left: 385px;
	top: 72px;
	width: 280px;
	height: 300px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.que29
{
	position: absolute;
	left: 20px;
	width: 665px;
	height: 50px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
	font-weight: bold;
}

.ans2
{
	position: absolute;
	left: 200px;
	width: 485px;
	height: 100px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.que3
{
	position: absolute;
	left: 20px;
	width: 120px;
	height: 150px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
	font-weight: bold;
}

.ans31
{
	position: absolute;
	left: 150px;
	width: 185px;
	height: 150px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.ans32
{
	position: absolute;
	left: 20px;
	width: 315px;
	height: 15px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.qq45
{
	position: absolute;
	left: 20px;
	width: 315px;
	height: 15px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
	font-weight: bold;
}

.ans4
{
	position: absolute;
	left: 105px;
	width: 230px;
	height: 100px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.que678
{
	position: absolute;
	left: 20px;
	width: 140px;
	height: 30px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
	font-weight: bold;
}

.ans6781
{
	position: absolute;
	left: 170px;
	width: 515px;
	height: 30px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.ans56789
{
	position: absolute;
	left: 20px;
	width: 665px;
	height: 15px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}


/* Stück-Klassen */

.wer1
{
	position: absolute;
	left: 20px;
	width: 115px;
	height: 20px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
	font-weight: bold;
}

.wer2
{
	position: absolute;
	left: 150px;
	width: 265px;
	height: 20px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

.wer3
{
	position: absolute;
	left: 425px;
	width: 265px;
	height: 20px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}


/* ID's */

#jahr
{
	position: absolute;
	left: 20px;
	top: 58px;
	width: 50px;
	height: 30px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}

#stuc
{
	position: absolute;
	left: 80px;
	top: 58px;
	width: 605px;
	height: 30px;
	z-index: 1;
	visibility: visible;
	padding: 5px;
}