/*  Seitenaufbau  */

body  { 
background-image: url("bg.gif"); 
background-repeat: repeat-y; 
background-color: #ffffff;
margin: 0; padding: 0;
 }

#container { 
width: 644px;
margin: 0 0 0 16px;

	}

#header  { 
width: 628px; height: 34px;

 }

#contentcontainer {
width: 628px; height: 454px;
background-image: url("bg-content.gif"); 

}

#content {
position: absolute; 
width: 612px; height: 438px;
background-color: #ffffff;
overflow: hidden;
}


#footer {
width: 628px; margin: 5px 0 0 0; }



/* -----   Allgemeine Formatierungen--------*/

/* Schriften - Abstände auf Null setzen */

html, body, div, p, h1, h2, h3, h4, ul, ol, span, a, table, td, form, img, li 
{ font-family: Arial, Helvetica, sans-serif, Geneva, Verdana;   } 
html, body, div, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li , form, img
{ margin: 0; padding: 0; } 

/* Allgemeine Formatierungen */

html, body { font-size: 14px }
h1 { font-size: 140%; font-weight: normal; color: #666666; }
h2 { font-size: 140%; font-weight: normal; color: #666666; }
h3 { font-size: 100%; font-weight: bold; color: #666666; }
h4 { font-size: 100%; font-weight: normal; color: #000000; }
p, ul, table, tr, th, td, div { font-size:100%; }
p, ul, table, tr, th, td, div { color: #666666; }

a:link { color: #666666; text-decoration: none }
a:visited { color: #666666; text-decoration: none }
a:hover { color: #000000; text-decoration: none }
a:active { color: #666666; text-decoration: none }

.c {text-align: center}
.l {text-align: left}
.r {text-align: right}


/*  Farben  */

.farbe          { color: #0033cc }
.farbehell      { color: #849adb }
.farbehellhell  { color: #d3d9eb }

.farbe2         { color: #ff0000 }
.farbe2hell     { color: #ff6666 }
.farbe2hellhell { color: #ffe0e0 }

.schwarz        { color: #000000 }
.grau           { color: #666666 }
.grauhell       { color: #dddddd }
.weiss          { color: #ffffff }


.bgfarbe          { background-color: #0033cc }
.bgfarbehell      { background-color: #849adb }
.bgfarbehellhell  { background-color: #d3d9eb }

.bgfarbe2         { background-color: #ff0000 }
.bgfarbe2hell     { background-color: #ff6666 }
.bgfarbe2hellhell { background-color: #ffe0e0 }

.bgschwarz        { background-color: #000000 }
.bggrau           { background-color: #666666 }
.bggrauhell       { background-color: #dddddd }
.bgweiss          { background-color: #ffffff }


/*  Formulare  */



form input  { font-size: 1em; font-weight: bold; color: #0033cc }
form td     { background-color: #dddddd; padding:4px }
form td td  { background-color: #dddddd; padding:0px }





/*  Navigation Footer */

 #footer ul
 { 
 margin:0; padding:0; display: inline;

 }

 #footer li
 { 
 display: inline;
 list-style-type: none;
margin:0; padding: 0;
 }

#footer a
 {
font-size: 12px;
 text-decoration: none;
 display: inline;
 margin: 0;
 padding: 0 2px 0 6px;
 border-style: solid;
 border-width: 0 0 0 1px;
 border-color: #666666;
 }
 
 #footer a:link, #footer a:visited
 { color: #666666; }


 #footer a:hover
 { color: #000000; }




/* Content */
#content h1 { margin-top:0.5em; margin-bottom: 0.8em; }
#content h2 { margin-top:1em; margin-bottom: 0.5em; }
#content h3 { margin-top:1em; margin-bottom: 0.3em; }
#content h4 { margin-top:0.7em; margin-bottom: 0.3em; font-weight: bold;  }
#content p, ul, table, tr, th, td { line-height: 16px; }
#content p { margin-top:0.7em; }
#content li { margin-top:0.2em; }
#content ul    { list-style-type: circle; border: none; margin: 0.5em; padding-left: 1.3em }



/* Namenszug im Header */

#header h3 { font-size: 16px; font-weight: bold; color: #666666; letter-spacing: 0.1em; padding: 14px 0 0; }



/*  Intro-Text  */

#intro           { position: absolute; left: 0px; top:0px; width:612px; height:438px; }

#introtext h1    { background-color: #ffffff; padding:5px; white-space:nowrap; }
#introtext h1 a       { color: #666666; text-decoration: none; }
#introtext h1 a:hover { color: #000000; }

#intro h1          {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
#intro h1:hover    {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }




/*  Plan  */

#plan            { background-image: url(../pics/plan/plan.gif); background-repeat: no-repeat; background-position: 246px 0; width: 612px; height: 438px; overflow:hidden; }
.planlink a      { position: absolute; left: 246px; top:0px; width:366px; height:438px; display:block; text-decoration: none; cursor:help }
.plantext        { margin-left:70px; height:223px; width: 330px; padding-bottom:4px; border-bottom: 2px dashed #666666 }

/*  Arbeiten  */

#arbeit                 { height:438px; margin:0;}
#arbeittab td          { padding:10px 0 10px 0 }
#arbeittab .linie   { padding:0px; background-image: url(linie.gif); height:1px; overflow:hidden; }
#arbeit p              {  }



/*  Bildergalerie  */


body.bildergalerie { 
background-image: none;
background-color: #ffffff;
margin: 0; padding: 0;
 }

body.bildergalerie table tr td     { background-color: #ffffff; padding:10px 0 0 10px;}