/*
Farben:
Gelb: 255,255,181    (#FFFFB5)
GelbHell: 255,255,220 (#ffffdc)
Dunkelgrün: 0,102,0  (#006600)
Dunkelgrün2:0,102,51  (#006E33)
Dunkelblau (Hover): 0,0,153 (#000099)
Dunkelgrau:  118,118,118  (#767676)
Activeareagrün 204,255,204 (#CCFFCC)
Hellgrün: 141,255,141 (#8DFF8D)
SublevelGrün: 0,155,81 (#009B51)
HeaderGrün: 153,255,153 (#99ff99)
RahmenGelb: (#DBDB79)
RotGrün: FFEFD5

*/

/* Basics ---------------------------------------------------------------------------- */
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-face-color: rgb(141,255,141);
	scrollbar-track-color: rgb(141,255,141);
	scrollbar-highlight-color: rgb(141,255,141);
	scrollbar-shadow-color: rgb(141,255,141);
	scrollbar-3dlight-color: rgb(0,102,0);
	scrollbar-arrow-color: rgb(0,102,0);
	scrollbar-darkshadow-color: rgb(0,102,0);
	color: rgb(0,102,0);
}
.mozillabody
{
 /* Mozilla Firefox alignment */ 
text-align: -moz-center; 
}
.nav_bg
{
	background-color: rgb(255,255,181);
}
.nav_element
{
	width: 200px;
	background-color: rgb(255,255,181);
}
.logo_top
{
	width: 200px;
	height: 15px;
	background-image: url(Images/backline.gif);
}
.nav_info_bg
{
	background-image: url(Images/Muster_Nav.gif);
	background-repeat: no-repeat;
	height: 160px;
}

/* beide Einträge verhindern den Zeilenumbruch des Form-Tags im Mozilla */
form
{
	display: inline;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

img
{
	border-width: 0px;
	margin-left: 0px;
}

hr
{
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}

.imageButton
{
	vertical-align: middle;
	margin-bottom: 5px;
	margin-left: -2px;
}

.validatorCalloutHighlight
{
	/* lemonchiffon */
	background-color: #CCFFCC;
}


/* End Basics ------------------------------------------------------------------------ */



/* Form-Elemente --------------------------------------------------------------------- */
.alert
{
	color: red;
	font-weight: bold;
}

.info
{
	color: green;
	font-weight: bold;
}

.special
{
	background-color: #002486;
	color: #FFB400;
	font-weight: bold;
	border-color: #FFB400;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 1px 5px 1px 5px;
}

.tab_button
{
	width: 740px;
}

.tab_env_std
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 23px;
	border: 0px;
	background-color: Transparent;
	border-spacing: 0px;
	color: #9D9D9D;
	font-size: 11px;
	font-weight: bold;
}
.tab_bg_std
{
	background-image: url(../../Images/tab_m_std.gif);
}
.tab_env_high
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 23px;
	border: 0px;
	background-color: Transparent;
	border-spacing: 0px;
	color: #002486;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
.tab_bg_high
{
	background-image: url(../../Images/tab_m_high.gif);
}

.in_labellong
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #006600;
	width: 150px;
}

.in_label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #006600;
	width: 120px;
}

.in_label_header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	vertical-align: middle;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	color: #006600;
	width: 38px;
}

.in_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	vertical-align: top;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	color: Black;
	background-color: #DADFE9;
	width: 595px;
}

.in_select_statistic
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}

.in_std_header, .in_std_full_header, .in_std_xxl_header, .in_std_xl_header, .in_std_ml_header, .in_std_l_header, .in_std_ls_header, .in_std_m_header, .in_std_s_header, .in_std_ms_header, .in_std_xs_header, .in_std_select_header, .in_std_select_xl_header, .in_std_select_l_header, .in_std_select_m_header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006600;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}


.in_std, .in_std_full, .in_std_xxl, .in_std_xl, .in_std_xml, .in_std_ml, .in_std_l, .in_std_ls, .in_std_m, .in_std_s, .in_std_ms, .in_std_xs, .in_std_select, .in_std_select_xl, .in_std_select_l, .in_std_select_m, .in_std_select_ms
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006600;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}

.actionbuttons
{
	text-align: right;
	position: relative;
	padding: 1px 1px 1px 1px;
}

.btnGreen
{
	margin-bottom: 1px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	color: #006600;
	background: #8DFF8D;
	height: 16px;
	border-color: #006600;
	border-style: solid;
	border-width: 1px;
}
.btnGreen-ovr
{
	margin-bottom: 1px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	color: #006600;
	background: #FFFFB5;
	height: 16px;
	border-color: #006600;
	border-style: solid;
	border-width: 1px;
}

.borderInfo
{
	border-color: #FFFFFF;
	border-top-color: #8DFF8D;
}

.toolbar
{
	margin-top: 2px;
	margin-bottom: 1px;
	padding: 2;
}

