/* =========================================================
Basic-Stylesheet Projectname: Metzger-Innung München

Media: screen
Date: 26. Februar 2009
Author: Andreas M. Helge
Web: www.formspiel.de
========================================================== */

/* ===== non-showable ===== */
#printHeader, ul#menu dfn {display: none;}

/* ===== reset ===== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
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;}

/* ===== general ===== */
body {font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 16px; color: #4d4e53; background: #e1d9c8 url(images/bgr_stripe.png) repeat;}
h1 {font: bold 16px/20px Arial, Verdana, sans-serif; color: #931672; padding: 8px 10px; border: 1px solid #5b8424; background-color: #fff;}
.c1 h1 {color: #e2001a; border: 1px solid #008698;}
.c2 h1 {color: #0077b7; border: 1px solid #f68b10;}
.c3 h1 {color: #5b8424; border: 1px solid #583119;}
.c4 h1 {color: #f68b10; border: 1px solid #931672;}
.c5 h1 {color: #931672; border: 1px solid #5b8424;}
.c6 h1 {color: #583119; border: 1px solid #0077b7;}
h2 {font: bold 14px/16px Arial, Verdana, sans-serif; color: #931672; margin:15px 0 5px 0px;}
.c1 h2 {color: #e2001a;}
.c2 h2 {color: #0077b7;}
.c3 h2 {color: #5b8424;}
.c4 h2 {color: #f68b10;}
.c5 h2 {color: #931672;}
.c6 h2 {color: #583119;}
h3 {font: bold 12px/15px Arial, Verdana, sans-serif; color: #333; margin:15px 0 0 0px;}
p {margin: 6px 0;}
p.tiny {font-size: 9px;}
.error {color: #e2000f;}

hr.gap {border: 0px; border-top:solid #fff 2px; /*FF Opera*/ border-bottom: solid 1px #FFFFFF;/*IE*/}
.c1 hr.bottom {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 2px #008698;/*IE*/ margin-top: 15px;}
.c2 hr.bottom {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 2px #f68b10;/*IE*/ margin-top: 15px;}
.c3 hr.bottom {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 2px #583119;/*IE*/ margin-top: 15px;}
.c4 hr.bottom {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 2px #931672;/*IE*/ margin-top: 15px;}
.c5 hr.bottom {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 2px #5b8424;/*IE*/ margin-top: 15px;}
.c6 hr.bottom {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 2px #0077b7;/*IE*/ margin-top: 15px;}

a:link, a:visited {color:#0055a0; text-decoration: none;}
a:hover, a:active {color:#013c70; text-decoration: underline;}

.c1 a:link, .c1 a:visited {color:#008698; text-decoration: none;}
.c1 a:hover, .c1 a:active {color:#e2001a; text-decoration: underline;}

.c2 a:link, .c2 a:visited {color:#f68b10; text-decoration: none;}
.c2 a:hover, .c2 a:active {color:#0077b7; text-decoration: underline;}

.c3 a:link, .c3 a:visited {color:#583119; text-decoration: none;}
.c3 a:hover, .c3 a:active {color:#5b8424; text-decoration: underline;}

.c4 a:link, .c4 a:visited {color:#931672; text-decoration: none;}
.c4 a:hover, .c4 a:active {color:#f68b10; text-decoration: underline;}

.c5 a:link, .c5 a:visited {color:#5b8424; text-decoration: none;}
.c5 a:hover, .c5 a:active {color:#931672; text-decoration: underline;}

.c6 a:link, .c6 a:visited {color:#0077b7; text-decoration: none;}
.c6 a:hover, .c6 a:active {color:#583119; text-decoration: underline;}

.left {float: left;}
.imgLeft {float: left; margin: 0 10px 10px 0;}
.imgRight {float: right; margin: 0 0 10px 10px;}
.right {float: right;}
.clear {clear: both; height: 0px;}

table {margin: 10px 0;}
table, td, th {/* border: 1px solid #aaa9b0; */}
tfoot tr td {font-size: 11px; font-style: italic;}
tbody tr:hover {background-color: white;}
td, th {padding: 1px 5px;}
th {background-color: #f9fadb;}

ul {margin-left: 20px;}
ul li {list-style: url(images/ul_bullet.gif)}
.c1 ul li {list-style: url(images/ul_bullet_c1.gif)}
.c2 ul li {list-style: url(images/ul_bullet_c2.gif)}
.c3 ul li {list-style: url(images/ul_bullet_c3.gif)}
.c4 ul li {list-style: url(images/ul_bullet_c4.gif)}
.c5 ul li {list-style: url(images/ul_bullet_c5.gif)}
.c6 ul li {list-style: url(images/ul_bullet_c6.gif)}

/* ===== layout ===== */
#container {width: 852px; position: absolute; left: 50%; top: 20px; right: auto; bottom: auto; margin-left: -426px; background: #fff url(images/bgr_container.gif) repeat-y; border-top: 1px solid #e2000f; border-bottom: 1px solid #e2000f;}

#header {height: 160px; width: 848px; margin: 1px 1px 10px 2px; line-height: 0;}
#leftColumn {float: left; width: 160px; margin-right: 10px; overflow-x: hidden;}
#content {float: left; width: 430px; margin-right: 10px; background-color: #f6f4ef; /* background-color: #f6f6f6; */}
#rightColumn {float: left; width: 240px;}

/* ===== navigation ===== */
ul#menu {padding: 1px 0; margin: 0 0 15px 0;}
.c1 ul#menu {background: #fff url(images/bgr_menu_c1.gif) repeat-y;}
.c2 ul#menu {background: #fff url(images/bgr_menu_c2.gif) repeat-y;}
.c3 ul#menu {background: #fff url(images/bgr_menu_c3.gif) repeat-y;}
.c4 ul#menu {background: #fff url(images/bgr_menu_c4.gif) repeat-y;}
.c5 ul#menu {background: #fff url(images/bgr_menu_c5.gif) repeat-y;}
.c6 ul#menu {background: #fff url(images/bgr_menu_c6.gif) repeat-y;}

ul#menu li {line-height: 25px; font-weight: bold; background: #fff url(images/bgr_menu_link.gif) repeat-y; list-style-image: none; list-style-type: none;}
ul#menu li a {display: block; width: 100%; height: 25px; text-indent: 20px; color: #333;}
ul#menu li ul {margin: 0px;}
ul#menu li ul li {font-weight: normal;}
ul#menu li ul li a {text-indent: 25px;}

ul#menu li.current {width: 100%; text-indent: 20px; color: #fff;}
.c1 ul#menu li.current {background: transparent url(images/bgr_menu_current_c1.gif) no-repeat;}
.c2 ul#menu li.current {background: transparent url(images/bgr_menu_current_c2.gif) no-repeat;}
.c3 ul#menu li.current {background: transparent url(images/bgr_menu_current_c3.gif) no-repeat;}
.c4 ul#menu li.current {background: transparent url(images/bgr_menu_current_c4.gif) no-repeat;}
.c5 ul#menu li.current {background: transparent url(images/bgr_menu_current_c5.gif) no-repeat;}
.c6 ul#menu li.current {background: transparent url(images/bgr_menu_current_c6.gif) no-repeat;}
ul#menu li ul li.current {text-indent: 20px;}

ul#menu a:visited, a:link {}
ul#menu a:hover {background: url(images/bgr_menu_hover.gif) repeat-y;}

/* ===== content ===== */
#cntWrapper {padding:10px;}

/* ===== members ===== */

ul.members {margin: 20px 0 0 20px; padding: 0;}
ul.members li {margin-bottom: 5px; list-style-type: none; font-weight: bold;}
ul.members li a {}
ul.members li span {font-size: 10px; font-style: italic;}

.membersSummeryNavi {}
hr.membersSummery {margin: 5px 10px; border: 1px dotted #e1d9c8;}

td, th {padding: 3px 5px;}
th {background-color: #fff; padding: 5px;}
th.f-brand {width: 10px}
th.summaryMembersInfo {width: 320px}
th.link {}
td span, th span {color: #e2001a; font-style: italic;}
td em {font-size: 11px; margin-top: 3px;}
tr {border-bottom: 1px dotted #e1d9c8;}

td div.board {margin-bottom: 5px;}

/* ===== members detail ===== */
img.companyLogo {float: right;}


/* ===== boxes ===== */
.boxHead {line-height: 10px; padding:0; margin-bottom: 2px;}
.boxHead span {margin-left: 8px; padding: 0 3px; background-color: #fff; color: #f6f6f6; text-transform: uppercase;}
	.c1 .boxHead {background: #fff url(images/bgr_h3_c1.gif) top repeat-x;}
	.c2 .boxHead {background: #fff url(images/bgr_h3_c2.gif) top repeat-x;}
	.c3 .boxHead {background: #fff url(images/bgr_h3_c3.gif) top repeat-x;}
	.c4 .boxHead {background: #fff url(images/bgr_h3_c4.gif) top repeat-x;}
	.c5 .boxHead {background: #fff url(images/bgr_h3_c5.gif) top repeat-x;}
	.c6 .boxHead {background: #fff url(images/bgr_h3_c6.gif) top repeat-x;}
	.c1 .boxHead span {color: #008698;}
	.c2 .boxHead span {color: #f68b10;}
	.c3 .boxHead span {color: #583119;}
	.c4 .boxHead span {color: #931672;}
	.c5 .boxHead span {color: #5b8424;}
	.c6 .boxHead span {color: #0077b7;}

.box {padding: 10px 8px 15px 8px; margin-bottom: 15px;}
#leftColumn .box, #leftColumn .boxHead {margin-left: 10px;}
#rightColumn .box, #rightColumn .boxHead {margin-right: 10px;}

/*TODO*/.box p {margin: 6px 0;}
/*TODO*/#content .boxHead {display: none;}

.c1 .box {background-color: #cce7ea;}
.c2 .box {background-color: #fde8cf;}
.c3 .box {background-color: #ded6d1;}
.c4 .box {background-color: #e9d0e3;}
.c5 .box {background-color: #eef2e9;}
.c6 .box {background-color: #cce4f1;}

a.all {display: block; font-size: 10px;}

/* ===== login ===== */
#login legend {display: none;}
#login a.logout {color: #e2000f; font-weight: bold;}
#login ul {margin: 0px;}
#login input {margin-bottom: 10px; width: 125px;}
* html #login input {margin: 0;}
#login input.submit {width: 100px; padding: 2px 10px 3px 10px;}
* html #login input.submit {padding: 0;}

/* ===== mim-links ===== */
#mim-links {}
#mim-links p {margin-top: 0;}
dl.mim-links-cnt {margin-top: 10px;}
dl.mim-links-cnt dt {font-weight: bold;}
dl.mim-links-cnt dd {margin-bottom: 10px;}

/* ===== butcher-search ===== */
#butcherSearch {padding: 0; line-height: 0;}

/* ===== news ===== */
#news a.all {padding: 10px 10px 0 10px; font-size: 11px;}
hr.NewsPostDetailLine {margin: 5px 10px; border: 1px dotted #e1d9c8;}

.NewsSummary {margin: 7px 0;}
.NewsSummaryPostdate {font-size: 10px; color: #333;}
.NewsSummaryPostdate span.category {font-size: 10px; font-style: italic; color: #333;}
.NewsSummaryLink {font-weight: bold; color: #000;}
.NewsSummarySummary, .NewsSummaryContent {font-size: 11px; font-style: italic;}
.NewsSummarySummary a, NewsSummaryContent a {color: #000;}

.NewsSummaryExtra {}
.NewsSummaryField img {}

#NewsPostDetailTitle {}
#NewsPostDetailSummary {font-style: italic; margin-bottom: 10px;}
#NewsPostDetailContent {}
span#NewsPostDetailDate {}
#NewsPostDetailExtra {}
p#NewsPostDetailInformation {font-size: 11px; font-style: italic;}
p#NewsPostDetailInformation span {font-weight: bold;}
span#NewsPostDetailAuthor {}
span#NewsPostDetailCategory {}
#NewsPostDetailReturnLink {margin: 10px; font-weight: bold;}

/* ===== calendar ===== */
#calendar {padding-top: 0;}
#calendar p {padding:0px;}
#calendar a.all {padding: 10px 0 0 0; font-size: 11px;}
#calendar hr, .calendar-list hr {margin: 5px 0; border: 1px dotted #e1d9c8;}
.calendar-list {}
.thisMonth {font-size: 13px; font-weight: bold; text-align: center;}
.calendar-list .calendar-prev {float: left;}
.calendar-list .calendar-next {float: right;}
.calendar-list .calendar-event {margin-bottom: 7px;}
.calendar-list .calendar-date-from {}
.calendar-list .calendar-title {font-weight: bold;}
.calendar-list .calendar-summary {font-size: 11px; font-style: italic;}
.calendar-list .calendar-details {font-size: 11px; font-style: italic;}
.calendar-list .calendar-returnlink {}
hr.CalendarDetailLine {margin: 5px 0; border: 1px dotted #e1d9c8;}
.calendar-summary {font-style: italic;}
.calendar-returnlink {margin: 10px; font-weight: bold;}

/* ===== donwload ===== */
.downloadItem {border-bottom: 1px dotted #e1d9c8; padding: 10px 0;}
.downloadItem:hover {background-color: #f0f0f0;}
.downloadItem h3 {margin: 0 0 6px 0;}
.downloadItem img {float: left; margin:0 10px 2px 0; vertical-align: bottom;}
.downloadItem p {margin: 0;}
.downloadItem span {font-size: 11px; font-style: italic;}

/* ===== footer ===== */
#footer {width: 832px; margin: 10px 10px 0 10px; padding: 5px 0; border-top: 1px dotted #e1d9c8; text-align: center; font-size: 10px; line-height: 12px;}

/* ===== forms ===== */
form {}
* html legend {color: #4d4e53; background-color: #fafafa; padding: 0 2px;}

* html input, * html input {border: 1px solid #4d4e53; padding: 0px; margin: 0px;}
input, textarea {border: 1px solid #4d4e53; padding: 2px 3px;}

* html .contactform legend {color: #4d4e53; background-color: #fafafa; padding: 0 2px;}
.contactform fieldset, #mim-route fieldset {width: 390px; margin: 10px 0; padding: 0 10px 10px 10px; border: 1px dotted #e1d9c8; background-color: white;}
.contactform legend, #mim-route legend {font-weight: bold;}
.contactform label, #mim-route label {display: block; margin-top: 10px;}
.contactform input, #mim-route input {width: 200px;}
.contactform textarea {width: 300px;}
.contactform select {border: 1px solid #4d4e53;}
.contactform span.error {padding-left: 5px; font-weight: bold;}
.error_message {color: #e2000f;}
.error_message ul li {list-style-image: none; list-style-type: circle;}