/***********************************************************************
/* einige style-Klassen für verschiedene Elemente                      *
/***********************************************************************/
.gerahmt { border:1px solid rgb(110,110,110);padding:4px;} /* color:rgb(100,100,100);}*/
.gerahmt_bold { border:1px solid rgb(110,110,110);padding:4px; font-size:80%; font-weight:bold;} /* color:rgb(100,100,100);}*/
.zentriert_gerahmt {border:1px solid rgb(128,128,128); text-align:center;}
.gestrichelt { border:1px dashed rgb(110,110,110);padding:4px;}
.box { padding:4px;}
.fzg {border:1px solid rgb(128,128,128); text-align:center; font-weight:bold} /* fett, zentriert, gerahmt */
.fzgb {border:1px solid rgb(128,128,128); text-align:center; font-weight:bold; color:green}  /* fett, zentriert, gerahmt, bunte Schrift */
.zgo {border:1px solid rgb(128,128,128); text-align:center; background:rgb(255,255,128);}  /* zentriert, gerahmt, Hintergrundfarbe für ungerade Zeilen */
.lgo {border:1px solid rgb(128,128,128); text-align:left; background:rgb(255,255,200);}  /* linksbünig, gerahmt, Hintergrundfarbe für ungerade Zeilen */
.flg {border:1px solid rgb(128,128,128); text-align:left; font-weight:bold} /* fett, linksbündig, gerahmt */
.lg {border:1px solid rgb(128,128,128); text-align:left;} /* linksbündig, gerahmt */
.linkbox { border:1px solid rgb(227,227,227); padding:4px;}
.emph {color:#00008B; font-weight:bold; }
.small_right {text-align:right; font-size:80%; padding:5px;}
.ws {width:50px; height:1px; border:0; alt:"";} /* whitespace image */
.text_top {vertical-align:top; }

/* html, body */
html, body {
   height: 100%;   /* nur dann lassen sich Tabellen mit 100% Höhe erzeugen */   
}

/** IE-Hack */
* html, * html body{
	height:100%;
	width:760px;
}
body, td, div, h1, h2, h3, blockquote, ul, li, p, dl, dt, dd , a{
   /* NS4 bug:
   Der NS4 vererbt die font-family, color und viele weitere Einstellungen nicht
   an die Child-Elemente. Daher werden die Werte für einige Attribute von Hand
   gesetzt. 
   */
   font-family: Arial, sans-serif;
}
body{
	background-color:rgb(233,233,233);
}

body a:link, a:visited, a:active, a:focus { 
	text-decoration:none; color:orange;
}
body a:hover { text-decoration:underline; color:red; }

* html body a:link, a:visited, a:active, a:focus { 
	text-decoration:none; color:blue;
}
* html body a:hover { text-decoration:underline; color:red; }

h2{
	color:red;
	font-size:26px;
	font-weight:bold;
	text-align:center;
}

/***********************************************************************
/* Style für Listen                                                    *
/***********************************************************************/

ul{
	list-style:none;
}
li{
	padding:10px;
}
/***********************************************************************
/* Styles für eine hervorzuhebende Textbox                              *
/***********************************************************************/
#box-emph{
	text-align:center;
	padding-top:10px;
	padding-bottom:25px;
	font-weight:bold;
	color:red;
}

/***********************************************************************
/* Titel- Tag                            *
/***********************************************************************/
#title {
padding-top:25px;
height:20px;
color:blue;
text-align:center;
}

/** IE- Hack */
* html title{
	padding-top:25px;
	height:20px;
	color:blue;
	text-align:center;
}

/***********************************************************************
/* Style für header                                                      *
/***********************************************************************/
#header-container{
	padding:0px;	
}

/* Link-Style für das Titelmenü */
#header-container a:link{color: rgb(100,100,100);text-decoration:none;}
#header-container a:visited{color: rgb(100,100,100);text-decoration:none;}
#header-container a:active{color: rgb(100,100,100);text-decoration:none;}
#header-container a:hover{
	border: 1px solid;
	border-color: rgb(128,128,128);
	text-decoration: none; /* overline underline;*/
	background:white;
	color:rgb(128,128,128);
}


