
.bgimage {
 margin: 1em;
 padding: 1em;
 text-align: center;
 background-color: #858484;
 background-image: url(../img/bg_gradient.png);
 background-repeat: repeat-x;
}

.bgimageOLD {
 text-align: center;
 background-color: #bbd4ee;
 margin: 1em;
 padding: 1em;
}

div.header {
 width: 924px;
 height: 143px;
 background-image: url(../img/header.gif);
 background-repeat: no-repeat;
 text-align: left;
 overflow: hidden;
}

div.header_calendar {
 width: 924px;
 height: 143px;
 background-image: url(../img/header_calendar.gif);
 background-repeat: no-repeat;
 text-align: left;
 overflow: hidden;
}

div.header_reminder {
 width: 924px;
 height: 143px;
 background-image: url(../img/header_reminder.gif);
 background-repeat: no-repeat;
 text-align: left;
 overflow: hidden;
}

div.header_ecards {
 width: 924px;
 height: 143px;
 background-image: url(../img/header_ecards.gif);
 background-repeat: no-repeat;
 text-align: left;
 overflow: hidden;
}

div.body {
 width: 924px;
 height: 527px;
 background-image: url(../img/bodybg.gif);
 text-align: left;
}

table.body_scroll {
 width: 924px;
 height: 527px;
 background-image: url(../img/bodybg.gif);
 text-align: left;
}

div.footer {
 width: 924px;
 height: 25px;
 background-image: url(../img/footerbg.gif);
}

div.ad_footer {
 width: 924px;
 background-image: url(../img/bodybg.gif);
 text-align: center;
}

div.registered_users {
 position:relative;
 width: 400px;
 height:20px;
 top: -8px;
 left: 30px;
 font-family: Verdana;
 font-size: 10px;
 font-weight: regular;
 color: #ffffff;
}

div.logo {
	position: relative;
	width: 380px;
	height: 80px;
	top: -122px;
	left: 15px;
}

div.top_menu {
 position:relative;
 width: 900px;
 height: 12px;
 top: 13px;
 text-align: right;
 font-family: Verdana;
 font-size: 10px; 
 font-weight: regular;
 color: #ffffff;
 text-decoration: none;
}

div.top_menu a {
 font-family: Verdana;
 font-size: 10px; 
 font-weight: regular;
 color: #ffffff;
 text-decoration: none;
}

div.top_menu a:hover {
 color: #ff6600;
}

div.sub_menu {
 position:relative;
 left:482px;
 top: -31px;
 width: 400px;
 text-align: left;
 font-family: Verdana;
 font-size: 10px; 
 font-weight: regular;
 color: #ffffff;
}

div.sub_menu a {
 font-family: Verdana;
 font-size: 10px; 
 font-weight: regular;
 color: #ffffff;
 text-decoration: none;
}

a.sub_menu {
 font-family: Verdana;
 font-size: 8px;
 line-height: 8px; 
 font-weight: normal;
 color: #ffffff;
 text-decoration: none;
}

a.sub_menu:hover {
 color: #ff6600;
}

div.loginbox {
 position: relative;
 height: 90px;
 width: 425px;
 top: 19px;
 left: 490px;
 font-family: Verdana;
 font-size: 9px;
 color: #ffffff;
}

div.imprint {
 position:relative;
 top: 5px;
 width: 920px;
 font-family: Verdana;
 font-weight: bold;
 font-size: 9px;
 color: #585957;
}

div.content {
 float: left;
 position: relative;
 width: 618px;
 height: 540px;
 left: 20px;
 text-align: left;
}

div.content_scroll {
 float: left;
 position: relative;
 width: 618px;
 height: 100%;
 left: 20px;
 text-align: left;
}

div.content_left {
 float: left;
 position: relative;
 width: 580px;
 height: 540px;
 left: 20px;
 text-align: left;
}

div.content_left_scroll {
 float: left;
 position: relative;
 width: 580px;
 height: 100%;
 left: 20px;
 text-align: left;
}

table.content_left_scroll {
 float: left;
 position: relative;
 width: 580px;
 height: 100%;
 left: 20px;
 text-align: left;
}


div.content_left_small {
 float: left;
 position: relative;
 width: 425px;
 height: 400px;
 left: 20px;
 text-align: left;
 margin-right:1px;
 margin-left: 5px;
}

table.content_left_small {
 float: left;
 position: relative;
 width: 380px;
 height: 400px;
 left: 20px;
 text-align: left;
}

