/*korekte syntax ist unteranderem farben in kleinbuchstaben geschrieben*/

/*******************************Selektoren******************************************************************************/

body { 
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
	letter-spacing: 0px;
	margin-bottom: 0pt;
	margin: 5px;	
	background-color: transparent;
}

table{
    color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	background-color: transparent;
}

p {
	padding-left: 10px;
}

p.einrueck {
	padding-left: 40px;
}

p.underscore {
	text-decoration: underline
}

/*body a:link {
	color: #525151;
	text-decoration: underline;
}

body a:visited { 
	color: #525151;
	font-weight: normal;
   text-decoration: underline;
}

body a:hover {
	color: #9f0248;
	text-decoration: underline;
}

body a:active {}*/

h1 {
	color:#686868;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	margin-bottom: 0pt;
	
}


h1.big-thin{
	color:#525151;
	font-weight:150%;
	font-size: 15px;
	font-family: Arial, Geneva, Sans-serif;
	font-weight: lighter;
	margin-bottom: 0pt;
	
}

h1.white{
	color:#ffffff;
	font-weight:101%;
	font-size: 13px;
	font-family: Arial, Geneva, Sans-serif;
	margin-bottom: 0pt;
	
}

h1.white_40{
	color:#ffffff;
	font-weight: normal;
	font-size: 26px;
	font-family: Times;
	line-height: 28px;
	margin-top: 0px;
	text-align: left;
}



h1.white_20{
	color:#ffffff;
	font-weight: normal;
	font-size: 17px;
	font-family: Times;
	line-height: 17px;
	text-align: left;
}

h2 {
	color:#686868;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Geneva, Sans-serif;
	margin-bottom: 2pt;
	margin-top: 2pt
}


h2.gross_12 {
	color:#686868;
	font-weight:bold;
	font-size: 12px;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 19px;
	text-align: justify
}



h2.rot {
	color: red;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Geneva, Sans-serif;
	margin-bottom: 2pt;
	margin-top: 2pt;
	display:inline;
	 
}


h6 {
	color:#969696;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 0pt;
}




img {
	border: 0px;
	vertical-align: middle;
}




/*******************************Klassenselektoren******************************************************************************/

body { 
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
	letter-spacing: 0px;
	margin-bottom: 0pt;
	margin: 5px;	
	background-color: transparent;
}

p {
	padding-left: 10px;
  }

p.einrueck {
	padding-left: 40px;
}

p.underscore {
	text-decoration: underline
}



h1 {
	color:#686868;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	margin-bottom: 0pt;
}


h1.big-thin{
	color:#525151;
	font-weight:150%;
	font-size: 15px;
	font-family: Arial, Geneva, Sans-serif;
	font-weight: lighter;
	margin-bottom: 0pt;
}

h1.white{
	color:#ffffff;
	font-weight:101%;
	font-size: 13px;
	font-family: Arial, Geneva, Sans-serif;
	margin-bottom: 0pt;
	
}


h2 {
	color: 686868;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Geneva, Sans-serif;
	margin-bottom: 2pt;
	margin-top: 2pt
	}

	
h6 {
	color:#969696;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-bottom: 0pt;
}



img {
	border: 0px;
	vertical-align: bottom
}

/*******************************Klassenselektoren******************************************************************************/

#menuup  { 
color: #525151;
background-image: url(../design/perlen-glanz-logo.gif);
background-repeat: no-repeat;
margin: 10px 0px 10px 5px; 
padding: 5px; 
width: 180px; 
height: 70px;
border:  1px #ffffff solid;
display: block;
}


#menu  { 
color: #525151; 
font-size: 12px; 
background-color: #e8e8e8; 
margin: 3px 0px 3px 0px; 
padding: 0px; //war5
width: 180px; 
/*float: left; */
border:  1px #ffffff solid; 
line-height: 9px;
}

#menuueberschrift  { 
color: #525151; 
font-size: 12px; 
font-weight: bold;
background-color: #dcdcdc; 
margin: 0px; 
padding: 2px 0px 2px 5px; //war5
width: 192px; 
border-bottom:  1px #ffffff solid; 
}