/***********************************************************************
/* Das Menu unterhalb der Titelleiste                                  *
/***********************************************************************/
#title-menu{
	background:rgb(227,227,227);/*rgb(233,233,233);*/
	border-color: rgb(128,128,128);/*#FFA500;   /* orange */
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: blue;
    padding:10px;
    font-weight:bold; font-size:75%;
}

/***********************************************************************
/* Style für body                                                      *
/***********************************************************************/
#content-container{
	background: white;
	border-color: rgb(128,128,128);/*#FFA500;   /* orange */
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-top:10px;
	padding-bottom:30px;
	padding-left:10;
	padding-right:10;
	margin-top:10px;
	margin-bottom:10px;
}
/* IE-Hack */
* html #content_container {
	padding:0.5em;
	height:80%;
	overflow:auto;
}
/* linkstyles */
#content-container a:link {text-decoration:none; color:blue;}
#content-container a:visited {text-decoration:none; color:blue;}
#content-container a:active {text-decoration:none; color:blue;}
#content-container a:hover { text-decoration:underline; color:red; }



/***********************************************************************
/* Das Footer-Menu                                                     *
/***********************************************************************/
#footer-menu{
	background:rgb(227,227,227);
	border-color: rgb(128,128,128);/*#FFA500;   /* orange */
    border-style: dashed;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-top:5px;
    padding-bottom:5px;
    color:#00008B; /* dunkelblau */
    font-size:80%;
	text-align:center;
	font-weight:bold;
}

/***********************************************************************
/* Formate für die Archiv- Tabelle                                     *
/***********************************************************************/

#aufgaben_table_cell {
	padding:0.2em;
	font-size:85%;
	font-weight:bold;
}

* html #aufgaben_table_cell {
	padding:4px;
	font-size:80%;
	font-weight:bold;
}

#aufgaben_table_cell a:link{
    color:blue
    text-decoration:none;
}

#aufgaben_table_cell a:visited {
    color:#FFA500; /* orange */
    text-decoration:none;
}

#aufgaben_table_cell a:hover {
    color:red;
    text-decoration:none;
}

/***********************************************************************
/* Formate für die Frühstarter- und Pfiffikussseite                    *
/***********************************************************************/

#bonus_table_cell {
	padding:5px;
	font-weight:bold;
}

* html #bonus_table_cell {
	padding:4px;
	font-weight:bold;
}

#bonus_table_cell a:link{
    color:blue
    text-decoration:none;
}

#bonus_table_cell a:visited {
    color:#FFA500; /* orange */
    text-decoration:none;
}

#bonus_table_cell a:hover {
    color:red;
    text-decoration:none;
}

/***********************************************************************
/* Formate für die Mitgliederseite                                     *
/***********************************************************************/
#mitglieder_table_cell {
	padding:5px;
}

* html #mitglieder_table_cell {
	padding:5px;
}

/***********************************************************************
/* Formate für die Preiseseite                                         *
/***********************************************************************/

#preise_table_cell {
	padding:5px;
	
}

* html #preise_table_cell {
	padding:5px;
}

#preise_table_cell a:link{
    color:blue
    text-decoration:none;
}

#preise_table_cell a:visited {
    color:#FFA500; /* orange */
    text-decoration:none;
}

#bonus_table_cell a:hover {
    color:red;
    text-decoration:none;
}

/***********************************************************************
/* Formate für das Wörterbuch                                          *
/***********************************************************************/
#index_table_cell {
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
}

* html #index_table_cell {
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
}

#index_table_cell a:link{
    color:blue
    text-decoration:none;
    font-weight:bold;
    font-size:80%;
}

#index_table_cell a:visited {
    color:#FFA500; /* orange */
    text-decoration:none;
    font-weight:bold;
    font-size:80%;
}

#index_table_cell a:hover {
    color:red;
    text-decoration:none;
    font-weight:bold;
    font-size:80%;
}

/***********************************************************************
/* interne Seitennavigation                                            *
/***********************************************************************/
#page_nav{
	margin-top:15px;
	margin-bottom:15px;
	background:rgb(233,233,233);
    padding:5px;
    font-weight:bold; font-size:75%;
    text-align:left;
}

/***********************************************************************
/* Navigation für die Mittgliederseite                                 *
/***********************************************************************/
#mitglieder_nav{
	margin-top:15px;
	margin-bottom:15px;
	background:rgb(233,233,233);
    padding:5px;
    font-weight:bold; font-size:75%;
    text-align:center;
}