table.content_middle_small {
 float: right;
 position: relative;
 width: 200px;
 height: 540px;
 left: 1px;
 right: 1px;
 text-align: left;
}

table.content_right_small {
 float: left;
 position: relative;
 width: 155px;
 height: 540px;
 left: 1px;
 text-align: right;
}

div.content_right {
 float: left;
 position: relative;
 width: 425px;
 left: 40px;
 text-align: center;
}

div.content_add {
 float: right;
 position: relative;
 width: 250px;
 left: -20px;
 text-align: center;
}

div.content_center {
 float: left;
 position: relative;
 width: 850px;
 height: 540px;
 left: 20px;
 top: -10px;
 text-align: center;
}

div.showInfo {
	position: absolute;
	top:100px;
	left:100px;
	width: 225px;
	height:112px;
	
}

a.imprint {
 font-family: Verdana;
 font-weight: bold;
 font-size: 9px;
 text-decoration: none;
 color: #585957;
}

a.imprint:hover {
 color: #ff6600
}

a.grey {
	text-decoration: none;
}

input.loginbox {
 font-family: Verdana;
 font-weight: normal;
 font-size: 9px;
 width: 80px;
 height: 18px;
}

input.register {
 font-family: Verdana;
 font-size: 13px;
 width: 200px;
 height: 20px;
 color: #666765;
}

select.register {
 font-family: Verdana;
 font-size: 13px;
 width: 200px;
 height: 20px;
 color: #666765;
}

select.register_b1 {
 font-family: Verdana;
 font-size: 10px;
 width: 56px;
 height: 16px;
 color: #666765;
}

select.register_b2 {
 font-family: Verdana;
 font-size: 10px;
 width: 80px;
 height: 16px;
 color: #666765;
}

table.loginbox {
 font-family: Verdana;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
}

td.border_right_grey {
	border-right: 1px solid #666765;
}

td.border_bottom_grey {
	border-bottom: 1px solid #666765;
}

td.border_right_bottom_grey {
	border-right: 1px solid #666765;
	border-bottom: 1px solid #666765;
}

td.border_top_right_bottom_grey {
	border-top: 1px solid #666765;
	border-right: 1px solid #666765;
	border-bottom: 1px solid #666765;
}

td.border_top_bottom_grey {
	border-top: 1px solid #666765;
	border-bottom: 1px solid #666765;
}

.nowrap {
 white-space: nowrap;
}

.head1 {
 font-family: Verdana;
 font-weight: bold;
 font-size: 24px;
 color: #ff6600;
 opacity :0.99;
 text-shadow: 0 0 0 #000;
}

.head1_orange{
 font-family: Verdana;
 font-weight: bold;
 font-size: 16px;
 color: #ff6600;
 opacity :0.99;
 text-shadow: 0 0 0 #000;
}

.head1_darkblue {
 font-family: Verdana;
 font-weight: bold;
 font-size: 36px;
 color: #6699cc;
}

.head1_24 {
 font-family: Verdana;
 font-weight: bold;
 font-size: 24px;
 color: #69caf4;
}

.head1_24_darkblue {
 font-family: Verdana;
 font-weight: bold;
 font-size: 24px;
 color: #6699cc;
}

.head1_16 {
 font-family: Verdana;
 font-weight: bold;
 font-size: 16px;
 color: #69caf4;
}

.head1_16_darkblue_normal{
 font-family: Verdana;
 font-weight: bold;
 font-size: 16px;
 color: #6699cc;
}

.head1_16_darkblue {
 font-family: Verdana;
 font-weight: bold;
 font-size: 13px;
 color: #6699cc;
 min-width: 10em;
 max-width: 25em;
 
 opacity :0.99;
 text-shadow: 0 0 0 #000;
 }

a.head1_16_darkblue:visited{
 font-family: Verdana;
 font-weight: bold;
 font-size: 13px;
 color: #6699cc;
 min-width: 10em;
 max-width: 25em;
 text-decoration:none;
 width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)?"19em":"auto" );
}

a.head1_16_darkblue:hover{
 font-family: Verdana;
 font-weight: bold;
 font-size: 13px;
 color: #666765;
 min-width: 10em;
 max-width: 25em;
 text-decoration:none
 width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)?"19em":"auto" );
}

.head1_16_darkblue_long {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 color: #6699cc;
}

.head1_12_darkblue {
 font-family: Verdana;
 font-weight: bold;
 font-size: 12px;
 color: #6699cc;
 opacity :0.99;
 text-shadow: 0 0 0 #000;
}

