body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#fefefe;

}


.livedemo { 

	float: left;

	width:800px;
	padding-left: 59px;

 }

.livedemobase { 
	float: left;


 }


.livedemoB { 
	float: left;
	border-width:3px;
	width:300px;
	height:235px;
	border-style:solid;
	border-color:#ee6a6a;
	padding: 10px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
 }


.livedemoC  { 
	float: right;
	width:340px;
	height:235px;
	border-width:3px;
	border-style:solid;
	border-color:#ee6a6a;
	padding: 10px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
	text-align:right;


 }


.livedemoD  { 
	float:left;
	width:310px;
	height:235px;
	border-width:3px;
	border-style:solid;
	border-color:#ee6a6a;
	padding: 10px;
	-moz-border-radius:22px;
	-khtml-border-radius:22px;
	text-align:left;


 }


#codediv { 
	text-align:left;
	width:600px;
	padding-left: 55px;
 }
  
#ipl3 { 
	float: left;
	padding-left: 45px;
 }

#ipl4 { 
	float: left;
	padding-left: 45px;
 }

#ipl2 { 
	float: left;
	padding-left: 39px;
 }


#ipl5 { 
	float: left;
	padding-left: 34px;
 }


#ipl1 { 
	
	background-repeat:no-repeat;
	background-position:17px 90px;
	float: left;
	width:923px;
 }


#headcontent {
	background-image:url('images/head.png');
	width: 1078px;
	margin:0 auto;
	text-align:left;
	height: 157px;
}

#headlink {
	height: 102px;
	width: 300px;
}

#navi { 
	width:300px;
	padding-left: 70px; 
	padding-top: 0px; 
	float: left;
 }

#navi2 { 
	width:625px;
	height:40px;
	padding-right: 10px; 
	padding-top: 0px; 
	float: left;
	text-align:right;
	overflow: auto;
 }
 


#footer { 
	padding-right: 75px; 
	padding-top: 30px; 
	float: right;
 }

#warendiv {
	width:450px; height:50px;  
	background-color: #ff25ee;
	padding-left: 00px; 
	padding-top:5px; 
	float: left;
	overflow: auto;
 }




#footcontent {
	background-image:url('images/untenback_spiegel.png');
	width: 1078px;
	margin:0 auto;
	text-align:left;
	height: 135px;

}


#centerback {
	background-image:url('images/innenback.png');
	width: 1078px;
	margin:0 auto;
	overflow: auto;
}

#centercontent {
	fbackground-color:#efefef;
	width: 940px;
	margin:0 auto;
	text-align:left;
   }

#outer_container {
	width: 100%;
	background-repeat:repeat-y;
	background-position:top left;
	margin:0 auto;
	text-align:left;
}

#bildcontainer {
   padding-left: 0px;
   width: 400px;
   height:301px;
   border: 1px solid #ebebeb;
   }


#abstand1 {
   padding-left: 175px;
   
   }

#preisundtext{

width:300px; height:35px; position:relative; bottom:102px; left:425px; 

   }



.Normalschrift {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
}

.NormalschriftGR {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	padding-left: 0px;
	font-weight:bold;
	color:#4e4e4e;

}

.NormalschriftGR2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	padding-top: 20px;
	font-weight:bold;
	color:#FF0000;
	letter-spacing:0.02em;

}

.kleinschrift {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-top: 20px;
	font-weight:bold;
	color:#4e4e4e;
	letter-spacing:0.02em;
}


.footertext a:link, .footertext a:visited, .footertext {
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: right;
	color:#f8f8f8;
	text-decoration:none;
}

.footertext a:hover {
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: right;
	color:#f8f8f8;
	text-decoration:underline;
}



.headerfont a:link, .headerfont a:visited  {
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: right;
	color:#f8f8f8;
	font-weight:bold;
	text-decoration:none;
}



.headerfont a:hover {
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: right;
	color:#f8f8f8;
	font-weight:bold;
	text-decoration:underline;
}