#menu a{
	color:#525151;
	font-size: 12px;
	font-family: Arial, Geneva, Sans-serif;
	margin: 2px 0px 2px 5px;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
	background: transparent;
	display: block;	
    width: 165px;
	line-height: 14px;
}

#menu a:hover{
	color:#9f0248;
	background-color: transparent;	
}

#menu a:active{
	color: #9f0248;
	background-color: transparent;
	font-weight: bold;	
}



#centered {
	color: #41b986;
	border: 2px #41b986 solid;
	font-family: Arial, Geneva, Sans-serif;
	font-weight: bold;
	background:#f0ffff;
	margin: 0px;
	padding: 7px 0px 7px 10px;
	display: block;
	width: 184px;
	text-align: left;
}

#centered a{
	color:#ababab;
	font-family: Arial, Geneva, Sans-serif;
	background: #f0ffff;
	display: block;
	width:176px;
}


#nodecor a{
	color:#ababab;
	font-weight:100%;
	font-size: 12,5px;
	font-family: Arial, Geneva, Sans-serif;
	font-weight: lighter;
	background: transparent;
	margin: 2px 0px 2px 15px;
	padding:1px 0px 1px 0px;
	border:0px;
	display: block;
	text-decoration: none;
	width:165px;
	margin-bottom: 0pt;
	line-height: 12px;
}


#nodecor a:hover{
	color:#9f0248;
	background-color: transparent;	
	}
	

.header {
    width: auto;
	padding: 5px 5px 5px 5px;
    border-bottom: 0px outset;
	border-bottom-color: #ff6600;
	margin-top: auto;
	margin-right: auto
	
}

.footer {
    color: #ababab;
    font-size: 10px;
	vertical-align: super;	
	text-align: center;
	clear: left;
    border-top: 1px outset;
	border-top-color: #ababab;
	vertical-align: bottom;	
}


.box0{
    margin: 0px;
	padding: 0px;
	border:  0px;
}

.box1, .box2, .box3,{
display: inline;	
}

.box1, .box5,{
display: inline;
}

.box1{
    width: 20%;
    min-width: 135px;
    max-height: 850px;
	float:left;
	/*border:  1px #525151 solid;*/
}

.box2{
	width:640px;
	float:left;				
	padding: 80px 0px 10px 5px;
	text-align: justify;
	display: inline;
}

.box22{
	width:640px;
	float:left;				
	padding: 20px 0px 10px 5px;
	text-align: justify;
	display: inline;
}

.box3{
	width:603px;
	height: auto;
	float:left;	
	background-color: #ffffff;
	padding: 0px 0px 0px 3px;
	
}

.box4{
	width: 650px;
	float: left;				
	padding: 0px;
	text-align: justify;
	margin: 0px;
}
.boxrechts{
	width: 105px;
	height: auto;
	float: right;
	text-align: left;
	display: inline;				
	padding: 12px 15px 20px 0px;
	
	
}


.box8{

    width: 69%;
    min-width: 600px;
	padding: 0px 10px 10px 5px;
	text-align: left;
	float: left;
	background-color:#e9e9eb;
	margin-top: 15px;
}

 /***********************Angebots-übersicht-boxen-anfang************************/
	
.experiment1 {
width: 150px;
background-color: transparent;
border-bottom: 0px;
padding: 0px;
float: left;

}
 .extop {
 color: #686868;
 width: 144px;
 height: 50px;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 padding-right: 3px;
background-color: #ffffff;
 text-align: center;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 85%;
 font-weight: normal;
 vertical-align: middle
 }
 .exbottom{
 background-color: transparent;
 width: 150x;
 max-height: 155px;
 }

.experiment2{
width:8px;
height: 55px;
background-image: url(../design/experiment2-2.gif) ;
float: left;
}

.experiment3{
width: 620px;
clear: left;
background-color: #ffffff;
border: 0px;
height: 20px;

}

/***********************Angebots-übersicht-boxen-ende************************/

