@import url(boxen.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:874px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    height:50px;
}
		
#Zurueck {
	position:relative;
	top:15px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

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

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

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

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

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

#LogoTeamAvaya {
  position:absolute; 
  top:30px;
  left:630px;
}

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


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


.linie {
background-image:url(../images/line.png);
background-repeat:repeat-x;
display:block;
width:600px;
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;
}

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

.blau {
  color: #587892
}

.telefon {
   font-size: 18px; 
   color: #676767; 
   font-weight:bold;
}
.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;
}

table.vergleich
{
    border               : 1px solid #CCC;
	border-collapse      : collapse;
    font-family          :Verdana, Arial, Helvetica, sans-serif; 
	font-size            :11px;
	border               :none;
	border               :1px solid #CCC;
}

td.komp { 
		font-size            :11px;
		border               : 1px solid #CCC;
	    border-collapse      : collapse;
		padding              : 4px;
		background-color     : #FFFFFF;
}

td.bereich { 
		font-size            :11px;
		border               : 1px solid #CCC;
	    border-collapse      : collapse;
		padding              : 4px;
		background           : #FFF url(../images/th_bck.gif) repeat-x;
}

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; }