@charset "utf-8";
/* * * * * G L O B A L E   E I N S T E L L U N G E N   A N F A N G * * * * */
@font-face {
	font-family: "Prestige Elite Std";
	src: url("../fonts/cour.otf") format("opentype");
	}
@font-face {
	font-family: "Playball";
	src: url("../fonts/cour.ttf") format("truetype");
	}
* {
	margin: 0px;
	padding: 0px;
	}
	
	
	
	
	
	
/* Für alle externe Links soll das icon-external dynamisch angehängt werden*/
a[href^="http://"]{
	background-image:url(../bilder/icons/erpoint-link-extern.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:18px;
	}
a:hover[href^="http://"]{
	background-image:url(../bilder/icons/mw-bg-pfeil-hover.png);
	}
/* Für alle externe Links soll das icon-external dynamisch angehängt werden*/
a[href^="https://"]{
	background-image:url(../bilder/icons/erpoint-link-extern.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:18px;
	}
a:hover[href^="https://"]{
	background-image:url(../bilder/icons/mw-bg-pfeil-hover.png);
	}




	
/* Für die externen Links die auf die Network Social verweisen soll das icon-internal dynamisch angehängt werden*/
a[href^="https://www.quandoo.de/place/my-tam-restaurant-607?TC=DE_DE_SEM_MER_10000245_ADWORDS&utm_source=Adwords&utm_medium=cpc&utm_campaign=DE_DE_SEM_MER_10000245_ADWORDS&matchtype=b&network=g&device=c&keyword=%2Brestaurant%20%2Bmy%20%2Btam&placement=&adposition=1t1&gclid=Cj0KCQiAuf7fBRD7ARIsACqb8w5rlE4jgP__a6d9o2zW1T_n-itiEUyCr-Gi8UOjLyj3wIIDyn1Jg18aAvAqEALw_wcB"]{
	background-image:url(../bilder/icons/xing.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
a:hover[href^="https://www.quandoo.de/place/my-tam-restaurant-607?TC=DE_DE_SEM_MER_10000245_ADWORDS&utm_source=Adwords&utm_medium=cpc&utm_campaign=DE_DE_SEM_MER_10000245_ADWORDS&matchtype=b&network=g&device=c&keyword=%2Brestaurant%20%2Bmy%20%2Btam&placement=&adposition=1t1&gclid=Cj0KCQiAuf7fBRD7ARIsACqb8w5rlE4jgP__a6d9o2zW1T_n-itiEUyCr-Gi8UOjLyj3wIIDyn1Jg18aAvAqEALw_wcB"]{
	background:transparent;
	background-image:url(../bilder/icons/mw-bg-pfeil-hover.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}		
	
a[href^="https://www.yelp.de/biz/my-tam-münchen"]{
	background-image:url(../bilder/icons/twitter.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
a:hover[href^="https://www.yelp.de/biz/my-tam-münchen"]{
	background:transparent;
	background-image:url(../bilder/icons/mw-bg-pfeil-hover.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
	
a[href^="https://www.facebook.com/MyTamRestaurant/"]{
	background-image:url(../bilder/icons/fb.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
a:hover[href^="https://www.facebook.com/MyTamRestaurant/"]{
	background:transparent;
	background-image:url(../bilder/icons/mw-bg-pfeil-hover.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
	
a[href^="https://plus.google.com/100785690982334608163"]{
	background-image:url(../bilder/icons/gp.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
a:hover[href^="https://plus.google.com/100785690982334608163"]{
	background:transparent;
	background-image:url(../bilder/icons/mw-bg-pfeil-hover.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:0px;
	}	
	
	
/* Für die interenen Links die auf die Fahrt Seite verweisen soll das icon-internal dynamisch angehängt werden*/
a[href^="http://dienstleistungen.html"]{
	background-image:url(../bilder/icons/mw-bg-pfeile.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:18px;
	}
	
	
	
	
	
	
	
/* Für alle Telefon Links soll das icon-telefon dynamisch angehängt werden */
a[href^="tel:"]{
	background:url(../bilder/icons/tel.png) no-repeat bottom left;
	padding-left:18px;
	}
a:hover[href^="tel:"]{
	background:url(../bilder/icons/tel-hover.png) no-repeat bottom left;
	}
/* Für alle Telefax Links soll das icon-telefax dynamisch angehängt werden */
a[href^="fax:"]{
	background:url(../bilder/icons/printer_and_fax-1.png) no-repeat bottom left;
	padding-left:18px;
	}
a:hover[href^="fax:"]{
	background:url(../bilder/icons/printer_and_fax-1-hover.png) no-repeat bottom left;
	}
/* Für alle E-Mail Links soll das icon-email dynamisch angehängt werden ---*/
a[href^="mailto:"]{
	background-image: url(../bilder/icons/email2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 18px;
	}
a:hover[href^="mailto:"]{
	background-image: url(../bilder/icons/email2-hover.png);
	}
/* Für alle PDF-Links soll das icon-pdf dynamisch angehängt werden --------*/
a[href$=".pdf"]{
	background-image: url(../bilder/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 18px;
	}

	
/* * * * * G L O B A L E   E I N S T E L L U N G E N       E N D E * * * * */













/* ///////////////// Mobile-Formatierung - 480px Anfang ///////////////// */
#-----mobile------bis---480px-----{}
/* --------------------- GERÜST         ANFANG ---------------------------- */
body {
	overflow-y:scroll;
	background-color:#636;
	}
/* --------------------- GERÜST           ENDE ---------------------------- */


/*
.weiterempfehlen        {margin-bottom: 19px;}
.weiterempfehlen p      {font-weight: bold; margin-bottom: 4px !important;}
.weiterempfehlen ul     {list-style: none; line-height: 24px; margin: 5px 0 15px 0; padding-left: 0;}
.weiterempfehlen li     {display: inline;}
.weiterempfehlen a      {float: left; width: 24px; height: 24px; margin-right: 25px; background: url('/wp-content/uploads/2011/12/perun-social-einzelansicht.png') no-repeat; border-bottom: none !important;}
.weiterempfehlen span   {display: none;}

.tw-einzeln a   {background-position: left -26px;}
.fb-einzeln a   {background-position: left -52px;}
.gp-einzeln a   {background-position: left -78px;}
.del-einzeln a  {background-position: left -104px;}

.weiterempfehlen a:hover {position: relative; top: -1px;}	
*/


/* --------------------- HEADER         ANFANG ---------------------------- */
#header {
	background-color: transparent;
	height: 10px;
	color: #FFF;
	padding: 0px;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	left:0px;
	}
/* --------------------- HEADER           ENDE -------------------------- */
/* --------------------- LOGO | INFO    ANFANG -------------------------- */
#menuekarte {
	background:#636;
	position:absolute;
	margin-top:-1px;
	margin-left:6%;
	z-index:3;	
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
	border: thin solid #baa067;
	}
#menuekarte a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:normal;
	font-size:0.7em;
	line-height:1.1em;
	letter-spacing:0.02em;
	text-align:left;
	text-decoration:none;
	/*text-shadow: gray 1px 1px 2px;*/
	float:left;
	width:140px;
	height:20px;	
	padding:0px;
	padding-top:10px;
	padding-right:10px;
	margin-right:0%;
	padding-left:10px;
	margin-left:0px;

}
#menuekarte a:hover {
	color: #fff;
	background-color:#baa067;
}	
#logo {
	position: relative;
	height: 160px;
	z-index: 1;
	top: 0px;
	background-color: #7F997C;
	border: thin solid #baa067;
	border:none;
	border-right:thin solid #baa067;
	width: 70%;
	background-image: url(../bilder/mytam-logo-mobil.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#logo h1 a{
	color:rgba(0,255,0,1);
	text-decoration:none;
	}
#navigationTop #logoTop {
	display:none;
	}		
#info {
	background-image:url(../bilder/erpoint-aufspeerdienst.jpg);
	background-position: -25px -130px;
	background-repeat: no-repeat;	
	background: #636;	
	position: absolute;
	width: 29.5%;
	height: 160px;
	z-index: 1;
	top: 0px;
	right:0px;
	margin-right: 0px;
	border: thin solid #baa067;
	border:none;
	overflow:hidden;

	/*background:-moz-linear-gradient(24% 69% 71deg, #7D5B2D, #C89E64 45%);*/
	}	
#info a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:normal;
	font-size:0.7em;
	line-height:1.1em;
	letter-spacing:0.02em;
	text-align:left;
	text-decoration:none;
	/*text-shadow: gray 1px 1px 2px;*/
	padding:0px;
	padding-top:0px;
	padding-right:0px;
	margin-right:0px;
	padding-left:3%;
	float:left;
	width:100%;
	height:130px;
	margin-top:-30px;
}
#info a:hover {
	color: #fff;
	background-color:#baa067;
}
#navigationTop #info address {
	font-style: italic;
	font-size:0.7em;
	line-height:1.2em;
	margin-top:-2px;
	margin-bottom:0px;
}

#navigationTop #info .adresseAusblenden{
	visibility:hidden;
}

#navigationTop #social #network {
	background-image:url(../bilder/erpoint-aufspeerdienst.jpg);
	background-position: -25px -130px;
	background-repeat: no-repeat;	
	background: transparent;	
	position: fixed;
	width:30px;
	height: 124px;
	z-index: 2;
	bottom: 187px;
	right:0;
	margin-right: 0px;
	border: thin solid #baa067;
	border:none;
	overflow:hidden;
	background:#baa067;
	border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	/*background:-moz-linear-gradient(24% 69% 71deg, #7D5B2D, #C89E64 45%);*/
	}	
#navigationTop #header #social ul#network li {
	border-top:none;
	border-bottom:none;
	}	
#navigationTop #social #network a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style:normal;
	font-size:0.7em;
	line-height:1em;
	letter-spacing:0.02em;
	text-align:left;
	text-decoration:none;
	text-shadow: gray 1px 1px 2px;
	padding:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0%;	
	margin-right:auto;
	margin-left:auto;
	float:left;
	width:30px;
	height:30px;
	border:none;
}
#navigationTop #social #network a span {
	visibility:hidden;
}
#navigationTop #social #network a:hover {
	color: #fff;
	background-color:#baa067;
}

#navigationTop #social #network   ul{
	margin-top:5px;
	height:0px;
	list-style-type:none;
	
	}
#navigationTop #social #network   ul li {
	margin-top:5px;
	list-style-type:none;
	
	}		
/* --------------------- LOGO | INFO      ENDE -------------------------- */
/* --------------------- NAVIGATION TOP ANFANG -------------------------- */
#navigationTop {
	height: 160px;
	width: 100%;
	position: absolute;
	padding: 0px;
	left: 0px;
	top: 0px;
	background-image: url(../bilder/mytam-head.jpg);
	/*border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #006600;
	box-shadow:0px 8px 8px 0px #222;*/
	}
div.navigationTopNone {
	display:none;
	}
	
#navigationTopListe {
	position: absolute;
	min-width:160px;
	width: auto;
	background:#0C6;
	margin-bottom:0px;
	margin-top:-37px;
	margin-left:6%;
	margin-right:44%;
	border:thin solid #BAA067;	
border-top-left-radius: 6px;
      border-top-right-radius: 6px;
	z-index:3;
	overflow:hidden;
	}


		
