html {height:100%; }
body { height:100%;  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; line-height:1.42em; background:url(../img/bg.gif) top left repeat-x #FBF9D6; margin:0; padding:0; font-size:12px; text-align:center;}
* { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:100%; outline:none; }
form {margin:0px;}
img {border:none;}

@media aural {
	.speek_nodisp { display:none;}
}
@media speech {
	.speek_nodisp { display:none;}
}

.wai_nodisp {position:absolute; top:-2000px; left:-2000px;}

div.cl { clear:both; height:0; font-size:0; line-height:0; }
div.space1 { clear:both; height:20px; font-size:20px; line-height:20px; }

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
a:active{ color:#000;text-decoration:underline;}

#site { width:81em; position:relative; min-height:100%; text-align:left; margin:0 auto; }

#headimage { width:638px; height:184px; position:relative; overflow:hidden; }
#headimage img.rahmen { position:absolute; top:0; left:0; z-index:100;}

#toolbar { width:100%; height:29px; color:#fff; overflow:hidden;}
#toolbar div.lang { width:100px; float:left; text-align:left; overflow:hidden; padding:6px 0 0 0;}
#toolbar div.mnu { width:860px; float:right; text-align:right; overflow:hidden; padding:6px 0 0 0;}
#toolbar div.lang a.cat_act { display:none;}
#toolbar a { background:url(../img/tm.gif) left 10px no-repeat; color:#333; text-decoration:none; display:block; padding:0 8px 0 11px; font-size:13px; }
#toolbar a.first { background:none; padding-left:8px;}
#toolbar div.lang a { background:none; padding:0 8px 0 8px;}
#toolbar a:hover, #toolbar a.cat_act, #toolbar a.cat_act:visited { text-decoration:none; color:#fff;}
#toolbar div.mnu { width:638px; position:relative; float:right;}
#toolbar div.mnu li { padding:0 0; display:block; float:left; position:relative; right:50%; }


#top { width:100%; position:relative; float:left; height:88px; padding-top:18px; overflow:hidden; }
#topimage { width:638px; position:relative; float:left; height:106px; z-index:200; }
#topimage img { display:block;}
#topimage div.schweinehund { position:absolute; margin-top:-29px; top:0; right:0; display:block; height:135px; width:175px;}
#top ul, #toolbar ul, #footer ul { margin:0; padding:0;list-style-type:none; text-indent:0; }
#top li, #toolbar li, #footer li { list-style-image:none; margin:0; padding:0; float:left; }
#top li { padding:0 3px 0 2px; display:block; float:left; position:relative; right:50%; }
#top a { background:url(../img/menu_bg.gif) top left no-repeat; color:#333; display:block; float:left; padding:14px 4px 0 4px; margin:0; width:93px; height:61px; font-size:16px; }
#top a:hover, #top a.cat_act, #top a.cat_act:visited { background:url(../img/menu_bg_h.gif) top left no-repeat;color:#000; text-decoration:none; }
#top ul, #toolbar div.mnu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; }

div.htitle { padding:0 0 0 26px; }
div.htitle a { border-bottom:1px solid #000; padding:2px 0 2px 0; margin:0 0 10px 0; display:block; float:left; text-decoration:none; color:#333; font-size:16px;}
div.htitle a:hover { color:#B97F00; text-decoration:none; }
#submenu { padding:0 0 0 26px; margin-bottom:3em; }
#submenu * li { display:block;}
#submenu ul { margin:0; padding:0; list-style-type:none; text-indent:0px; }
#submenu li { display:block; clear:both; list-style-image:none; margin:0; }
#submenu li ul { background:none; list-style-type: none; text-indent: 0px; padding:0 0 0 0; }

#submenu a, #submenu a:visited { background:url(../img/dot.gif) 4px 9px no-repeat; display:block; float:left; padding:4px 0 4px 18px; margin:0 0 0 0; text-decoration:none; color:#333; font-size:15px;}
#submenu a:hover, #submenu a:active, #submenu a.doc_act, #submenu a.doc_act:visited, #submenu a.fol_act, #submenu a.fol_act:visited { background:url(../img/dot_h.gif) 4px 9px no-repeat; color:#B97F00; text-decoration:none; }
#submenu ul li ul li { padding-left:16px;}

#banner { padding:0; margin:0; }

#left { width:310px; float:left; text-align:left; padding:0 0 14em 0; overflow:hidden; }
#right { text-align:left; width:638px; float:right; }

#logo { height:106px; }
#logo img { display:block;}




#content { padding:2em 0 60px 0; clear:both;}
#content img { border-color:#CA502F; }

#nav { display:none; background:#CA502F; padding:0.3em 0.5em 0.3em 0.8em; font-weight:bold;}

#footer { position:absolute; padding-bottom:4px; left:0; bottom:0; width:100%; color:#6B6C63; overflow:hidden;}
#footer a { color:#6B6C63; text-decoration:none; }
#footer a:hover, #footer a.cat_act, #footer a.cat_act:visited { text-decoration:underline; color:#6B6C63;}


#footer div.mnu { text-align:left; float:left; }
#footer div.e7 { float:right; text-align:right; }
#footer div.toolmenu { float:left; text-align:left; overflow:hidden; }

ul.oberview {list-style-type: none; margin:0; padding:0;}
ul.oberview li { padding:2px 0 2px 20px; margin:0; background-repeat: no-repeat; margin-top:5px; background-color:#eee; background-position:3px 0px;}

div.int_dl { margin:3px 0; padding:3px 5px 3px 25px; background-repeat: no-repeat; background-position:5px 5px; background-color:#eee }
div.int_dl a {color:#000}

div.int_dl_list { margin:0 0 0 0; background-repeat:no-repeat; }
div.int_dl_content{ padding:0;  }
div.int_dl_title{float:left; width:70%; font-weight:normal;}
div.int_dl_size{float:right; width:25%; text-align:right;}

h2.int_dl_title{color:#B4BB00; margin:1em 0 0 0; padding:0; border-bottom:1px solid #e8062b;font-size:100%; font-weight:bold;}
div.int_dl_list a { }

span.error,strong.error{color: #ff0000;}
#f2mail input.normal,#f2mail select.normal,#f2mail textarea.normal {width:320px;}
#f2mail td.error {background-color:#fff;color:#ff0000; border:1px solid #e2e2e2; padding:3px; font-weight:bold;}

#content div.contentanchors { background:#EEEEEE; border:1px solid #003D6E; padding:1em; margin:0 0 1em 0;}
#content div.contentanchors ul { margin:0; padding:0; list-style-type:none; }
#content div.contentanchors ul li { margin:0 0 0.3em 0; padding:0; }

#banner div.b_pleft, #newsletterbox, #bannerbk div.b_pleft,
#banner div.b_pright, #newsletterbox, #bannerbk div.b_pright,
#banner div.b_pcenter, #newsletterbox, #bannerbk div.b_pcenter { background:url(../img/bg_banner_bottom.gif) bottom left no-repeat; padding:0 14px 20px 19px; margin:0 0 14px 0; }
#banner div.pcontent, #newsletterbox div.in, #bannerbk div.pcontent { background:url(../img/bg_banner.gif) top left no-repeat; margin:0 0 0 -19px; padding:14px 14px 0 19px; width:276px; }
#banner img.b_inone { margin:0; padding:0; clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}


#newsletterbox { display:none; }
#newsletterbox div.in { height:58px; overflow:hidden;}
#newsletterbox { color:#333;}
#newsletterbox h3.h3 { color:#333;}
#newsletterbox input { float:left; margin:0; border:1px solid #B4BB00; width:190px; padding:3px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; line-height:1.42em;}
#newsletterbox a, #newsletterbox a:visited { color:#333; line-height:1.42em; font-size:14px; text-decoration:underline; display:block; float:left; padding:3px 0 0 0; margin:0 0 0 6px;}
#newsletterbox a:hover { text-decoration:none; }


/* bk */
#loginbar { width:638px; float:right; overflow:hidden; padding:6px 0 0 0; color:#333; text-align:left;}
#loginbar a, #loginbar a:visited { text-decoration:underline; color:#333; background:none; padding:0; display:inline; }
#loginbar a:hover { text-decoration:none; color:#fff; }

.error { color:#790000; }
.phidden { display:none;}

#personalStat {}
#personalStat table.month, #personalStat table.day { margin:0; padding:0; width:638px; }
#personalStat table.day { border-bottom:2px solid #B4BB00; }
#personalStat table.month td, #personalStat table.day td { margin:0; padding:3px 5px; }
#personalStat table.day td { border-bottom:1px solid #FBF9D6; }

#personalStat div.peffect_cont { background:#F6EF99; }
#personalStat div.peffect_title { background:#FBF9D6; border-bottom:2px solid #B4BB00; cursor:pointer;}
#personalStat div.peffect_title:hover { cursor:pointer;}

#personalStat td.month { width:140px;}
#personalStat td.date { width:140px;}
#personalStat td.steps { width:80px; text-align:right; }
#personalStat td.desc { }
#personalStat td.del { width:70px; text-align:right; }
#personalStat td.del a { color:#666; }
#personalStat td.del a:hover { color:red; text-decoration:none; }

#personalStat div.totale td { font-weight:bold; }
#personalStat div.bar { background-color:#F6A800; background-image:url(../img/bk_bar.gif); width:388px; background-repeat:no-repeat;}
#personalStat div.bar span { display:block; text-align:right;}

#allStat td { font-size:12px; }
#allStat td.month { width:70px; }
#allStat div.totale { margin-top:8px; }
#allStat div.totale td { font-weight:bold; font-size:13px; }
#allStat td.steps { width:90px; padding:0 6px 0 0; text-align:right; }
#allStat td.bar { width:106px; padding:2px 0; }
#allStat td.bar div.bar { text-align:right; width:106px; background-image:url(../img/bk_barAll.gif); background-repeat:no-repeat; background-color:#F6A800;}
#allToday { font-size:12px; margin-bottom:8px; font-weight:bold; }

#BestMonth td { font-size:12px; }
#BestMonth td.count { width:20px; text-align:left; font-family:Courier; font-weight:bold; }
#BestMonth td.user { width:182px; }
#BestMonth td.steps { width:70px; text-align:right; }

.ma-container{ background:#fff; position: absolute;visibility: hidden;overflow-y: auto; overflow-x: hidden; }
.ma-container ul{ list-style: none; overflow: hidden; width: 100%; margin:0; padding:0; text-align:left; }
.ma-container li{ padding: 2px 5px; cursor: pointer; float: left; width: 100%; overflow: hidden; text-align:left; }
.ma-container .ma-hover{ color: #000; background-color: #B4BB00 !important; }
.ma-container .ma-odd{ }
.ma-container .ma-even{ background-color: #efefef; }
.ma-loading{ background-color: #fafba4; }
.ma-selected{ background-color: #ccfda8;}

#test, #testlist { line-height:1.42em; color:#333; font-size:14px; width:624px; margin:0 auto; }
#testlist a, #testlist a:visited { float:right; margin:6px 0 0 0; color:#000; text-decoration:none; background-color:#b4bb00; font-size:13px; font-weight:normal; display:block; padding:4px 22px; }
#testlist a:hover { color:#fff; background:#333; }
#testlist a:hover { text-decoration:none; }
#testlist div.test { border-top:1px solid #b4bb00; margin:18px 0 0 0; padding:12px 0 0 0;}
#test div.frage { background-color:#f6ef99; }
#test div.frage h3.frage { color:#000; padding:10px 10px; margin:0; background-color:#b4bb00; border-bottom:1px solid #FBF9D6; }
#test div.frage h3.frage span { color:#fff; font-weight:normal; font-size:12px; }
#test div.antwort { padding:6px; border-bottom:1px solid #FBF9D6; }
#test div.result { padding:10px;}
#test div.antwort input { float:left; }
#test div.antwort span { color:#333; font-weight:bold; font-size:14px; display:block; line-height:16px; padding:2px 0 0 4px; float:left; }
#test div.desc { margin-bottom: 18px; color:#333; font-size:14px; line-height:1.42em;}
#test div.navbar { color:#000; }
#test div.navbar a, #test div.navbar a:visited { cursor:pointer; padding:3px 10px 3px 10px; border:1px solid #b4bb00; border-bottom:0; background:#fff; color:#333; display:block; float:left; }
#test div.navbar a:hover { background:#b4bb00; color:#fff; text-decoration:none; }
#test div.fragebar { background:#fff; border:1px solid #b4bb00; padding:3px 10px 3px 10px; float:left; border-bottom:0; margin:0 8px 0 0; }
#test div.navbar a.previous, #test div.navbar a.next { margin:0 8px 0 0; }

#panes { overflow: auto; }
#panes div div { overflow: hidden; }