.in_std_header
{
}
.in_std_full_header
{
	width: 710px;
}
.in_std_fullML_header
{
	width: 722px;
}
.in_std_xxl_header
{
	width: 400px;
}
.in_std_xl_header
{
	width: 200px;
}
.in_std_ml_header
{
	width: 176px;
}
.in_std_l_header
{
	width: 150px;
}
.in_std_ls_header
{
	width: 120px;
}
.in_std_m_header
{
	width: 100px;
}
.in_std_s_header
{
	width: 70px;
}
.in_std_ms_header
{
	width: 40px;
}
.in_std_xs_header
{
	width: 25px;
}
.in_std_select_header
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
}
.in_std_select_xxl_header
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 428px;
}
.in_std_select_xl_header
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 205px;
}
.in_std_select_l_header
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 150px;
}
.in_std_select_m_header
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 100px;
}



.in_std
{
}
.in_std_full
{
	width: 710px;
}
.in_std_fullML
{
	width: 722px;
}
.in_std_xxl
{
	width: 400px;
}
.in_std_xml
{
	width: 250px;
}
.in_std_xl
{
	width: 200px;
}
.in_std_ml
{
	width: 176px;
}
.in_std_l
{
	width: 150px;
}
.in_std_ls
{
	width: 120px;
}
.in_std_m
{
	width: 100px;
}
.in_std_s
{
	width: 70px;
}
.in_std_ms
{
	width: 40px;
}
.in_std_xs
{
	width: 25px;
}
.in_std_select
{
	margin-bottom: -1px;
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
}
.in_std_select_xxl
{
	margin-bottom: -1px;
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 428px;
}
.in_std_select_xl
{
	margin-bottom: -1px;
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 205px;
}
.in_std_select_l
{
	margin-bottom: -1px;
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 155px;
}
.in_std_select_m
{
	margin-bottom: -1px;
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 100px;
}

.in_std_select_ms
{
	margin-bottom: -1px;
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 90px;
}

.in_std_radio
{
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006600;
	border: none;
}
.in_std_check
{
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006600;
	border: none;
}


.in_read, .in_read_full, .in_read_xxl, .in_read_xl, .in_read_ml, .in_read_l, .in_read_ls, .in_read_m, .in_read_s, .in_read_ms, .in_read_xs, .in_read_select, .in_read_select_xl, .in_read_select_l, .in_read_select_m
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006600;
	border: 1px solid;
	background-color: #8DFF8D;
	border-color: #006600;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}

.in_read
{
}
.in_read_full
{
	width: 710px;
}
.in_read_xxl
{
	width: 400px;
}
.in_read_xl
{
	width: 200px;
}
.in_read_ml
{
	width: 176px;
}
.in_read_l
{
	width: 150px;
}
.in_read_ls
{
	width: 120px;
}
.in_read_m
{
	width: 100px;
}
.in_read_s
{
	width: 70px;
}
.in_read_ms
{
	width: 40px;
}
.in_read_xs
{
	width: 25px;
}
.in_read_select
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
}
.in_read_select_xl
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 205px;
}
.in_read_select_l
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 150px;
}
.in_read_select_m
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 100px;
}


.in_high, .in_high_xxl, .in_high_xl, .in_high_ml, .in_high_l, .in_high_m, .in_high_s, .in_high_ms, .in_high_xs, .in_high_select, .in_high_select_xl, .in_high_select_l, .in_high_select_m
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	border: 1px solid;
	background-color: #FFB400;
	border-color: #006600;
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}

.in_high
{
}
.in_high_xxl
{
	width: 400px;
}
.in_high_xl
{
	width: 200px;
}
.in_high_ml
{
	width: 176px;
}
.in_high_l
{
	width: 150px;
}
.in_high_ls
{
	width: 120px;
}
.in_high_m
{
	width: 100px;
}
.in_high_s
{
	width: 70px;
}
.in_high_ms
{
	width: 40px;
}
.in_high_xs
{
	width: 25px;
}
.in_high_select
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
}
.in_high_select_xl
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 200px;
}
.in_high_select_l
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 150px;
}
.in_high_select_m
{
	border-color: #808080 #D4D0C8 #D4D0C8 #808080;
	width: 100px;
}

.button_env
{
	height: 28px;
	border: 0px;
	background-color: Transparent;
	border-spacing: 0px;
	color: #FFB400;
	font-size: 11px;
	font-weight: bold;
}
.button_bg
{
	background-image: url(Images/btn_m.gif);
}
.button2_bg
{
	background-image: url(Images/btn2_m.gif);
}
.navbutton_bg
{
	background-image: url(../../Images/btnv_m.gif);
}


/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #8DFF8D;
	padding: 3px;
	margin: 2px 0 5px 0;
	vertical-align: top;
}


/* End Form-Tags --------------------------------------------------------------------- */



/* Header-Bereich -------------------------------------------------------------------- */
.date td
{
	height: 15px;
	font-size: 9px;
	color: #767676;
	padding-right: 4px;
}

/*.header {height:110px; width:960px;  background-color:#8DFF8D;}*/
.header
{
	height: 110px;
	width: 970px;
	background-image: url(../../Images/header_backnew2.jpg);	
	background-repeat: no-repeat;
}

.headerprint
{
	height: 110px;
	width: 960px;
	background-image: url(../../Images/header_backnew2_print.jpg);	
	background-repeat: no-repeat;
}


.header_background
{
}

