html { font-size: 101%; }
body {
	min-width:56em;
	padding :0em;
	margin:0em;
	background-color: #C5C5C5;
	text-align:center;
	}
*{margin: 0 0 0 0; padding: 0 0 0 0; font-size:16px; border: 0px;}
#header {
	display:inline-block;
	width:40em;
	height:100%;
	padding:0;
	margin-top:1em;
	min-width:52em;
	text-align:right;
	background:transparent url("http://www.multi-point.de/ma/header27.png") top left no-repeat;
	}
#logo {
	height: 78px;
	width: 235px;
	margin:2em 7em 0em 0;
	}
#nav {
	width:51.7em;
	margin:0;
	padding:0 1em 0;
	height:2.5em;
	background:transparent url("http://www.multi-point.de/ma/nav3.png") top left repeat-y;
	max-height:5em;
	}
#navigation {
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #AFAFAF;
	position:relative;
	background:transparent url("http://www.multi-point.de/ma/nabg.png") top left repeat-x;
	margin:0em 0 0em;
	padding:0em;
	z-index:33;
	width:50em;
	height:2.5em;
	}
ul#navigation li {
	list-style:none;
	position:relative;
	float:left;
	}
ul#navigation a , ul#navigation li span{
	position: relative;
	background: url("http://www.multi-point.de/ma/butma.png") top center no-repeat;
	width: 10em;
	padding:0em;
	margin:0;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS;
	font-size: 1em;
	line-height: 2.4em;
	text-decoration:none;
	color: #AFAFAF;
	vertical-align:middle;
	text-align:center;
	display:block;
	}
ul#navigation li ul {
	width:7em;
	position:absolute;
	z-index:99;
	}
ul#navigation li ul li {
	position:relative;
	float:none;
	display:block;
	}
ul#navigation li a:active { color: #4F4F4F; }
ul#navigation li ul a:visited, ul#navigation li a:visited {color:#c5c5c5;}
ul#navigation a:hover, ul#navigation li span, ul#navigation li a#aktuell:hover {
	position: relative;
	font-family: Verdana;
	background:  transparent url("http://www.multi-point.de/ma/butma.png") center center no-repeat;
	vertical-align: middle;
	text-align: center;
	padding:0;
	}
ul#navigation li span { background:  transparent url("http://www.multi-point.de/ma/butma.png") bottom center no-repeat;}	
ul#navigation li a:hover{ color:#3F3F3F;}
ul#navigation li ul a:active {color:#7F0000;}
ul#navigation li ul a:hover {
	text-decoration:none;
	margin-left:0em;
	padding:0;
	font-size:0.8em;
	line-height:2em;
	}
ul#navigation li span { color:#AFAFAF;}
ul#navigation a:hover { background-position: center center;}
ul#navigation a:hover span { background-position: bottom center;}
ul#navigation a.aktiv{ background-position:bottom center;}
ul#navigation a.aktiv span { background-position:bottom center;}
ul#navigation li:hover ul {
	position: absolute;
	top:2.29em;
	left:0.9em;
	display:block;
	width: 120px;
	margin:0;
	padding:0.1em 0.5em 0.1em 0em;
	}
ul#navigation li ul a, ul#navigation li ul a:hover, ul#navigation li ul a:active, ul#navigation li ul span   {
	color:#808080;
	font-size:0.7em;
	line-height:2.7em;
	width:130px;
	margin-right:0em;
	padding-left:0em;
	list-style:none;
	}
ul#navigation li ul a:hover { color: #CFCFCF; background: transparent url("http://www.multi-point.de/ma/butmak.png") center center no-repeat;}
ul#navigation li ul a:active { border: none;}
ul#navigation li ul span { color: #AFAFAF; background: url("http://www.multi-point.de/ma/butmak.png") center bottom no-repeat;}
ul#navigation li ul li a {
	background: url("http://www.multi-point.de/ma/butmak.png") no-repeat top center;
	color:#c5c5c5;
	z-index:1000;
	}
#navigation li ul a:active { border: none;}
#navigation li ul {
	background: transparent url("http://www.multi-point.de/ma/flyr.png") no-repeat bottom right;
	display:none;
	text-decoration:none;
	z-index:77;
	}
/*---- Inhalt---- */
#content {
	position:relative;
	background: transparent url("http://www.multi-point.de/ma/nav3.png") top left repeat-y;
	float:left;
	clear:left;
	padding: 0.2em 0.8em 0.2em 1.2em;
	font-family: verdana, tahoma;
	font-size:0.9em;
	color: #3F3F3F;
	margin:0em;
	border: 0px solid blue;
	display:inline-block;
	min-width:56em;
	width:58em;
	vertical-align:top;
	}
/*---- Footer---- */
#footer {
	float:left;
	display:block;
	width:50em;
	margin:0;
	padding:0em 1em 1em;
	background: transparent url("http://www.multi-point.de/ma/nav3.png") top left repeat-y;
	text-align:left;
	color:#AFAFAF;
	text-decoration:none;
	vertical-align:bottom;
	}
