* {
  margin: 0;
  padding: 0;
}
html {
  height:100%;
}
body {
  height:100%;
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  color: #3e3d40;
  background:url(/img/background/home01.jpg) 0 0 no-repeat;
  background-position:0 0;
  background-repeat:no-repeat;
}
body#home01 { background-image:url(/img/background/home01.jpg); }
body#home02 { background-image:url(/img/background/home02.jpg); }
body#home03 { background-image:url(/img/background/home03.jpg); }
body#layoutforum { background-image:url(/img/background/forum.jpg); }
body#layoutgallery { background-image:url(/img/background/gallery.jpg); }
body#layoutinteraktiv{ background-image:url(/img/background/interaktiv.jpg); }
body#layoutlinks { background-image:url(/img/background/links.jpg); }
body#layoutprivat { background-image:url(/img/background/privat.jpg); }
form {
  height:100%;
}
*:focus, *:active {
  outline: none;
}

#galleryflash { width:680px; height:420px; }

/****************
allgemeine Elemente
*****************/
h1 {
  font-size: 14px;
  line-height:18px;
  color:#000;
  margin-bottom:12px;
}
h2 {
  font-size: 11px;
  line-height: 14px;
}
h3 {
  font-size: 11px;
  line-height: 14px;
}
a {
  color: #991910;
  text-decoration: none;
}
p {
  font-size: 11px;
  line-height: 15px;
}
br {
  line-height:7px;
}
.left {
  float:left;
}
.right {
  float:right;
}
img {
  border: 0;
}
.imgleft {
  float: left;
  margin: 0 0 4px 0;
}
.imgright {
  float: right;
  margin: 0 0 4px;
}
span.plaintext {
  font-size:11px;
  line-height:15px;
  color:#3e3d40;
}
span.link a {
  padding-left:10px;
  background:url(/img/system/link.gif) 2px 4px no-repeat;
}
div.clear,
div.spacer,
div.halfspacer,
div.quarterspacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
}
div.spacer {
  height:12px;
}
div.halfspacer {
  height:6px;
}
div.quarterspacer {
  height:3px;
}
.text {
  float:left;
  width:498px;
  padding-left: 22px;
}
.none {
  display:none;
}
.block {
  display:block;
}


/****************
Layout
*****************/
#logo {
  position:absolute;
  left:710px;
  top:58px;
  width:290px;
  height:86px;
  background:url(/img/system/logo.gif) 0 0 no-repeat;
}
#logo body#layoutgallery { background-image:url(/img/system/logo.gif); }
#logo a {
  display:block;
  width:290px;
  height:86px;
}
#navi {
  position:absolute;
  left:489px;
  top:144px;
  width:511px;
  height:34px;
}
#container {
  position:absolute;
  left:489px;
  top:178px;
  width:473px;
  padding-bottom:11px;
  /*background-color:#00FF00;*/
}
#layoutgallery #container { left:314px; width:686px; }
#layoutinteraktiv #container { left:139px; width:861px; }
#content {
  padding:22px 19px 22px 19px;
}
#layoutgallery #content { display:none; }
#layoutinteraktiv #content { float:right; width:473px; padding-bottom:2px; }
#copyright {
  padding-top:75px;
  padding-left:19px;
  color:#87888a;
}
#layoutgallery #copyright { padding-left:195px; }
#layoutinteraktiv #copyright { padding-left:369px; }
#copyright a {
  color:#87888a
}
#copyright span.seperator {
  color:#b1b3b4;
}


/****************
Navi
*****************/
#navi ul {
  list-style:none;
}
#navi ul li {
  float:left;
  padding:0 19px;
  background:url(/img/system/navi.gif) right 2px no-repeat;
}
#navi ul li.last {
  background:none;
}
#navi ul li a {
  color:#6e6b70;
  font-weight:bold;
}
#navi ul li.selected a,
#navi ul li:hover a {
  color:#991910;
}

/****************
Elemente
*****************/
#content p {
  margin-bottom: 12px;
}
#content a {
  font-weight:bold;
}
/*#content ul {
  list-style:none;
  padding:0 0 8px 0;
}
#content li {
  padding: 0 0 0 11px;
  background:url(/img/system/ul.gif) 1px 6px no-repeat;
}*/