h1
{
	font-size: 18px;
	color: #006600;
}
/* Begrüßung */
h2
{
	font-size: 12px;
	color: #006600;
	margin-bottom: 3px;
}
h3
{
	font-size: 11px;
	color: #006600;
	text-decoration: underline;
}
/*
Dunkelgrün: 0,102,0  (#006600)
Dunkelgrün2:0,102,51  (#006E33)
Dunkelblau (Hover): 0,0,153 (#000099)
*/

/* Hauptmenü oben */
.menua
{
	font-size: 9px;
	color: #006600;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
}
.menua a:visited, .menua a:link
{
	color: #006600;
}
.menua a:active
{
	color: #000099;
}
.menua a:hover
{
	color: #006600;
	text-decoration: underline;
}

/* Verlauf-Navigation */
.historie
{
	margin: 5px auto 5px auto;
	font-size: 9px;
	color: #006600;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.historie a:visited, .historie a:link, .historie a:active
{
	color: #006600;
}
.historie a:hover
{
	text-decoration: underline;
}
/* End Header-Bereich ---------------------------------------------------------------- */



.headline
{
	background: #C7D9E3;
	font-weight: bold;
}
.inputarea
{
	background: #E0EAF5;
}


/* Sub-Menu-Bereich (links) ---------------------------------------------------------- */
.menuc
{
	line-height: 20px;
	padding-left: -5px;
	font-weight: bold;
	font-size: 11px;
}
.menuc_item
{
	color: white;
}
.menuc_selected
{
	color: #006600;
}
.menuc a:visited, .menuc a:link
{
	color: white;
	text-decoration: none;
}
.menuc a:active
{
	color: #006600;
}
.menuc a:hover
{
	color: #000099;
}

.menuc_info
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: Red; /*#002486;*/
}

.news
{
	color: white;
	text-decoration: none;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	vertical-align: text-top;
}
.news a:hover
{
	text-decoration: underline;
}
/* End Sub-Menu-Bereich (links) ------------------------------------------------------ */



/* Content-Bereich ------------------------------------------------------------------- */
.page
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-y;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	background-color: rgb(255,255,220);
	color: Black;
}
.pagesuite
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-y;
	padding: 0px;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	background-color: #002486;
	color: Black;
}

/* Mindestgröße des Content-Bereichs */
.std_content_size
{
	background-color: rgb(255,255,220);
	height: 380px;
}

.NormalText
{
	margin-top: 0.1cm;
	margin-bottom: 0.3cm;
	text-align: left;
}

.HelpText
{
	margin-bottom:0.1cm;
	margin-top:0.1cm;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
		
}

.LegalText
{
	margin-top: 0.1cm;
	margin-bottom: 0.3cm;
}

/* kleine Content Überschrift (im Formularbereich) */
h4
{
	font-size: 11px;
	line-height: 14px;
	height: 20px;
	color: #002486;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: text-top;
}
/* Content Unterüberschrift (oberste Position) */
h5
{
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 6px;
	color: #002486;
	font-weight: bold;
	vertical-align: text-top;
}
/* Content Unterüberschrift (mit Abstand nach oben; vorhergehende Einträge) */
h6
{
	font-size: 11px;
	line-height: 14px;
	color: #002486;
	font-weight: bold;
	vertical-align: text-top;
	margin-top: 15px;
	margin-bottom: 6px;
}

#home, #links
{
	padding-top: 0px;
	padding-bottom: 5px;
}

#sidebar
{
	width: 220px;
	background-image: url(../../Images/backline.gif);
}

#menuc_info
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #002486;
	width: 180px;
	padding-top: 6px;
}
#menuc_info a
{
	text-decoration: none;
	font-weight: bold;
	color: Black;
}
#menuc_info a:hover
{
	text-decoration: underline;
}
#menuc_info a:active
{
	color: #FFB400;
}

#coollinks
{
	/* margin-left:220px; */
}

#links h4
{
	margin-top: 0;
	border-top: 1px solid #002486;
	padding-top: 1.0em;
}

dl
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	position: relative;
}
dt
{
	position: absolute;
	left: 0;
}
dd
{
	margin-left: 150px;
	height: 2.0em;
}

.jekyll
{
	display: none;
}


/* Artikelkopf Formatierung */
.headertopl
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(Images/tl.gif) 0 0 no-repeat;
	background-color: rgb(153,255,153);
}
/* padding steuert Abstand Überschrift von oben; margin-left: Textanfang */
.headertopr
{
	background: url(Images/tr.gif) 100% 0 no-repeat;
	padding: 6px;
	text-align: center;
}
.clear
{
	font-size: 1px;
	height: 1px;
}
.headercontent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(0,102,0);
}
/* Ende Artikelkopf Formatierung */

.progress
{
	text-align:center;
	font-size: 9px;
	background-color: rgb(255,255,181);
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 1px; /*text-align:justify;*/
}


.DailyInfo
{
	font-size: 9px;
	background-color: rgb(255,255,181);
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 1px; /*text-align:justify;*/
}
.nutritionshort
{
	margin-top: 2px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: rgb(255,255,220);
	color: rgb(0,102,0);
	line-height: 9px;
	padding: 1px;
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 1px; /*text-align:justify;*/
}

.result
{
	margin-top: 2px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: rgb(255,255,181);
	color: rgb(0,102,0);
	line-height: 13px;
	padding: 3px;
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 2px; /*text-align:justify;*/
}