#navigationTop   ul {
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	text-align: left;
	margin-left:0px;
	margin-top: 122px;
	z-index: 2;
	}

#navigationTop   ul li {
	background-color: #baa067;
	background:-moz-linear-gradient(24% 69% 71deg, #baa067, #dcc798 45%);
	border-top:solid 1px rgba(255,255,255,1);
	border-bottom:solid 1px rgba(0,100,0,1);
	margin: 0;
	padding: 0;
	}
/* ------ Unter Umständen für Geräte mit einem Maus         Anfang ------ */
#navigationTop   ul li:hover {
	background-color: #663300;
	background:-moz-linear-gradient(25% 69% 71deg, #3D2400, #522F00 45%);
	}
	

	
/* ------ Unter Umständen für Geräte mit einem Maus           Ende ------ */	
#navigationTop   ul li#aktiv {
	background-color: #636;
	background:-moz-linear-gradient(24% 69% 71deg, #727, #979 45%);
	}
	
#navigationTop   ul li a {
	font-family: "High Tower Text";
	color: #FFFFFF;
	text-decoration:none;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.05em;

	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
	}
#navigationTop   ul li a:hover {
	color: #FFCC33;
	}	

	
	
.navigationTopMenuNone {
display: inherit;
	}

	

/* --------------------- NAVIGATION TOP   ENDE -------------------------- */
/* --------------------- content        ANFANG -------------------------- */
#content {
	margin-right: auto;
	margin-left: auto;
	margin-top: 160px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	border: medium solid #BAA067;
	clear:both;
	}

#content   h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-family: "High Tower Text";
	font-style:italic;
	color: #baa067;
	font-size: 2.3em;
	line-height: 1.03em;
	font-weight: normal;
	letter-spacing:-0.03em;
	/*font-style:italic;*/
	margin-top: 14px;
	margin-bottom:5px;
	margin-left: 1.5%;
	margin-right:1.5%;
	background-color: transparent;
	/*text-shadow: gray 1px 1px 2px;*/
	}

#content   h1 span {
	font-size: 0.6em;
	font-weight:normal;
	letter-spacing:0.0em;
	}

#content   h2 {
	font-family: "Courier New", Courier, monospace;	
	font-family: "High Tower Text";
	font-size: 1.5em;
	letter-spacing: 0.1em;
	font-variant:small-caps;
	color: #636;
	background-color:transparent;
	margin-top: 5px;
	margin-bottom: 1.5%;
	margin-left:1.5%;
	margin-right:10px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:5px;
	border-top:thin  dotted #baa067;
	border-bottom:thin  dotted #baa067;
	}
