/* debug */
/* ----- */

.highlight { border: 2px dashed red;}

/* reset */
/* ----- */

* { padding:0; margin:0; font-size: 100%;
    font-weight: normal; font-family: Arial, sans-serif;}

img, a img { border:none;}

/* farbschema */
/* ---------- */
/* siehe auch navigation */

body { background: url(/images/background.png) repeat-x #EEEEEE; color: #111111;}               /* dunkelgrau auf hellgrau */
#header, #footer { background-color: #333333; } 
#content { background-color: #FFFFFF; color: #111111;}  /* dunkelgrau auf hellgrau */
#container { background-color: #EEEEEE;}                                  /* schwarz */     
a {color: #111111;}
a:hover {color: #cccccc;}                                                       /* hellgrau */


/*  Layout  */
/* -------- */

#container{ width: 980px; border: 0px;
            top: 0px; padding: 0px; margin: 0 auto;}

#header { height: 260px;}
#hdTop { position: relative;  text-align: center;}
#kopf { position: relative; width: 99%; text-align: center; height: 255px; top: 0px;}
#footer { height: 120x; text-align: center; padding: 0px;}
#content { padding: 50px; border: 1px solid #ffffff;}
#content p { margin-bottom: 10px;}
#content h1, h2, h3, ul { margin-bottom: 0.7em;}

/* Textstyle */
/* --------- */

h1 { font-size: 2em;}
h2 { font-size: 1.5em;}
h3 { text-decoration: underline;}

#content li { margin-left: 30px;}
td { padding: 5px;}

/* Positionierungen */

.block {clear: both;}

.fotobox200 { position: relative; width: 200px;}
.fotobox300 { position: relative; width: 300px;}
.fotobox390 { position: relative; width: 390px;}
.fotobox400 { position: relative; width: 400px;}
.fotobox460 { position: relative; width: 460px;}
.fotobox600 { position: relative; width: 600px; text-align: center;}

.fotobox200 img,
.fotobox300 img,
.fotobox390 img,
.fotobox400 img,
.fotobox460 img,
.fotobox600 img { float: left;}

.rechts { float: right; margin: 0 0 0 10px;}
.links { margin: 0 10px 0 0; }
.einzeln { float: right; margin: 10px;}