
* { padding : 0; margin : 0; }

body
{
	margin: 6px 0 6px 0;
	padding: 0;
	min-width: 747px;
	background-image: url(body.gif);
	background-repeat: repeat-x;
	text-align: center;
	font-size: 10px;
	font-family: verdana, arial, tahoma, sans-serif;
	color: #333;
	line-height: 15px; 
}


#container { margin : 0 auto; padding : 30px 0; width : 790px; text-align : left; }
#left {
	float: left;
	width: 325px;
	margin: 0 8px 0 10px;
	padding-right:20px;
	font-size: 10px;
	text-align: left;
	border-right: 1px dotted #000;
}
#right {
	float: left;
	width: 325px;
	margin: 0 8px 0 0;
	font-size: 10px;
	text-align: right;
}

#left h1.title, #left h1.smalltitle, #left h1.smalltitlered,
#right h1.title, #right h1.smalltitle, #right h1.smalltitlered {
	font-family: georgia, "times new roman", times, serif;
	line-height: 1.0;
	font-weight: normal;
	background-color: #fff;
	letter-spacing: -1px;
}

#left h1.title, #left h1.smalltitle, #left h1.smalltitlered { text-align: left; }
#right h1.title, #right h1.smalltitle, #right h1.smalltitlered { text-align: right; }


#dotted {
	border-bottom: 1px dotted #000;
	width: 315px;
	margin-left: 5px;
	margin-bottom: 10px;
}

#right h1.title, #left h1.title {
	border-bottom: 1px dashed #000;
	color: #000;
	font-size: 26px;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
}

#right h1.smalltitle, #left h1.smalltitle {
	border-bottom: 1px dotted #000;
	font-size: 18px;
	padding: 12px 0px 2px 0;
	color: #000;
 	font-style: italic;
	line-height: 20px;
}

#left a:hover img, #left a.rahm:hover img,
#right a:hover img, #right a.rahm:hover img {
	background-color: #fbedca;
	margin: 20px 10px 0 0;
}

#right a img, #left a img {
	padding: 5px;
	border: 1px solid #ccccd6;
	margin: 20px 10px 0 0;
}


