/**********************************************************************
 * PROJECT: food-from-bavaria, trio-group, 2005
 * FILE:    css/master.css
 * --------------------------------------------------------------------
 * 20.10.2005    mtidona    Erstellung
 **********************************************************************/

/*
 * FARBEN:
 *
 * #2A4F96 = Dunkelblau
 * #E9C557 = Gold
 * #FBF376 = Hellgelb
 */


/***********************************************
 * General
 ***********************************************/

* {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table {
    font-size: 1em;
}

body  {
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  background-color: #FFFFFF;
  font-size: 0.7em;
  background-image: url(../images/global_bg.jpg);
  background-repeat: repeat-y;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #2A4F96;
  margin: 0px 0px 10px 0px;
}

h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #2A4F96;
  margin: 0px 0px 8px 0px;
}

h3 {
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic;
  color: #2A4F96;
  margin: 0px 0px 6px 0px;
}

h4 {
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  color: #2A4F96;
  margin: 0px 0px 5px 0px;
}

h6 {
    font-size: 10px;
    font-weight: bold;
}

p {
  margin: 12px 0px 12px 0px;
}

.pmargin1 {
  margin-left: 20px;
}

ul {
  list-style-type: disc;
  color: #2A4F96;
}

li {
  padding: 1px;
}

hr {
  height: 1px;
  color: #666666;
  border: none;
  border-top: 1px solid #666666;
}

div {
  /* border: 1px solid; */
}

.inactive {
    color: #CCCCCC;
}

#Content a:link     { color: #2A4F96; text-decoration: underline; }
#Content a:visited { color: #2A4F96; text-decoration: underline; }
#Content a:focus, a:hover, a:active { text-decoration: none; }


/***********************************************
 * MAIN IDs
 ***********************************************/

#LeftCol {
  position: absolute;
  width: 207px;
  margin: 0px 0px 0px 0px;
}

#TopImpressions  {
  position: absolute;
  top: 0px;
  left: 200px;
  width: 769px;
  height: 88px;
  background-color: #E9C557;
  border-right: 1px solid #2A4F96;
  background-image: url(../images/top_impressions_bg.jpg);
  background-repeat: no-repeat;
}

#TopImpressions img { padding-left: 5px; }

#TopBlue  {
  position: absolute;
  top: 88px;
  left: 200px;
  width: 769px;
  height: 22px;
  background-color: #2A4F96;
  border-right: 1px solid #2A4F96;
  border-top: 2px solid #FFFFFF;
  color: #FFFFFF;
}

#Breadcrumb  {
  position: absolute;
  top: 113px;
  left: 212px;
  width: 600px;
  height: 22px;
  padding: 4px 0px 4px 0px;
  color:#666666;
  white-space: nowrap;
}

#Breadcrumb a:link    { font-size:1em; font-weight:normal; text-decoration:none; padding-left: 11px; color:#666666; white-space: nowrap; background-image: url(../images/breadcrumb_arr.gif); background-repeat: no-repeat; background-position: center left; }
#Breadcrumb a:visited { font-size:1em; font-weight:normal; text-decoration:none; padding-left: 11px; color:#666666; white-space: nowrap; background-image: url(../images/breadcrumb_arr.gif); background-repeat: no-repeat; background-position: center left; }
#Breadcrumb a:hover   { font-size:1em; font-weight:normal; text-decoration:underline; padding-left: 11px; color:#999999; white-space: nowrap; background-image: url(../images/breadcrumb_arr.gif); background-repeat: no-repeat; background-position: center left; }


#RightMenu {
    position: absolute;
    top: 130px;
    left: 820px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 150px;
}

#RightMenu h1 {
    color: #2A4F96;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 0px 10px 7px;
}

#RightMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}
#RightMenu ul li {
    margin: 0px;
    padding: 0px;
    clear: both;
}
#RightMenu ul li a {
    display: block;
    overflow: hidden;
    font-size: 1.1em;
    padding: 6px 0px 6px 7px;
    text-decoration: none;
    color: #2A4F96;
    width: 138px;
}

#RightMenu ul li a:hover, #RightMenu ul li a:focus {
    font-size: 1.1em;
    overflow: hidden;
    padding: 5px 5px 5px 7px;
    color: #000000;
    border-bottom: 1px solid #2A4F96;
    border-top: 1px solid #2A4F96;
    background:url("../images/menu_right_arr.gif")
    no-repeat right center;
    width: 138px;
}

#RightMenu img {
    margin-right: 6px;
    margin-bottom: 6px;
    float: left;
}

#RightMenu hr {
    color: #2A4F96;
    height: 1px;
    size: 1px;
}


#Content  {
  position: absolute;
  top: 144px;
  left: 212px;
  width: 600px;
  padding: 0px;
}

#Footer  {
  clear: both;
  text-align: left;
  padding-left: 12px;
  padding-top: 4px;
  margin: 20px 0px 10px 0px;
  font-size: 0.9em;
  color: #2A4F96;
  border-top: 1px solid #2A4F96;
}

#Footer a:link, #Footer a:focus, #Footer a:visited, #Footer a:active { font-size:1em; font-weight:normal; text-decoration: none; color:#2A4F96; }
#Footer a:hover { font-size: 1em; font-weight: normal; text-decoration: underline; color: #000000; }


/***********************************************
 * ELEMENTS
 ***********************************************/