a.head1_12_darkblue {
 font-family: Verdana;
 font-weight: bold;
 font-size: 12px;
 color: #666666;
 text-decoration:none;
}

a.head1_12_darkblue:hover {
 font-family: Verdana;
 font-weight: bold;
 font-size: 12px;
 color: #6999cc;
 text-decoration:none;
}

.head1_24_darkblue {
 font-family: Verdana;
 font-weight: bold;
 font-size: 24px;
 color: #6699cc;
}

.orange_12 {
 font-family: Verdana;
 font-weight: normal;
 font-size: 13px;
 color: #6999cc;
}

a.orange_12 {
 font-family: Verdana;
 font-weight: normal;
 font-size: 13px;
 text-decoration: none;
 color: #6999cc;
}

.orange_16 {
 font-family: Verdana;
 font-weight: bold;
 font-size: 16px;
 color: #ff6600;
}


.head2 {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 color: #6999cc;
}

.head3 {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;
 color: #6999cc;
 opacity :0.99;
 text-shadow: 0 0 0 #000;
text-decoration:none;
}

.head4{
 font-family: Verdana;
 font-weight: bold;
 font-style: italic;
 font-size: 12px;
 color: #6999cc;
}

.grey {
 font-family: Verdana;
  font-weight: regular;
  font-size: 11px;
  color: #666765;
 }

.grey_19
 {
 font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #666765;
  min-width: 1em;
  max-width: 28em;
  width:expression(document.body.clientWidth > (150/12) * parseInt(document.body.currentStyle.fontSize)?"16em":"auto" );
 }
 .grey_broad {
 font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #666765;
  min-width: 1em;
  max-width: 28em;
  width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)?"25em":"auto" );

 }
 
.grey_textbox{
 font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #666765;
  min-width: 1em;
  max-width: 28em;
  width:expression(document.body.clientWidth > (150/12) * parseInt(document.body.currentStyle.fontSize)?"9em":"auto" );

}

.link_inputbox{
 font-family: Verdana;
  font-weight: regular;
  font-size: 12px;
  color: #666765;
  width: 100%;
  width:expression(document.body.clientWidth > (150/12) * parseInt(document.body.currentStyle.fontSize)?"28em":"auto" );

}
 
a.grey:hover {
 font-family: Verdana;
 font-weight: regular;
 font-size: 11px;
 color: #6999cc;
 text-decoration:none;
 min-width: 1em;
 max-width: 10em;
}

a.grey_normal:hover {
 font-family: Verdana;
 font-size: 11px;
 color: #6999cc;
 text-decoration:none;
 min-width: 1em;
 max-width: 10em;
} 

a.grey_normal{
 font-family: Verdana;
 font-size: 13px;
 color: #666765;
 text-decoration:none;
 min-width: 1em;
 max-width: 10em;
}  
 
 .grey_normal {
 font-family: Verdana;
  font-size: 13px;
  color: #666765;
 }
 
 .grey_small {
 font-family: Verdana;
  font-weight: bold;
  font-size: 8px;
  color: #666765;
 }
 
 a .grey_mini {
 font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #666765;
  text-decoration:none;
 }

 a .grey_mini :visited{
 font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #666765;
  text-decoration:none;
 }
 
  a .grey_mini :hover{
 font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #666765;
  text-decoration:none;
 }
 
  .grey_mini {
 font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #666765;
  text-decoration:none;
 }
 
 .orange_normal {
	font-family: Verdana;
	font-weight: normal;
  font-size: 11px;
  color: #6999cc;
 }
 
 a.orange_normal {
	text-decoration: none;
 }
 .grey_16 {
  margin: 1em;
  font-family: Verdana;
  font-weight: bold;
  font-size: 16px;
  color: #666765;
 }
 
 a.grey_16 {
	text-decoration:none;
 }
 
.white {
 font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #ffffff;
 }
 
 .homegrey {
 font-family: Verdana;
 font-size: 12px;
 color: #145352;
}

.orangebig {
 font-family: Verdana;
 font-weight: bold;
 font-size: 24px;
 color: #6999cc;
}

.bg_white {
	background-color: #ffffff;
}

.popup_border_top {
	background-color: #ffffff;
	border-top:1px solid #666666;
}

.popup_border_bottom {
	background-color: #ffffff;
	border-bottom:1px solid #666666;
}

h1 {
	font-family: Verdana;
	font-size: 32px;
}

h2 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
}

.cards {
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
}