#content .halbeSpalteNotdienst   h2 {
	color: #636;
	background-color:transparent;
	border-top:thin  dotted #8DA048;
	border-bottom:thin  dotted #baa067;
	}
		
#content   h2 span {
	color: #636;
	font-size:0.8em;
	letter-spacing: 0.03em;
	font-variant:normal;
}

#content   h2 img  {
	float:right;
	width: 26px;
	height: 26px;
	box-shadow:none;
	border: none;
	margin-top:2px;
	margin-right:5px;
	}

#content   h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-right: 1.5%;
	margin-left: 1.5%;
	color: #8DA048;
	font-size: 1.0em;
	letter-spacing:0.04em;
	padding-top: 5px;
	padding-bottom: 0px;
	}
#content   p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#333333;
	line-height: 1.2em;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-top:3px;
	margin-bottom:7px;
	}
	
#content   p span {
	font-size:0.7em;
	}

#content   p span.erpointIntro {
	font-size: inherit;
	color: #CC0000;
	text-decoration: underline;
	}			
	
#content   p.intro {
	margin-top:10px;
	margin-bottom:10px;
	}	
	
.einleitung:first-letter {
	float:left;
	position:relative;
	font-family: "High Tower Text";
	font-style:italic;
	color: #baa067;
	font-size: 3.2em;
	line-height: 0.8em; 
	margin-top:3px;
	margin-bottom:-2px;
	margin-left:-4px;
	margin-right:3px;
	/*text-shadow: #ccc 1px 2px 3px;*/
	}


	
#content   p.ruecksprung a{
	background:rgba(220,220,220,1);
	color:#636;
	display: block;
	padding:0.315em 1.5%;
	border-radius: 6px;
	}	
#content   p.ruecksprung a:hover{
	background:#400000;
	color:rgba(255,255,255,1);
	}	
	
#content   p.ruecksprungGlobal a{
	background:rgba(220,220,220,1);
	color:#636;
	display: block;
	padding:0.315em 0.315em;
	border-radius: 6px;
	margin-right:0%;
	margin-left:0%;
	}
	
#content   p.ruecksprungGlobal a:hover{
	background:#636;
	color:rgba(255,255,255,1);
	}	
		
#content   .introItalic {
	font-family: "High Tower Text";
	font-size: 1.3em;
	/*font-style: italic;*/
	color: #636;
	line-height:1.0em;
	text-shadow: #ccc 1px 1px 2px;
	letter-spacing: 0.01em;
	}
#content   #liste {
	list-style-type: none;
	margin-left:1.5%;
	font-size:1.04em;
	font-family:"Courier New", Courier, monospace;
	line-height:1.1em;
	color: #CC0000;
}

#content #punkte {
	list-style-type: circle;
	margin-left:4%;
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.1em;
	letter-spacing:0.02em;
	color: #636;
}



#content #punkte span {
	margin-left:0%;
	font-size:0.7em;
	line-height:1.1em;
	letter-spacing:0.02em;
	/*color: #636;*/
}




#content .halbeSpalte #punkte {
	margin-left:8%;
}
#content .halbeSpalteNotdienst #punkte {
	margin-left:8%;
	color: #966;
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.1em;
}
#content   em {
	font-style: italic;
	}

#content   a {
	color: #636;
	text-decoration:none;
	}

#content   a:hover {
	color: #FFFFFF;
	text-decoration:none;
	background-color: #636;
	}
	
#content .impressumKontaktTelefon   a {
	color: #636;
	text-decoration:none;
	}

#content .impressumKontaktTelefon   a:hover {
	color: #FFFFFF;
	text-decoration:none;
	background-color: #636;
	}
	
#content .impressumKontaktEmail   a {
	color: #636;
	text-decoration:none;
	}

#content .impressumKontaktEmail   a:hover {
	color: #FFFFFF;
	text-decoration:none;
	background-color: #636;
	}		
#content   img {
	width:100%;
	height: auto;
	border: thin solid #baa067;
	/*box-shadow:3px 3px 3px 0px #ccc;*/
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0%;
	}	
	
#contentNEU NEU   img {
	width: 150px;
	height: auto;
	border: thin solid #CCCCCC;
	box-shadow:3px 3px 3px 0px #ccc;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0%;
	}		
	
	
	
	
#content   img.kontakt{
	width: 100%;
	height: auto;
	border: thin solid #CCCCCC;
	box-shadow:3px 3px 3px 0px #ccc;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0%;
	}	
#content   .caption {
	font-family: Arial, Helvetica, sans-serif;
	font-family:"High Tower Text";
	font-size: 1.2em;
	letter-spacing: 0.01em;
	font-weight:normal;
	margin:0px;
	margin-left:1.5%;	
	padding:0px;
	padding-top:-1px;
	padding-left: 5px;
	padding-bottom:2px;
	margin-top:0px;
	color: #baa067;
	background:transparent;
	font-variant:small-caps;
	/*text-shadow: gray 1px 1px 2px;*/
		border-top:thin  dotted #baa067;
	border-bottom:thin  dotted #baa067;
	}
#content .callbacks_container {
	display:none;
	}
#content .callbacks_container #slider4 img {
	display:none;	
	}
hr {
	color: #baa067;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1%;
	margin-right:1%;
	border:none;
	border-bottom-style: dotted;
	border-bottom-width:thin;
	
	display: inherit;
	clear:both;
	}	
div.figure {
	float: right;
	width: 150px;
	height:150px;
	margin: -0em;
	margin-top: -8px;
	margin-right:2%;
	
	padding: 0em;
	padding-bottom:50px;
	}
	
/* ////////Gallery Formatierung ///////////// */	
#gallery{
list-style-type: none;
overflow:hidden;

	}

#gallery li{
	width: 49%;
	float: left;
	margin: 0 2% 2% 0;
	line-height: 0;
	

	}


/* ////////Listeneintrag; dass von vorne gezählt jedes 2. Kind seines Elternelements anspricht///////////// */	

#gallery li:nth-child(2n){
margin-right:0;
	}	

   

#gallery li img{
width:100%;
max-width:225px;
	
}

/* ------ both = Erzwingt in jedem Fall die Fortsetzung unterhalb. ------ */
.clearfloat {
	clear:both;
	}	
/*
div.figureHoch {
	float: right;
	width: 50%;
	margin: 0em;
	padding: 0em;
	}
div.figure p {
	text-align: left;
	text-indent: 0;
	margin:0px;
	padding:0px;
	}
img.scaled {
	width: 100%;
    margin:0px;
	padding:0px;
}
*/	
/* ----------------------- content        Ende -------------------------- */
/* -------------------- Navigation Bottom Anfang ------------------------ */
#navigationBottom {
	height: 10px;
	width: 100%;
	position: relative;
	background-color:#baa067;
	margin:0;
	padding:0;
	}
	
#navigationBottomImage {
display:none;
	}
#navigationBottom   img {
display:none;
	}	
	
#navigationBottomListe {
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	}

#navigationBottom   ul {
	list-style-type: none;
	text-align: left;
	position: relative;	
	}

