

/************************************************************************

			C A S C A D I N G   S T Y L E   S H E E T 
						e r g o v i t a l
						
				LANDSIEDEL I MÜLLER I FLAGMEYER

************************************************************************/

div#einladung_imm {
	background-image:url(../images/einladung_imm2012.png);
	background-repeat:no-repeat;
	height:138px;
	width:316px;
	position:absolute;
	top:-255px;
	left:-370px;
}

* {margin:0px;padding:0px;font: normal 12px/130% Arial, Helvetica, sans-serif; color:#004487;}
body {width:100%;height:auto;min-height:100%;position:static;background:#a2c9dc;}
#container {width:1000px;height:auto;min-height:100%;position:absolute;margin-left:-500px;left:50%;}
#page {height:auto;min-height:100%;margin-top:50px;z-index:1;}
/*#background {width:1000px;height:410px;position:relative;float:left;margin-top:-225px;background:url(../images/l_background.gif) no-repeat;z-index:0;}*/

/***********************************************************************/

#page, #pagetop, #pagemiddle, #pagebottom {width:1000px;position:relative; float:left;}
#pagetop {width:938px;height:13px;margin-left:32px;background:url(../images/l_pagetop.png) no-repeat;}
#pagemiddle {width:938px;height:auto;margin-left:32px;background:url(../images/l_pagemiddle.png) repeat-y;padding:0px 14px;}
#pagebottom {width:1000px;height:208px;background:url(../images/l_pagebottom.gif) no-repeat;z-index:10;}

/***********************************************************************/

#body {width:911px;height:auto;position:relative;float:left;background:url(../images/l_body_background.jpg) no-repeat;}
#logo {width:217px;height:145px;position:absolute;right:15px;margin-top:-63px;z-index:3;background:url(../images/l_logo.png) no-repeat;}
#quickbar {width:263px;margin-top:190px;position:relative;float:left;}
#content {width:578px;height:auto;min-height:500px;margin-top:190px;padding:0px 35px;position:relative;float:left;background:#FFF;border-top: 4px solid #004487;}
#content_shadow {width:20px;height:288px;position:absolute;background:url(../images/l_trans_shadow.png) no-repeat;left:-20px;z-index:4;}
#quicknav {width:227px;height:70px;margin-left:26px;}  /*  height only for deleting quicknav  */
#nav {z-index:5;}

#quicktext {width:227px;height:auto;position:relative;float:left;padding:20px 0px;margin:40px 0px 0px 26px;background:url(../images/b_expertenstimmen.gif) no-repeat;}
#quicktext p {border-top: 1px dotted #004487;padding:10px 0px;}

#bodytext {width:580px;margin-top:15px;padding-bottom:75px;height:auto;position:relative;float:left;}

#footer {position:relative;width:610px;height:15px;margin-left:344px;margin-top:-19px;padding-top:5px;border-top:1px dotted #a2c9dc;color:#a2c9dc;}

/***********************************************************************/

#quicknav select, #quicknav input {height:auto;padding-top:1px;border:1px solid #578bad;position:relative;float:left;}
#quicknav select {width:200px;height:auto;margin-bottom:3px;}
#quicknav #search {width:200px;}
#quicknav #search input.searchfield {width:172px;height:auto;padding:1px;position:relative;float:left;}
#quicknav #search input.button {width:18px;height:18px;border:none;position:relative;float:right;}

/***********************************************************************/

#nav {width:613px;height:50px;position:relative;}
#nav ul {list-style-type:none;position:relative;}
#nav li {position:relative;float:left;padding-left:14px;margin-right:14px;border-left:1px dotted #004487;padding-top:14px;background-repeat:no-repeat;}
#nav li.first {padding-left:0px;border-left:none;}
#nav li a {height:15px;position:relative;float:left;background-repeat:no-repeat;}
#nav li a.home {width:33px;background:url(../images/b_home.gif);}
#nav li a.ergovital {width:53px;background:url(../images/b_ergovital.gif);}
#nav li a.matratzen {width:60px;background:url(../images/b_matratzen.gif)}
#nav li a.schlafkissen {width:72px;background:url(../images/b_schlafkissen.gif);}
#nav li a.systemrahmen {width:86px;background:url(../images/b_systemrahmen.gif);}
#nav li a.haendler {width:46px;background:url(../images/b_haendler.gif);}
#nav li a.kontakt {width:47px;background:url(../images/b_kontakt.gif);}

#nav li a:link, #nav li a:visited {background-position: 0px 0px;}
#nav li a:hover, #nav li a:active, #nav li a#current {background-position: 0px -15px;}

#nav li a span {display:none;}

/***********************************************************************/

#bodytext #products, #bodytext #productlinks {width:613px;height:auto;margin-bottom:10px;position:relative;float:left;}
#bodytext #productlinks {margin-bottom:50px;}

#bodytext h1, #bodytext h2 {width:580px;font-size:18px; font-weight:bold;margin-bottom:10px;}
#bodytext h2 {font-size:13px;padding-top:15px;}
#bodytext p {width:578px;font-size:12px;margin-bottom:10px;}
#bodytext p b {font-weight:bold;}

#bodytext .singleproduct p, #bodytext .singleproduct p b, #bodytext .singleproduct a {width:190px;font-size:11px;}
#bodytext .singleproduct a:link, #bodytext .singleproduct a:visited {font-weight:bold;text-decoration:none;}
#bodytext .singleproduct a:hover {color:#a2c9dc;}

#bodytext .singleproduct {width:190px;height:100%;position:relative;float:left;margin-left:21px;}
#bodytext .first {margin-left:0px;}
#bodytext .singleproduct p {height:auto;margin-bottom:10px;position:relative;}
#bodytext a.productlink {position:relative;padding:2px 20px 2px 0px;background:url(../images/b_produktpfeil.gif) right no-repeat;}

/***********************************************************************/

#quicktext, #quicktext p, #quicktext p b, #quicktext p a, #footer, #footer a {font-size:11px;} 
#quicktext p b {font-weight:bold;}
#quicktext p a:link, #quicktext p a:visited {text-decoration:underline;}
#quicktext p a:hover {color:#578bad;}

#footer a:link, #footer a:visited {color:#a2c9dc;text-decoration:none;}
#footer a:hover {color:#578bad;}

/***********************************************************************/

#bodytext .row {width:610px;height:auto;clear:both;position:relative;border-top: 1px dotted #4073a5;padding:35px 0px;float:left;}
#bodytext .row2 {width:610px;height:auto;clear:both;position:relative;border-top: 1px dotted #c0d1e1;padding:35px 0px;float:left;}

#bodytext .row .singletext p, #bodytext .row2 .singletext p, #bodytext .row .singletext h2, #bodytext .row2 .singletext h2 {width:339px;position:relative;float:right;margin-right:30px;}

.producttable {width:339px;position:relative;float:right;margin-right:30px;}

table.tab td {padding:3px 3px 3px 0px;line-height:130%;}

/***********************************************************************/

.formular {	font: normal 12px/140% Verdana, Arial, Helvetica, sans-serif; color:#3c6000;}

.formular a {text-decoration:none;}

input, textarea {background:#b3c4d4; color:#00468b;}
textarea.normal {color:#00468b;}
textarea.red {color:#99071d;}

input {height:24px;line-height:24px;padding:2px 0px;}
textarea {width:300px;height:120px;	border:none;}
*html textarea {width:300px;}

input.checkspam {visibility:hidden;}

.checkbox1 {background-color:#fff;margin-left:-1px;}
*html .checkbox1 {margin-left:-5px;}

.formfield1, .formfield2, .formfield3, .formfield4, .formfield1red, .formfield4red {border:none;height:16px;text-align:middle;color:#00468b;}

.formfield1, .formfield1red {width:145px;}
.formfield1red, .formfield4red {color:#99071d;}
.formfield2 {width:300px;}
/**html .formfield2 {width:354px;}*/

.formfield3 {width:70px;}
.formfield4, .formfield4red {width:220px;}

.formleft {padding: 0px 5px 10px 0px;}
.formright {padding: 0px 0px 10px 5px;}

label {padding-bottom:2px;position:relative;float:left;}

.button {width:125px;height:20px;background:none; color:#b3c4d4;line-height:20px;vertical-align:middle;text-align:center;position:relative;float:left;border:1px solid #b3c4d4;}

a:link .button, a:visited .button {color:#b3c4d4;border:1px solid #b3c4d4;}
a:hover .button {color:#004487;border:1px solid #004487;}
