body {
	background-image:url(grafiken/hintergrund-verlauf.jpg);
	background-repeat:repeat-x;
	background-color:#c8c8c8;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	
	text-align: center;
	margin: auto;
	padding-top: 0px;
	}
	
a:link { color: #333; text-decoration:underline;}
a:visited { color: #333; text-decoration:underline;}
a:hover { color: #000; text-decoration:none;}
a:active { color: #000; text-decoration:none;}

h1, h2, h3, h4, h5 {
	margin-top: 5px;
	}
	
.head h3 {margin-bottom: 0px;}

.head {
	background-image:url(grafiken/banner-grafik.jpg);
	width: 794px;
	height: 187px;
	color: #CCC;
	text-align:left;
	}
	
.head-text {
	position: relative;
	left: 135px;
	top: 30px;
	color:#ccc;
	}
	
.head-text img {
	border: 1px solid #000;
	padding: 0px;
	}
	
.menu {
	background-image:url(grafiken/menu.gif);
	width: 774px;
	height: 37px;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
	
	padding-left: 20px;
	}
	
	
.menu2 {
	background-image:url(grafiken/menu2.gif);
	width: 774px;
	height: 37px;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
	
	padding-left: 20px;
	}
	
.menu3 {
	background-image:url(grafiken/menu3.gif);
	width: 774px;
	height: 37px;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
	
	padding-left: 20px;
	}
	
.menu4 {
	background-image:url(grafiken/menu4.gif);
	width: 774px;
	height: 37px;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
	
	padding-left: 20px;
	}
	
.menu a:link, .menu a:visited { color: #666; text-decoration:none;}
.menu a:hover, .menu a:active { color: #000; text-decoration:none;}


/* nur fuer Opera  - funktioniert nur bei der 1. Deklaration und leider auch im Safari und Chrome
@media screen and (min-width: 0px){
#gebrauchte-macs { left: -140px; }
#gebrauchte-server { left: -75px; }
#gebrauchte-plotter { left: -10px; }
#gebrauchte-software { left: 55px; }
}*/


/* Menu Platzierung inklusive IE Hack */
#gebrauchte-macs {position: relative; */left: -140px;}
#gebrauchte-server {position: relative; left: 67px; */left: -75px;}
#gebrauchte-plotter {position: relative; left: 133px; */left: -10px;}
#gebrauchte-software {position: relative; left: 195px; */left: 55px;}

	
.content {
	background-image:url(grafiken/hintergrund-content.jpg);
	padding: 20px;
	text-align:left;
	
	line-height: 18px;
	word-spacing: 2px;
	}
	
.footer {
	background-image:url(grafiken/hintergrund-footer.jpg);
	padding-left: 25px;
	padding-bottom: 10px;
	color: #CCC;
	font-weight: bold;
	}
	
.footer img {
	padding-bottom: 0px;
	padding-right: 0px;
	}
	
.footer a:link, .footer a:visited { color: #fff; text-decoration:none;}
.footer a:hover, .footer a:active { color: #fff; text-decoration:underline;}
	
img {
	padding-right: 15px;
	padding-bottom: 20px;
	}
	
	
a img {
	border: 0;
	}
	
.button {
	width: 144px;
	height: 17px;
	background-image:url(grafiken/button-grau.jpg);
	padding: 5px 10px 5px 10px;
	
	font-weight:bold;
	font-size: 11px;
	}
	
.button a:link, .button a:visited { color: #666; text-decoration:none;}
.button a:hover, .button a:active { color: #000; text-decoration:underline;}
	
.content-text {
	padding-right: 15px;
	font-size: 11px;
	line-height: 16px;
	word-spacing: 1px;
	}