/***********************frontpage-layout-anfang************************/
.front1 {
width: 100px;
background-color: transparent;
border-bottom: 0px;
padding: 0px;
float: left;
}

.fronttop {
 width: 100px;
 height: 37px;
 padding: 5px 0px 5px 0px;
background-image: url(../design/fronttoppic1.gif);
 text-align: center;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 100%;
 

 }


.frontbottom{
 background-color: transparent;
 width: 100px;
 max-height: 100px;
 }
 
 
 .front2{
width: 2px;
height: 100px;
background-color: #ffffff;
float: left;
}


 .front4{
width: 60px;
height: 180px;
background-color: #ffffff;
float: left;
}

.horizont-bar-front{
width: 620px;
background-color: #ffffff;
border: 0px;
height: 10px;
float: left;

}
/***********************frontpage-layout-ende************************/

/***********************text-container-anfang************************/
.coatcontainer{
	width:650px;
	float:left;
	border: 0px;				
	padding: 0px;
	text-align: justify;
	background-color: transparent;
	color:#686868;
}

.headlinecontainer-s{
	width:630px;
	float:left;				
	padding: 10px;
	text-align: justify;
	background-color: #fdf5c3;
	border: 1px;
	border-color: #FFCCFF;
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;	
}



.headlinecontainer-q{
	width:630px;
	float:left;				
	padding: 10px;
	text-align: justify;
	background-color: #fdf5c3;
	border: 1px;
	border-color: #FFCCFF;
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
	
}

.headlinecontainer-u-p{
	width:630px;
	float:left;				
	padding: 10px;
	text-align: justify;
	background-color: #fdf5c3;
	border: 1px;
	border-color: #FFCCFF;
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
}


.headlinecontainer-u-u{
	width:630px;
	float:left;				
	padding: 10px;
	text-align: justify;
	background-color: #fdf5c3;
	border: 1px;
	border-color: #FFCCFF;
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
}




.headlinecontainer-b{
	width:630px;
	float:left;				
	padding: 5px 10px 5px 10px;
	text-align: justify;
	background-color: #fdf5c3;
	border: 1px;
	border-color: #FFCCFF;
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
}


.headlinecontainer-k{
	width:630px;
	float:left;				
	padding: 10px;
	text-align: justify;
	background-color: #fdf5c3;
	border: 1px;
	border-color: #FFCCFF;
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
	
}


.textcontainer{
	width:610px;
	float:left;
	border: 0px;				
	padding: 20px;
	text-align: justify;
	background-color: #F4F2F2;
	color:#686868;
	
}

.picscontainer{
	width:650px;
	float:left;
	border: 0px;				
	padding: 0px;
	text-align: justify;
	background-color: #F4F2F2;
	color:#686868;
	
}


/***********************text-container-ende************************/
.linksbild{

width: 300px;
background-color: transparent;
border-bottom: 0px;
padding: 0px;
float: left;
}


.rechtsboxind{

width: 289px;
background-color: transparent;
border-bottom: 0px;
padding: 0px;
margin: 0px;
float: left;
max-height: auto;
font-family: Arial, Geneva, Sans-serif; 
font-size: 90%;
font-weight: normal;
}

.picbox{
width: 75px;
min-height: 68px;
background-color: #ffffff;
border: 0px;
padding: 1px;
margin: 0px;
float: left;
text-align: left;
vertical-align: bottom;
}

.picboxsl{
width: 75px;
min-height: 68px;
background-color: #f7f7f7;
border: 0px;
padding: 1px;
margin: 0px;
float: left;
text-align: center;
vertical-align: middle;
}

.spacerind {
width: 2px;
height: 40px;
float: left;
background-color: transparent;
padding: 0px;
margin: 0px;
}

.spacerlineend{
height: 1px;
width: 100%;
clear: left;
background-color: transparent;
padding: 0px;
margin: 0px;
}


.lablebox{
width: 75px;
height: 37px;
background-color: transparent;
border: 0px;
padding: 1px;
margin: 0px;
float: left;

}