.activityshort
{
	margin-top: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: rgb(255,255,201);
	color: rgb(0,102,0);
	line-height: 9px;
	padding: 1px;
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 1px; /*text-align:justify;*/
}

.activityshortPlan
{
	margin-top: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: rgb(255,255,201);
	color: rgb(0,102,0);
	line-height:11px;
	padding: 2px;
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 1px; /*text-align:justify;*/
}


.eventshort
{
	margin-top: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: rgb(255,255,151);
	color: rgb(0,102,0);
	line-height: 9px;
	padding: 1px;
	border-color: rgb(141,255,141);
	border-style: solid;
	border-width: 1px; /*text-align:justify;*/
}


#mapsearch {
  width : 400px;
  margin : 10px;
  padding : 4px;
  border : 1px solid rgb(141,255,141);
}


/* Artikel Inhaltsformatierung */
.articlecontent
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(0,102,0);
	line-height: 13px;
	padding: 8px;
	border-color: rgb(153,255,153);
	border-style: solid;
	border-width: 2px; /*text-align:justify;*/
}
/* Ende Artikel Inhaltsformatierung */


.imageButtonSearch
{
	vertical-align: middle;
	margin-bottom: 5px;
}

.nutritionimage
{
	/* 	border-color: #DBDB79; 	border-style: solid; 	border-width: 1px; */
	float: left;
	padding: 25px22;
}

.balancecontent
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(0,102,0);
	line-height: 12px;
}

.nutritionarticlecontent
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(0,102,0);
	line-height: 12px;
	border-color: rgb(153,255,153);
	border-style: solid;
	border-width: 2px; /*text-align:justify;*/
}


.subheader
{
}


.subheadercontent
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.gadget_content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(0,102,0);
	line-height: 13px;
	text-align: left;
}

.t
{
	background: url(images/dot.gif) 0 0 repeat-x;
	width: 165px;
	background-color: rgb(255,255,255);
	margin-top: 5px;
}

/* Gadget Gelb */
.btmly
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(images/bly.gif) 0 100% no-repeat;
	width: 165px;
	color: rgb(0,102,0);
}
.btmry
{
	background: url(images/bry.gif) 100% 100% no-repeat;
}
.toply
{
	background: url(images/tly.gif) 0 0 no-repeat;
}
.topry
{
	background: url(images/try.gif) 100% 0 no-repeat;
	padding: 5px;
}
.ty
{
	background: url(images/dot.gif) 0 0 repeat-x;
	width: 165px;
	background-color: rgb(255,255,223);
	margin-top: 5px;
}


/* Gadget Weiss */
.btmlw
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: url(images/blw.gif) 0 100% no-repeat;
	width: 165px;
	color: rgb(0,102,0);
}
.btmrw
{
	background: url(images/brw.gif) 100% 100% no-repeat;
}
.toplw
{
	background: url(images/tlw.gif) 0 0 no-repeat;
}
.toprw
{
	background: url(images/trw.gif) 100% 0 no-repeat;
	padding: 5px;
}

/* Gadget Allgemein */
.b
{
	background: url(images/dot.gif) 0 100% repeat-x;
}
.l
{
	background: url(images/dot.gif) 0 0 repeat-y;
}
.r
{
	background: url(images/dot.gif) 100% 0 repeat-y;
}

/* Links Gadget */
.lnkGadget a:link
{
	font-weight: bold;
	text-decoration: none;
	color: rgb(0,102,0);
	font-size: 9px;
	margin-top: 3px;
}
.lnkGadget a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: rgb(0,102,0);
	font-size: 9px;
	margin-top: 3px;
}
.lnkGadget a:focus
{
	font-weight: bold;
	text-decoration: underline;
	color: rgb(0,102,0);
	font-size: 9px;
	margin-top: 3px;
}
.lnkGadget a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: rgb(0,155,81);
	font-size: 9px;
	margin-top: 3px;
}

/* Links */
a:link
{
	font-weight: bold;
	color: rgb(0,102,0);
	text-decoration: none;
	font-size: 10px;
}
a:visited
{
	font-weight: bold;
	color: rgb(0,102,0);
	text-decoration: none;
	font-size: 10px;
}
a:focus
{
	font-weight: bold;
	color: rgb(0,102,0);
	text-decoration: underline;
	font-size: 10px;
}
a:hover
{
	font-weight: bold;
	color: rgb(0,102,0);
	text-decoration: underline;
	font-size: 10px;
}
.imga
{
	vertical-align:text-bottom;
}
.imgt
{
	vertical-align:middle;
}


