#button { margin: 0; padding: 0; }

#button a { display: block; background: url(../images/laptop.jpg) no-repeat; width: 180px; height: 0px !important; height /**/:180px; padding: 180px 0 0 0; overflow: hidden; }
#button a:hover { background: url(../images/laptop_on.jpg) no-repeat; width: 180px; height: 0px !important; height /**/:180px; padding: 180px 0 0 0; overflow: hidden; }

#hiddenPic {display:none;}

#BG { background-image: url(../images/contenthg.gif); background-repeat: no-repeat; background-position: right bottom; }
#BG2 { background-image: url(../images/bg2.gif); background-repeat: no-repeat; background-position: left bottom; }
.BGNAV { background-image: url(../images/navbar.gif); }


#text { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333; font-weight: 600;	}
#text1 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333; font-weight: 500; }
#text2 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333; font-weight: 500; }
#text3 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #333; font-weight: 600; }
#text3r { text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 70%;	color: #333; font-weight: 550; }
#text4 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #333; font-weight: 500; }
#text5 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #333; font-weight: 600; }
#text6 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #d6181f; font-weight: 600; }	
#text7 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 70%;	color: #333; font-weight: 550; }
#text8 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333; font-weight: 600; }
	
#Link {	font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #d6181f; text-decoration:none; font-weight: 700; }
#Link a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #333; text-decoration:none; font-weight: 700; }	


#Link2 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #ffffff; text-decoration:none; font-weight: 700; }
.Link a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #333; text-decoration:none; font-weight: 700; }	
.Link2 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #ffffff; text-decoration:none; font-weight: 700; }	

#Link2 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #ffec00; text-decoration:none; font-weight: 700; }
#Link3 { font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #333; text-decoration:none; font-weight: 500; }
#Link3 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #d6181f; text-decoration:none; font-weight: 500; }	

#Link4 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #d6181f; text-decoration:none; font-weight: 700; }
#Link4 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #333; text-decoration:underline; font-weight: 700; }	

#preistabelle {	background-image: url(../images/grauverlauf.gif); background-repeat: repeat-y; background-position: right top; width: 500px; margin-top: 10px; margin-bottom: 10px; }
#preistabelle th { color: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: 600; background-color: #d6181f; vertical-align: top; padding: 10px 6px; }
#preistabelle td { font-family: Arial, Helvetica, sans-serif; font-size: 75%; padding: 10px; vertical-align: top; border-bottom: 1px solid #dcdcdc; }
.normal { color: #333; font-weight: 500; text-align: left; vertical-align:middle }
.normalbold { color: #333; font-weight: 700; text-align: left;  vertical-align:middle}
.crossaction {	color: #333; font-weight: 500; text-decoration: line-through; vertical-align:middle}
.action { color: #d6181f; font-weight: 700; vertical-align:middle}