.lablebox1{
width: 75px;
height: 90px;
text-align: left;
background-color: transparent;
border: 0px;
border-color: #858585;
padding: 1px;
margin: 0px;
float: left;
}

.spacermiddle{
width: 4px;
height: 270px;
background-color: transparent;
float: left;
}

.linksboxind{
width: 302px;
height :400px;
background-color: transparent;
border-bottom: 0px;
padding: 0px;
float: left;
}


.righttoplarge {
 width: 320px;
 height: 50px;
 padding: 5px;
 background-image: url(../design/d9.gif);
 text-align: right;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 100%;
 font-weight: bold;
 }
 
 .linksdescriptlarge{
 background-color: transparent;
 width: 350px;;
 padding: 0px;
 height: auto;
 font-family: Arial, Geneva, Sans-serif;; 
 font-size: 100%;
 font-weight: normal;
 float: left;
 }
 
 

 .linkstop {
 width: 290px;
 height: 50px;
 padding: 5px;
 background-image: url(../design/d9.gif);
 text-align: left;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 100%;
 font-weight: bold;
 }
  .righttop {
 width: 290px;
 height: 50px;
 padding: 5px;
  background-image: url(../design/d9.gif);
 text-align: right;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 100%;
 font-weight: bold;
 }

.linksbottom{
 background-color: transparent;
 width: 300x;
 max-height: 310px;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 100%;
 font-weight: normal;
 }
 .linksdescript{
 background-color: transparent;
 width: 270px;
 padding: 15px;
 height: auto;
 font-family: Arial, Geneva, Sans-serif;; 
 font-size: 100%;
 font-weight: normal;
 float: left;
 }
 
 .dazupasst {
width: 630px;
background-color: transparent;
border: 0px;
padding: 0px;
max-height: auto;
float:  left;

 }
 .dazutop {
 width: 620px;
 height: 20px;
 padding: 5px;
 background-image: url(../design/d10.gif);
 text-align: left;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 100%;
 font-weight: normal;
 color:#686868;
font-size: 13px;
margin-bottom: 0pt;
margin-top: 0pt
 }
 
.dazumiddle{
vertical-align: top;
width: 630px;
padding: 0px;
background-color: transparent;
}



.vollebreite{
width: 635px;
height: 590px;
background-color: transparent;
border-bottom: 0px;
float: left;
padding: 0px 0px 40px 0px;

}
/***ausgabe von farbkombiantionen, schließe und buttons anfang****/
.farbenbox{
width: 298px;
height: 200px;
border: solid 2px  #9ccdd2;
padding: 0px;

}

.halfboxleft{
width: 124px;
height: 25px;
padding: 5px;
text-align: right;
float: left;
margin: 0px;
}

.halfboxright{
width: 124px;
height: 25px;
padding: 5px;
text-align: left;
float: left;
margin: 0px;
}


.farbenlable{
width: 296px;
height: 18px;
background-color: transparent;
border-bottom: solid 2px  #9ccdd2;
font-family: Arial, Geneva, Sans-serif; 
font-size: 12px;
font-weight: bold;
color: #525151;
padding: 2px 5px 2px 5px;
text-align: left;
}

.farbreihe{
width: 270px;
height: 30px;
padding: 0px 12px 0px 12px;
text-align:  left;
}

.farbbox{
width: 30px;
height: 30px;
padding: 0px;
text-align:  left;
vertical-align: bottom;
display: inline;
float: left;
}
.numreihe{
width: 270px;
height: 20px;
padding: 0px 12px 0px 12px;
text-align: left;
}
.numbox{
width: 30px;
height: 38px;
padding: 0px;
text-align: center;
float: left;
display: inline;
}

.slreihe{
width: 294px;
height: 50px;
padding: 0px 0px 0px 0px;
display: block;
}
.slbox{
width: 50px;
height: 50px;
border: red solid 2px;
display: inline;
margin: 0px;



}
.sltext{
width: 230px;
height: 50px;
padding: 5px;
float: left;
}

.buttonbox{
width: 266px;
height: 35;
padding: 5px 15px 5px 15px;
text-align: center;
}