/****************
Home
*****************/
#flashhome {
  display:none;
}
#home01 #flashhome,
#home02 #flashhome,
#home03 #flashhome {
  display:block;
  position:absolute;
  /*background-color:#00FF00;*/
}
#home01 #flashhome {
  left: 100px; 
  top: 350px; 
  height: 250px; 
  width: 300px;
}
#home02 #flashhome {
  left: 0; 
  top: 80px; 
  height: 500px; 
  width: 500px;
}
#home03 #flashhome {
  left:589px;
  top:-33px;
  height:91px;
  width:411px;
}


/****************
Forms
*****************/
fieldset {
  border:none;
}
legend {
  color:#991910;
  font-weight:bold;
  padding-bottom:12px;
}
label.label {
  width: 97px;
  float: left;
  clear: both;
  padding:0 5px 2px 0;
  color:#9c9e9f;
}
input.inputtext, 
textarea.textarea {
  width: 146px;
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #9c9e9f;
  margin: 2px 0;
  border:1px solid #E3E3EB;
  padding:1px 3px 1px 3px;
}
textarea.textarea {
  height:112px;
  margin: 4px 0 2px 0;
}
.button {
  margin: 10px 0 0 0;
  float:right;
}
.button a {
  padding:3px 3px;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
}
#imageonCaptchacontrol1 {
  padding:2px 0 2px 102px;
}
.error, 
span.error,
label.label.error {
  color:#991910;
}
.text-selected {
  color:#7e7e7e;
}
span#ctl00_ctl00_seperatecontent_seperatecontent2nd_neuerEintrag {
  display:block;
  margin-bottom:16px
}
span#ctl00_ctl00_content_text_ErrorLabelctl00_ctl00_content_text_kontakt {
  display:block;
  margin-top:16px;
}
label.radio {
  display:block;
  width: 40px;
  float: left;
  padding-left:5px;
}
input.radio {
  float:left;
}

/****************
pager forum
*****************/
#forum {
  position:absolute;
  left:180px;
  top:205px;
  width:267px;
  height:388px;
  padding:31px 10px 0 24px;
  background-color:#FFFFFF;
}
.pager.top {
  margin-bottom:27px;
}
.pager.bottom {
  margin-top:7px;
}
.pager a {
  text-decoration:underline;
}
.pager a.arrow {
  text-decoration:none;
}
span.info {
  font-size:9px;
  line-height:12px;
  color:#9C9E9F;
}


/****************
wallpaper
*****************/
.wallpaper {
  position:relative;
  float:left;
  margin-right:26px;
}
.wallpaper img {
}
.wallpaper .popup {
  display:none;
  position:absolute;
  top:92px;
  left:37px;
  padding:25px;
  background-color:#CCCCCC;
}
.wallpaper:hover .popup {
  display:block;
}

/****************
Gallery
*****************/
#gallery {
  padding-top:43px;
}
#gallery h1 {
  margin:0 0 -15px 0;
}
div.gallerybox {
  width:812px;
  margin:18px -16px 0 -16px;
}
div.gallnavi {
    float:right;
}
div.gallnavi a {
  float:left;
  height:13px;
  width:11px;
  line-height:13px;
  padding: 0 0 1px 3px;
  margin-left:6px;
  font-weight:bold;
  color:#FFF;
  background-color:#7e7e7e;
}
div.gallnavi a.selected {
  background-color:#000;
}
a.gallery,
a.gallery:hover {

}


/****************
Editor
*****************/
#onpublixForm #footer {
  display:none;
}


/****************
Temp
*****************/
#flash {
  width:300px;
  height:300px;
  /*background-color:#FF0000;*/
}

/* Kontakt */
.onFormtext,
.onFormerror { display:block; float:left; width:120px; }

.userinput-input,
.userinput-textarea { float:left; width:200px; font-size:11px; }

.userinput-textarea { width:202px; height:100px; }

.formbutton { float:right; margin-right:115px; margin-top:15px; }

.onFormerror { color:#ff0000; }

.zeile { clear:both; margin-bottom:5px; }