#navigationBottom   ul li {
	display: block;
	background-color: #606;
	background:-moz-linear-gradient(24% 69% 71deg, #636, #969 45%);
	border-top:solid 1px rgba(255,255,255,1);
	border-bottom:solid 1px rgba(200,200,200,1);
	margin: 0;
	padding: 0;
	}
#navigationBottom   ul li:hover {
	background-color:#CC0000;
	border-top:solid 1px rgba(0,0,0,1);
	border-bottom:solid 1px rgba(100,100,100,1);
	}
#navigationBottom   ul li a {
	padding-right: 2.5%;
	padding-left: 2.5%;
	padding-bottom: 8px;
	padding-top:8px;
	line-height: 1em;
	color: rgba(255,255,255,1);	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-transform: uppercase;
	text-decoration:none;
	display: block;
	}
#navigationBottom   ul li a:hover {
	color: #FFFF00;
	background-color: #cc9933; 
	background:-moz-linear-gradient(24% 69% 71deg, #7D5B2D, #C89E64 45%);
	}
/* -------------------- Navigation Bottom   Ende ------------------------ */
/* -------------------- Kontaktformular   Anfang ------------------------ */
address {
	font-style: italic;
}


/*Tabelle Impressum*/			
body,table {
	vertical-align:top;
	width:100%;
	}
#impressum {
	margin-top:0px;
	margin-left: 0px;
	margin-right:0px;
	border-collapse:collapse;
	}
#impressumKontakt {
	margin-top:0px;
	margin-left: 0px;
	margin-right:0px;
	border-collapse:collapse;
	color:#666666;
	}
td .impressum {
	text-align:left;
	color:#00FF00;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	}
td .impressumKontakt {
	text-align:left;
	color:#00FF00;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	width:100%;
	}
p.impressum {
	color: #333333;
	font-size:100%;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	}
	




/* Ungeordnete Liste im content */
#navigationBottomImage ul {
	list-style: none;
	visibility:hidden;
	}


/* Anker Bilder auf Ebene 1 */
#navigationBottomImage  a img {
	height: 110px;
	width: 110px;
	padding: 4px;
	position: absolute;
	z-index: 1;
	border: 1px solid #CCC;
	background: #FFF;
}

/* Anker Bilder Mouseover auf Ebene 2 
   Bildgröße und verschiebung mittels Außenabstand */
#navigationBottomImage a:hover img {
	height: 150px;
	width: 150px;
	z-index: 2;
	margin-top: -40px;
	margin-left: -20px;
}

/* Anker Bild 1 positioniert */
#navigationBottomImage a #b1 {
	left: 10px;
	top: 10px;
}

/* Anker Bild 2 positioniert */
#navigationBottomImage a #b2 {
	left: 150px;
	top: 10px;
}

/* Anker Bild 3 positioniert */
#navigationBottomImage a #b3 {
	left: 290px;
	top: 10px;
}

/* Anker Bild 4 positioniert */
#navigationBottomImage a #b4 {
	left: 430px;
	top: 10px;
}

/* Anker Bild 5 positioniert */
#navigationBottomImage a #b5 {
	left: 572px;
	top: 10px;
}


#mytamGoogleMap {
width:100%;
border:thin solid #add6f2;	
}







/* -------------------- RWD - Slider      Anfang ------------------------ */
/* -------------------- RWD Slider        Ende   ------------------------ */
}
/* ///////////////// Mobile-Formatierung - 480px   Ende ///////////////// */




















































/* ! ! ! ! ! ! ! ! ! !  2. Breakpoint (von Mobile auf Tablet(1)) ! ! ! ! ! ! ! ! ! ! */

/* ///////////////////// Tablet(1)-Formatierung -> 700px Anfang ////////////////// */
#-----tablet-----bis---700px-----{}
@media only screen and (min-width:480px){
/* ----------------------- Gerüst     Anfang ---------------------------- */
body {
	background-image:none;
	}
/* ----------------------- Gerüst       Ende ---------------------------- */
/* ----------------------- Header     Anfang ---------------------------- */
#header {
	background-color: transparent;
	height: 10px;
	color: #FFF;
	padding: 0px;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	left:0px;
	}	
/* ----------------------- Header       Ende ---------------------------- */
/* --------------------- Navigation Top Anfang -------------------------- */
#navigationTop {
	height: 130px;
	width: 100%;
	position: absolute;
	padding: 0px;
	left: 0px;
	top: 0px;
	background:#636;
	background-image: url(../bilder/mytam-head.jpg);
	background-position: center center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #baa067;
	/*box-shadow:0px 8px 8px 0px #888;*/
	box-shadow:none;	
	}
	
	
	
	
#navigationTopListe {
	width: auto;
	background:#0C6;
	margin-bottom:0px;
	margin-top:93px;
	margin-right:1.5%;	
	margin-left:50%;
	right:0%;
	}	
	
	
	
	
#navigationTop   ul {
	width: 100%;
	list-style-type: none;
	text-align: right;
	margin-top: 69px;
	z-index: 2;	
	
	}
#navigationTop   ul li {
	display: inline;
	background-color: #caa961;
	background-color:rgba(200,100,0,0.7);
	margin-right:1%;
	border:none;
	padding-top:6px;
	padding-bottom:6px;
	border-top-left-radius:4px;		
	border-top-right-radius:4px;		
	border-bottom-left-radius:4px;	
	border-bottom-right-radius:4px;
	text-shadow: gray 1px 1px 2px;
	box-shadow: #666 1px 1px 2px;
	}
#navigationTop   ul li:hover {
	background-color:rgba(50,50,50,0.4);
	}
#navigationTop   ul li#aktiv {
	background-color:rgba(0,100,250,0.6);
	}
#navigationTop   ul li a {

	text-transform: uppercase;
	letter-spacing: 0em;
	display:inline-block;
	padding-right: 4px;	
	padding-left: 4px
	}
#navigationTop   ul li a:hover {
	color: #FFFF00;
	}
div.navigationTopNone {
	display: inherit;
	}	
	
	

	
	
	
/* --------------------- Logo           Anfang -------------------------- */
#menuekarte {
	position:absolute;
	margin-left:6%;
	right:1.5%;
	z-index:3;	
	border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
	}
#menuekarte a {

}
#logo {
	position: absolute;
	width: 260px;
	height: 70px;
	z-index: 1;
	background-color: #FFFFCC;
	border: thin solid #baa067;
	top: 93px;
	margin-left: 1.5%;
	background-image: url(../bilder/mytam-logo.jpg);
	background-position: 0px 0px;
	}	
#logo h1 a{
	color:rgba(0,255,0,1);
	text-decoration:none;
	}	
#navigationTop #logoTop {
	display:inherit;
	color:#FFCC66;
	position: absolute;
	height: 25px;
	margin-left: 25px;
	top: 48px;
	background-image:url(../bilder/erpoint-logo-plus.png);
	background-repeat:no-repeat;
	}