.tippbox{
margin: 5px 10px 5px 10px;
width: 274px;
height: 50px;
background-color: #CBE0FF;
color: #525151;
text-align: center;
padding: 0px;

}
.directback{
width: 149px;
height: 40;
padding: 0px;
text-align: left;
float: left;
}
.directfor{
width: 149px;
height: 40;
padding: 0px;
text-align: right;
float: left;
}

.weiter{
width: 100%;
height: 31px;
text-align: right;
vertical-align: top;
padding: 2px 0px 0px 0px;
clear: left;
margin: 0px;
}

.rechnung{
width: 100%;
font-size: 120%;
font-weight: bold;
/*height: 50px;*/
text-align: right;
vertical-align: middle;
padding-right: 10%;
clear: left;
margin: 0px;
}

.weiterleft{
width: 90%;
height: 27px;
text-align: left;
vertical-align: top;
padding-left: 5%;
padding-top: 0px;
padding-bottom: 0px;
clear: left;
margin: 0px;


}
.weiterright{
width: 250px;
height: 22px;
text-align: right;
vertical-align: top;
padding-left: 0%;
padding-right: 0px;
border-bottom: #525151 solid 2px;
float: right;
margin: 0px;
}
/****ausgabe von farbkombiantionen, schließe und buttons ende***/

/***bestelung von maßanferitgungen anfang*****/
.bestelltipp{
width: 100%;
height: auto;
background-color:  transparent;
color: #525151;
text-align: left;
padding: 2px 2px 2px 7px;
}

.bestelllable{
width: auto;
height: 21px;
background-color:#bd82aa;
color: #ffffff;
text-align: left;
line-height: 20px;
font-size: 15px;
font-weight: bold;
padding: 3px;
clear: left;
vertical-align: middle;
}

.bestelllable2{
width: auto;
height: 21px;
background-color:;
border-bottom: #bd82aa 0px solid;
color: #525151;
text-align: left;
line-height: 20px;
font-size: 15px;
font-weight: bold;
padding-left: 35px;
padding-top: 5px;
clear: left;
vertical-align: middle;
}

.bestellbox{
width: 100%;
min-width: 550px;
height: auto;/*180px*/
display: block;
background-color:transparent;
border-color: #bd82aa;
border-width: 1px;
border-style: solid;
margin: 0px;
padding: 0px 0px 15px 0px;
}

.bestellbox2{
width: 100%;
min-width: 550px;
height: 110px;
display: block;
background-color:#ffffff;
border-color: #bd82aa;
border-width: 1px;
border-style: solid;
margin: 0px;
padding: 0px 0px 5px 0px;
}


.bestelldisplay{
width:  329px;
/*height: 50px;*/
background-color: #ffffff;
text-align: left;
vertical-align: middle;
padding-left: 5px;
display: block;
border-color: #E5C6E0;
border-style: dotted;
border-bottom-width: 2px;
border-top-width: 0px;
border-left-width: 2px;
border-right-width: 2px;
}

.bestellnum{
width: 333px;/*weil kien border wie bei display 4 px mehr*/
height: 40px;
background-color:transparent;
text-align: left;
padding-left: 5px;
display: block;
}
.bestellnum4{
width: 333px;/*weil kien border wie bei display 4 px mehr*/
height: 40px;
background-color:transparent;
text-align: left;
padding-left: 5px;
display: block;
}

.bestellleftbox{
text-align: left;
height: 98px;
/*min-height: 65px;
max-height: 98px;*/
width: 343px;
padding-left: 5px;
padding-top: 7px;
float: left;
}
.bestellrightbox{
text-align: left;
min-height: 108px;
max-height: 118px;
width: 243px;
padding-left: 5px;
padding-top: 7px;
float: right;
}
.bestellleftbox4{
text-align: left;
min-height: 128px;
max-height: 138px;
width: 343px;
padding-left: 5px;
padding-top: 7px;
float: left;
}
.masseleftbox{
text-align: left;
max-height: 175px;
width: 55%;
padding-left: 5%;
padding-top: 7px;
float: left;

}
.bestellknoepfe{
text-align: right;
vertical-align: bottom;
height: 60px;
width: 200px;/*war 22%*/
padding-right: 0px;
padding-top: 10px;
float: left;

}
.bestellknoepfe2{
text-align: right;
height: 60px;
width: auto;/*170px*/
padding-right: 0px;
padding-top: 0px;
vertical-align: bottom;
float: left;

}


