@charset "utf-8";
/* 
	CSS Document for L&G Kuechenplaner 
	by digipanda communications
	
	
	copyright 2009 by digipanda communications - all rights reserved!
*/


/* MAIN CSS DEFINITION */

body { margin:0; padding:0; background:url(../images/bg.gif); font:normal 11px Verdana, Arial, Geneva;}
tr,td { font:normal 11px Verdana, Arial, Geneva;}
p { margin:0; padding:0; font:normal 11px Verdana, Arial, Geneva; line-height:1.4em; color:#fff}
p a:link, p a:visited {color:#fff; text-decoration: none;}
p a:hover {color:#fff; text-decoration: underline}

img { border:none}


/* INPUT BOXEN */

.input1 { width:130px; border:1px solid #4a5c8b; font-size:13px; color:#000000; padding:1px; margin-bottom:7px}
.input2 { width:130px; border:1px solid #4a5c8b; font-size:13px; color:#000000; padding:1px; margin-bottom:7px;}
td.label { width:160px; float:left; font:normal 12px Verdana, Arial, Geneva; padding-top:2px}

/* HEADER */

h1 { margin:0; padding:0; font-size:21px; font-weight:normal; color:#b32823; padding-left:6px;}
h2 { margin:0; padding:0; font-size:18px; font-weight:normal; color:#0f357b}
h3 { margin:0; padding:0; font-size:17px; font-weight:normal; color:#0f357b}
h4 { margin:0; padding:0; font-size:15px; font-weight:normal; color:#8a9ec3}
h5 { margin:0; padding:0; font-size:15px; font-weight:normal; color:#535353}


/* TABLE */

table.maintable {background-color: #f1f1f1;}
td.nav {background: url(../images/bg-nav.gif) repeat-x;border-bottom: 1px solid #FFFFFF;height: 28px;}
td.mainheader {background: url(../images/shadow_content.gif) repeat-x;padding: 20px 0px 20px 0px;}
table.steps {padding-top: 70px;border-bottom: 2px solid #FFFFFF;}
td.steps {padding-right: 15px;padding-bottom: 3px;text-align: right;}


/* BOX ARBEITSPLATTEN/KUECHENFORMWAHL STEP 1 */

table.mainbox {background-color: #F1F1F1;}
td.boxhead {background: url(../images/box_top.jpg) no-repeat;height: 70px;padding-left: 20px;}
td.boxsubhead {background: url(../images/box_middle.gif) repeat-y;padding-left:6px;}
td.boxtblsubhead {background: url(../images/bg_heading.gif) repeat-x; height: 30px;padding-left: 12px;}
td.boxmiddle {background: url(../images/box_middle.gif) repeat-y;padding-left: 20px;padding-top:20px;padding-bottom:20px;}
td.boxbottom {background: url(../images/box_bottom.gif) no-repeat;margin: 20px 25px 0px 25px;}
td.plus {text-align:center;}
table.infobox {background: #b7bec4 url(../images/bg_azul.gif) repeat-x;height:96px;border-top:4px solid #bccad3;font:normal 12px Verdana, Arial, Geneva;}
table.infobox2 {border-top:4px solid #bccad3;font:normal 11px Verdana, Arial, Geneva;}
table.infobox3, td.infobox3, td.infobox4 {font:normal 11px Verdana, Arial, Geneva;}
td.infobox4 {text-align:right;}
td.infobox4 span {padding-right:35px;}
td.infobox3 strong {padding-left:10px;}
td.infobox {width:280px;}
td.infobox a {color: #333333; text-decoration: none;padding-top:3px;font:normal 12px Verdana, Arial, Geneva;}
td.infobox a:hover, a:active {color: #b32823; text-decoration: underline;padding-top:3px;font:normal 12px Verdana, Arial, Geneva;}
table.form1 {background: url(../images/bg_chooseform1.jpg) repeat-x;height:196px;border-top:4px solid #bccad3;}
table.form2 {background: url(../images/bg_chooseform2.jpg) repeat-x;height:196px;}
table.form3 {background: url(../images/bg_chooseform1.jpg) repeat-x;height:100px;border-top:4px solid #bccad3;}
td.goon {text-align:right;padding-top:10px;}


/* BOX KUECHENFORM */

table.formdisplay {width:175; height:174; border:2px solid #FFFFFF;background: url(../images/box_form_bg_n.jpg) repeat-x;}
table.formdisplayon {width:175; height:174; border:2px solid #FFFFFF;background: url(../images/box_form_bg_h.jpg) repeat-x;}
td.kfboxhead {height: 140px; width: 175px;text-align:center;}
td.kfboxbottom {text-align:center;color:#FFFFFF;text-transform:uppercase;font-size:15px;}


/* BOX ARBEITSPLATTEN STEP 2 */

table.apbox {background: url(../images/apbox_bg.jpg) repeat-x; height: 276px; border-top: 4px solid #bccad3;}
table.apbox2 {background: url(../images/arbeitspl_bg_n.jpg) repeat-x; height: 98px; width: 97px; border: 1px solid #FFFFFF;}
table.apbox3 {background-color: #E8EDF0; border-top: 4px solid #bccad3; }
table.apbox2on {background: url(../images/arbeitspl_bg_h.jpg) repeat-x; height: 98px; width: 97px; border: 1px solid #FFFFFF;}
table.apbox2onalt {background: url(../images/arbeitspl_bg_n.jpg) repeat-x; height: 98px; width: 97px; border: 1px solid #FFFFFF;}
td.apboxbott {height:24px;text-align:left;width:60px;padding-left:10px;}
td.apboxbottxt {color: #535353; font-size: 11px;text-align:center;padding-top:3px;padding-bottom:3px;}
td.apboxmidd {text-align:center}


/* BOX ENTERDETAILS STEP 3 */

td.edtopdetail {background: url(../images/enterdetail_topbg2.jpg) repeat-x; height: 150px;padding-left:20px;padding-top:5px;}
td.edbotdetail {background: #f1f5f8 url(../images/enterdetail_botbg.jpg) repeat-x;}
td.edtxtdetail {font:normal 11px Verdana, Arial, Geneva; color: #000000;padding-top:3px;padding-bottom:3px;}
td.edtxtdetail2, td.edtxtdetail2 p {font:normal 12px Verdana, Arial, Geneva;color: #666666;padding-top:3px;padding-bottom:3px;padding-left:3px;padding-bottom:3px;}
td.edinpdetail {text-align:center;}
td.edpicdetail {width:16px;text-align:center;padding-top:8px;}
td.edbspdetail {text-transform:uppercase;font-weight:bold;font-size:12px;text-align:right;vertical-align:text-top;}
td.edprevimg {text-align:right; width:288px;}
img.edprevimg {border: 4px solid #d8dee3;text-align:right;}
span.edbspbigdetail { font:bold 17px Verdana, Arial, Geneva;text-transform:uppercase;text-align:right;}
img.hand {cursor:url(../images/hand.cur), auto;cursor:hand;}
a.bemessung {color: #871F1D; font:normal 11px Verdana, Arial, Geneva;}
a.bemessung:hover {font:normal 11px Verdana, Arial, Geneva;}


/* FOOTER */

td.prefooter {background: url(../images/shadow_footer.gif); height:30px;}
td.footer {background-color:#252525; height:44px;padding-left:20px;padding-bottom:15px;padding-top:5px;}
td.footer a {color: #FFFFFF;font-size:12px;text-decoration:none;}
td.footer a:hover {text-decoration:underline;}


/* DIVERSE */
td.msgtxt {font:normal 12px Verdana, Arial, Geneva;color:red;font-weight:bold;text-align:left;}
.apdiv {font: normal 11px Verdana, Arial, Geneva;color: #645f5f;background-color:#f7f9fa;display:none;padding: 10px;width:260px;}
.apdiv a {font: normal 11px Verdana, Arial, Geneva;color: #be352f;text-decoration: none;}
.apdiv a:hover {text-decoration: none;}
.infodiv {font: normal 11px Verdana, Arial, Geneva;color: #645f5f;}
.js-on label {width:16px;padding: 2px 0 2px 20px;background: url(../images/icon_checkbox.png) 0 -40px no-repeat;}
label.disabled {color: #333;opacity: 0.8;}
label.focus {background-position: 0 -114px;}
label.checked {background-position: 0 0;}
label.checked.focus {background-position: 0 -74px;}
.radios label.checked {background-position: 0 -160px;}
.radios label.checked.focus {background-position: 0 -199px;}
fieldset.radios{border: 0px;}
.infodiv img {cursor:pointer;}
#emailsendok {font-weight:bold;color:#009900;text-align:center;}
#emailsenderror {font-weight:bold;color:red;text-align:center;}


/* FRONTEN */
#chooseback2 {height:185px;margin-left:20px;margin-right:20px;background: url(../images/choose_back2.jpg) repeat-x bottom;}
#frontbox {width: 165px;float: left;padding: 5px;}
#frontbox_head {font: normal 11px Verdana, Arial, Geneva;color: #000000;padding-top: 3px;text-transform: capitalize;text-align: center;height: 23px;border-top: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;background: url(../images/box_header_bg.jpg) repeat-x;}
#frontbox_middle {border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;}
#frontbox_middle img{border: 4px solid #e9e7e7;}
#frontbox_bottom {height: 47px;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;background: url(../images/box_text_bg.jpg) repeat-x;}
#frontbox_bottom span {font: normal 13px Verdana, Arial, Geneva;color: #FFFFFF;padding: 6px;float:right;}
#frontbox_bottom input {padding: 6px;margin-top:5px;float:left;}
#frontbox_bottom label {padding: 6px;margin-top:5px;margin-left:5px;float:left;}


/* FRONTEN BERECHNUNG */
img.berechnungmain {margin-left: 10px;margin-right: 15px;margin-top: 0px;border: 4px solid #e9e7e7;float: left;}
td.berechnungmain{	font: normal 14px Verdana, Arial, Geneva;color: #97999b;padding-top:30px;padding-right: 10px;}
#row1, #row2, #row4, #row5 {font: normal 13px Verdana, Arial, Geneva;color: #000000;margin-left: 20px;margin-right: 20px;height: 25px;text-align: left;padding-top: 10px;padding-left: 10px;text-transform: uppercase;}
#row1 {background-color: #f4f8fa;}
#row2 {background-color: #e3eaed;}
#row4 {background-color: #ccd7dc;}
#row5 {background-color: #c2cdd2;}
#row3 {font: normal 13px Verdana, Arial, Geneva;color: #000000;margin-left: 20px;margin-right: 20px;height: 25px;background:none;text-align: left;padding-top: 10px;padding-left: 10px;text-transform: uppercase;}
#row1 input, #row2 input, #row4 input, #row5 input {font: normal 11px Verdana, Arial, Geneva;color: #afb2b3;border: 1px solid #bccad3;position: absolute;right: 420px;height: 13px;padding: 2px;width: 130px;}
#row3 input {color: #afb2b3;position: absolute;right: 420px;height: 13px;padding: 2px;width: 130px;}

/* SEITE 5/5 ERGEBNISSE */
table.res1 {background-color: #eff7fa; border-bottom:1px solid #FFFFFF;}
table.res2 {background-color: #f1faef; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
table.res3 {background-color: #faf9ef; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
table.res4 {background-color: #f3f3f3; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
table.res5 {background-color: #f7e3ca; border-bottom:2px solid #FFFFFF;}

/* INDEX FILE */
#choosebox {font: normal 12px Verdana, Arial, Geneva;color: #9eb7e4;float: left;width: 163px;padding: 15px;}
#choosebox img {border: 4px solid #e9e7e7;}
#ebgeraete {font: normal 12px Verdana, Arial, Geneva;color: #9eb7e4;float: left;width: 330px;padding: 15px;padding-left:8px;padding-top:18px;}
#ebgeraete a {font: normal 12px Verdana, Arial, Geneva;color: #645f5f;text-decoration: none;}
#ebgeraete a:hover {text-decoration: underline;}
#ebinfo {font: normal 11px Verdana, Arial, Geneva;color: #645f5f;background-color: #ced6dd;display:none;padding: 10px;margin-left: 10px;margin-right: 10px;margin-top: 5px;}
#ebinfo a {font: normal 11px Verdana, Arial, Geneva;color: #be352f;text-decoration: none;}
#ebinfo a:hover {text-decoration: none;}

/* SONSTIGE */
td.linput {line-height:10px;margin:0px;padding:0px;}
input.input1 {font: normal 11px Verdana, Arial, Geneva;color: #000000;border: 1px solid #000000;height: 13px;padding: 2px;width: 130px;}

/* L&G Standard */

.link1 {
	font-family: Arial, Helvetica, Geneva, Sans-serif;
 	font-size: 12px;
 	color: rgb(255,255,255);
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: none 
}

.link1:link {
	font-family: Arial, Helvetica, Geneva, Sans-serif;
 	font-size: 12px;
 	color: rgb(255,255,255);
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: none;
}

.link1:active {
	font-family: Arial, Helvetica, Geneva, Sans-serif;
 	font-size: 12px;
 	color: rgb(255,255,255);
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: none 
}

.link1:visited {
	font-family: Arial, Helvetica, Geneva, Sans-serif;
 	font-size: 12px;
 	color: rgb(255,255,255);
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: none 
}

.link1:hover {
	font-family: Arial, Helvetica, Geneva, Sans-serif;
 	font-size: 12px;
 	color: rgb(192,57,51);
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: none 
}

td.nav, td.nav p {
	font-family: Arial, Helvetica, Geneva, Sans-serif;
 	font-size: 12px;
 	color: rgb(192,57,51);
 	line-height: 30px;
 	text-align: right;
 	padding-left: 10px;
 	padding-right: 10px	
}

/* POPIN */

.popin-voile {
	position:fixed;
	top:0;
	left:0;
	z-index:9000;
	width:100%;
	height:0;
	background-color:#000;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0;
	filter:alpha(opacity=0);
}
* html .popin-voile {
	position:absolute;
	top:expression(documentElement.scrollTop + body.scrollTop + "px");
}
.popin {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	z-index:9500;
	width:900px;
	height:500px;
	margin:-250px 0 0 -450px;
	background:#FFF;
	overflow:auto;
}
* html .popin {
	position:absolute;
	margin-top:0;
	top: expression(documentElement.scrollTop + body.scrollTop + (documentElement.clientHeight/2) - 275 + "px");
}