/*---------------------------------------- TAB --------------------------------------- */
.tabgreen .ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	background: url(Images/tab-line.gif) repeat-x bottom;
}
.tabgreen .ajax__tab_outer
{
	padding-right: 0px;
	background: url(Images/tab-right.gif) no-repeat right;
	height: 21px;
}
.tabgreen .ajax__tab_inner
{
	padding-left: 3px;
	background: url(Images/tab-left.gif) no-repeat;
}
.tabgreen .ajax__tab_tab
{
	height: 13px;
	padding: 4px;
	margin: 0;
	background: url(Images/tab.gif) repeat-x;
}
.tabgreen .ajax__tab_hover .ajax__tab_outer
{
	background: url(Images/tab-hover-right.gif) no-repeat right;
}
.tabgreen .ajax__tab_hover .ajax__tab_inner
{
	background: url(Images/tab-hover-left.gif) no-repeat;
}
.tabgreen .ajax__tab_hover .ajax__tab_tab
{
	background: url(Images/tab-hover.gif) repeat-x;
}
.tabgreen .ajax__tab_active .ajax__tab_outer
{
	background: url(Images/tab-active-right.gif) no-repeat right;
}
.tabgreen .ajax__tab_active .ajax__tab_inner
{
	background: url(Images/tab-active-left.gif) no-repeat;
}
.tabgreen .ajax__tab_active .ajax__tab_tab
{
	background: url(Images/tab-active.gif) repeat-x;
}
.tabgreen .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #8DFF8D;
	border-top: 0;
	padding: 8px;
	background-color: #FFFFFF;
}

/* scrolling */
.ajax__scroll_horiz
{
	overflow-x: scroll;
}
.ajax__scroll_vert
{
	overflow-y: scroll;
}
.ajax__scroll_both
{
	overflow: scroll;
}
.ajax__scroll_auto
{
	overflow: auto;
}


/* End Content-Bereich --------------------------------------------------------------- */



/* Footer-Bereich -------------------------------------------------------------------- */
.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #767676;
	background-color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	padding-bottom: 10px;
	height: 50px;
	text-align: center;
}
.footersuite
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #002486;
	text-decoration: none;
	font-style: normal;
	padding: 5px 0px 5px 0px;
	height: 20px;
	text-align: center;
}

.menub
{
	margin: 8px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
	color: #006600;
	font-weight: bold;
}
.menub a:visited, .menub a:hover, .menub a:link, .menub a:active
{
	color: #006600;
}
.menub a:hover
{
	text-decoration: underline;
}

.imprint
{
	margin: 8px auto 5px auto;
	font-size: 10px;
	color: #767676;
	font-weight: bold;
	text-decoration: none;
}
.imprint a:hover
{
	text-decoration: underline;
}
/* End Footer-Bereich ---------------------------------------------------------------- */

/* MySub-Menu-Bereich (links) ---------------------------------------------------------- */
.menud
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-left: -5px;
	font-weight: bold;
	font-size: 11px;
}
.menud_item
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding-left: 0px;
	line-height: 13px;
}

.menud_root_item
{
	color: rgb(0,102,0);
	font-weight: bold;
	padding-left: 2px;
}
.menud_selected
{
	color: rgb(0,102,0);
}



.menud a:visited, .menuc a:link
{
	text-decoration: none;
	color: #006600;
	font-size: 11px;
	padding-left: 2px;
}
.menud a:active
{
	text-decoration: none;
	color: #009B51;
	font-size: 11px;
	padding-left: 2px;
}

.menud a
{
	text-decoration: none;
	color: #006600;
	font-size: 11px;
	padding-left: 2px;
}
.menud a:hover
{
	text-decoration: none;
	color: #000099;
	font-size: 11px;
	padding-left: 2px;
}



.menud_info
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: Red;
}



/* End MySub-Menu-Bereich (links) ------------------------------------------------------ */


/************************************************************************
* 
* Rollover buttons
*
************************************************************************/


.buttonsmall, .buttonsmall-ovr
{
	background-color: #8DFF8D;
	border: none;
	color: #006600;
	height: 22px;
	font-weight: normal;
	font-size: 9px;
	padding-bottom: 9px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-ovr
{
	text-decoration: underline;
	background-color: #FFFFB5;
}

/* 2b specified ---------------------------------------------------------------------- */
.text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: Black;
	vertical-align: text-top;
}

.navhead
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFB400;
	font-weight: bold;
}

ul
{
	list-style-position: outside;
	line-height: 18px;
	list-style-type: square;
	margin-left: 16px;
}

.tab
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: Black;
	height: 20px;
}
/* End 2b specified ------------------------------------------------------------------ */


/* ---------------------------*/
.welcome
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-left: 1.5cm;
	margin-right: 1.5cm;
}


/* xxxxx -------------------------------------------------------------------------- */
.aud_top
{
	background-color: #C7D9E3;
	vertical-align: top;
}
.aud_left
{
	background-color: #F1F5F8;
	width: 400px;
	vertical-align: top;
}
.aud_right
{
	background-color: #C7D9E3;
	vertical-align: top;
	width: 350px;
}

/* Navigation-Links */
.navlink
{
	font-size: 10px;
	color: #002486;
	font-weight: normal;
	padding: 0;
}
.navlink a:visited, .navlink a:link, .navlink a:active
{
	color: #002486;
}
.navlink a:hover
{
	color: #FFB400;
}

/* Links Fragenkataloge */
a.cataloq:visited, a.cataloq:link, a.cataloq:active
{
	font-size: 11px;
	color: #5B2386;
	font-weight: normal;
	padding: 0;
}
a.cataloq:hover
{
	font-size: 11px;
	color: #FFB400;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
}

/* End xxxxx ---------------------------------------------------------------------- */