/***bestelung von maßanferitgungen ende*****/
/***********************indivudlle-farbwahl-navigation-anfang************************/




.naviregister{
width: 635px;
height: 21px;
background-color: #ffddf6;
color: #525151;
text-align: left;
line-height: 20px;
font-size: 12,5px;
font-weight: bold;
padding: 3px 0px 3px 5px;
clear: left;
vertical-align: middle;
}


.hilfeleiste{
width: 635px;
height: 25px;
background-color: transparent;
text-align: right;
clear: left;
vertical-align: middle;
padding: 2px;
margin-bottom: 3px;
}

.siesindhier_leiste{
width: 635px;
border-bottom: 2px solid #525151;
height: 33px;
font-weight: normal;
background-color: transparent;
text-align: left;
clear: left;
vertical-align: middle;
padding: 2px;
margin-bottom: 3px;
}

.siesindhier_leiste a{
font-weight: bold;
background-color: transparent;
vertical-align: middle;

}
.warenkorbleiste{
width: 680px;
height: 21px;
background-color: #f0ffff;
border-bottom: 2px solid #41b986;
text-align: left;
clear: left;
vertical-align: middle;
padding: 3px;
}
/***********************Navigation horizontal************************/
.schrittfolge{
width: 635;
height: 30px;
background-color: transparent;
border: 0px;
text-align: justify; 
text-align: left;
margin-bottom: 1px;

}

#rechtsgebunden{
border-bottom: 1px dotted #E5C6E0;
border-top: 1px dotted #E5C6E0;
text-align: right;
}

.schritt{
height: 26px;
border: 2px dotted #E5C6E0; 
display: inline;
padding-left: 3px;
padding-right: 3px;
vertical-align: middle;
padding-top: 4px;
float: left;
}

#location{
height: 26px;
border: 0px; 
display: inline;
padding-left: 3px;
padding-right: 3px;
vertical-align: middle;
padding-top: 4px;
float: left;
}

#bunt{
height: 26px;
float: right;
background: #f0ffff;
border: 2px solid #41b986; 
display: inline;
color: #41b986;
font-family: Arial, Geneva, Sans-serif;
font-weight: bold;
text-align: center;
}

#bunt a{
/*verhindert dass link unterstrichen werden*/
text-decoration: none;
color: #41b986;
font-family: Arial, Geneva, Sans-serif;
font-weight: bold;
text-align: center;
}


#neutral{
float: right;
background-color: #ffffff;/*#ffcd77;*/
border-left: 1px dotted #e5c6e0; 
border-right:  1px dotted #e5c6e0; 
display: inline;  
}

.hilfeleisteoben{
width: 100%;
height: 32px;
background-color: transparent;
padding: 0px 0px 5px 0px;
text-align: right;
}


/***********************Start seite für individuelle Anfertigung-anfang************************/

.lobenbox{
width: 186px;
height: 240px;
float: left;
padding: 5px; 
border-color: #e5c6e0;
background-image: url(../design/rosa.jpg);
background-repeat: repeat-y;
border-style: dotted;
border-width: 2px;
text-align: left;
 

}

.uperline{
width: 160 px;
height: 42 px;
clear: left;
display: inline;
}
.startbox{

width:650px;
float: left;
padding: 25px 0px 0px 0px;
border-color: #e5c6e0;
border: 0px;
font-size: 11px;
font-weight: normal;
font-family: Arial, Geneva, Sans-serif;
line-height: 16px;
text-indent: 0px;
letter-spacing: 0px;
text-align: left;
}

