/*   -----------------------------------------------------   */
/*    styles.css für www.abc-automatenbetriebscatering.de    */
/*      blau: #111144;                                       */
/*   -----------------------------------------------------   */

/* * { border:0; padding:0; margin:0; font-family:Verdana,Arial,Sans Serif,Helvetica; } */

body,img,div { border:0; padding:0; margin:0; font-family:Verdana,Arial,Sans Serif,Helvetica;}

body, p, a, h1, h2, h3 , tr  , td { 
  font-family:Verdana,Arial,Sans Serif,Helvetica;        
  font-size:09pt; 
  font-weight:normal;
  font-style:none;
  text-decoration:none;
  color:#111144; 
  border:0px; 
  margin:0px; 
  padding:0px;
  text-align:left; 
}

text, textarea
{ font-family:Verdana,Arial,Sans Serif,Helvetica;        
  font-size:09pt; 
  font-weight:normal;
  font-style:none;
  text-decoration:none;
  color:#111144; 
  text-align:left; 
  padding:2px;
}

.einrueck {
  margin-left:  09Px;
  text-indent: -9Px;
  margin-top:  15Px;
  margin-bottom:  15Px;
}

td {
  padding:5px;
}

.td_links {
  color:#880000;
  vertical-align:top;
  text-align:center;
}

h1   { font-size:12pt; 
       font-weight:bold;}
h2   { font-size:11pt; 
       font-weight:bold;}
h3   { font-size:10pt; 
       font-weight:bold; }

sup   { font-size:5pt;
        line-height:100% 
}

.frage {
  font-weight:bold;
color:#114;
}


a:link,a:visited,a:hover,a:active { font-size:09pt;color:#111144; font-weight:none; text-decoration:none;}
a:hover,a:active                  { color:#cc0000; }

a.navigation1:link,a.navigation1:visited,a.navigation1:hover,a.navigation1:active
  { font-size:08pt;color:#111144; font-weight:none; text-decoration:none;
    border-top:   1px solid #ffffff;
    border-left:  1px solid #ffffff;
    border-right: 1px solid #888888;
    border-bottom:1px solid #888888;
    padding-left:5px;padding-right:5px;
    padding-top:1px;padding-bottom:1px;
  }
a.navigation1:hover,a.navigation1:active,a.navigation1_sel:link,a.navigation1_sel:visited,a.navigation1_sel:hover,a.navigation1_sel:active
  { font-size:08pt; font-weight:none; text-decoration:none;  color:#ffff00 ; 
    background-color: #cc0000; 
    /* background-color: #bbbbbb;*/ 
    border-top:   1px solid #888888;
    border-left:  1px solid #888888;
    border-right: 1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding-left:5px;padding-right:5px;
    padding-top:0px;padding-bottom:0px;
}


a.small:link,a.small:visited,a.small:hover,a.small:active 
   { font-size:08pt;color:#aaa; font-weight:none; text-decoration:underline; }
a.small:hover,a.small:active                  { color:#c00; }

a.text-link-small:link,a.text-link-small:visited,a.text-link-small:hover,a.text-link-small:active { font-size:08pt;color:#111144; font-weight:none; text-decoration:none; padding-left:9px; background:  url(../images/arrow_red_09.gif) no-repeat left;}
a.text-link-small:hover,a.text-link-small:active                  { color:#cc0000; }

a.text-link:link,a.text-link:visited,a.text-link:hover,a.text-link:active { font-size:09pt;color:#111144; font-weight:none; text-decoration:none; padding-left:9px; background:  url(../images/arrow_red_09.gif) no-repeat left;}
a.text-link:hover,a.text-link:active                  { color:#cc0000;}

a.fragen:link,a.fragen:visited,a.fragen:hover,a.fragen:active
 { font-size:10pt;color:#111144; font-weight:normal; text-decoration:none; padding-left:9px; background: url(../images/fragen.gif) no-repeat left;}
a.fragen:hover,a.fragen:active 
 { color:#cc0000;background: url(../images/fragen_pressed.gif) no-repeat left;}



body {
  background-color:#dddddd;
  padding:0px;
  margin:0px;
  border:0px;
  overflow:auto;
}


#total {                  /* damit content usw. nicht den Body-Hintergrund haben */
background-color:white;
}

#header  {
  z-index:4;
  width:auto;
  height:133px;
  max-height:133px;
  background-image: url(../images/abc_top_right.jpg); background-repeat: repeat-x;  
  overflow:hidden;
}

#header_top_left  {
  float:left;
  width:58px;
}

#header_rand { 
  z-index:4;
  position:relative;
  top:20px;
  left:0px;
}

#header_logo { 
  z-index:4;
  float:left;
  width:328px;
  position:relative;
  left:-15px;
  overflow:hidden;
}

#header_click { 
  z-index:4;
  width:auto;
  height:64px;
  text-align:center;
  overflow:hidden;
  background-image:  url(<? echo $myRoot ?>/images/header_click.jpg) no-repeat center;
 }

#header_print {
text-align:center;
  display:none;
}

#navigation_top {
  z-index:2;
  position:absolute;
  left:50px; top:101px; 
  width:auto; height:20px;
  overflow:hidden;
  padding:2px;
  /* border:1px solid red; */
} 

#content_rahmen { 
  width: auto; 
  height: auto; 
  padding-left: 60px;
  background-image: url(../images/abc_left.jpg);  background-repeat: repeat-y; 
  /* background-image: url(../images/_test01.jpg); background-repeat: repeat-y; */
  overflow:hidden;
}

#content { 
  width:800px;
  height:auto;
  padding-top:10px;
  padding-bottom:30px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
}