#info {
	position: absolute;
	width: 260px;
	height: 81px;
	z-index: 1;
	/*background-image:none;
	background-color: rgba(255,255,255,0.7);	background-image:url(../bilder/erpoint-aufspeerdienst-tablet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/	
	border: thin solid #baa067;
	top: -1px;
	left:1.5%;
	/*margin-right: 70%;
	margin-left: 5%;*/
	margin-top: 0px;
	overflow:hidden;

	
	/*bbackground:-moz-linear-gradient(24% 69% 71deg, #7D5B2D, #C89E64 45%);*/
	
	}

#info a {
	font-weight: normal;
	font-style:normal;
	font-size:0.8em;
	line-height:1.1em;
	letter-spacing:0.1em;
	text-align:left;
	text-decoration:none;
	padding:0px;
	padding-top:2px;
	padding-right:0px;
	margin-right:0px;
	padding-left:5%;
	float:left;
	width:100%;
	height:130px;
	margin-top:-16px;
}
#navigationTop #info address {
	font-style: italic;
	font-size:0.7em;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:-5px;
}

#navigationTop #social #network {
	right:0%;
	background:#636;
	bottom:130px;
	}	
/* ----------------------- Logo           Ende -------------------------- */

.navigationTopMenuNone {
display:none;
	}
/* --------------------- Navigation Top   Ende -------------------------- */
/* ----------------------- content      Anfang -------------------------- */
#content {
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-top: 170px;
	margin-bottom: 20px;
	background:#FFFFFF;
	border: thin solid  #BAA067;
	/*border-radius: 20px;
	box-shadow: gray 3px 3px 5px;*/
	}
	
#content .halbeSpalte #punkte {
	margin-left:4%;
}	
#content .halbeSpalteNotdienst #punkte {
	margin-left:4%;
}	


	
	
/* ////////gallerie Formatierung Anfang///////////// */	
#gallery  ul {display:inherit;
	visibility:inherit;
	}
#gallery li{
width:32%;

	}
	
/* ////////der aus der mobilen vererbten Aussenabstand für jedes zweite Bild wird für das dreispaltige Layout in der Tablet Ansicht auf normalen Aussenabstand korrigiert///////////// */	
	
#gallery li:nth-child(2n){
margin-right:2%;
	}
/* ////////jedem 3. Bild bekommt wird wieder der Aussenabstand abgezogenl///////////// */

#gallery li:nth-child(3n){
margin-right:0;
	}	

   

#gallery li img{
width:100%;
max-width:225px;
	
}





/* //////// Formatierung Ende///////////// */
/* ----------------------- content        Ende -------------------------- */





























/* -------------------- Navigation Bottom Anfang ------------------------ */
#navigationBottom {
	z-index:3;
	height: 110px;
	width: 100%;
	position: relative;	
	overflow:hidden;
	right: 0px;
	bottom: 0px;
	border-top:#FFF solid thin;
	/*box-shadow:0px 0px 3px 3px #999;*/
	}
#navigationBottomListe {
	position:absolute;
	height: 140px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	visibility: inherit;
	}
	
#navigationBottom   ul {
	list-style-type: circle;
	text-align: center;
	position: relative;
	display: inline;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
#navigationBottom   ul li {
	background-color:transparent;
	margin-left:20px;
	background-image:url(../bilder/mw-button-waggon.jpg);
	border:none;
	}
	
	
	
	



















	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#navigationBottom   ul li a {
	padding-right: 5px;
	padding-left: 5px;
	color: #fff;
	letter-spacing: 0.0em;
	line-height:1.2em;
	font-weight:bold;
	text-shadow: gray 1px 1px 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-transform: none;
	text-align:left;
	display: inline;
	float:left;
	height:64px;
	width:70px;
	background-repeat: no-repeat;
	
/*  position:absolute; 
  left:-10px; bottom:0px;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 	
	
	display:none;*/
	
	
	}













































	
/* Ungeordnete Liste im content */
#navigationBottomImage {
	display:inherit;
	}
#navigationBottomImage ul {
	list-style: none;
	visibility: inherit;
	}	
	
#navigationBottomImage   ul li a:hover {
	color: #CC0000;
	background:transparent;
	}
#navigationBottom   #stadt1 {
	position: relative;
	left: -1.5%;
	bottom: -15px;
	background-image:url(../bilder/b1-tagesgricht.jpg);
	width:80px;
	height:80px;
	border: #FFFFFF solid medium;
	}
#navigationBottom   #stadt2 {
	position: relative;
	left:15%;
	bottom:71px;
	background-image:url(../bilder/b2-suppen.jpg);
	width:80px;
	height:80px;
	border: #FFFFFF solid medium;
	}
#navigationBottom   #stadt3 {
	position: relative;
	left: -8%;
	bottom: 157px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../bilder/b3-salate.jpg);
	width:80px;
	height:80px;
	border: #FFFFFF solid medium;
	}
#navigationBottom   #stadt4 {
	position: relative;
	left:47.5%;
	bottom: 243px;
	background-image:url(../bilder/b4-vorspeisen.jpg);
	width:80px;
	height:80px;
	border: #FFFFFF solid medium;
	}
#navigationBottom   #stadt5 {
	position: relative;
	left: 64%;
	bottom: 329px;
	background-image:url(../bilder/b5-menue.jpg);
	width:80px;
	height:80px;
	border: #FFFFFF solid medium;
	}
	
#navigationBottom   #stadt6 {
	position: relative;
	left: 80%;
	bottom: 414px;
	background-image:url(../bilder/b6-getraenke.jpg);
	width:80px;
	height:80px;
	border: #FFFFFF solid medium;
	}	

/* -------------------- Navigation Bottom   Ende ------------------------ */

























/* -------------------- RWD - Slider      Anfang ------------------------ */
/* -------------------- RWD - Slider        Ende ------------------------ */  
}
/* ///////////////////// Tablet(1)-Formatierung -> 700px   Ende /////////////////// */






























































/* ! ! ! ! ! ! ! ! ! !  3. Breakpoint (von Tablet(1) auf Tablet(2)) ! ! ! ! ! ! ! ! ! ! */

/* ///////////////////// Tablet(1)-Formatierung -> 1120px Anfang ////////////////// */
#-----tablet-----bis---1120px-----{}
@media only screen and (min-width:700px){
/* ----------------------- Gerst     Anfang ---------------------------- */
body {
	}
/* ----------------------- Gerst       Ende ---------------------------- */
/* ----------------------- Header     Anfang ---------------------------- */
#header {
	background-color: transparent;
	height: 10px;
	color: #FFF;
	padding: 0px;
	text-align: center;
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	left:0px;	
	}	
/* ----------------------- Header       Ende ---------------------------- */
/* --------------------- Navigation Top Anfang -------------------------- */

/* *********************** Header       Ende **************************** */
/* ********************* Navigation Top Anfang ************************** */


#navigationTopListe {
	min-width: 440px;
	width: 440px;
	background:#ccc;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	right:0px;
	border:thin solid #baa067;
	border:none;
	background:transparent;
	}
	
	
#navigationTop   ul {
	margin-top: 149px;
	z-index: 2;
	height:30px;
	}
