/* CSS Document */

/*Reset */
*                  { margin: 0; padding: 0; }

body               { margin:0; padding:0; background-color: #747474; background-image:url('pics/background.jpg');
                     background-repeat:repeat-x; }
html               { margin:0; padding:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif !important;                           height: 101%;}

p                  { text-indent:15px; margin-bottom: 10px;}

h1                 { font-size:22px; font-weight:normal; line-height:34px;}
h2                 { font-size:17px; font-weight:normal; line-height:30px;}
h3                 { font-size:14px; font-weight:normal; }
h4                 { text-align: justify; font-size:14px; font-weight:bold; line-height:24px;  margin-bottom: 20px;}

img                { display: block; border:none; }
img p              { margin:0;padding:0; }

a                  { text-decoration:none; color:black; }
a:hover            { text-decoration:underline; }


#page              { background-color:#FFFFFF;  width:900px; position: relative; left: 50%; margin: auto auto 0px -450px; }

#menu              { background-color: white; float:left; width:170px; }
#menu ul           { list-style: none; margin: 0px; padding: 0px; border: none; }
#menu ul li        { margin: 0px; padding: 0px; width:170 px; }
#menu ul li a      { font-size: 100%; display: block; border-bottom: 1px dashed #808080; padding: 12px 15px 8px 15px;
                         text-decoration: none; color: #323232;  }
#menu ul li a:hover,
#menu ul li a:focus { color: #ffffff;  background-color: #808080;
                      background-image:url('pics/menu_hover.jpg'); background-repeat:repeat-x;}
.active            { font-weight:bold; color: #505050; background-image:url('pics/menu_active.jpg'); padding:0; margin:0; }


#main              { background-color: white; background-image:url('pics/line_vert.gif'); background-repeat:repeat-y;
                     float:left; width:640px; line-height:16px; margin-top:5px; margin-left:0px;
                     padding: 25px; }

.cleaner           { clear:both; height:1px; font-size:1px; border:0px none; margin:0;padding:0; }

#footer            { font-size:9px; text-align:center; padding-bottom:0px; text-decoration:none; color:#3C3C3C; }
#footer a          { text-decoration:none; color:#3C3C3C; }
#footer a:hover    { text-decoration:underline; color:black; background:none}

/* noch nicht verwendet */
/* Banner */

ul, li           { list-style:none; margin:0; padding:0; }
li a             { text-decoration:none; color:black; }

#banner          { background-image:url('pics/header.jpg'); background-position: 7px 5px; width:756px; height:110px;
                   background-repeat:no-repeat }
#banner-home     { background-image:url('pics/logo.jpg'); background-position: 7px 5px; width:756px; height:110px;
                   background-repeat:no-repeat }

/* Navigation */

#navigation      { background-image:url('pics/navi.gif'); background-repeat:no-repeat; width:756px; height:42px }
#navigation ul   { padding-left:20px; }
#navigation ul li   { float:left; font-size:11px; padding-right:15px; background-image:url('pics/divider.gif');
                      background-position: right 50%; background-repeat:no-repeat; height:30px }
#navigation ul li a { padding-right:15px; position:relative;top:9px; }

#center          { background-color:white; width:755px; position: relative; left: 50%; margin: auto auto 15px -377.5px; }
.current         { font-weight:bold; }
.normal          { background-image:url('pics/border.gif'); background-repeat:no-repeat; padding:0;margin:0 }



.float-left      { text-align: justify; float:left; width:225px; padding-right:10px; margin:0; }
.float-left-high { float:left; width:150px; padding-left:50px; padding-right:10px; margin:0; }
.float-right     { float:right; width:225px; padding-left:10px; margin:0; }
.float-none      { clear:left; display:block; }