#automaten_navigation {
  z-index:5;  /* damit Navigation *ÜBER* Content liegt ...*/
  position:absolute;
  top:140px; 
  left:55px;
  width:200px; 
  padding-top:10px;
  overflow:hidden;
} 

#automaten_content { 
  z-index:2;
  position: relative;
  height:auto;
  top:10px;
  width: 600px; 
  margin-left:auto;
  margin-right:auto;
  padding-left:220px;
  padding-top:10px;
  padding-bottom:20px;
  margin-bottom:00px;
  overflow:hidden;
 }

#automaten_image {
  float:right;
  width:auto; 
  height:auto; 
/*  padding:10px; */
  margin-left:15px;
  margin-bottom:15px; */
  overflow:hidden;
}

#automaten_image_rahmen {
  width:auto; 
  height:auto; 
  padding:10px;
/*  margin-left:15px;
  margin-bottom:15px; */
  overflow:hidden;
  border:2px solid #cccccc;
  text-align:center;
}

#bottom { 
  clear:both; 
/*
  position:relative;
  top:0px;
  left:0px;
*/
   height:55px; 
  background-image: url(../images/abc_bottom_right.jpg); background-repeat: repeat-x;
  overflow:hidden;
 }

#bottom_left  {
}


#bottom_text { 
  clear:both;  
  position:relative;
  top:-43px;
  left:0px;
  width:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  color:#dddddd;
  font-size:8pt;
  padding-left:20px;
 }

/* für den Link im Footer */
a.bottom1:link,a.bottom1:visited,a.bottom1:hover,a.bottom1:active
  { font-size:08pt;color:#dddddd; font-weight:none; text-decoration:none;   }
a.bottom1:hover,a.bottom1:active
  { font-size:08pt;color:#ffffff; font-weight:none; text-decoration:none;   }


.bottom-link { 
  color:#dddddd; 
  font-size:08pt;
}

#bild_rechts     { float:right; margin-left:10px;margin-bottom:10px;}

#bild_links     { float:left; margin-right:10px;margin-bottom:10px;}


/* zum einrahmen eines Zeichens */
#rahmen { 
     padding:2px; 
     border: 2px solid #111144;
   }



a.fstLevel:link,a.fstLevel:visited,a.fstLevel:hover,a.fstLevel:active 
a.fstLevelActive:link,a.fstLevelActive:visited,a.fstLevelActive:hover,a.fstLevelActive:active 
{
  text-decoration:none;
  margin-top:2px;
  padding-top:2px;
  padding-bottom:0px;
  DISPLAY: block;
  COLOR: #111144;
  MARGIN-LEFT:  9Px;
  TEXT-INDENT: -9Px;
  FONT-WEIGHT: bold;
}

a.fstLevel:hover, a.fstLevelActive:link,a.fstLevelActive:visited,a.fstLevelActive:hover,a.fstLevelActive:active 
{ COLOR: #cc0000; }

a.secLevel, a.secLevel:visited
{
  text-decoration:none;
  font-size:08pt;
  DISPLAY: block;
  color:#111144; 
  FONT-WEIGHT: normal;
  MARGIN-Left: 20Px;
  TEXT-INDENT: -8Px;
}
a.secLevel:hover, a.secLevelActive , a.secLevelActive:visited , a.secLevelActive:hover 
{
  text-decoration:none;
  font-size:08pt;
  DISPLAY: block;
  color:#cc0000; 
  FONT-WEIGHT: normal;
  MARGIN-Left: 20Px;
  TEXT-INDENT: -8Px;
}

.auto_link_pic {
  text-align:center;
  vertical-align:bottom;
}

.auto_link_text {
  text-align:center;
  vertical-align:top;
}

.auto_link_text a {
  font-size:8pt;
}

.start-rahmen {
  border:2px solid #ccc;
  padding:3px;
}

.start-rahmen img {
  margin-bottom:5px;
}

/* Nord Ost Süd West auf Seite Automaten */
.nosw {
   float:left;
width:25px;
padding:3px;
margin:0px 5px 5px 0px;
border:2px solid #ccc;
text-align:center;
vertical-align:middle;
font-size:150%;font-weight:bold;
}

.region_nach_automat {
 border:2px solid #ccc;
 margin:0px 200px 0px 0px;
 padding:3px;
 font-size:90%
}