body {
  background-color: #ffffff;
}

#wrapper{
	background-color: #eedbcd;
	margin: 0 auto;
	width: 50%;
	-moz-border-radius: 8px 8px 8px / 8px 8px;
     border-radius: 8px 8px 8px / 8px 8px;

/* ist gleichbedeutend zu: */

-moz-border-radius-topleft:      8px 8px;
-moz-border-radius-topright:     8px 8px;
-moz-border-radius-bottomright:  8px 8px;
-moz-border-radius-bottomleft:   8px 8px;
     border-top-left-radius:     8px 8px;
     border-top-right-radius:    8px 8px;
     border-bottom-right-radius: 8px 8px;
     border-bottom-left-radius:  6px 8px;
}

h1 {
  color: black;
}
p {
  color: black;
}

#middle{
	background:#ffffff;
	display: inline-block;
	width: 95%;
	margin: 0 2.5%;
	-moz-border-radius: 8px 8px 8px / 8px 8px;
     border-radius: 8px 8px 8px / 8px 8px;

/* ist gleichbedeutend zu: */

-moz-border-radius-topleft:      8px 8px;
-moz-border-radius-topright:     8px 8px;
-moz-border-radius-bottomright:  8px 8px;
-moz-border-radius-bottomleft:   8px 8px;
     border-top-left-radius:     8px 8px;
     border-top-right-radius:    8px 8px;
     border-bottom-right-radius: 8px 8px;
     border-bottom-left-radius:  6px 8px;
	 
}

#left{
padding-top: 15px;
width:30%; 
height:100%; 
float:left; 
/*border-right:2px solid #000000;*/
}

.art-pic{
padding-top: 0px;
}

#right{

width:60%; 
height:100%; 
float:right; 
position:relative;
padding: 8px;
}

.art-box{

color: #185d4b;
font-size: 16px;
font-weight: bold;
width: 100%;
margin: 0 auto;	
text-align: center;

}

.art-name{
padding-top: 5px;
color: #185d4b;
font-size: 16px;
font-weight: bold;
width: 50%;
margin: 0 auto;	
text-align: center;
}

.art-desc{
color: #185d4b;
font-size: 16px;
font-weight: bold;
width: 100%;
margin: 0 auto;	
text-align: center;
}

.art-desc p{
padding: 15px;
color: #185d4b;
}

#order-middle{
	background:#ffffff;
	display: inline-block;
	width: 95%;
	margin: 0 2.5%;
	-moz-border-radius: 8px 8px 8px / 8px 8px;
     border-radius: 8px 8px 8px / 8px 8px;

/* ist gleichbedeutend zu: */

-moz-border-radius-topleft:      8px 8px;
-moz-border-radius-topright:     8px 8px;
-moz-border-radius-bottomright:  8px 8px;
-moz-border-radius-bottomleft:   8px 8px;
     border-top-left-radius:     8px 8px;
     border-top-right-radius:    8px 8px;
     border-bottom-right-radius: 8px 8px;
     border-bottom-left-radius:  6px 8px;
	 
}

#order-left{
padding-top: 15px;
width:30%; 
height:100%; 
float:left; 
/*border-right:2px solid #000000;*/
}

#order-right{
width:60%; 
height:100%; 
float:right; 
position:relative;
padding: 8px;
}


.order-headline{
	text-align: center;
		padding-bottom: 15px;
}


#form{

background:#ffffff;
color: #185d4b;
font-size: 16px;
font-weight: bold;
width: 100%;
margin: 0 auto;	
text-align: left;
	-moz-border-radius: 8px 8px 8px / 8px 8px;
     border-radius: 8px 8px 8px / 8px 8px;

/* ist gleichbedeutend zu: */

-moz-border-radius-topleft:      8px 8px;
-moz-border-radius-topright:     8px 8px;
-moz-border-radius-bottomright:  8px 8px;
-moz-border-radius-bottomleft:   8px 8px;
     border-top-left-radius:     8px 8px;
     border-top-right-radius:    8px 8px;
     border-bottom-right-radius: 8px 8px;
     border-bottom-left-radius:  6px 8px;
}

.Feldbezeichner{
	width: 50%;
	display: inline-block;
	
}

.Textinput{
 width: 40%;
}

#bestellen{
	text-align: center;
}

#bottom{
width: 100%;
margin: 0 auto;	
}

#Versandkosten{
font-size: 12px;
}

.headline{
padding: 15px;
text-align: center;
font-weight: bold;
}

.content{
padding: 15px;
}

.footer{
width: 50%;
margin: 0 auto;	
padding-bottom: 10px;
text-align: center;
}
.footer a:focus   { color: black; text-decoration: none;}
.footer a:hover   { color: black; text-decoration: none;}
.footer a:active  { color: black; text-decoration: none;}
.footer a { color: black; text-decoration: none;}
.footer a:visited  { color: black; text-decoration: none;}