@import url(home.css);

body {
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	color:#676767;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	scrollbar-face-color: #F8FBFF;
    scrollbar-highlight-color: #F8FBFF;
    scrollbar-shadow-color: #999999;
    scrollbar-3dlight-color: #999999;
    scrollbar-arrow-color: #999999;
    scrollbar-track-color: #F8FBFF;
    scrollbar-darkshadow-color: transparent;
	overflow-x: hidden; 
	overflow-y: auto;
}

#BackgroundOben {
    position:absolute; 
    top:0px;
    left:0px; 
    height:138px;
    width:100%;
    background-image:url(../images/back_oben.jpg);
}
	  
#BackgroundUnten {
    position:relative; 
    top:0px;
    left:0px; 
    height:63px;
    width:100%;
    background-image:url(../images/back_unten.jpg);
}

#main {
    position:relative;
    top:0px;
    width:851px;
    margin-bottom:0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    padding:0px 0px;
	text-align:left;
}

#Footer {
    position:relative;
    top:8px;
    left:0px;
    width:851px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    height:50px;
}
		
#Zurueck {
	position:relative;
	top:15px;
	left:0px;
	width:851px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#BereichOben {
  position:relative;
  top:0px;
  left:0px; 
  width:851px;
  height:170px;
  text-align:left;
}

#BereichContent {
  position:relative;
  top:0px;
  left:0px; 
  width:851px;
  text-align:left;
}

#BereichLinks {
  position:relative;
  top:0px;
  left:0px; 
  width:620px;
  text-align:left;
}

#BereichRechts {
  position:relative;
  top:0px;
  left:0px; 
  width:308px;
  text-align:left;
}

#LogoAvaya {
  position:relative; 
  top:30px;
  left:0px;
}

#Pfad {
  position:relative; 
  top:49px;
  left:2px;
  text-align:left;
}

#Kontakt {
  position:relative; 
  top:30px;
  left:730px;
}
#Abmelden {
  position:relative; 
  top:30px;
  left:777px;
}

#Titel {
  position:relative; 
  top:56px;
  left:0px;
}



.line {
background-image:url(../images/line.png);
background-repeat:repeat-x;
display:block;
width:500px;
height:31px;
margin:0px;
padding:0px;
position:relative;
}

.Titleleiste {
  hight:14px;
  width:180px;
  background-color:#989899;
  color:#FFFFFF;
}


h1 {
  font-size: 18px;
  color:#999999;
  margin-top:0px;
  margin-bottom:5px;
  font-weight:lighter;
}

h2 {
  font-size: 17px;
  color:#999999;
  margin-top:0px;
  margin-bottom:5px;
  font-weight:lighter;
}

h3 {
  font-size: 17px;
  color:#999999;
  margin-top:0px;
  margin-bottom:5px;
  font-weight:lighter;
}

.klein {
   font-size: 10px; 
   color: #666666; 
}

.rot {
   font-size: 12px; 
   color: #CC0000;
   font-weight:bold; 
}

.blau {
  color: #587892
}

.error {
  color: red;
  font-weight:bold;
}


ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

li { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	margin-left: -14px;
}


.form {
    color:            #666666;
    background-color: #FFFFFF;
    border-top:       1px solid #999999;
    border-bottom:    1px solid #999999;
    border-left:      1px solid #999999;
    border-right:     1px solid #999999;
    margin-top:       0px;
    margin-bottom:    0px;
	height:           18px;
	width:            150px;
}

.formfield {
    color:            #666666;
    background-color: #FFFFFF;
    border-top:       1px solid #999999;
    border-bottom:    1px solid #999999;
    border-left:      1px solid #999999;
    border-right:     1px solid #999999;
    margin-top:       0px;
    margin-bottom:    0px;
	height:           16px;
	width:            150px;
}


td {
  color:#666666;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

a        { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #587892; text-decoration: none; }
a:hover  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }

a.active        { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }
a.active:hover  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }
/*a:active { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }*/

a.fett       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #587892; font-weight:bold; text-decoration: none; }
a.fett:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #CC0000; font-weight:bold; text-decoration: none; }

a.anmelden       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color: #587892; font-weight:bold; text-decoration: none; }
a.anmelden:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color: #CC0000; font-weight:bold; text-decoration: none; }

a.kontakt       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #587892; text-decoration: none; }
a.kontakt:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #CC0000; text-decoration: none; }

a.footer       { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
a.footer:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #CC0000; text-decoration: none; }