body {
margin : 12px 0 0 0;
background : #d7d8d9 url(images/bg.jpg) repeat-x top;
font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size : 12px;
}
.overlay {
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
}
.dialog {
	width: 25%;
	min-height: 25%;
	background: white;
	position: fixed;
	top: 25%;
	left: 25%;
	z-index: 99;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
h1 {
font-size : 14px;
padding-bottom : 3px;
margin-bottom : 2px;
font-weight : bold;
color : #000000;
background : url(images/h_punkte.gif) repeat-x bottom left;
}
h2 {
font-size : 12px;
color : #666666;
font-weight : bold;
padding-bottom : 2px;
margin-bottom : -1px !important ;
}
h3 {
margin-top : 1px;
padding-bottom : 2px;
color : #333333;
font-weight : bold;
font-size : 12px;
}
h4 {
font-weight : normal;
font-size : 13px;
color: #333333;
font-weight : bold;
text-decoration:underline;
padding-bottom : 3px;
}
h5 {
font-weight : bold;
font-size : 14px;
color : #e2001a;
}
h6 {
font-size : 9px;
text-align : left;
font-weight : lighter;
font-style : italic;
vertical-align : top;
}
p {
font-size : 11px;
margin : 2px 0;
}
.p_footer {
background : url(images/h_punkte.gif) repeat-x bottom left;
}
em {
color : #333333;
}
.panelSpacer {
line-height : 1px;
height : 3px;
}
div.newMessage {
vertical-align : text-bottom;
font-weight : bold;
font-size : 16px;
color : #333333;
padding : 100px 0 0 250px;
}
a.imageHolder {
width : 150px;
vertical-align : middle;
text-align : center;
overflow : hidden;
}
div.imageHolder {
padding : 0;
border : 0;
}
.info {
background-color : #eaeaea;
}
.sub_info {
color : #c9c9c9;
font-size : 12px;
}
.page_counter {
text-align:center;
font-size : 12px;
background-color : #eaeaea;
margin : 5px 0 5px 0;
color : #333333;
padding : 5px;
font-weight : bold;
border-top : 1px #d7d7d7 solid;
border-bottom : 1px #d7d7d7 solid;
}
.opt_style {
font-size : 11px;
padding : 5px;
color : #333333;
border : 1px #d7d7d7 solid;
background:url(images/profile_bg.gif) #F7F6F0 repeat-x top left;
}
.opt_on {
font-size : 11px;
background-color : #eaeaea;
padding : 5px;
color : #333333;
border-bottom : 1px #d7d7d7 solid;
}
.opt_off {
font-size : 11px;
background-color : #eaeaea;
padding: 5px;
border-bottom : 1px #d7d7d7 solid;
text-align : right;
}
.homepageUsername {
width : 162px;
font-size : 15px;
font-weight : bold;
padding : 5px;
color : #333333;
border : none;
background : transparent;
}
.homepagePassword {
width : 162px;
font-size : 15px;
font-weight : bold;
color : #333333;
padding : 5px;
border : none;
background : transparent;
}
.homepageEnterprofile {
margin-left : 9px;
margin-top : 15px;
width : 148px;
font-size : 13px;
font-weight : bold;
color : #333333;
padding-left : 1px;
background : transparent;
border: none;
}
.oddrow, .addrow {
background-color : #fefefe;
border-left : 1px solid #e5e5e5;
border-right : 1px solid #e5e5e5;
border-bottom : 1px solid #e5e5e5;
padding : 2px;
}
.evenrow {
border-top : 1px solid #e5e5e5;
border-left : 1px solid #e5e5e5;
border-right : 1px solid #e5e5e5;
background-color : #efefef;
padding : 2px;
}
form {
margin : 0;
padding : 0;
}
#top {
margin : 5px 0 6px 0;
width : 947px;
height : 50px;
background:url(images/header.gif) repeat-x top right;
text-align : left;
border:#CCCCCC 1px solid;
position : relative;
}
#bookmark {
margin : 5px 0 5px 0;
width : 947px;
text-align : right;
position : relative;
}
.header_logo {
float : left;
border : none;
border-bottom-color:#999999;
}
#top div.menu {
padding-top : 20px;
padding-right : 4px;
float : right;
margin : 0;
color : #ffffff;
font-size : 11px;
}
#top div.menu a, #top div.menu a:visited, #top div.menu a:active {
color : #ffffff;
font-size : 11px;
text-decoration : none;
padding : 0 10px;
border : none;
}
#top div.menu a:hover {
color : #e2001a;
}
#top div.menu a.active {
color : #e2001a;
}
#main {
width : 949px;
text-align : left;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 0;
}
div.wide div.innertop {
background-color : #FFFFFF;
height : 3px;
line-height : 3px;
}
div.wide div.innerbottom {
background-color : #FFFFFF;
height : 3px;
line-height : 3px;
}
a, a:visited, a:active, a:hover {
color : #e2001a;
text-decoration : none;
border : none;
}
.error_message {
font-size : 12px;
padding : 8px;
font-weight : bold;
margin-bottom : 5px;
border : 1px #d7d7d7 solid;
background : url(images/message_bg.jpg) repeat-x left top;
}
.use_message {
font-size : 12px;
padding : 8px;
font-weight : bold;
margin-bottom : 10px;
border : 1px #d7d7d7 solid;
background : url(images/message_bg.jpg) repeat-x left top;
}
.table_width {
width : 687px;
border : 1px solid #cccccc;
}
.table_clean {
width : 687px;
border-top: 1px #d7d7d7 solid;
}
table td {
vertical-align : top;
}
.small {
font-size : 9px;
}
.textbox {
border : 1px solid #ccc;
padding : 3px;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
ol li {
font-size : 11px;
padding-bottom : 10px;
margin-left : 10px;
}
ul li {
list-style-type : square;
font-size : 11px;
font-weight : normal;
padding-bottom : 5px;
margin-left : 10px;
}
.mychoice {
font-size : 11px;
font-weight : normal;
}
.center {
text-align : center;
}
table {
border : 0 solid red;
font-size : 11px;
}
div.content_frame {
padding : 6px;
}
div.panel {
margin : 0;
}
div.narrow {
width : 232px;
}
div.narrow div.top {
height : 40px;
background-image : url(images/panel_narrow_top.gif);
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
}
div.narrow div.top img {
margin : 15px 0 0 12px;
border : none;
}
div.narrow div.bottom {
font-size : xx-small;
height : 7px;
border-top: #d7d7d7;
}
div.narrow div.content {
font-size : 11px;
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}
div.wide {
width : 711px;
margin-left : 3px;
}
div.large {
width : 945px;
float : left;
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}
div.large div.top img {
margin : 15px 0 0 12px;
border : none;
}
div.large div.top {
height : 40px;
width : 947px;
background-image : url(images/panel_wide_down.gif);
background-repeat : no-repeat;
}
div.wide div.top {
height : 40px;
background-image : url(images/panel_wide_top.gif);
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
background-repeat : no-repeat;
}
div.wide div.top img {
margin : 15px 0 0 12px;
border : none;
background-repeat : no-repeat;
}
div.large div.down img {
margin : 15px 0 0 12px;
border : none;
background-repeat : no-repeat;
}
div.wide div.bottom {
width : 711px;
height : 3px;
border-top : #d7d7d7 1px solid;
line-height : 1px;
}
div.large div.bottom {
width : 945px;
height : 7px;
line-height : 1px;
border-top : #d7d7d7 1px solid;
}
div.wide div.content {
float : none;
font-size : 11px;
padding : 4px 6px 4px 6px;
background-color : #FFFFFF;
border-left-color : #CCCCCC;
border-right-color : #CCCCCC;
}
div.content_image {
float : none;
font-size : 11px;
}
div.large div.content {
float : none;
font-size : 11px;
padding : 4px 7px 4px 7px;
background-color : #FFFFFF;
border-left-color : #CCCCCC;
border-right-color : #CCCCCC;
}
/* table th {
background : url(images/menu_bg.jpg) repeat-x bottom left;
height : 27px;
color : #ffffff;
} */
table th {
font-size : 14px;
padding-bottom : 3px;
margin-bottom : 2px;
font-weight : bold;
color : #333333;
background : url(images/h_punkte.gif) repeat-x bottom left;
}
table.th a a.th:visited, a.th:active, a.th:hover {
font-weight : bold;
color : #000000;
}
ul.membersMenu {
padding : 5px 0 0 0;
margin : 0;
list-style-type : none;
}
ul.membersMenu li {
padding : 0;
padding-left : 6px;
padding-bottom : 5px;
border-bottom : 1px solid #c1c1c1;
margin : 0 0 5px 0;
list-style-type : none;
}
ul.membersMenu a {
display : block;
height : 27px;
width : 218px;
overflow : hidden;
background-position : 0 0;
}
ul.membersMenu a:hover, ul.membersMenu a:active {
background-position : 0 27px;
}
ul.membersMenu a.active {
background-position : 0 27px;
}
ul.membersMenu a span {
visibility : hidden;
}
div.homepagePanel {
margin : 0;
}
div.left {
width : 491px;
float : left;
margin-right : 6px;
}
div.left div.top {
height : 40px;
background-image : url(images/homepage_leftpanel_top.gif);
font-size : 12px;
text-transform : uppercase;
font-weight : bold;
}
div.left div.top img {
margin : 15px 0 0 12px;
border : none;
}
div.left div.bottom {
font-size : 1px;
height : 3px;
line-height : 1px;
border-top : #d7d7d7 1px solid;
}
div.bottom {
font-size : 1px;
height : 3px;
line-height : 1px;
border-top : #d7d7d7 1px solid;
}
div.left div.content {
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
background-color : #fff;

font-size : 11px;
}
div.right {
width : 452px;
margin-left : 0;
margin-bottom : 3px;
float : left;
}
div.right div.top {
height : 40px;
background-image : url(images/homepage_rightpanel_top.gif);
font-size : 12px;
width: 450px;
text-transform : uppercase;
font-weight : bold;
}
div.right div.top img {
margin : 15px 0 0 12px;
border : none;
}
div.right div.bottom {
line-height : 1px;
height : 3px;
padding : 0 0 0 8px;
border-top : #d7d7d7 1px solid;
}
div.right div.content {
font-size : 11px;
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
background-color : #fff;
}
.hand {
cursor : pointer;
}
.highslide, .highslide_online, .highslide_offline {
cursor : url(http://www.sunupyourlife.de/javascript/highslide/graphics/zoomin.cur), pointer;
outline : none;
}
.highslide-active-anchor img {
visibility : hidden;
}
.highslide img {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
float : left;
}
.highslide_offline img {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
float : left;
}
.highslide_online img {
border-style : solid;
border-width : thin;
border-color : #ff0000;
padding : 2px;
float : left;
}
.highslide:hover img {
border-style : solid;
border-width : thin;
border-color : #e2001a;
padding : 2px;
}
.highslide_online:hover img {
border-style : solid;
border-width : thin;
border-color : #e2001a;
padding : 2px;
}
.highslide_offline:hover img {
border-style : solid;
border-width : thin;
border-color : #e2001a;
padding : 2px;
}
.highslide-wrapper {
background : white;
}
.highslide-image {
border : 6px solid white;
}
.highslide-caption {
display : none;
border : 5px solid white;
border-top : none;
padding : 5px;
background-color : white;
}
.highslide-loading {
display : block;
color : black;
font-size : 8pt;
font-family : sans-serif;
font-weight : bold;
text-decoration : none;
padding : 2px;
border : 1px solid black;
background-color : white;
padding-left : 22px;
background-image : url(http://www.sunupyourlife.de/javascript/highslide/graphics/loader.white.gif);
background-repeat : no-repeat;
background-position : 3px 1px;
}
a.highslide-credits, a.highslide-credits i {
padding : 2px;
color : silver;
text-decoration : none;
font-size : 10px;
}
a.highslide-credits:hover, a.highslide-credits:hover i {
color : white;
background-color : gray;
}
a.highslide-full-expand {
background : url(http://www.sunupyourlife.de/javascript/highslide/graphics/fullexpand.gif) no-repeat;
display : block;
margin : 0 10px 10px 0;
width : 34px;
height : 34px;
}
.highslide-display-block {
display : block;
}
.highslide-display-none {
display : none;
}
.img {
 border: 10px ridge #39F;
}
a img {
border : none;
}
.pic_link_online img {
border-style : solid;
border-width : thin;
border-color : #ff0000;
padding : 2px;
}
.pic_link_offline img {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
}
.pic_link_online:hover img {
border-style : solid;
border-width : thin;
border-color : #e2001a;
padding : 2px;
cursor : pointer;
}
.pic_link_offline:hover img {
border-style : solid;
border-width : thin;
border-color : #e2001a;
padding : 2px;
cursor : pointer;
}
.pic_link img {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
}
.pic_link {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
cursor : pointer;
}
.pic_link_online {
border-style : solid;
border-width : thin;
border-color : #ff0000;
padding : 2px;
cursor : pointer;
}
.pic_link_offline {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
cursor : pointer;
}
.highslide_off img {
border-style : solid;
border-width : thin;
border-color : #666666;
padding : 2px;
}
.highslide_off:hover img {
border-style : solid;
border-width : thin;
border-color : #cccccc;
padding : 2px;
}
div.menuheader {
font-size : 11px;
padding : 0 3px 4px 6px;
}
a.menuitem {
font-weight : normal;
color : #333333;
text-decoration : none;
}
a.menuitem:visited, .menuitem:active {
color : #333333;
}
a.menuitem .statusicon {
position : absolute;
top : 5px;
right : 5px;
border : none;
}
a.menuitem:hover {
text-decoration : none;
color : #333333;
}
div.submenu {
font-size : 11px;
border-bottom : dashed #999999 1px;
}
div.submenu ul {
list-style-type : none;
margin : 0;
padding : 0;
}
div.submenu ul li {
border-bottom : 1px solid #999999;
}
div.submenu ul li a {
display : block;
font-size : 11px;
font-weight : normal;
color : black;
text-decoration : none;
padding : 2px 0;
padding-left : 10px;
}
div.submenu ul li a:hover {
background : #dfdccb;
color : white;
}
div.slide_border {
background-color : #ffffff;
border : 1px dashed #999999;
padding : 7px;
margin : 3px 5px 8px 5px;
}
div.slide_border_open {
background : #ffffff;
border : 1px dashed #999999;
padding : 7px;
}
div.slide_msg {
background : url(images/h_punkte.gif) repeat-x top left;
padding : 6px 0 12px 0;
margin : 8px 10px 3px 69px;
overflow : auto;
}
.input {
color : #333333;
background : #f8f8f8;
border : thin solid #999999;
margin : 3px 3px 0 3px;
}
textarea {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
float : left;
color : #333333;
background : #f8f8f8;
border : 1px solid #d7d7d7;
padding : 0.3em;
margin-top : 3px;
overflow : auto;
}
div.legende {
border : #999999 1px solid;
font-size : 12px;
padding : 4px;
margin-bottom : 10px;
background : url(images/message_bg.jpg) repeat-x left top;
}
a {  cursor: pointer; }
div.twocol {
float : right;
padding-right : 20px;
margin-bottom : 20px; 
}
.online {
color : #e2001a;
font-weight : bold;
}
.offline {
color : #333333;
font-weight : bold;
}
ul.legend {
font-size : 12px;
margin : 18px 0 18px 0;
border-top : #c9c9c9 1px solid;
border-bottom : #c9c9c9 1px solid;
padding : 12px;
}
ul.legend li {
padding : 2px 0 1px 0;
list-style-type : none;
}