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

@import url(galerie.css);
@import url(einblenden.css);

*                            { padding: 0; margin: 0; }
html                         { height: 100%; }
body                         { height: 100%; width: 100%; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: rgb(49,98,139); background: rgb(233,238,252) url(/gfx/site/bg_body.jpg) fixed; } 

a:link,
a:visited                    { color: rgb(87,149,200); text-decoration: none; }
a:active,
a:hover                      { color: rgb(169,185,53); text-decoration: none;  }

#banner                      { position: absolute; top: 0; left: 0; width: 178px; height: 178px; background: transparent url(/gfx/content/banner.gif) no-repeat; z-index: 40; }
#banner a                    { display: block; width: 178px; height: 178px; }
#banner a span               { display: none; }



#site                        { height: 100%; position: relative; padding: 15px 0 0 0; text-align: left; width: 730px; margin: auto; background: rgb(255,255,255) url(/gfx/site/bg_site.jpg) right -35px repeat-y; border-left: solid 1px rgb(98,138,174); }
body>#site                   { min-height: 100%; height: auto; }

#kopf                        { height: 122px; background: url(/gfx/site/bg_kopf.gif) 0 0 no-repeat; }

#navi                        { width: 640px; background: url(/gfx/site/bg_menu.jpg); height: 60px; }			
#navi ul                     { list-style-type: none; list-style-image: none; padding: 3px 0 0 148px; }
#navi>ul                     { padding: 3px 0 0 168px; }
#navi li                     { padding: 0; float: left; margin: 5px 10px 4px 20px;  }
#navi li a, 
#navi li a:visited           { white-space:nowrap; padding: 1px 0 2px 15px; color: rgb(21,72,158); text-decoration: none; background: url(/gfx/site/star.gif) no-repeat;  }
#navi li a:hover, 
#navi li a:active, 
#navi li a:focus             { color: rgb(255,255,255); }
#navi li a.selected, 
#navi li a.selected:visited	 { color: rgb(255,255,255); background: url(/gfx/site/moon.gif) no-repeat;}




#inhalt                      { width: 575px; padding: 0 10px 15px 15px; margin: 0 0 50px 23px; line-height: 140%; }
#inhalt h1                   { color: rgb(87,149,200); clear: right; font-family: Comic Sans MS,Comic Sans; font-size: 18px; margin: 45px 0 20px 0; }
#inhalt h2                   { color: rgb(87,149,200); clear: both; font-family: Comic Sans MS,Comic Sans; font-size: 13px; margin: 20px 0 15px 0; }
#inhalt h2.highlight         { clear: right; font-family: Comic Sans MS,Comic Sans; font-size: 13px; margin: 20px 0 15px 0; padding-left: 25px; background: url(/gfx/site/bg_highlight.gif) no-repeat; }
#inhalt h2.noclear           { clear: none; }
#inhalt p                    { margin: 15px 20px 15px 0; }
#inhalt ul                   { margin: 15px 20px 15px 25px; list-style-type: none; list-style-image: url(/gfx/site/liste.gif); }
#inhalt ol                   { margin: 15px 20px 15px 25px; }
#inhalt li                   { margin: 5px 0 0 0;  }
#inhalt img                  { margin: 0 7px 10px 10px; float: right; border: 0; }

#inhalt hr                   { clear: both; color: white; background: white; border: white; margin: 15px 0 15px 0; }

#inhalt .preview img         { float: left; margin: 0 7px 10px 0px; padding: 3px 10px 4px 4px; background: url(/gfx/site/bg_img_galpreview.gif) no-repeat; }
#inhalt .preview a:link,
#inhalt .preview a:visited   { display: block; height: 46px; width: 565px; }
#inhalt .preview a:active,
#inhalt .preview a:focus,
#inhalt .preview a:hover     { background: rgb(236,243,248); color: rgb(49,98,139); }

.formular                    { margin: 2px 0 2px 0; padding: 0 0 0 3px; width: 560px; font-family: Arial, sans-serif; color: rgb(49,98,139); background: rgb(250,250,255); font-size: 11px; border: solid 1px rgb(158,165,202); }
.button                      { margin: 2px 0 2px 0; padding: 0; width: 565px; font-family: Arial, sans-serif; color: rgb(49,98,139); font-size: 11px; font-weight: bold; background: rgb(240,240,245); border: solid 1px rgb(158,165,202); }

#inhalt img.captcha          { float: left; margin: 2px 2px 2px 0; width: 75px; height: 30px; border: solid 1px rgb(158,165,202); }
input.captcha                { float: left; margin: 2px 0 2px 2px; padding: 1px 0 0 3px; width: 479px; height: 29px; font-family: Arial, sans-serif; color: rgb(49,98,139); background: rgb(250,250,255); font-size: 11px; border: solid 1px rgb(158,165,202); }



.nachoben                    { clear: both; }
.nachoben a, 
.nachoben a:hover, 
.nachoben a:active, 
.nachoben a:focus, 
.nachoben a:visited		       { text-align: right; float: right; display: block; width: 30px; height: 20px; background: url(/gfx/site/up.gif) no-repeat; color: rgb(255,255,255); z-index: 99; }

.back                        { clear: both; }
a.back,
a.back:hover,
a.back:active,
a.back:focus,
a.back:visited		           { display: block; font-size: 10px; padding-left: 16px; height: 28px; background: url(/gfx/site/back.gif) 0 4px no-repeat; z-index: 99; }


.loading                     { background: url(/gfx/site/einblenden/load.gif) center center no-repeat; }
.center                      { text-align: center; }
.clear                       { clear: both; }
.noclear                     { clear: none; }
.aus                         { display: none; }
.print                       { display: none; }
.seo                         { display: none; }
.nix                         { }
.mini                        { font-size: 10px; }

a.help                      { text-decoration: none; cursor: help;}

 /* cursor mit zoom für die einblendebilder */
#zoom a img,
#zoom a:link img,
#zoom a:visited img,
#zoom a:active img,
#zoom a:focus img                        { cursor: nw-resize; border-width: 0; }

.zoom        { cursor: nw-resize; }

 /* infobox zb für übersetzungen */
a.infobox                { text-decoration: none; cursor: help;}
a.infobox:link span,
a.infobox:visited span,
a.infobox:hover span   { display: none; }
a.infobox:focus span,
a.infobox:active span     { display: inline; position: absolute; margin: 5px; padding: 5px; background: rgb(255,255,255) url(/gfx/site/zu.gif) top right no-repeat; color: rgb(49,98,139); font-weight: bold; border: solid 1px rgb(49,98,139); cursor: pointer; opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity:0.85; filter: alpha(opacity=85); }


 /* infobox für links mit kommentar, z.b. wikipedia */
a.commentlink                { text-decoration: none; cursor: help;}
a.commentlink:link span,
a.commentlink:visited span  { display: none; }
a.commentlink:hover span,  
a.commentlink:focus span,
a.commentlink:active span     { display: inline; width: 250px; position: absolute; margin: 5px 30px 5px 0; padding: 5px; background: rgb(255,255,255); color: rgb(49,98,139); border: solid 1px rgb(49,98,139); cursor: pointer; opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity:0.85; filter: alpha(opacity=85); }



/* highscores */
span.highname                      { display: block; float: left; width: 200px;}
span.highpunkte                    {}