html { height: 101%; }
 
body 
{
 font-family:Verdana;
 font-size:12px;
 text-align:center;
 background: #000000 url(bg.jpg) no-repeat center top;
}

h1 {font-size:18px;color:#000000;margin:0px;}
h2 {font-size:14px;color:#000000;}
h3 {font-size:14px;color:#000000;}
p {margin-top:0px;font-size:12px;}

/* Für Quellcode-Beispiele im Text */
code
{
 font-size:14px;
 color:#0000cc;
}

/* Der Kasten mit dem Quellcode */
pre
{
 font-size:14px;
 color:#0000cc;
 padding:5px;
}

a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  font-size:12px;
}
a:active, a:hover
{ 
  color:#000033;
  text-decoration:underline;
}

/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{ 
  color:#000000;
  text-decoration:none;
}
a.menu:active, a.menu:hover
{ 
  color:#000000;
  text-decoration:underline;
}

img.galerie {
	border:1px solid #000033;
	margin:5px;
	}

div.c1 {width:950px;margin:0px auto;text-align:left;}



/* Die Titelzeile */
#logo {
margin: 0px auto;
padding:5px;
width:200px;
height:150px;
background-image:url(logo.png);
background-repeat:no-repeat;
}

#impressum{
margin:0;
padding:0;
float:right;
}

#impressum a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}
#impressum a:active, a:hover
{ 
  color:#ffffff;
  text-decoration:underline;
}

/* Das Menü */
#menu {
background-color:#ffffff;
text-align:center;
margin: 0 0 20px 0;
padding:10px;
}

/* Der Inhalt */
#content {
background-color:#ffffff;
padding:5px;
color:#000000;
}

/* Der Fuss */
#footer {
padding:5px;
color:#ffffff;
}

#footer a
{ 
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}

#footer a:hover
{ 
  text-decoration:underline;
  font-weight:bold;
  color:#ffffff;
  font-size:12px;
}

#footer_social
{
  margin:0;
  padding:0;
  float:right;
}

#footer2 {
padding:5px;
color:#ffffff;
text-align:center;
font-size:8px;
}