.headerfontb a:link, .headerfontb a:visited  {
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: right;
	color:#4e4e4e;
	font-weight:bold;
	text-decoration:none;
}

.headerfontb a:hover  {
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: right;
	color:#4e4e4e;
	font-weight:bold;
	text-decoration:underline;
}

.normaltext    {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 13px;
	text-align: left;
	color:#4e4e4e;
	width:100%;
	margin: 0;
	padding: 0;
	line-height: 1.8;
}



.bestellung    {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 12px;
	text-align: left;
	color:#000000;
	width: 100%;
	margin: 0;
	padding-left: 20px;
	line-height: 1.8;
}

.bestellung input.text, .bestellung textarea {
	padding: 1px;
	width: 400px;
	font-family: lucida grande, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;

}


.bestellung textarea {
	height: 90px;
}

.bestellung textarea:focus, .bestellung input:focus {
	border: 1px solid #000000;
}

.bestellung input.submit-button {
	width: 200px;
	float: left;
	border: 1px solid #ccc;
}

.headliner {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 19px;
	color:#4e4e4e;
	padding-top: 13px;
	margin: 0;

}


.headlinerB   {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 19px;
	color:#4e4e4e;
	padding-top: 13px;
	margin: 0;
}

.klammer    {
	background-color: #ee25ee;
	float: left;
	margin: 0;
	padding-top: 3px;
	padding: 0;

}


.vorteile    {

	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 14px;
	color:#4e4e4e;
	padding-top: 0px;
	margin: 0;
	width: 600px;
}

.vorteilesub    {

	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 13px;
	color:#4e4e4e;
	padding-left: 60px;
	margin: 0;
}


.vorteilesub2    {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 13px;
	color:#4e4e4e;
	padding-left: 60px;
	margin: 0;
	line-height: 1.8;
	width: 100%;
}

.vorteilesub3    {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 14px;
	color:#4e4e4e;
	padding-left: 60px;
	margin: 0;
	line-height: 1.8;
	width: 100%;
}


.vorteilesub4    {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 14px;
	color:#4e4e4e;
	margin: 0;
	line-height: 2;
	width: 100%;
}

.codestyle    {
	text-align:left;
	float: left;

	font-family: monaco,monospace;
	font-size: 12px;
	color:#000000;
	padding: 10px;
	margin: 0px;
	line-height: 1.8;
	width: 100%;
}

.promo1    {
	float: left;
	font-family:"lucida grande","Trebuchet MS",helvetica,arial,sans-serif;
	font-size: 20px;
	text-align: left;
	color:#4e4e4e;
	width:100%;
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

a:link {color:#4e4e4e; text-decoration:none; }
a:hover {color:#4e4e4e; text-decoration:underline; }
a:visited {color:#4e4e4e; text-decoration:none; }
img{border:0;}


#update-area {
	float: left;
	width:100%;
	margin-top: 25px;
}

#update-area input, #update-area textarea {
	padding: 1px;
	width: 200px;
	font-family: lucida grande, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#update-area textarea {
	height: 90px;
}

#update-area textarea:focus, #update-area input:focus {
	border: 1px solid #000000;
}

#update-area input.submit-button {
	width: 100px;
	float: left;
}

#contact-area {
	width: 100%;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 1px;
	width: 200px;
	font-family: lucida grande, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #000000;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}

.labs1 {
	float: left;
	font-family: lucida grande, sans-serif;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 0px;
	font-size: 12px;
}


.labs2 {
	float: left;
	font-family: lucida grande, sans-serif;
	text-align: right;
	margin-right: 15px;
	width: 200px;
	padding-top: 0px;
	font-size: 12px;
}

.LV_validation_message{
	font-family: lucida grande, sans-serif;
    font-weight:bold;
    margin:0 0 0 5px;
	font-size: 12px;
}

.LV_valid {
    color:#4e4e4e;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}