#navigationTop   ul li {
	display: inline;
	margin-top: 110px;
	height:30px;background:transparent; border:none; box-shadow:none;
	}
#navigationTop   ul li:hover {
background:rgba(100,40,10,0.7);
	background:-moz-linear-gradient(25% 69% 71deg, #3D2400, #522F00 45%);
	}
#navigationTop   ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.0em;
	display:inline;	
	margin:0;	
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 5px;
	text-shadow:none;
	height:30px;border:none;
	}	
#navigationTop   ul li a:hover {
	color: #FFFF00;
	
	}
	
	
#navigationTop #social #network {
	bottom:126px;
	}	


	
	
/* --------------------- Navigation Top   Ende -------------------------- */
/* --------------------- Logo           Anfang -------------------------- */
#menuekarte {
	position:absolute;
	margin-left:6%;
	right:275px;
	z-index:3;	
	border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
	}
#menuekarte a {

}
#logo {
		background-image: url(../bilder/mytam-logo-desktop.jpg);
	background-position:-16px;
	width: 260px;
	height:160px;
	margin-left: 2.5%;
	top:-1px;
	}	
#logo h1 a{
	color:rgba(0,255,0,1);
	text-decoration:none;
	}
#info {
	position: relative;
	width: 180px;
	height: 80px;
	z-index: 3;
	margin-top: -1px;		
	float:right;
	margin-right:3%;
	margin-left:inherit;
	}
	
address {
	font-style: italic;
	font-size:0.em;
}	

#navigationTop #logoTop {
	color:#FFCC66;
	position: absolute;
	height: 25px;
	width: 25px;
	margin-left:-25px;
	background-image: inherit;
	top: 48px;
	background-image:url(../bilder/erpoint-logo-plus.png);
	background-repeat:no-repeat;
	}
		
/* ----------------------- Logo           Ende -------------------------- */
/* --------------------- content DIV    ANFANG -------------------------- */
#content {
	margin-left:1.5%;
	margin-right:1.5%;
	margin-bottom:15px;
	margin-top:150px;
	/*margin-top: 200px;
	background-color:#FFFFFF;
	border: medium solid #006600;*/
	}
/* --------------------- TYPOGRAFIE     ANFANG -------------------------- */
#content   h1 {
	font-size: 2.8em;
	padding-top: 12px;
	margin-bottom:5px;
	background-color: transparent;
	margin-left:1.0%;
	}
#content   h2 {
	/*text-transform: uppercase;*/
	font-variant:small-caps;
	font-size: 1.4em;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 8px;
	padding-bottom: 5px;
	letter-spacing: 0.1em;margin-top:10px;
	}
#content   h2 img  {
	float:right;
	width: 14px;
	height: 14px;
	box-shadow:none;
	border: none;
	margin-top:4px;
	margin-right:5px;
	}
#content   h3 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 1.2em;
	padding-top: 0px;
	padding-bottom: 0px;
	
	}
#content   p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	}
#content #liste {
	font-size:1.18em;
}	
#content #punkte {
	margin-left:3%;
	font-size:1em;
	line-height:1.3em;
	letter-spacing:0.04em;
}
#content .halbeSpalte #punkte {
	margin-left:5.5%;
}
#content .halbeSpalteNotdienst #punkte {
	margin-left:5.5%;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.2em;
	letter-spacing:0.03em;
}
#content p.ruecksprung a{
	visibility:hidden;
	}		
.einleitung:first-letter {  
	margin-top:4px;
	margin-bottom:-5px;
	margin-left:-8px;
	margin-right:1px;
	font-size: 3.4em;
	}		
hr {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1%;
	margin-right:1%;
	border:none;
	border-bottom-style: dotted;
	border-bottom-width:thin;
	
	display: inherit;
	clear:both;
	}	
	
	
	
	
	
/*Tabelle Impressum*/			
body,table {
	vertical-align:top;
	width:100%;
	}
#impressum {
	margin-top:0px;
	margin-left: 0px;
	margin-right:0px;
	border-collapse:collapse;
	
	}
#impressumKontakt {
	margin-top:0px;
	margin-left: 0px;
	margin-right:0px;
	border-collapse:collapse;
	color:#666666;
	}
td .impressum {
	text-align:left;
	color:#00FF00;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	}
td .impressumKontakt {
	text-align:left;
	color:#00FF00;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	width:100%;
	}
p.impressum {
	color: #333333;
	font-size:1em;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	}
	
	
#content .impressum   p {
	font-size:1em;

	}	
#content .impressumKontaktTelefon   a {
	}

#content .impressumKontaktTelefon   a:hover {
	}
	
#content .impressumKontaktEmail   a {
	}

#content .impressumKontaktEmail   a:hover {
	}	
		
#content #kontaktMuenchen #kontaktOeffnungszeiten tbody tr td p{
	max-width:200px;
	font-size:0.8em;
	font-weight:bold;
	color:#636;
	}			
/* --------------------- TYPOGRAFIE       ENDE -------------------------- */
/* --------------------- BILDER content ANFANG -------------------------- */
#content   .captionSlider {
	background: #baa067;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	letter-spacing:  0.02em;
	color: #eee;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	z-index:3;
	}
#content   .callbacks_container {
	display:inherit;
	margin: 1.5%;
	width:97%;
	border:#baa067       1px solid;
	}
#content   .callbacks_container #slider4 img {
	display:inherit;
	width: 100%;
	margin:0px;
	padding:0px;
	border:0px;
	box-shadow:none;
	}
#content   img {
	width: 100%;
	height: 100%;
	margin-top: 0%;
	margin-bottom: 0%;
	float:right;
	}	
		
#content   .caption {	
	font-size: 1.1em;
	margin-top:152px;
	margin-left:0.5%;
	margin-right:2%;
	}	
img.textfluss {
	float: right;
	
	margin-right: 20px;
	margin-bottom: 10px;	
	}
div.figure {
	float: right;
	width: 150px;
	height:150px;
	margin: 0em;
	margin-right:1%;
	margin-top: -2px;
	padding: 0em;
	padding-bottom:30px;
	}
div.figureHoch {
	float: right;
	width: 50%;
	margin: 0em;
	padding: 0em;
	}
div.figure p {
	text-align: left;
	text-indent: 0;
	margin:0px;
	padding:0px;
	}
img.scaled {
	width: 100%;
    margin:0px;
	padding:0px;
}

/* ------ both = Erzwingt in jedem Fall die Fortsetzung unterhalb. ------ */
.clearfloat {
	clear:both;
	}
/* --------------------- BILDER content   ENDE -------------------------- */
/* --------------------- SPALTEN        ANFANG -------------------------- */	
.ein-drittel {
	width: 32%;
	margin-bottom: 20px;
	float: left;
	margin-right: 2%;
	margin-left:1.5%;
	margin-top:10px;
	background-color:#eee;
	border:#baa067 solid 1px;
	}
.zwei-drittel {
	width: 62%;
	margin-bottom: 20px;
	float: left;
	margin-right:0%;
	margin-top:10px;
	background:#eee;
	border:#baa067 solid 1px;
	height:450px;
	}
	
	
	