.startspacer{
width: 6px;
height: 200px;
float:  left;
}
.startspacer2{
width: 2px;
height: 35px;
float: left; 
}
/**********************Start seite für individuelle Anfertigung-ende************************/

/****Seite ../adresse.php***********/

.formularadresse{
padding: 0px; 
background: #ffffff; 
padding: 10px 40px 10px 40px;
text-align: center;
}

.formularadresse2{
border-left: 2px solid #41b986; 
border-right: 2px solid #41b986; 
border-bottom: 2px solid #41b986; 
padding: 10px; 
cellspacing: 0px;  
width: 542px; 
background: #ffffff;
text-align: left;  
}

.formularhead{
border: 2px solid #41b986; 
padding: 5px; 
cellspacing: 0px;  
width: 552px; 
background: #f0ffff;
text-align: left;
line-height: 16pt;
font-weight: bold;
clear: left;  
}
.formularleft{
border: 0px solid #41b986; 
padding: 5px; 
cellspacing: 0px;  
width: 160px; 
background: #FFFFFF;
text-align: left;
line-height: 23px;
font-weight: bold;
float: left;  
}
.formularright{
border: 0px; 
padding: 5px; 
cellspacing: 0px;  
width: 200px; 
background: #FFFFFF;
text-align: left;
float: left;  
}
.formularcenter{
border: 0px; 
padding: 5px; 
cellspacing: 0px;  
width: 360px; 
background: #FFFFFF;
text-align: left;
clear: left;  
}

/***********************seitenzahlangabe-anfang************************/
.seitenzahl {
 width: 585px;
 height: 20px;
 padding: 5px;
 background-color: #ffffff;
 text-align: right;
 font-family: Arial, Geneva, Sans-serif; 
 font-size: 110%;
 font-weight: bold;
 }
 
 .seitenzahl a:link {
	color: #525151
}

.seitenzahl a:visited { 
	color: #525151;
	font-weight: normal;
    text-decoration: none;
}

.seitenzahl a:hover {
	color: #9f0248;
	text-decoration: none;
}
/***********************seitenzahlangabe-ende************************/


.box4 img {
	display: block;
	margin: 1px;
}

.box5 {
   
    padding: 2px;   
	float: left;
	width: 115px;
	display: block;
	margin: 8px;
	font-size: 75%;
	
}

.angebote {
	color:#663333;
	display: block;
	height: auto;
	border: 1px outset; 
	border-color: #ff6600;
	background-color: #ffffff;
	margin: 5px;
	padding: 5px;
	margin-bottom: 20px;
}

.leftbox {
 	padding: 2px; 
 	border: 1px; 
 	border-color: black;  
	float: left;
	width: 308px;
	height: 305px;
	display: block;
	margin: 5px;
	font-size: 100%;
}
.rightbox {
 	padding: 5px; 
 	border: 2px;
 	border-color: black;  
	float: left;
	height: 305px;
	width: 140px;
	display: block;
	margin: 5px;
	font-size: 100%;
}


.angeboteZeile {
   	float: left;
   	clear: left;
	display: block;
}

.angebote img{
	float: left;
	margin-right: 6px;
}



