html, body {
color : #fff;
background : #aaa8a8 url("../img/bg.jpg") repeat top left;
margin : 0 auto;
padding : 0;
text-align : center;
font : 12px Arial, sans-serif;
}
#header {
background-image : url("../img/header.jpg");
width : 719px;
height : 226px;
margin : 0 auto;
text-align : center;
background-color : #6d6b6b;
}
#navi {
      background-image: url("../img/navi.jpg");
      width: 719px;
      height: 25px;
      margin: 0 auto;
      text-align: center;
      background-color: #6d6b6b;
      text-align:center;
}
#content {
position : absolute;
left : 50%;
margin-left : -360px;
width : 719px;
min-height : 50px;
text-align : justify;
background-color : #aaa8a8;
background-image : url("../img/cbg.jpg");
background-repeat : repeat-y;
border-bottom : 2px solid #6d6b6b;
}
.b {
clear : both;
}
.l {
float : left;
width : 120px;
min-height : 50px;
text-align : left;
background-color : #6d6b6b;
}
.m {
float : left;
width : 479px;
background-color : #aaa8a8;
text-align : justify;
padding-top : 5px;
}
.r {
float : left;
width : 120px;
min-height : 50px;
text-align : center;
background-color : #6d6b6b;
padding-top : 5px;
text-align : center;
}

.pad {
padding : 5px;
}
.topSenderBox {
width : 110px;
height : 100px;
background-color : #fff;
color : #6d6b6b;
text-align : center;
margin : 0 auto;
}
.l_image {
float : left;
}
.start_image {
border : 2px solid #6d6b6b;
}
.pic {
border : 4px solid #6d6b6b;
}
* html .pic {
border : 2px solid #6d6b6b;
}
.pic_box {
float : left;
width : 239px;
height : 250px;
text-align : center;
}
.pic_name {
margin : 0 auto;
padding : 0;
width : 154px;
text-align : center;
background-color : #6d6b6b;
color : #fff;
border : 2px solid #6d6b6b;
font-size : 11px;
font-weight : bold;
}
.status_box {
margin : 0 auto;
padding : 0;
text-align : center;
width : 158px;
}
.cb {
clear : both;
}
.pic_status {
margin : 0 auto;
padding : 0;
width : 154px;
text-align : center;
background-color : #ddd;
color : #890304;
border : 2px solid #890304;
font-size : 11px;
font-weight : bold;
}
.pic_sms {
float : left;
width : 74px;
background-color : #ddd;
color : #890304;
border : 2px solid #890304;
font-size : 11px;
font-weight : bold;
}
* html .pic_sms {
margin-left : 1px;
height: 20px;
}
.pic_telefon {
float : left;
width : 74px;
background-color : #ddd;
color : #890304;
border : 2px solid #890304;
font-size : 11px;
font-weight : bold;
margin-left : 2px;
}

a.navi:link, a.navi:visited {
color : #fff;
text-decoration : none;
font-weight : bold;
}
a.navi:hover {
color : #fff;
text-decoration : underline;
font-weight : bold;
}
a:link, a:visited {
color : #890304;
text-decoration : none;
}
a:hover {
color : #890304;
text-decoration : underline;
}
a.botNav:link, a.botNav:visited {
color : #890304;
text-decoration : none;
font-size : 12px;
font-weight : bold;
}
a.botNav:hover {
color : #890304;
text-decoration : underline;
font-size : 12px;
font-weight : bold;
}
h1 {
font-size : 12px;
text-align : center;
}
a.tooltip:link, a.tooltip:visited {
position : relative;
color : #8b0305;
text-decoration : none;
font-size : 11px;
}
a span {
display : none;
text-align : justify;
}
a.tooltip:hover span {
position : absolute;
top : 5px;
left : -150px;
width : 200px;
padding : 5px;
display : block;
color : #fff;
background : #aaa8a8;
border : 2px dotted #8b0305;
text-align : justify;
}
a.zugang:link, a.zugang:visited {
display : block;
width : 154px !important;
width : 150px;
height : 12px;
padding-bottom : 2px;
font-size : 11px;
text-decoration : none;
background-color : #ddd;
color : #890304;
text-align : center;
}
a.zugang:hover {
display : block;
width : 154px;
width : 154px !important;
width : 150px;
height : 12px;
padding-bottom : 2px;
font-size : 11px;
text-decoration : none;
background-color : #6d6b6b;
color : #fff;
text-align : center;
}
a.stat_box:link, a.stat_box:visited {
display : block;
width : 74px;
height : 12px;
padding-bottom : 2px;
font-size : 11px;
text-decoration : none;
background-color : #ddd;
color : #890304;
text-align : center;
}
a.stat_box:hover {
display : block;
width : 74px;
height : 12px;
padding-bottom : 2px;
font-size : 11px;
text-decoration : none;
background-color : #6d6b6b;
color : #fff;
text-align : center;
}
a.senderS:link, a.senderS:visited {
float : left;
text-align : center;
display : block;
color : #8b0305;
background-color : #aaa8a8;
padding-left : 2px;
padding-right : 2px;
padding-top : 3px;
margin : 2px;
text-decoration : none;
border : 1px solid #fff;
width : 20px !important;
height : 19px  !important;
width : 25px;
height : 24px;
font-size : 14px;
}
a.senderS:hover {
float : left;
text-align : center;
display : block;
color : #ffffff;
background-color : transparent;
padding-left : 2px;
padding-right : 2px;
padding-top : 3px;
text-decoration : none;
font-size : 14px;
}
a.info:link,
       a.info:visited {
         display: block;
         border-top: 1px solid #FFF;
         border-bottom: 1px solid #FFF;
         width: 460px;
         padding: 5px;
         color: #890304;
         background-color: #DDD;
         font-size: 12px;
         text-decoration: none;
         margin-top: 2px;
       }
       a.info:hover {
         display: block;
         border-top: 1px solid #FFF;
         border-bottom: 1px solid #FFF;
         width: 460px;
         padding: 5px;
         color: #FFF;
         background-color: transparent;
         font-size: 12px;
         text-decoration: none;
         margin-top: 2px;
       }