.halbeSpalte {
	width: 47.6%;
	height:700px;
	margin-bottom: 20px;
	float: left;
	margin: 1%;
	border:#baa067 thin solid;
	}
	
.halbeSpalteNotdienst {
	width: 47.6%;
	height:700px;
	margin-bottom: 20px;
	float: left;
	margin: 1%;
	border: #baa067 thin solid;
	background-color:#E4FFCA;
	}	
.halbeSpalteReservierung {
	width: 47.6%;
	margin-bottom: 20px;
	float: left;
	margin: 1%;
	border:#636 thin solid;
	height:458px; 
	/*background:#baa067; */
	background:#eee ; 
	}	
	
#content .halbeSpalteReservierung  h2 {
	color:#636;
	border-top: #636 thin dotted;
	border-bottom: #636 thin dotted;
	}
#content .halbeSpalteReservierung  h2 span {
	color:#636;
	}
#content .halbeSpalteReservierung  p {
	color:#FFF;
	}	
	
	
		
.zwei-fuenftel {
	width: 38%;
	margin-bottom: 20px;
	margin-top:10px;
	margin-right: 3%;
	margin-left:1.5%;
	background-color:#FFFFFF;
	border:#006600 solid 1px;
	display:inline-block;
	float:left;
	}
.drei-fuenftel {
	width: 55%;
	margin-right: 0%;
	margin-top:10px;
	margin-bottom:20px;
	background:#FFFFFF;
	border:#006600 solid 1px;
	display:inline-block;
	}
.ohneabstand {
	margin-right: 0px;
	}
/* ////////gallerie Formatierung Anfang///////////// */	

#gallery li{
width:18.4%;

	}
	
/* ////////der aus der mobilen vererbten Aussenabstand für jedes zweite Bild wird für das dreispaltige Layout in der Tablet Ansicht auf normalen Aussenabstand korrigiert///////////// */	
	
#gallery li:nth-child(3n){
margin-right:2%;
	}
/* ////////jedem 3. Bild bekommt wird wieder der Aussenabstand abgezogenl///////////// */

#gallery li:nth-child(5n){
margin-right:0;
	}	

   

#gallery li img{
width:100%;
max-width:225px;
	
}



/*
#content #container #main {
	background-color: #C90;
	background:transparent;
	margin:0;
	margin-top:-100px;
	margin-bottom:-120px;
	height:100%;
	width:100%;
}
*/



/* //////// Formatierung Ende///////////// */	
/* -------------------- SPALTEN             ENDE ------------------------ */
/* -------------------- content DIV         ENDE ------------------------ */
/* -------------------- NAVIGATION BOTTOM ANFANG ------------------------ */
#navigationBottom {
	z-index:3;
	width: 100%;
	/*position: fixed;*/
	position:relative;
	right: 0px;
	bottom: 0px;
	/**/background-repeat: no-repeat;
	background-position: center;
	background-image: url(../bilder/mw-karte.jpg);
	overflow: hidden;
	}
#navigationBottom   img {
	display: inherit;
	width:700 px;
	}
#navigationBottomImage {
	position:relative;
	height: 140px;
	width: 700px;
	margin-left:auto;
	margin-right:auto;
	overflow:inherit;
	}
#navigationBottomListe {
	visibility:hidden;
	}
	







#navigationBottom   ul li a {
	display: inherit;
	}







/* Ungeordnete Liste im content OPERA GEHT NICHT - OPERA GEHT NICHT */
#navigationBottomImage ul {
	list-style: none;
	visibility:inhered;
	width:100%;
	display: inline-block;
	margin:0;
	padding:0;
	}




	
/* Anker Bilder auf Ebene 1 */
#navigationBottomImage  a img {
	height: 90px;
	width: 90px;
	padding: 3px;
	position: absolute;
	z-index: 1;
	border: 1px solid #CCC;
	background: #FFF;
	margin-top:-3px;	
}

/* Anker Bilder Mouseover auf Ebene 2 
   Bildgröße und verschiebung mittels Außenabstand */
#navigationBottomImage a:hover img {
	height: 100px;
	width: 100px;
	z-index: 2;
	margin-top: -7px;
	margin-left: -5px;
	border:#0000FF;
	border-width:medium;
	border-color: #CCCCCC;
}

/* Anker Bild 1 positioniert */
#navigationBottomImage a #b1 {
	left: 10px;
	top: 10px;
}
/* Anker Bild 2 positioniert */
#navigationBottomImage a #b2 {
	left: 128px;
	top: 10px;
}

/* Anker Bild 3 positioniert */
#navigationBottomImage a #b3 {
	left: 244px;
	top: 10px;
}

/* Anker Bild 4 positioniert */
#navigationBottomImage a #b4 {
	left: 364px;
	top: 10px;
}

/* Anker Bild 5 positioniert */
#navigationBottomImage a #b5 {
	left: 480px;
	top: 10px;
}	
/* Anker Bild 6 positioniert */
#navigationBottomImage a #b6 {
	left: 596px;
	top: 10px;
}							
/* -------------------- NAVIGATION BOTTOM   ENDE ------------------------ */

}
/* ///////////////////// Tablet(2)-Formatierung -> 1120px   Ende /////////////////// */




























/* ! ! ! ! ! ! !  4. Breakpoint (von Tablet(2) auf Desktop)  ! ! ! ! ! ! ! ! */

/* ///////////////////// Desktop-Formatierung -> 1233px Anfang //////////////////// */
#-----desktop-----bis---1920px-----{}
@media only screen and (min-width:1120px){
/* ----------------------- Gerst      Anfang ---------------------------- */
body {
	
	
	background-image: url(bilder/mytam-bg-impressum.jpg);
	background-position: center -83px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow-y:scroll;
	
	
	
	}
/* ----------------------- Gerst        Ende ---------------------------- */
/* ----------------------- Header     Anfang ---------------------------- */
#header {
	background-color: transparent;
	height: 10px;
	color: #FFF;
	padding: 0px;
	text-align: center;
	position: relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	left:0px;
	}	
/* ----------------------- Header       Ende ---------------------------- */
/* ----------------------- Logo       Anfang ---------------------------- */
#menuekarte {
	position: fixed;

		margin-left: 880px;	left: auto;
	right: auto;
	z-index:3;	
	border-top-left-radius: 6px;
     border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;	 
	 width:160px;
	 background: #636;
	 height:230px;
	 top:460px;
	 	background-image: url(../bilder/mytay-menuekarte-desktop.jpg);
	background-repeat: no-repeat;
	}
#menuekarte a {
	width:140px;
	height:230px;
		border-top-left-radius: 6px;
     border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
	 
	 
}

#menuekarte a:hover {
	background:#636;border: thin solid #baa067;
}




#menuekarte #menuekartenseiten {
	display: inherit;
}








#logo {
	/*position: fixed;*/
	background-image: url(../bilder/mytam-logo-desktop.png);
	background-position:-16px;
	width: 320px;
	height:140px;
	z-index: 1;	
	top: -1px;
	margin-left: 720px;
	border: thin solid #baa067;
	background-color:transparent;
	z-index:5;
	}