.ContentRightElement {
  padding: 3px 0px 0px 3px;
  border-bottom: 1px solid #CC3333;
  border-left: 1px solid #CC3333;
  background-color: #FFEFB1;
  width: 145px;
}
.centered {
  text-align: center;
}

.ContentRightElement p.text {
  font-size: 0.9em;
  text-align: justify;
  line-height: 1.1em;
  padding: 0px 5px 0px 5px;
}

#Alert {
  font-size: 1.2em;
  font-weight: bold;
  color: #CC3333;
}


/***********************************************
 * FORMS AND FORM ELEMENTS
 ***********************************************/

input, select, textarea {
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-top: 5px;
}

.button {
  border: 1px solid #666666;
  background-color: #CCCCCC;
}

label {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
  float: left;
  width: 18em;
  padding-right: 15px;
  white-space: nowrap;
  margin-top: 5px;
}

fieldset {
  border: none;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  margin: 25px 0px 25px 0px;
  padding: 15px;
}

legend {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px;
  color: #2A4F96;
}

/***********************************************
 * LISTS
 ***********************************************/

.mehrLink {
  text-align: right;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
}

a.mehr:link, a.mehr:visited, a.mehr:hover {
  text-decoration: none;
  padding: 1px;
  padding-right: 15px;
  background-color: #CC3333;
  color: #FFFFFF;
  background-image: url(../images/icon_mehr.gif);
  background-repeat: no-repeat;
  background-position: center right;

}

.ListeRow {
  border: 1px solid #CC3333;
  margin: 4px;
  padding: 4px;
}

.ListeRightMore {
  float: right;
  position: relative;
  bottom: 9px;
  right: -4px;
}

.backLink {
  margin: 20px 0px 20px 0px;
  text-align: left;
  color: #FFFFFF;
  border-bottom: 1px solid #666666;
}

a.back:link, a.back:visited, a.back:hover {
  text-decoration: none;
  padding: 1px;
  padding-left: 15px;
  padding-right: 5px;
  background-color: #2A4F96;
  color: #FFFFFF;
  background-image: url(../images/icon_back.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

.listArr {

    list-style-image: url(../images/icon_list_arr.gif);
}

.listArr a:link, a:visited, a:hover {
    color: #CC3333;
}

.little {
    font-size: 0.9em;
}

.down img {
}

.down p {
    font-size: 0.9em;
    line-height: 1.5em;
    text-decoration: none;
    padding-left: 0px;
}

.down a:link, .down a:focus, .down a:visited, .down a:active { font-size:1em; font-weight:normal; text-decoration: none; color:#2A4F96; }
.down a:hover {
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
    color: #000000;
}
#RightMenu .down p a {
    float: left;
    width: 130px;
    margin-bottom: 5px;
}

a {
    font-weight: bold;
}

.listSchmankerl,
.listSchmankerlTop  {
    color: #000000;
}

.listSchmankerlTop  {
    margin-left: 230px;
    width: 300px;
}


/***********************************************
 * TEASERBLOCS & IMAGEBLOCKS
 ***********************************************/

 h5 {
     font-size: 1.4em;
    font-weight: bold;
    margin: 5px 5px 5px 0px;
    color: #2A4F96;
}

.leftTeaserBlock {
     width: 290px;
     float: left;
}

.rightTeaserBlock {
     width: 290px;
     float: right;
}

#blockImageLeft, #blockImageRight, #blockImageNone {
    height: 100%;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    margin-bottom: 15px;

}

#blockImageLeft img {
    margin: 5px 5px 5px 0px;
    float: left;
}

#blockImageLeft p, #blockImageRight p, #blockImageNone p {
  margin: 0px 5px 15px 0px;
  line-height: 1.3em;
 }

#blockImageRight img {
    margin: 5px 5px 5px 5px;
    float: right;;
}

#blockImageRight a, #blockImageLeft a, #blockImageNone a{
    display: block;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 0.9em;
    color: #2A4F96;
    font-weight: bold;
    background-image: url(../images/icon_list_arr.gif);
    background-repeat: no-repeat;
    background-position: left 50%;
}

/***********************************************
 * picture-download
 ***********************************************/

#fontInBlock {
    float: left;
    width: 60%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    padding-left: 5px;
}

 #imageBlock {
     height: 200px;
    width: 31%;
    float: left;
    margin: 10px 5px 10px 5px;
}

 #imageInBlock {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

#imageBlock img {
    float: left;
}


/***********************************************
 * ADRESSBLOCS
 ***********************************************/

 .leftAdresses {
     width: 290px;
     float: left;
    display: block;
}

.rightAdresses {
    width: 290px;
     float: right;
    display: block;
}



/***********************************************
 * Lists / Admin-Area
 ***********************************************/
.mini        { font-size: 0.8em; }
.tr_special  { background-color:#2A4F96; color:#FBF376; }
.tr_highlight{ background-color:#FFDBDB; color:#993300; }
.tr_even     { background-color:#E5ECFF; }
.tr_odd      { background-color:#F4F7FF; }
.alert           { color:#993300; font-weight:bold; }
.alertfield      { background-color:#FFDBDB; color:#993300; }
.important_red   { color:#993300; font-weight:bold; }
.important_green { color:#669933; font-weight:bold; }
.imp_mini        { color:#2A4F96; font-weight:bold; font-size: 0.8em; }