/* CSS für Maier Grill */

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Navigationshilfen für Barrierefreiheit ausblenden */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}


/* Styles Startseite */

body {font-family: "Helvetica", "Arial", "Verdana"; font-size: 12px; background: #ebebeb; overflow-y: auto; height: 100%; color: #666666;}

span {font-weight: bold; color: #F00;}

div#inhalt a span {font-weight: bold; color: #F00;}

p {}

.home {float: left;}

a {color: #666; text-decoration: none;}

a.active {color: #0044CC;}

a:hover {color: #0044CC;}

em {font-weight: bold;}

strong {font-weight: normal; color: #555555;}

a:hover strong {color: #0044CC;}

.kursiv {font-style: italic;}

div#page {width: 740px; margin: 0 auto 0 auto; background: #FFFFFF; padding-bottom: 10px;}

div#background {background: #FFF; overflow: hidden; width: 740px;}

div#header {height: 96px; width: 739px; margin-top: 20px; position: fixed; z-index: 200; border-right: 1px solid #DDD; border-left: 1px solid #DDD;}

div#header a {display: block; width: 740px; height: 96px;}

div#Logo {margin-left: 0px; background: url('../bilder/catering_navi/maier_grill_logo.gif') no-repeat 3px 0px #FFF; width: 180px; height: 70px; z-index: 20; padding: 0px; margin-top: 20px;}

div#wrapper {position: absolute; margin-left: 180px; margin-top: 96px; width: 560px; background: #FFFFFF; border-right: 1px solid #DDD;}

div#Globalnavi {width: 734px; height: 16px; position: fixed; background: url('../bilder/catering_navi/maier_gill_global_bg.gif'); z-index: 100; padding: 4px 0px 0px 5px; font-size: 10px; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}

div#breadcrumbs {color: #999; padding-left: 15px; font-size: 10px; margin-top: -20px; position: absolute;}

div#Navigation {width: 180px; height: 100%; position: fixed; background: url('../bilder/catering_navi/catering_menu_bg.jpg') no-repeat #FFFFFF; float: left; z-index: 10; margin: 0px; margin-top: 100px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; padding-top: 10px;}

div#Logo {margin-left: 0px; background: url('../bilder/catering_navi/maier_grill_logo.gif') no-repeat 3px 0px #FFF; width: 180px; height: 70px; z-index: 20; padding: 0px; margin-top: 20px;}

div#Globalnavi h1 {margin-left: 270px; display: block; position: absolute; color: #999999; height: 100%}

div#Spalte1 {width: 181px; height: 850px; padding: 2px; background: #ebebeb; float: left;  border-right: 1px solid #DDD; text-align: center;}

div#Spalte2 {width: 182px; height: 850px; padding: 2px; float: left; border-right: 1px solid #DDD;  text-align: center;}

div#Spalte3 {width: 183px; height: 850px; padding: 2px; background: #ebebeb; float: left;  text-align: center;}

div#Spalte4 {width: 182px; height: 850px; padding: 2px; float: left;}

div#Footer {margin-top: 30px; text-align: center; font-size: 10px; color: #666666; height: 100%; width: 540px; height: 150px; padding-left: 20px;}


div#breadcrumbs p {float: left; padding-right: 5px; }

div#breadcrumbs li {float: left; padding-right: 1px;}

div#breadcrumbs a:hover {text-decoration: underline;}

div#Globalnavi p {text-align: left; float: left;}

div#Globalnavi a {color: #999;}

div#Globalnavi a.active {color: #0044CC;}

div#Globalnavi a.home:hover {color: #999; text-decoration: underline;}

div#Globalnavi ul.menu {float: right; padding-right: 10px;}

div#Globalnavi ul {margin-left: 145px; display: block;}

div#Globalnavi li {float: left; padding-left: 3px; }

div#Sprachen li {float: left; margin-top: 45px;}

div#Sprachen .pfeil1 {color: #666666; text-decoration: none; font-weight: bold; padding-left: 40px; line-height: 20px; background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 30px;}

div#Sprachen a:hover {color: #0044CC; }


div#film a {position: relative; margin: 20px 0px 0px 30px; width: 122px; height: 83px; background: url('../bilder/catering_film/catering_film.jpg'); display: block;}

div#film a:hover {background: url('../bilder/catering_film/catering_film_over.jpg')}


div#Navigation .pfeil {color: #666666; text-decoration: none; padding-left: 40px; line-height: 20px; background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 30px;}

div#Navigation .pfeilactive {color: #0044CC; text-decoration: none; padding-left: 40px; line-height: 20px; background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 30px;}

div#Navigation .logo {margin: 5px 0 0 10px;}

div#Navigation div#mglogo a {position: absolute; text-indent: -999em; background: url('../bilder/catering_navi/catering_grill_logo.gif') 3px 10px no-repeat; width: 183px; height: 70px;}

div#Navigation li {font-size: 14px; font-weight: normal;}

div#Navigation li:hover {}

div#Navigation ul {margin-top: 20px;}

div#Navigation a:hover {color: #0044CC;}

div#Navigation .naviabstand {margin-top: 20px;}


div#inhalt {margin-top: 10px;}

div#inhalt a {text-decoration: none; color: #666666; text-align: center;}

div#inhalt a:hover {color: #0044CC;}

div#inhalt img {display: block; margin: 20px auto 20px auto; padding: 3px; background: #EEE; border: 1px solid #CCC;}

div#inhalt img:hover {border: 1px solid #0044CC;}

div#inhalt h3 {font-size: 14px; font-weight: normal; color: #666666; line-height: 30px; margin-left: 5px; margin-top: 10px;}

div#inhalt p {}

div#text h3 {margin-left: 0px;}

div#inhalt h3 {margin-bottom: 5px;}

div#inhalt h3 a {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px 9px; padding-left: 10px; line-height: 22px; color: #0044CC; font-size: 22px;}

.cta {display: block; background: url('../bilder/catering_start/partyservice_offerte_cta.gif') no-repeat; width: 121px; height: 20px; text-indent: -999em; margin-left: 30px; margin-top: 10px; margin-bottom: 10px;}

.cta:hover {display: block; background: url('../bilder/catering_start/partyservice_offerte_cta_over.gif') no-repeat;}


.ctacontent {display: block; float: left; background: url('../bilder/catering_start/partyservice_offerte_cta.gif') no-repeat; width: 121px; height: 20px; text-indent: -999em; margin-left: 10px;}

.ctacontent:hover {display: block; background: url('../bilder/catering_start/partyservice_offerte_cta_over.gif') no-repeat;}


.ctabildercontent {display: block; float: left; background: url('../bilder/catering_start/partyservice_bilder_cta.gif') no-repeat; width: 121px; height: 20px; text-indent: -999em;}

.ctabildercontent:hover {display: block; float: left; background: url('../bilder/catering_start/partyservice_bilder_cta_over.gif') no-repeat;}


.ctafilmcontent {display: block; float: left; background: url('../bilder/catering_start/partyservice_film_cta.gif') no-repeat; width: 121px; height: 20px; text-indent: -999em; margin-left: 10px;}

.ctafilmcontent:hover {display: block; background: url('../bilder/catering_start/partyservice_film_cta_over.gif') no-repeat;}


div#inhalt .kategorie {font-weight: bold; color: #666666; margin-left: 5px; margin-top: 10px;font-size: 12px; line-height: 22px; margin-left: 0px; text-align: center;}

div#Spalte1 {padding-top: 10px;}

div#Spalte1 a:hover {color: #0044CC;}

div#Spalte2 {padding-top: 10px;}

div#Spalte2 .text {margin-top: 20px; font-weight: normal; color:#666; text-align: center; margin-left: 0px; font-style: italic; display: block;}

div#Spalte2 .text:hover {color:#0044CC}

div#Spalte2 a:hover {color: #0044CC;}

div#Spalte3 {padding-top: 10px;}

div#Spalte3 a:hover {color: #0044CC;}

div#Spalte4 p {color: #666666;}

div#Spalte4 a {font-size: 9px;}

div#Spalte4 .datum {font-size: 9px; border-top: 1px solid #F00; width: 60px; margin: 20px auto 0px auto; padding-top: 5px;}

div#Spalte4 .bild {margin-top: 5px; margin-bottom: 10px;}

div#Spalte4 a p:hover {color: #0044CC;}

.border {border-top: 0;}

div#Footer p {margin-top: 20px; text-align:center}

div#Footer ul {margin-top: 20px;}

div#Footer ul li {display: inline; text-align: center; padding: 0px 1px 0px 1px;}

div#Footer ul li a {text-decoration: none; color: #666666;}

div#Footer ul li a:hover {color: #0044CC;}

.clearfix {clear: both;}

.abstandhalter {height: 10px; display: block;}

.abstand {margin-top: 10px;}

.center {text-align: center;}

div#text p.center {text-align: center;}

div#text h3 {padding-top: 10px;}

div#text img.center {margin: 0 auto 0 auto;}

div#text h3.offerte {margin-top: 0px;}


/* Hacks für IE6 */

*html body {height: 100%; overflow: hidden;}

*html #page {position: relative; height: 4500px; width: 740px; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}

*html div#header {height: 96px; width: 740px; margin-top: -3px; position: absolute; z-index: 200; border:0px;}

*html div#header a {display: block; width: 740px; height: 96px;}

*html div#Navigation {position: absolute; left: 0px; top: 0px; overflow: hidden; height: 100%; margin-top: 116px; z-index: 100; border: 0px;}

*html div#Globalnavi {position: absolute: left: 0px; top: 20px; height: 19px; width: 740px; padding-bottom: 0px; margin-bottom: 0px; border-left: 0px;}

*html div#Globalnavi h1 {margin-left: 110px; display: block; position: absolute; color: #999999;}

*+html div#Globalnavi h1 {margin-left: 110px; display: block; position: absolute; color: #999999;}

*html div#wrapper {position: absolute; left: 0px; top: 2px; margin-top:100px; padding-top: 0px;}

*html #inhalt {position: absolute; left: 0px; top: -0px; margin-top:0px; padding-top: 0px; border-left: 1px solid #DDD;}

*html #text {position: relative; top: 0px;}

*html #background {height: auto; width: auto;}

*html #Sprachen {display: none;}

*html div#Navigation h1 a {z-index: 50}

*html #film {position: relative; z-index: 50; margin-top: 0px;}

*html select {margin: 0px; margin-top: 5px; margin-bottom: 5px; width: 205px;}

*html input {margin-top: 5px; margin-bottom: 5px; width: 197px;}

*html textarea {margin-left: 253px; padding: 0px; height: 90px; margin-top: -13px; width: 235px;}

*html #absenden {margin-left: 253px;}

*html .subnavioben {height: 20px; position: relative;  font-size: 12px; padding-top: 7px; border-bottom: 1px solid #F00; border-top: 1px solid #F00; background: #FFF; margin-left: 10px; margin-right: 10px; margin-top: 20px;}

*html div#Navigation ul {margin-top: 20px;}

*html div#Spalte3 {width: 182px; height: 750px; padding: 2px; float: left;}

*html .team {width: 165px; float: left; margin-top: 20px; margin-left: 8px;}

*html div#text .team img {margin-bottom: 5px;}

*html div#text .referenz {width: 340px; height: 100%; font-weight: bold; margin-top: 30px; text-align: center;}

*html div#text .referent {width: 340px; height: 100%; margin-top: 3px; font-size: 10px; text-align: center;}

*html div#text .referenzrechts {width: 340px; height: 100%; font-weight: bold; margin-top: 30px; float: right; text-align: center; margin-right: 10px;}

*html div#text .referentrechts {width: 340px; height: 100%; margin-top: 3px; font-size: 10px; float: right; text-align: center; margin-right: 10px;}

*html div#Spalte3 {height: 860px;}


*html div#breadcrumbs {height: 30px; position: absolute; margin-top: 10px;}

*html .subnavioben {margin-top: 30px; position: absolute}

*html div#text {position: relative; margin-top: 80px; height: auto;}

*html div#text h3.offerte {margin-top: -90px;}



*+html div#breadcrumbs {height: 30px; position: absolute; margin-top: 10px;}

*+html .subnavioben {margin-top: 30px; position: absolute}

*+html div#text {position: relative; margin-top: 80px; height: auto;}

*+html textarea {margin-left: 260px; padding: 0px; height: 90px; margin-top: -13px; width: 235px;}

*+html div#text h3.offerte {margin-top: -90px;}


/* Ende Styles Startseite */



/* Subnavigaiton */

.subnavi {height: 20px; position: relative;  font-size: 12px; padding-top: 7px; border-bottom: 1px solid #F00; border-top: 1px solid #F00; background: #FFF; margin-left: 10px; margin-right: 10px; margin-top: 40px;}

.subnavi p {float: left; color: #666; padding-left: 5px;}

.subnavi ul {margin-left: 140px;}

.subnavi ul li a {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; color: #666; padding-left: 8px;}

.subnavi a:hover {color: #0044CC;}

.subnavi ul li a.active {color: #0044CC;}

.subnavi li {float: left; padding-right: 20px; display: block}


.subnavioben {height: 20px; position: relative;  font-size: 12px; padding-top: 7px; border-bottom: 1px solid #F00; border-top: 1px solid #F00; background: #FFF; margin-left: 10px; margin-right: 10px; margin-top: 50px;}

.subnavioben p {float: left; color: #666; padding-left:5px;}

.subnavioben h3 {float: left; color: #666; padding-left:5px;}

.subnavioben ul {margin-left: 140px;}

.subnavioben ul li a {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; color: #666; padding-left: 8px;}

.subnavioben ul li a.active {color: #0044CC;}

.subnavioben a:hover {color: #0044CC;}

.subnavioben li {float: left; padding-right: 20px; display: block}

.subnavioben h3 {}

.subnavi a {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; padding-left: 8px; }

.subnavi a:hover {color: #0044CC;}

div#inhalt a.active {color: #0044CC}

div#inhalt a.active {color: #0044CC}

/* Ende Subnavigaiton */


/* Inhalt */

div#text {padding-left: 15px; height: 100%; padding-right: 5px;}

div#text a:hover {color: #0044CC;}

div#text h3 {font-weight: bold; font-size: 14px; color: #666666; margin-top: 10px;}

div#text h4 {font-weight: bold; margin-bottom: 0px;}

div#text p {text-align: left; color: #666; margin-bottom: 10px; line-height: 15px;}

div#text .pfeil {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; padding-left: 8px; font-weight: bold;}

div#text .pfeilsitemap {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; padding-left: 8px; line-height: 20px;}

div#text ul li ul li {margin-left: 20px;}

div#text a.pfeilgal  {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; padding-left: 10px; font-weight: regular; display: block; text-align: left; margin-bottom: 8px;}

div#text .bilderliste {width: 120px; padding-right: 5px; display: block; float: left; text-align: left; font-weight: normal; color: #666666;}

div#text .links {float: left; padding: 10px 20px 20px 0px; display: block}

div#text .rechts {float: right; padding: 0px 20px 20px 20px; display: block}

div#text img.rechts {padding: 5px; margin-left: 10px; margin-right: 10px; border: 1px solid #CCC; background: #EEE;}

div#text img.links {float: left; display: block; padding: 5px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #CCC; background: #EEE;}

div#text img:hover {border: 1px solid #AAA;}

div#text img {margin: 0 0 0 0;}

div#text ul {color: #666666;}

div#text ul li {margin-top: 5px;}

div#text #liste li {margin-top: 25px;}

div#text #liste li em {height: 15px; display: block;}

div#bilderrechts {width: 150px; float: right; margin-right: 20px; margin-left: 10px; height: auto;}

div#text .abstandbild {padding: 5px; margin-left: 0px; margin-bottom: 20px; border: 1px solid #CCC; background: #EEE;}

.pfeillinks {background: url('../bilder/catering_generell/catering_arrow.gif') no-repeat 0px; padding-left: 8px; }

.borderrot {border-top: 1px solid #F00; width: 510px; margin-top: 10px; margin-bottom: 10px;}

/* Formular */

textarea {height: 80px; float: left; margin: 3px 0px 3px 10px; width: 220px;}

form p {margin-left: 266px; margin-top:0px;}

legend {display: none;}

input[type="text"] {margin:5px 0px; padding: 2px; border:1px solid #999; margin-left: 10px; width: 220px;}

select {width: 227px; margin: 5px 0 5px 10px;}

input[type="radio"] {margin: 0px 0 0px 10px; width: 15px; float: left;}

label {display: block; width: 250px; float: left; margin-top: 5px;}

input[type="submit"] {margin-left: 260px; width: 150px; margin-top: 5px;}

input[type="text"]:active, input[type="text"]:focus, input[type="text"]:hover {background: #EEE; border:1px solid #F00} 

address {color: #666666;}

.tab {display: block; width: 90px; float: left; color: #666; font-weight: bold;}

.teamlinks {width: 170px; float: left; margin-top: 20px;}
div#text .teamlinks img {margin-bottom: 5px;}

.teamrechts {width: 170px; float: right; margin-top: 20px;}
div#text .teamrechts img {margin-bottom: 5px;}

.team {width: 170px; float: left; margin-top: 20px; margin-left: 8px;}
div#text .team img {margin-bottom: 5px;}

div#text p.name {margin-left: 5px;}

div#text p.teamtext {width: 180px; float: left; text-align: center; padding-top: 40px;}

div#text .referenz {width: 350px; font-weight: bold; margin-top: 30px; text-align: center;}

div#text .referent {width: 350px; margin-top: 3px; font-size: 10px; text-align: center;}

div#text .referenzrechts {width: 350px; font-weight: bold; margin-top: 30px; float: right; text-align: center; margin-right: 10px;}

div#text .referentrechts {width: 350px; margin-top: 3px; font-size: 10px; float: right; text-align: center; margin-right: 10px;}

/* Ende Inhalt */