* {
margin:0;
padding:0;
}

html, body {
height: 100%;
width: 100%;
/* background-color: #ffffff; */
font-family:Quicksand, verdana,  sans-serif;
font-weight:400;
}

#distance {
width: 10px;
height: 50%;
margin-bottom: -300px;
float: left;
background-color: #ffffff; /*das ist nur der Streifen auf der linken Seite*/
}

#container {
margin: 0 auto;
position: relative;
height: 620px;
width: 940px;
clear: left;
background-color: transparent;
border-left:0px  solid #555555;
border-bottom:0px solid #555555;
/* 
background-color: rgba(237,237,237,0.85); 
box-shadow:8px 8px rgba(0,0,0,0.2);
*/
-webkit-box-shadow: 8px -8px 8px #c3c7d1;
-moz-box-shadow: 8px -8px 8px #c3c7d1;
box-shadow: 8px -8px 8px #c3c7d1;
border:0px solid #dedede;
}

#center
{
background-color: #ffffff;
border:0px solid red;
width: 760px;
height: 600px;
position: relative;
top: 10px;
left: 10px;
border:0px solid #dedede;

}

#menuelinks
{
background-color: #ffffff;
width: 190px;
height:620px;
position: relative;
top: 0px;
left: 10px;
overflow:hidden;
border:0px solid #dedede;
}



#mmenuelinks
{
background-color: #ffffff;
width:100%;
height:100%;
}

#uber
{
background-color: transparent;
border-left:0px solid #dedede;
border-bottom:0px solid #dedede;
width: 520px;
height: 40px;
position: absolute;
padding: 10px;
top: 10px;
left: 220px;
overflow:hidden;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) , rgba(239, 239, 239, 1) );
-webkit-box-shadow: 5px -5px 5px #c3c7d1;
-moz-box-shadow: 5px -5px 5px #c3c7d1;
box-shadow: 5px -5px 5px #c3c7d1;
}

#uuber
{
background-color: #ffffff;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
}

#mitte
{
background-color: #transparent;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;
position: absolute;
float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}

#mmitte
{
background-color: #transparent;
background-image: url("../graphics/effenhauser.background.550x280.gif");
background-position: center 100px;
background-repeat:no-repeat;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;

float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}

#mqrcode
{
background-color: #transparent;
background-image: url("../graphics/GE_VC_JW.ORG.png");
background-position: center 100px;
background-repeat:no-repeat;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;

float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}


#pilotqrcode
{
background-color: #transparent;
background-image: url("../graphics/Teamviewer_Pilot_300.png");
background-position: center 100px;
background-repeat:no-repeat;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;

float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}

#mvisitenkarte
{
background-color: #transparent;
background-image: url("../graphics/GE.Visitenkarte.png");
background-position: center 100px;
background-repeat:no-repeat;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;

float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}

#mvisitenkartejworg
{
background-color: #transparent;
background-image: url("../graphics/GE_Visitenkarte_JW.ORG.jpg");
background-position: center 100px;
background-repeat:no-repeat;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;

float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}

#utc
{
background-color: #transparent;
background-position: center 100px;
background-repeat:no-repeat;
border:0px solid red;
text-align:center;
vertical-align:middle;
width: 540px;
height: 520px;

float: left;
padding: 10px;
top: 70px;
left: 210px;
overflow:hidden;
border:0px solid #dedede;
}

#rechts
{
background-color: #ffffff;
width: 140px;
height: 130px;
position: absolute;
float: right;
top: 455px;
left:800px;
vertical-align:bottom;
overflow:hidden;
border:0px solid #dedede;
}

#rrechts
{
background-color: #ffffff;
width:100%;
height:100%;
}