.list_top
{
	background-color: #C7D9E3;
	color: #002486;
	border-color: White;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
}
.list_header
{
	background-color: #C7D9E3;
	color: #002486;
	border-color: White;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
}

.contentbgc
{
	background-color: #00FF7F;
}

/*CollapsiblePanel*/
.collapsePanel
{
	overflow: hidden;
}

.collapsePanelHeader
{
	width: 100%;
	height: 20px;
	color: #002486;
	font-weight: bold;
	background-color: #C7D9E3;
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.NumericDownImage
{
	margin-left: -5px;
}

.NumericUpImage
{
	margin-left: -5px;
}

.slider
{
	width: 150px;
	height: 5px;
}

.modalPopup
{
	border: solid 1px #DBDB79;
	background-color: #ffffdc;
	width: 240px;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006600;
}
.modalPopupHeadline
{
	margin-bottom: 8px;
}
.modalPopupContent
{
	margin-bottom: 15px;
}

.wrapWord
{
	word-wrap: break-word;
}

.watermarked
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006E33;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	margin: 1px;
	padding: 1px;
}

.watermarked_l
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006E33;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	margin: 1px;
	padding: 1px;
	width:200px;
}

.watermarked_m
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006E33;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	margin: 1px;
	padding: 1px;
	width:150px;
}

.watermarked_s
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006E33;
	border: 1px solid;
	background-color: #F5F7FB;
	border-color: #006600;
	margin: 1px;
	padding: 1px;
	width:100px;
}


.passwordStrength
{
	background-color: #FFB400;
	color: Black;
	padding: 3px;
	font-weight: bold;
}

/* RatingControl */
.ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
	background-image: url(Images/FilledStar.png);
}

.emptyRatingStar
{
	background-image: url(Images/EmptyStar.png);
}

.savedRatingStar
{
	background-image: url(Images/SavedStar.png);
}
/* End-RatingControl */


/* Popup menu */
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-color: #F5F7F8;
	opacity: .9;
	filter: alpha(opacity=90);
}

.popupMenuButton
{
	font-weight: normal;
	text-align: left;
}

.popupHover
{
	background-image: url(images/header-opened.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F5F7F8;
}

.popupMenuTitle
{
	background-color: #C7D9E3;
	font-weight: bold;
	color: #002486;
}
/*  Popup menu */

.cmenue
{
	float: left;
	padding: 0px;
	background-color: #ACBAD5;
	border-right: solid 2px #666666;
	border-bottom: solid 2px #666666;
}

/* Glossar */
.glossary td
{
	vertical-align: top;
}
.G_item
{
	width: 120px;
	font-weight: bold;
}
.G_info
{
	width: 580px;
	padding-left: 10px;
}

/* Sizes */
.std_full
{
	width: 710px;
}
.std_fullML
{
	width: 722px;
}
.std_xxl
{
	width: 400px;
}
.std_xl
{
	width: 200px;
}
.std_ml
{
	width: 176px;
}
.std_l
{
	width: 150px;
}
.std_ls
{
	width: 120px;
}
.std_m
{
	width: 100px;
}
.std_s
{
	width: 70px;
}
.std_ms
{
	width: 40px;
}
.std_xs
{
	width: 25px;
}

.ContextMenuPanel
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.adminpanel
{
	border: 2px solid rgb(153,255,153);
	padding: 2px 2px 2px 2px;
}

.ContextMenuItem
{
	margin: 1px 0 1px 0;
	text-align: left;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 1px 1px 1px 33px;
	white-space: nowrap;
}


a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	text-align: left;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 1px 1px 1px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	text-decoration: none;
	border: 1px solid #D2B47A;
	padding: 0px 0px 0px 33px;
}


.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
}


/* Start Gadget-Formatierung */

.gadget_area
{
	margin-right: 4px;
	background-color: #CCFFCC;
	padding: 3px;
	text-align: center;
	height: 600px;
	margin-top: 8px;
}


/* Ende Gadget-Formatierung */

/* ab hier kopiertes CS (noch überarbeiten) */


.membercard h3
{
	font-size: 1em;
}

.membercardsmall h3
{
	font-size: 1em;
}


#loginbanner h2
{
	font-size: 1em;
	font-weight: normal;
	margin-top: 8px;
}

#poster h2
{
	font-size: 13px;
	font-weight: bold;
	color: #50700E;
}
.leftblock h2, .rightblock h2, .fullwidth h2
{
	font-size: 1.1em;
}

.rightblock h3
{
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: block;
}



.eventmonth h3
{
	padding-left: 20px;
	padding-right: 20px;
}

.eventlist label
{
	font-weight: bold;
	padding-right: 4px;
}



/* Überrabeitung ---> */
/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */


/* 2 column layout */
#columnleft
{
	float: left;
	width: 200px; /*position: relative; */
}

#columnright
{
	margin-left: 210px;
	position: relative;
	color: #006600;
}

.leftblock
{
	border: 2px solid #CCFFCC;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 4px; /*background: #CCFFCC; */
	vertical-align: top;
	color: #006600;
}

.rightblock
{
	vertical-align: top;
	border: 2px solid #CCFFCC;
	padding: 5px;
	margin-bottom: 10px; /*background: #CCFFCC;*/ /*position: relative; */ /*width:280px;*/
}