a.ex:link,
         a.ex:visited {
         color: #aaa8a8;
         background-color: transparent;
         font-size: 11px;
       }
         a.ex:hover {
         color: #aaa8a8;
         background-color: transparent;
         font-size: 11px;
         text-decoration: none;
       }
a.main_nav:link,
            a.main_nav:visited {
  float: left;
  display: block;
  margin-left: 20px;
  margin-top: 2px;
  width: 120px;
  height: 16px;
  background-image: url("../img/button_link.gif");

  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #cccccc;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}
*html a.main_nav:link {
   margin-left: 14px;
}
*html a.main_nav:visited {
   margin-left: 14px;
}
a.main_nav:hover {
  float: left;
  display: block;
  margin-left: 20px;
  margin-top: 2px;
  width: 120px;
  height: 16px;
  background-image: url("../img/button_hover.gif");

  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}
*html a.main_nav:hover {
  margin-left: 14px;
}
a.l_nav:link,
	a.l_nav:visited	{
      text-align: center;
       display: block;
       color: #8b0305;
       background-color: #aaa8a8;
       padding: 2px;
       margin: 2px;
       text-decoration: none;
       border: 1px solid #FFF;
       width: 110px;
       height: 18px;
       font-size: 14px;
     }
a.l_nav:hover 	{
      text-align: center;
       display: block;
       color: #FFFFFF;
       background-color: transparent;
       padding: 2px;
       text-decoration: none;
       font-size: 14px;
     }
.qf {
width : 114px;
border : 1px solid #aaa8a8;
color : #890304;
background-color : #fff;
}
.sf {
width : 114px;
border : 1px solid #fff;
color : #890304;
background-color : #aaa8a8;
}
.center {
text-align : center;
margin : 0 auto;
}
a.zugangSedcard:link,
a.zugangSedcard:visited {
  color: red;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
a.zugangSedcard:hover {
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
.sedcardPic {
  float:left;
  width: 300px;
  height: 225px;
  border: 2px solid #FFF;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.sedcardBasic {
  float: left;
  color: #FFF;
  font-weight: bold;
}
.sedcardBeschreibung {
  width: 449px;
  color: #FFF;
  font-weight: bold;
  margin: 0 15px 15px 15px;
}
.ml {
  margin-left: 3px;
}
/*unterseiten*/
#t {
      width: 719px;
      height: 100%;
      margin: 0 auto;
      text-align: center;
      background-color: #aaa8a8;
}
#sedcardiv {
	position: absolute;
	border: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: transparent url("../img/pbg.gif") top left repeat;
}
#showframe {
	border: 0;
	width: 800px;
	height: 740px;
}
.sbox {
float: left;
width: 150px;
height: 114px
}
.tbox {
width: 450px;
height: 180px;
}
.nbox {
float: left;
width: 146px;
height: 92px;
border: 2px solid #FFF;
background-color: #6d6b6b;
color: #FFF;
text-align: center;
}