h1, h2, h3 { padding : .5em; font-family : Arial, Helvetica, sans-serif; font-weight : normal; font-size : 140%; letter-spacing: -1px; color : #333; }
h1 { font-size : 180%; }
p { padding : .5em; }
ul { padding : .5em .5em .5em 2em; }
code { font-size : 120%; }
a:link, a:visited { color : #900; text-decoration : none; }
.mir { margin : 20px 0; }
.clear { clear : both; }

#vitalyfriedman { width: 385px; text-align: left; }
#alvitde { width: 385px; text-align: right; }









/* The Malarkey Method: Image replacement */

.mir { letter-spacing : -1000em; }
/* Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
h1.mir { width : 400px; height :  185px; background : url(mir-h100.jpg) no-repeat; }
h2.mir { width : 250px; height :  260px; background : url(mir-h200.jpg) no-repeat; }
p.mir { width : 400px; height :  260px; background : url(mir-p000.jpg) no-repeat; }
ul.mir { width : 400px; padding : 0; list-style-type : none; }
ul.mir li { display : inline; }
ul.mir li a { float : left; display : block; width : 100px; height : 100px; }
a#mir-a1 { background : url(mir-a100.jpg) no-repeat; }
a#mir-a2 { background : url(mir-a200.jpg) no-repeat; }
a#mir-a3 { background : url(mir-a300.jpg) no-repeat; }
a#mir-a4 { background : url(mir-a400.jpg) no-repeat; }


	div.shadow
	{
		margin-left: auto;
		margin-right: auto;
		padding: 0 4px 0 4px;
		width: 747px;
		background-image: url(shadow_b.gif);
		text-align: left;

		voice-family: "\"}\""; 
		voice-family: inherit;

		width: 739px;
	}

		div.main
		{
			border: 1px solid #000;
			background-color: #fff;
		}
				div.eingang
				{
					float: left;
					margin-bottom: 1em;
					width: 571px;
				}
				div.eingang img
				{
				border-bottom: 1px solid #000000;
				}
					div.eingang h1
					{
						
					}
						div.eingang h1 a
						{
							background-image: url(ourExper.gif);
						}
					div.eingang div
					{
						float: left;
						margin: 9px 0 0 6px;
						border: 1px solid #dbdbdb;
						padding: 13px;
						width: 100%;
						height: 228px;

						voice-family: "\"}\"";
						voice-family: inherit;

						width: 750px;
						height: 200px;
					}
					/* \*/
					html>body div.eingang div
					{
						width: 100%;
						height: 200px;
					}
					/* */
					div.eingang div.clearer
					{
						float: none;
						margin: 0;
						border: none;
					}
						div.eingang div img
						{
							float: left;
							/*border: 1px solid #dbdbdb;*/
							margin-right: 13px;
							/*margin-bottom: 13px;*/
							width: 77px;
							height: 77px;
							vertical-align: middle;

							voice-family: "\"}\"";
							voice-family: inherit;

							width: 77px;
							height: 77px;
						}
						div.eingang div h2
						{
							margin: 0 0 0.5em 0;
							font-size: 1em;
						}
							div.eingang div h2 a
							{
								text-decoration: none;
								color: #c8161e;
							}
						div.eingang div p
						{
							margin: 0;
							/*text-align: justify;*/
							line-height: 1.5em;
							font-size: 0.9em;
						}
						div.eingang div p.more
						{
							margin-top: 1em;
							text-align: right;
						}
				div.mitte
				{
					clear: both;
					margin-bottom: 1.5em;
				}
					div.mitte h1
					{
						margin: 0 0 0 6px;
						padding: 9px 0 0 15px;
						background-image: url(redArrow.gif);
						background-repeat: no-repeat;
						background-position: center left;
						background-position: 3px 12px;
					}
					div.mittewrapper
					{
						background: url(wrapper_.gif);
						background-repeat: repeat-y;
					}
						div.mittewrapper div
						{
							float: left;
							margin-right: 1px;
							padding: 0.5em 5px 0.5em 10px;
							width: 183px;

							voice-family: "\"}\"";
							voice-family: inherit;

							width: 168px;
						}
						/* \*/
						html>body div.mittewrapper div
						{
							width: 168px;
						}
						/* */
						div.mittewrapper dl
						{
							margin: 0;
						}
							div.mittewrapper dt
							{
								margin-bottom: 0.5em;
								font-weight: bold;
							}
								div.mittewrapper dt a
								{
									text-decoration: none;
								}
							div.mittewrapper dd
							{
								margin: 0;
								padding-left: 22px;
								background-repeat: no-repeat;
								line-height: 1.5em;
								font-size: 0.9em;
								color: #666;
							}
						div.german1
						{

							border-top: 2px solid #cc0000;
						}
							div.german1 dd
							{
								background-image: url(contentM.gif);
							}
						div.mittewrapper div.german2
						{
							border-top: 2px solid #999;
							background: #eee;
						}
							div.german2 dd
							{
								background-image: url(designBr.gif);
							}
						div.english1
						{
							border-top: 2px solid #cc0000;
						}
							div.english1 dd
							{
								background-image: url(eCommerc.gif);
							}
						div.english_col
						{
							border-top: 2px solid #cc0000;
							background: #eee;
						}

						div.german_col
						{
							border-top: 2px solid #cc0000;
							background: #eee;
						}

			div.copyright
			{
				padding: 0.5em 0.75em 0.5em 0.75em;
				background-color: #fff;
				text-align: center;
				font-size: 0.9em;
			}
			

a.text:link,
a.text:visited {
text-decoration: none;
border-bottom:1px dotted #666;
color: #207db3;
font-weight: bold;
}

a.text:hover {
text-decoration: none;
color: #000;
}

#footer a.text:link,
#footer a.text:visited {
text-decoration: none;
border-bottom:1px dotted #666;
color: #207db3;
font-weight: bold;
}


#footer a.text:hover {
text-decoration: none;
border-bottom:1px dotted #333;
color: #333;
font-weight: bold;
}

#right .grau, #left .grau { background: #f5f5f5; }
#right .grau { margin-left: 5px; }

.MPHWhiteBandSmallLeft img {
border: 0;
}