#navigationTop #logoTop {
	color:#FFCC66;
	position: absolute;
	height: 25px;
	width: 25px;
	margin-left: 240px;
	top: -1px;
	background-image:url(../bilder/erpoint-logo-plus-desktop.png);
	background-repeat:no-repeat;

	}	
#info {
	position: fixed;
	width: 160px;
	height: 280px;
	z-index: 1;		
	font-size:1em;
	top: 161px;
	left: auto;
	right: auto;	
	margin-left: 880px;	
	border: thin solid #baa067;
	/*border-bottom-right-radius:8px;
	background-position: 0px -20px;
	background-image: url(../bilder/erpoint-aufspeerdienst.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;*/
	/*background:-moz-linear-gradient(24% 69% 71deg, #7D5B2D, #C89E64 45%);*/
	}	
	
#info a {
	font-weight: normal;
	font-style:normal;
	font-size:1em;
	line-height:1.1em;
	letter-spacing:0.01em;
	text-align:left;
	text-decoration:none;
	padding:0px;
	padding-top:20px;
	padding-right:0px;
	margin-right:0px;
	padding-left:4px;
	float:left;
	width:100%;
	height:300px;
	margin-top:20px;
}

#navigationTop #info .adresseAusblenden{
	visibility: inherit;
}



#infoLink {
	position: relative;
	width: 160px;
	height: 50px;
	z-index: 1;
	background-color: #eee;
	font-size:1em;
	top: 230px;
	left: auto;
	right: auto;	
	margin-left: 880px;	
	border: thin solid #baa067;
	margin-top:10px;
	/*background:-moz-linear-gradient(24% 69% 71deg, #7D5B2D, #C89E64 45%);*/
	}	
	
#infoLink a {
font-family:"Courier New", Courier, monospace;
	font-weight: normal;
	font-style:normal;
	font-size:0.8em;
	line-height:1.1em;
	letter-spacing:0.01em;
	text-align:left;
	text-decoration:none;
	text-shadow: gray 1px 1px 2px;
	padding:0px;
	padding-top:0px;
	padding-right:0px;
	margin-right:0px;
	padding-left:0px;
	color:#666666;
	float:left;
	width:100%;
	height:40px;
	margin-top:-30px;
}








#navigationTop #info address {
	font-style: italic;
	font-size:0.7em;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:-40px;
}









#navigationTop #social #network {
	right:auto;
	left:auto;
	margin-left:880px;
	width:160px;
	height:40px;
	bottom:-1px;
	border: thin solid #baa067;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	
	background:#636;
	z-index:4;
	}	

#navigationTop #header #social #network .xing-einzeln a {
	margin-left:7px;
	}
#navigationTop #header #social #network .tw-einzeln a {
	margin-left:7px;
	}	
#navigationTop #header #social #network .fb-einzeln a {
	margin-left:7px;
	}
#navigationTop #header #social #network .gp-einzeln a {
	margin-left:7px;
	}			
/* ----------------------- Logo         Ende ---------------------------- */
/* ------------------- Navigation Top   Anfang -------------------------- */
#navigationTop {
	height: 130px;
	background-image:none;
	overflow: visible;
	border:none;
	background:none;
	
	
	background-image: url(../bilder/mytam-head-desktop.png);
	background-position: center center;
	

	
	}
	
#navigationTopListe {
	min-width: 600px;
	width: 600px;
	background: transparent;
	margin-bottom:0px;
	margin-top:70px;
	margin-left:150px;
	margin-right:0;
	right:inherit;
	border:thin solid #baa067;
	border:none;
	}
		
	
#navigationTop   ul {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	text-align: left;
	z-index: 2;
	margin-top:127px;
	}
#navigationTop   ul li {
	display: inline;
	margin-top: 110px;

	}
#navigationTop   ul li:hover {
	}
#navigationTop   ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display:inline;	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 5px;
	}
#navigationTop   ul li a:hover {
	color: #FFFF00;
	}
	

	
/* ------------------- Navigation Top     Ende -------------------------- */
/* ------------------- content          Anfang -------------------------- */
#content {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	margin-top:160px;
	}
	
	
	
	
	
	
	
	
	
	
/* ------------------- GEHT NICHT -- GEHT NICHT -------------------------- */	
#content   h1 {
	font-size: 2.5em;
	padding-top: 8px;
	margin-bottom:5px;
	background-color: transparent;
	}	
	
	
	
	
	
	
	
#content   h2 img  {
	float:right;
	width: 14px;
	height: 14px;
	box-shadow:none;
	border: none;
	margin-top:4px;
	margin-right:5px;
	}
#content   img {
	width: 100%;
	height: 100%;
	/*border: thin solid #CCCCCC;
	box-shadow:3px 3px 3px 0px #ccc;*/
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	}
	
	

#content #container #main {
	background-color: #C90;
	background:transparent;
	margin:0;
	margin-top:-100px;
	margin-bottom:-120px;
	height:100%;
}


#navigationTop #header #info .slide  {
	line-height:1.3em;
	
	}

		
#contentNEU NEU   img {
	width: 150px;
	height: 150px;
	height: auto;
	border: thin solid #CCCCCC;
	box-shadow:3px 3px 3px 0px #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	}	
	
#content .halbeSpalte #punkte {
	margin-left:6.5%;
}
#content .halbeSpalteNotdienst #punkte {
	margin-left:6.5%;
}
.halbeSpalte {
	height:700px;
	}
.halbeSpalteNotdienst {
	height:700px;
	}	
#slider4   p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	margin-right: 0px;
	margin-left: 0px;
	}
#slider4   img {
	width: 700px;
	height: auto;
	border: none;
	box-shadow:none;
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: 0;
	margin-right:0;
	padding-bottom:0px;
	}
hr {
	/*display: none;*/
	}	
	
	
div.figure {
	float: right;
	width: 150px;
	height:150px;
	margin: 0em;
	
	margin-top: -8px;
	margin-bottom:50px;
	margin-right:3px;
	margin-left:2%;
	padding: 0em;
	}
div.figure p {
	text-align: left;
	text-indent: 0;
	margin:0px;
	
	padding:0px;
	}
img.scaled {
	width: 100%;
    margin:0px;
	padding:0px;
}
#content #kontaktMuenchen #kontaktOeffnungszeiten tbody tr td p{
	font-size:0.9em;
	font-weight:bold;
	color:#636;
	}
#content .halbeSpalte .figure .caption {
	margin-top:160px;}		
/* ------------------- content             Ende -------------------------- */
/* ------------------- Navigation Button Anfang -------------------------- */
#navigationBottom {
	width: 100%;
	right: 0px;
	bottom: 0px;
	}
/* ------------------- Navigation Button   Ende -------------------------- */
#content   .callbacks_container {
	margin-top:72px;
	}
}
/* ///////////////////// Desktop-Formatierung -> 1233px   Ende //////////////////// */