#footer a{
	float:right;
	color:#AFAFAF;
	margin:0 1.5em 0 0;
	font-weight:bold;
	font-size:0.8em;
	}
#footer p{
	vertical-align:bottom;
	clear:left;
	font-weight:bold;
	font-family:Trebuchet MS;
	margin-top:1em;
	font-size:0.8em;
	}
#footer p a{ font-size:1em;} #footer p a:hover{text-decoration:underline;} #footer p a:focus{color:#7F0000;} #footer p a:visited{color:#c5c5c5;}
#footer p  span{ color:#AFAFAF; float:right; text-decoration:underline;
	margin: 0 1.5em 0 0;
	font-weight:bold;
	font-size:1em;
	}
#footer ul {
	position:relative;
	top:0;
	left:0;
	background: transparent url("http://www.multi-point.de/ma/h1bg.png") top left repeat-x;
	margin:0;
	width:100%;
	height:1.9em;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	}
#footer ul li {
	float:left;
	clear:right;
	text-align:center;
	font-family: Trebuchet MS;
	margin:0em;
	padding:0.2em 0.2em 0.2em;
	border-right:1px solid silver;	
	}
#footer ul li a, #footer ul li span { font-size:0.8em; color:#4F4F4F;}
#footer ul li span { color:#7F0000; }
/*---- allgemeine Links---- */
a:hover { text-decoration: none; color: #900;}
a:link {
	text-decoration:none;
	color:#808080;
	}
a:visited { color: #BF0000; font-style:italic; text-decoration:none;}
a:active { border:none; }
h2, h3, h4, h5 {
	font-family: Trebuchet MS, Verdana, Tahoma, Arial;
	color:#4F4F4F;
	line-height:1em;
	z-index:5;
	}
/*---- Überschrift rcsig(rot)---- */
h1{
	font-size:1.2em;
	color:#7F0000;
	line-height:1.9em;
	padding:0 0 0 1.2em;
	margin: 1.6em 0 0 0.6em;
	text-align:left;
	font-style:italic;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background:#C5C5C5 url("http://www.multi-point.de/ma/h1bg.png") bottom left repeat-x;
	}
/*---- Überschrift header(grau)---- */
h2{
	font-size:1.1em;
	color:#3F3F3F;
	line-height:1.2em;
	margin: 0 1em 0 21em;
	font-weight:bold;
	text-align:center;
	}
/*---- Überschrift rcsig(grau)---- */
h3{
	font-size:1.2em;
	padding:0em;
	margin: 0.5em 0 0 0em;
	color:#4F4F4F;
	font-style:italic;
	text-align:left;
	}
/*---- Überschrift rcs(grau/abgerundet)---- */
h4 {
	font-size:1em;
	background: url("http://www.multi-point.de/ma/bgh4.png") top center no-repeat;
	font-family: Verdana, Georgia, Tahoma, Arial, Trebuchet MS;
	padding:0;
	color:#4F4F4F;
	line-height:3.1em;
	margin: 0.7em 0 0 0.3em;
	text-align:center;
    vertical-align:bottom;
	width:20em;
	text-decoration:underline;
	}
/*---- Überschrift rcs(grau/einfach)---- */
h5{ 
	font-weight:bold;
	margin:0.5em 0 0.5em -0.7em;
	padding:0;
	font-size:1em;
	}
/* Mitte: Prototypen runde Ecken */
.rcs, .rcsig, .rcsia  {
	background : transparent url("http://www.multi-point.de/ma/malo.png") no-repeat top left;
	font-family:  Georgia, Comic Sans MS, Verdana, Tahoma, Arial, Trebuchet MS;
	min-height:18.5em;
	position:relative;
	padding: 0.5em;
	margin: 0 1em 0 0;
	font-size:0.9em;
	text-align:left;
	}
/*linke Spalte 1/3 Gesamtbreite */
.rcs {
	position:relative;
	background: #C5C5C5 url("http://www.multi-point.de/ma/malo.png") no-repeat top left;
	float:left;
	clear:left;
	line-height:1.5em;
	margin:0em;
	padding:0 0 1em 0;
	width:20.55em;
	}
.rcs p{
	font-size:1.1em;
	margin: 0 0 -0.5em;
	padding:0 2em 1em;
	line-height:1.5em;
	z-index:99;
	position:relative; 
	background:url("http://www.multi-point.de/ma/rscp.png") bottom center no-repeat;
	}
.rcs p strong { font-size: 0.9em; }
.rcs p a{
	margin: 0;
	font-size:1em;
	text-align:left;
	color:#7F0000;
	}
.rcs ul {  z-index:99; margin:0 0 -0.5em; padding: 0 0 1em; list-style:none;	 font-family:Trebuchet MS; background:url("http://www.multi-point.de/ma/rscp.png") bottom center no-repeat;}
.rcs ul li {
	margin:0em 0em 0.2em 3em; 
	text-decoration:none;
	font-size:0.9em;
	}
.rcs a { text-decoration:underline; text-align:right; position:relative;}
.rcsig a, .rcs a,.rcsia a { text-align:right; font-size:1.4em; margin:0em;}

/*----- rcs-Formatieung Haken-liste -----*/
ul.hakenl {
	margin:0.5em 0 -.6em 0em;	
	}
ul.hakenl li { 
	margin:0 1em 0.7em 1.7em;
	padding:0 0 0.3em 2.3em;
	background:url("http://www.multi-point.de/ma/hakeng.png") center left no-repeat;
	}
/*----- rsc-Point-links  -----*/	
 ul .imgref li {
	border:none;
	margin: 0 0em;
	padding:0;
	position:relative;
	display:block;
	}
.imgref li a{ margin: 0 0 -.3em -1em;}
/*rechte Spalte (2/3 Gesamtbreite) !!oben!! */
.rcsig h3 , .rcsig h4 {
	text-align:center;
	vertical-align:top;
	}
.rcsig p , .rcsig ul,.rcsia p,.rcsia ul {
	text-align: left;
	line-height:1.5em;
	margin:0.5em 1em 2em;
	}
.rcsig { float:left;}
.rcsig, .rcsia {
	position:relative;
	background-color:white;
	padding:0;
	width:41em;
	min-height:20em;
	line-height:1.7em;
	margin:0;	
	}
.rcsig a ,.rcsia a { color:#7F0000; text-decoration:underline; font-size:0.9em;}
.rcsig h4, .rcsia h4 { font-size:1.6em; margin:0;}
.rcsig p, .rcsia p  { font-size:1em; margin: 1em 2.5em 2em;	font-weight:500;}
.rcsig p strong, .rcsia p strong  { font-size:1em;}
.rcsig ul li , .rcsia ul li { margin: 0.5em; padding:0; line-height:1.3em;}
.rcsig ul , .rcsia ul  { list-style-type:square;}
/*rechte Spalte (2/3 Gesamtbreite) !!unten-nachfolgend!! */
.rcsia { float:right; right:2.8em; }
/*----- rscig/a-haken-liste -----*/
ul.haken li { margin:2em 4em;}
ul.haken li {
	list-style:none;
	background:url("http://www.multi-point.de/ma/hakeng.png")center left no-repeat;
	line-height:1.6em;
	font-size:0.9em;
	font-family: Trebuchet MS, Tahoma, Arial,Verdana ;
	padding:0.3em 0em 0.3em 2.5em;
	margin:1em 0 0 1.5em;	
	}
.reflink {
	position:absolute;
	bottom:2em;
	right:6em;
	padding:0;
	margin:0;
	text-align:right;
	}
.ulref  {
	display:block;
	position:relative;
	list-style-type:square;
	font-size:0.8em;
	margin:0em;
	padding:0 0 4em 0;
	left:4em;
	width:9em;
	}
/* Screenshots*/
.screen {
	position:absolute;
	bottom:2em;
	right:1em;
	margin: 1em 2em 1em;
	width:200px;
	height:148px;
	}
/*----- Formular -----*/
form {
	background: #C5C5C5 url("http://www.multi-point.de/ma/kontakt6.png") top right no-repeat;
	border-top:1px solid #3F3F3F;
	border-bottom:1px solid #3F3F3F;
	margin:0em 0.6em 0em 0.6em;
	padding:0em 1em 2em 0em;
	}
form p{ 
	float:none;
	margin: 0;
	padding:0 0 0 0.2em;
	font-size:0.8em;
	border-bottom:1px dotted black;
	}
form p span { font-size:0.8em; }
form p input{
    position:relative;
	top:0;
	right:0;
	float:right;
	font-size:0.8em;
	margin:0;
	padding:0.1em 0 0.1em 0.1em;
	border: 1px solid #3F3F3F;
	}
textarea {
	margin:0em 2.5em 0.2em 2.7em;
	padding:0;
	border: 1px solid #3F3F3F;
	}
/*------ !!runde Ecken!! ------*/
.tr, .bl, .br {
	position: absolute;
	width: 30px;
	height: 26px;  /* corner images are 40x40 */
	display: block;
	}
/* change position and image: top-right */
.tr {
	background: transparent url("http://www.multi-point.de/ma/maro.png") top right no-repeat;
	top: -1px;
	right: 0;
	height: 100%;
	margin: 0 0 -5px 0px;
	}
/* change position and image: bottom-left */
.bl {
	background: transparent url("http://www.multi-point.de/ma/malu.png") bottom left no-repeat;
	bottom: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	margin: 10px 0 0 0px;
	}
/* change position and image: bottom-right */
.br {
	background : transparent url("http://www.multi-point.de/ma/maru.png") bottom left no-repeat;
	right: -2px;
	bottom: 0px;
	z-index: 8;
	padding:0;
	width: 30px;
	height: 23px;
	}