.liste {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.copysmall {
    color:	#525151;
	font-weight:100%;
	font-size: 9px;
	font-family: Arial, Geneva, Sans-serif;
	font-weight: lighter;
	margin-bottom: 0pt;
	line-height: 16px;
}




.copysmall a:link{
color: #ababab;
}

.copysmall a:visited{
	color: #ababab;
}

.copysmall a:hover{
	color:#c37b88;
}


.small {
   color:#686868;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	font-size: 9px;
	line-height: 11px;
	margin-bottom: 0pt;
}


.small a:hover{
color:#9f0248;
}

.externalbox {
	width: 980px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}
/*********copysmall2**********/


.copysmall2 {
    color: #3550e7;
    text-decoration: underline;
	font-weight:100%;
	font-size: 10px;
	font-family: Arial, Geneva, Sans-serif;
	font-weight: lighter;
	margin-bottom: 0pt;
	line-height: 16px;
}

.copysmall2 a:link {
	color: #3550e7;
	text-decoration: underline;
}

.copysmall2 a:visited { 
	color: #3550e7;
	font-weight: normal;
   text-decoration: underline;
  
}

.copysmall2 a:hover {
	color: #3550e7;
	text-decoration: underline;
}



/***********************farbmischer************************/
.l-r-block{

width: 325px;
background-color: transparent;
border-bottom: 0px;
padding: 0px;
float: left;
}

/***********************buttons************************/




input.des1{
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	text-indent: 0px;
	letter-spacing: 0px;
	padding: 2px;
	width: 90px;
	height: 25px;
	vertical-align: middle;
	}
	
	input.des2{
	color:#525151;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Geneva, Sans-serif;
	line-height: 16px;
	padding: 2px;
	width: 70px;
	height: 25px;
	
	}
	
	input.ok{
	
	padding: 0px;
	border: 0px;
	background-image: url(../design/hinzu.jpg);
	background-repeat: no-repeat;
	width: 88px;
	height: 27px;
	
	}
	
	input.delit{
	border: 0px;
	padding: 0px;
	width: 98px;
	height: 27px;
	background-image: url(../design/loesch.jpg);
	background-repeat: no-repeat;
}

	input.delit2{
	border: 0px;
	padding: 0px;
	width: 84px;
	height: 27px;
	background-image: url(../design/loesch2.jpg);
	background-repeat: no-repeat;
}

   input.weiter{
	border: 0px;
	padding: 0px;
	width: 84px;
	height: 27px;
	background-image: url(../design/weiterpic.jpg);
	background-repeat: no-repeat;
	}
	
	input.zumwarenkorb{
	border: 0px;
	padding:  2px 6px 2px 6px;
	font-weight: bold;
	height: 27px;
	color: #41b986;
	background-color: #f0ffff;
	border: 2px solid #41b986; 
	vertical-align: middle;
	}
	
	input.los{
	padding:  4px 10px 4px 10px;
	font-weight: bold;
	height: 35px;
	color: #686868;
	background-color: #ffffff;
	border-top: 4px solid #efd308;
	border-left: 16px solid #efd308;
	border-right: 4px solid #efd308;
	border-bottom: 4px solid #efd308; 
	vertical-align: middle;
	}
	input.los_shop{
	padding:  4px 10px 4px 10px;
	font-weight: bold;
	height: 35px;
	color: #686868;
	background-color: #ffffff;
	border-top: 4px solid #aa3147;
	border-left: 16px solid #aa3147;
	border-right: 4px solid #aa3147;
	border-bottom: 4px solid #aa3147; 
	vertical-align: middle;
	}
	
	

	
 input.liefer{
	border: 0px;
	padding: 0px;
	width: 175px;
	height: 27px;
	background-image: url(../design/lieferadresse.jpg);
	background-repeat: no-repeat;
	
	}
		
 input.liefer2{
	padding: 2px 6px 2px 6px;
	font-weight: bold;
	color: #898989; 
	vertical-align: middle;
	}
		
 input.zurueck{
	border: 0px;
	padding: 0px;
	width: 84px;
	height: 27px;
	background-image: url(../design/zurueck.jpg);
	background-repeat: no-repeat;
	
	}

	
    input.cancel{
	border: 0px;
	padding: 0px;
	width: 81px;
	height: 27px;
	background-image: url(../design/cancel.jpg);
	background-repeat: no-repeat;
	}
	
	input.preis{
	border: 0px;
	padding: 0px;
	width: 107px;
	height: 27px;
	background-image: url(../design/preis.jpg);
	background-repeat: no-repeat;
	}

   input.senden{
	border: 0px;
	padding: 0px;
	width: 84px;
	height: 27px;
	background-image: url(../design/senden.jpg);
	background-repeat: no-repeat;
    }

	input.nocheine{
	border: 0px;
	padding: 0px;
	color: #525151;
	background-image: url(../design/nocheine.jpg);
	height: 27px;
	width: 175px;
	background-repeat: no-repeat;
	}