/* ####### */
 /* CSS DWF */
 /* ####### */

@import url(galerie.css);


html                         { height: 100%; }
body                         { font-size: 13px; text-align: center; width: 100%; height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: rgb(50,89,138); background: rgb(243,248,252) url(../gfx/site/bg_body.gif) repeat-x; } 


a:link                       { color: rgb(121,151,169); text-decoration:none; background: url(../gfx/site/bg_link.gif) 0 2px no-repeat; padding: 0 1px 0 8px;}
a:visited                    { color: rgb(121,151,169); text-decoration:none; background: url(../gfx/site/bg_link_visited.gif) 0 1px no-repeat; padding: 0 1px 0 8px;}
a:active                     { color: rgb(50,89,138); text-decoration:none; background: url(../gfx/site/bg_button3.gif) 2px 2px no-repeat; padding: 0 1px 0 8px; }
a:hover                      { color: rgb(50,89,138); text-decoration:none; background: url(../gfx/site/bg_button3.gif) 2px 2px no-repeat; padding: 0 1px 0 8px; }


#site                        { position: relative; text-align: left; width: 676px; height: 100%; padding: 0; margin: auto; background: rgb(255,255,255) url(../gfx/site/bg_site.gif) repeat-y; }
body>#site                   { height: auto; min-height: 100%; }


#kopfcontainer               { height: 170px; width: 502px; padding: 0; margin: 0; background: url(../gfx/site/bewegung.png) no-repeat; }


#navi                        {
	position: absolute;
	padding: 0 0 10px 0;
	margin: 0 0 0 502px;
	width: 172px;
	background: rgb(209,229,243) url(../gfx/site/bg_menu.gif) repeat-x bottom;
	border-left: solid 1px rgb(238,246,251);
	top: 0px;
}			
#navi ul                     { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#navi li                     { padding: 0;  }
#navi li a, 
#navi li a:visited           { display: block;  height: 1%; margin: 1px 10px 0 13px; padding: 0 0 2px 7px; color: rgb(50,89,138); text-decoration: none; background: none;  }
#navi li a:hover, 
#navi li a:active, 
#navi li a:focus             { color: rgb(141,171,189); background: url(../gfx/site/bg_button3.gif) 0 1px no-repeat; }
#navi li a.selected, 
#navi li a.selected:visited	 { font-weight: bold; }
#navi li a.sub, 
#navi li a.sub:visited           { display: block;  height: 1%; margin: 1px 10px 0 13px; padding: 0 0 2px 20px; color: rgb(50,89,138); text-decoration: none; background: none;  }
.linie                        { height: 5px; }
#logo                        { height: 163px; width: 166px; padding: 0; margin: 0; background: url(../gfx/site/logo.png) no-repeat center; }



h1                           { clear: both; color: rgb(50,89,138); font-size: 17px; margin: 28px 0 0 0; padding: 8px 0 8px 8px; background: url(../gfx/site/bg_h1.gif) no-repeat; }
h2                           { color: rgb(50,89,138); font-size: 13px; margin: 0; padding: 12px 0 2px 8px; }
h3                           { clear: both; color: rgb(50,89,138); font-size: 17px; margin: 28px 0 0 0; padding: 8px 0 8px 8px; }
p                            { margin: 0; padding: 5px 10px 8px 8px; border-left: solid 1px rgb(237,245,250); background: url(../gfx/site/bg_p.gif) bottom left no-repeat; }
.start                        { margin: 0; padding: 5px 10px 8px 8px; padding-left: 95px; border-left: solid 0px rgb(237,245,250); background:  bottom left no-repeat;  }
ul                           { list-style-type: square; margin: 8px 0 8px 25px; padding: 0; }
li                           { padding: 2px 0 1px 0; }                           
ul img                       { display: inline; border: 0; margin: 0 0 0 2px; float: none; }
img                          { border: 0; margin: 5px 15px 5px 5px; float: right; }
hr                           { color: rgb(191,221,239); background: rgb(191,221,239); height: 1px; border: 0; }
table                        { width: 90%; margin: 0; padding: 5px 10px 8px 8px; border: 0; }
td                           { font-size: 13px; }

#inhalt                      { width: 480px; padding: 0 10px 15px 10px; margin: -20px 0 0 5px; line-height: 140%; }
.box                         { margin: 0; padding: 0 0 3px 0; border-left: solid 1px rgb(237,245,250); background: url(../gfx/site/bg_p.gif) bottom left no-repeat; }
.box p                       { border: 0; background-image: none;  }
h1.bewegung                  { padding: 8px 0 8px 40px; background: url(../gfx/site/bg_h1_bewegung.gif) no-repeat; }
h1.gesundheit                { padding: 8px 0 8px 40px; background: url(../gfx/site/bg_h1_gesundheit.gif) no-repeat; }
h1.erleben                   { padding: 8px 0 8px 40px; background: url(../gfx/site/bg_h1_erleben.gif) no-repeat; }

.formular                    { margin: 1px 0 1px 0; padding: 0 0 0 3px; width: 457px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 12px; background: url(../gfx/site/bg_form.gif) repeat-y; border: solid 1px rgb(237,245,250); }
.button                      { margin: 1px 0 1px 0; padding: 0; width: 461px; font-family: Arial, sans-serif; color: rgb(50,89,138); font-size: 12px; font-weight: bold; background: url(../gfx/site/bg_h1.gif) repeat-y; border: solid 1px rgb(237,245,250); }

#inhalt img.captcha          { float: left; margin: 2px 2px 2px 0; width: 75px; height: 30px; border: solid 1px rgb(237,245,250); }
input.captcha                { float: left; margin: 2px 0 2px 2px; padding: 1px 0 0 3px; width: 375px; height: 29px; font-family: Arial, sans-serif; color: rgb(49,98,139); background: url(../gfx/site/bg_form.gif) repeat-y; font-size: 11px; border: solid 1px rgb(237,245,250); }


.highlight                   { color: rgb(182,106,116); }
.aus                         { display: none; }
.print                       { display: none; }
.seo                         { display: none; }
.nix                         { }

.happyrunning {
color: #FF6600;
}

.gruen{
	font-weight: bold;
	color: #0e7f26;}