form		{ padding:5px; border:0px solid #BBBBBB; font-size:14px; color:#ff0000;}
 
td, input, select, textarea	{ font-size:14px; color:#333333; font-family:Quicksand, verdana, sans-serif; font-weight:400;}

		
img		{ border-color:#999999; height:100%; }

ul      {list-style-type:none;}
	

a.mnu:link		{display:block; width:150px; text-decoration:none; text-align:left; vertical-align:middle; color:#000099; font-family:Rufina, serif; font-weight:400; font-size:0.9em; line-height:24px;}
a.mnu:visited	{display:block; width:150px; text-decoration:none; text-align:left; vertical-align:middle; color:#000099; font-family:Rufina, serif; font-weight:400; font-size:0.9em; line-height:24px;}
a.mnu:focus  	{display:block; width:150px; text-decoration:none; text-align:left; vertical-align:middle; color:#990000; font-family:Rufina, serif; font-weight:700; font-size:0.9em; line-height:24px; text-shadow: -2px 2px 2px  #dedede;}
a.mnu:hover	 	{display:block; width:150px; text-decoration:none; text-align:left; vertical-align:middle; color:#990000; font-family:Rufina, serif; font-weight:700; font-size:0.9em; line-height:24px; text-shadow: -2px 2px 2px  #dedede;}
a.mnu:active	{display:block; width:150px; text-decoration:none; text-align:left; vertical-align:middle; color:#990000; font-family:Rufina, serif; font-weight:700; font-size:0.9em; line-height:24px; text-shadow: -2px 2px 2px  #dedede;}


a.menulink:link		{text-decoration:none; color:#333333; font-family:Rufina, serif; font-weight:500; font-size:14px;  line-height:20px; text-shadow: -2px 2px 2px  #dedede;}
a.menulink:visited	{text-decoration:none; color:#333333; font-family:Rufina, serif; font-weight:300; font-size:14px;  line-height:20px; text-shadow: -2px 2px 2px  #dedede;}
a.menulink:focus	{text-decoration:none; color:#cc3333; font-family:Rufina, serif; font-weight:500; font-size:14px;  line-height:20px; text-shadow: -2px 2px 2px  #dedede;}
a.menulink:hover	{text-decoration:none; color:#cc3333; font-family:Rufina, serif; font-weight:500; font-size:14px;  line-height:20px; text-shadow: -2px 2px 2px  #3333cc;}
a.menulink:active	{text-decoration:none; color:#cc3333; font-family:Rufina, serif; font-weight:700; font-size:16px;  line-height:20px; text-shadow: -2px 2px 2px  #dedede;}


/* rufina-regular - latin */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rufina-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rufina'), local('Rufina-Regular'),
       url('../fonts/rufina-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rufina-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rufina-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rufina-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rufina-v5-latin-regular.svg#Rufina') format('svg'); /* Legacy iOS */
}

/* rufina-700 - latin */
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rufina-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rufina Bold'), local('Rufina-Bold'),
       url('../fonts/rufina-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rufina-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rufina-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rufina-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rufina-v5-latin-700.svg#Rufina') format('svg'); /* Legacy iOS */
}

/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Light'), local('Quicksand-Light'),
       url('../fonts/quicksand-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
       url('../fonts/quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
       url('../fonts/quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}

span.rufina400
		{
		font-size:1em;
		color:#ff0000;
		line-height:1.5em;
		font-family:Rufina, serif;
		font-weight:400;
		}

span.rufina700
		{
		font-size:1em;
		color:#ff0000;
		line-height:1.5em;
		font-family:Rufina, serif;
		font-weight:700;
		}

span.quicksand300
		{
		font-size:1em;
		color:#0000ff;
		line-height:1.5em;
		font-family:Quicksand, sans-serif;
		font-weight:300;
		}

span.quicksand400
		{
		font-size:1em;
		color:#0000ff;
		line-height:1.5em;
		font-family:Quicksand, sans-serif;
		font-weight:400;
		}		


span.quicksand500
		{
		font-size:1em;
		color:#0000ff;
		line-height:1.5em;
		font-family:Quicksand, sans-serif;
		font-weight:500;
		}		

span.quicksand700
		{
		font-size:1em;
		color:#0000ff;
		line-height:1.5em;
		font-family:Quicksand, sans-serif;
		font-weight:700;
		}		
		
span.klein 
		{
		font-size:12px;
		color:#666666;
		line-height:16px;
		font-family:Quicksand, verdana, sans-serif;
		font-weight:400;
		}


span.normal
		{
		font-size:14px;
		color:#666666;
		line-height:18px;
		font-family:Quicksand, verdana,  sans-serif;
		font-weight:400;
		}


span.gross
		{
		font-size:16px;
		color:#333333;
		line-height:20px;
		font-family:Quicksand, verdana, sans-serif;
		font-weight:500;
		}

span.grossfett
		{
		font-size:16px;
		color:#333333;
		line-height:20px;
		font-family:Quicksand, verdana, sans-serif;
		font-weight:700;
		}
		
span.fett
		{
		font-size:14px;
		color:#333333;
		line-height:18px;
		font-family:Quicksand, verdana, sans-serif;
		font-weight:700;
		}

span.menueueberschrift
		{
		font-size:16px;
		color:#333333;
		line-height:18px;
		font-family:Quicksand, verdana, sans-serif;
		letter-spacing:0.05em; word-spacing:0.2em;
		font-weight:500;
		}

span.i 
		{
		font-size:16px;
		color:#3333ee;
		line-height:18px;
		font-family:Rufina;
		font-weight:700; 
		}
		
span.meldung
		{
		font-size:14px;
		color:#aa0000;
		line-height:16px;
		font-family:Quicksand, verdana,  sans-serif;
		font-weight:700;		
		}