.clear2column
{
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0px;
	height: 0px;
	clear: both;
}


/* A full width block on the page */

.fullwidth, #loginbanner
{
	border: 2px solid #CCFFCC;
	width: 694px;
	margin-right: auto;
	margin-left: auto; /*background: #FFFFB5 ;*/
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}


/* shows a visual seperation */
.dashedline
{
	border-bottom: 1px dashed #006600;
	padding-top: 10px;
	margin-bottom: 10px;
	clear: right;
}



/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

.calendarlink a
{
	font-size: 8px;
}

/* Surrounds the calendar */
.eventmonth
{
	border: 1px solid #DBDB79;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFACD;
	margin-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	text-align: center;
}

.eventmonthprint
{
	
	width:960px;
	background: #FFFACD;
	margin-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	text-align: center;
}


/* used as the cssclass of the actual calendar */
.eventmonthtableprint
{
	width:950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 5px;
	border: 1px solid #DBDB79;
	border-collapse: collapse;
}


/* used as the cssclass of the actual calendar */
.eventmonthtable
{
	width: 538px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 5px;
	border: 1px solid #DBDB79;
	border-collapse: collapse;
}


.dayNumber
{
	float: right;
	border-bottom: 1px solid #C7C272;
	border-left: 1px solid #C7C272;
	clear: none;
	padding: 3px;
}


.calcurrentmonth
{
	/* no styles needed at this time */
}
.calothermonth
{
	background-color: #FFEFD5;
}
.calcurrentday
{
	background-color: #FFFF00;
}
.calweekend
{
	background-color: #FFFFB5; /*  width: 15%; */
	
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
	text-align: left;
	border: 1px solid #C7C272; 
	height: 40px;
	vertical-align: top; /* needed for positioning the dayNumber part */
	position: relative;
	border-collapse: separate;
	border-spacing: 1px;
	
}




/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
	background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
	border: solid 1px #E8DCA3;
	padding: 3px;
}

.picture
{
	background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
	border: solid 1px #E8DCA3;
	padding: 5px;
	margin: 5px;
}

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead 

.thumbnail a:link img, #thumbnail a:visited img
{
    border: 2px solid #883D08;
}
.thumbnail a:hover img
{
    border: 2px solid #FFFFFF;
}
.thumbnail a:active img
{
    border: 2px solid #000000;
}
*/

/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem
{
	margin: 2px 0px 0px 0px;
	padding: 5px;
}

/* surrounds the buttons for list items */
.editbuttons
{
	padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail
{
	float: right;
	margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
	clear: right;
	margin: 0;
	padding: 0;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

/* Used by the page number control */
.PageNumbers
{
	display: inline;
}

.PageNumbers span
{
	padding-left: 2px;
}

.newscrumbs a
{
	font-size: 10px;
	font-weight: bold;
	padding-right: 2px;
}

/* Used in the two column lists */

.cardsubtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb( 0,102,0);
		margin: 3px;
	padding: 1px;
}

.cardtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb( 0,102,0);
	font-weight: bold;
	margin: 3px;
	padding: 1px;
}

.rankingMember
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.rankingRank
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb( 0,102,0);
	font-weight: bold;
	margin: 2px;
	padding: 1px;
	width: 18px;
}

.rankingtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb( 0,102,0);
	font-weight: bold;
	margin: 2px;
	padding: 1px;
}

.rankingpoints
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb( 0,102,0);
	font-weight: bold;
	margin: 3px;
	padding: 1px;
	width: 95px;
	text-align: right;
}


.rankingcard
{
	background-color: rgb(255,255,181);
	border: 1px solid rgb(141,255,141);
	padding: 4px;
	margin-bottom: 2px;
	width: 345px;
}


.rankingcardFirst
{
	background-color: rgb(255,255,110);
	border: 1px solid rgb(141,255,141);
	padding: 4px;
	margin-bottom: 2px;
	width: 345px;
}

.rankingcardSecond
{
	background-color: rgb(255,255,150);
	border: 1px solid rgb(141,255,141);
	padding: 4px;
	margin-bottom: 2px;
	width: 345px;
}

.nutritioncard
{
	background-color: rgb(255,255,181);
	border: 1px solid rgb(141,255,141);
	padding: 2px;
	margin-bottom: 1px;
	width: 190px;
}


.activitycard
{
	background-color: rgb(255,255,181);
	border: 1px solid rgb(141,255,141);
	padding: 2px;
	margin-bottom: 1px;
	width: 190px;
	line-height:16px;
}

.membercard
{
	background-color: rgb(255,255,181);
	border: 1px solid rgb(141,255,141);
	padding: 8px;
	margin-bottom: 5px;
	width: 160px;
}

.membercardsmall
{
	font-size: 9px;
	line-height: 12px;
	background-color: rgb(255,255,181);
	border: 1px solid rgb(141,255,141);
	padding: 6px;
	margin-bottom: 5px;
	width: 156px;
}


.clearcard
{
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
}

.membercardsmall p
{
	margin: 5px;
}


.membercard p
{
	margin: 5px;
}

/************************************************************************
* 
* Compact Event list
*
************************************************************************/


/* define event grid view columns */
/* todo: use or remove */

.eventlistdate
{
	padding-right: 4px;
}
.eventlisticon
{
	text-align: center;
}
.eventlisttime
{
	text-align: center;
	width: 95px;
}
.eventlistevent
{
	font-weight: bold;
}
.eventlistlocation
{
	/* no styles needed at this time */
}
.eventlist td
{
	padding-bottom: 4px;
}

/*
.eventlist, .eventlist td, .eventlist tr
{
    border-style:none;
}
*/



/************************************************************************
* 
* Page specific 
*
************************************************************************/

/* even dowload button */
.downloadevent img
{
	margin-right: 5px;
	vertical-align: middle;
	border: none;
}

/* Header on view details type pages */
.itemdetails
{
	font-size: 1.0em;
}

.itemheader
{
	line-height: 17px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.2cm;
}



/************************************************************************
* 
* Photo selection controls
*
************************************************************************/

#popupbody
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	margin: 0px;
	background: #FED36B;
	font-size: 0.7em;
}

#popupinner
{
	border: 1px solid #DBDB79;
	margin: 5px;
	background: #FEFFAB;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#popupbody h2
{
	font-weight: bold;
	margin: 0px;
	padding: 1px 0px 5px 5px;
	display: block;
}

.selected, .unselected
{
	width: 80px;
	height: 100px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

.unselected
{
	background-color: transparent;
	border: solid 1px #FEFFAB;
}



.selected
{
	background: #FFFFB5;
	border: solid 1px #DBDB79;
}

.scrollablelist
{
	overflow: auto;
	height: 230px;
	width: 420px;
	border: solid 1px #DBDB79;
}

.scrollablelist2
{
	overflow: auto;
	height: 230px;
	width: 210px;
	border: solid 1px #DBDB79;
}


.scrolledtable
{
}

.selectablephoto
{
	background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
	border: 1px solid #E8DCA3;
	padding: 2px;
}

.contextbuttons
{
	margin: 5px 3px 5px 3px;
}


.statisticContent
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: rgb( 255,255,181);*/
	font-weight:bold;
	color: #006600;
	
}

.infoheader
{
	height:25px;
	color:#006600;
	line-height:17px;
	font-size: 15px;
	font-weight:bold;
}


.teasercontent
{
	color:#006600;
	font-size: 11px;
	line-height: 12px;
	margin-bottom:4px;
	margin-top:10px;
}

.infostatistik
{
	color:#006600;
	font-size: 11px;
	font-weight:bold;
}

/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
	width: 120px;
	vertical-align: top;
}

/* value column */
.formvalue
{
	vertical-align: top;
}

.txtfield
{
	width: 300px;
}

.txtblock
{
	width: 300px;
}

 #article p { margin-top:0.1cm;margin-bottom:0.1cm }
 #article ul { margin-top:0.1cm;margin-bottom:0.1cm }
 #article li { margin-top:0.0cm;margin-bottom:0.0cm;margin-left:0.2cm }



#navigation
{
    background: #8DFF8D;
    text-align: left;
    padding: 0px;
    
    margin-right: 0px;
    margin-top: 8px;
    height: 21px;
    border-top: solid 0px #000;
    border-left: solid 0px #000;
    border-right: solid 0px #000;
    border-bottom: solid 1px #ffffff;
}
#navi
{
    height: 21px;
    border: 0px solid #ff0000;
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
}
ul.nav1st
{

    width: 510px;
    height: 21px;
    background-color: transparent;
    border: solid 0px #ff0000;
}
ul.nav1st li
{
    display: inline;
    background-color: transparent;
}
ul.nav1st a, ul.nav1st a:link
{
    display: block;
    float: left;
    text-align: center;
    padding: 0px 5px 0px 5px;
    height: 21px;
    background-color: transparent;
    border: 0px solid #ff0000;
    border-right: solid 1px #fff;
}
#navi a:link, #navi a:visited
{
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #006E33;
    border-top: 0px solid #FFCC99;
}
#navi a:link.active, #navi a:visited.active, #navi a:hover
{
    height: 21px;
    color: #000099;
    background: #88ff88;
}
#sub_navigation
{
    
    background: #CCFFCC;
    text-align: left;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    height: 20px;
    border-top: solid 0px #ffffff;
}
#sub_navi
{
    height: 21px;
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
    border: 0px solid #000000;
}
ul.sub_nav1st
{
    margin:0px;
    padding:0px;
    width: 510px;
    background-color: transparent;
    border: 0px solid #000000;
}
ul.sub_nav1st li
{
    display: inline;
    background-color: transparent;
}
ul.sub_nav1st a, ul.sub_nav1st a:link
{
    float: left;
    padding: 1px 8px 0px 8px;
    height: 21px;
    background-color: transparent;
    border: 0px solid #ff0000;
    border-right: solid 1px #fff;
}
#sub_navi a:link, #sub_navi a:visited
{
    font-size: 11px;
    font-weight:bold;
    text-decoration: none;
    color: #006600;
    border: 0px solid #CCFFCC;
    border-right: solid 1px #fff;
}
#sub_navi a:link.active, #sub_navi a:visited.active, #sub_navi a:hover
{
    height: 21px;
    font-weight: bold;
    color: #000099;
}