@import url('content-header.css');
@import url('content-footer.css');
@import url('content-login.css');
@import url('content-trenner.css');
@import url('content-teaser.css');

@import url('content-tagcloud.css');
@import url('content-news.css');
@import url('content-wiki.css');
@import url('content-locations.css');
@import url('content-juleica.css');
@import url('content-events.css');
@import url('content-checker.css');
@import url('content-polls.css');
@import url('content-guestbook.css');
@import url('content-search.css');
@import url('content-feadmin.css');
@import url('content-gallery.css');
@import url('content-laws.css');
@import url('content-forum.css');
@import url('content-sitemap.css');
@import url('content-rssgenerator.css');
@import url('content-addressform.css');
@import url('content-projektbuero.css');

* { 
  margin: 0; 
  padding: 0; 
}

html, body {
  height:100%;
  font-family:"trebuchet MS",verdana,sans-serif;
}

P, LI, TD, DT, DD {
  font-family:"trebuchet MS",verdana,sans-serif;
  font-size:9pt;
  line-height:13pt;
}

/* IE Hack */
* html body {
text-align:center;
}

* html body #center-outer-wrap #center-inner-wrap{
  text-align:left;
}
/* Ende: IE-Hack */

body{
  position:relative;
  background-image:url(../images/bg-main.jpg);
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  
  width:100%;
}

#center-outer-wrap {
  margin-left:auto;
  margin-right:auto;
  width:996px;
  min-height:100%;  
  
  position:relative;
  
}

* html #center-outer-wrap {
    height:100%;
    
}

* html #center-inner-wrap {
 height:100%;
}

#center-inner-wrap {
  position:relative;
  float:left;
  
  min-height:100%;
  width:996px;
  min-width:996px;
  background-image:url(../images/bg-content.jpg);
  background-repeat:repeat-x;
  background-position:0px 60px;
  background-color:white;
  border-left:1px solid #c5c5c5;
  border-right:1px solid #c5c5c5;
  border-bottom:1px solid #c5c5c5;
  z-index:15;
  
}

#left-middle-wrap {
  position:relative;
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  width:789px;
  
  padding-top:150px;
  z-index:50;
  
}

/* Overlay Image */
#background-overlay {
  position:absolute;
  right:21px;
  top:48%;
  z-index:10;
  
}

/* Navi oben */
ul#menu-top {
  position:absolute;
  top:76px;
  left:195px;
  list-style-type:none;
  list-style-position:inside;
  z-index:99;
  margin:0 0 0 0px;
  padding:0 0 0 0px;
  
}

ul#menu-top LI {
  display:inline;
  margin:0 0 0 0px;
  padding:0 0 0 0px;
  padding-left:18px;
}


ul#teaser-top {
  position:absolute;
  list-style-type:none;
  list-style-position:inside;
  z-index:99;
  margin:0 0 0 0px;
  padding:0 0 0 0px;
  
}

ul#teaser-top LI {
  display:inline;
  margin:0 0 0 0px;
  padding:0 0 0 0px;
  padding-left:18px;
}

/* Content */
#content {
  position:relative;
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  padding-left:21px;
  padding-right:21px;
  padding-bottom:10px;
  min-height:500px;
  width:543px;
  max-width:543px;
  overflow:hidden;
  z-index:99;
  
}



#content A {
  text-decoration:none;
}
#content A:hover {
  text-decoration:underline;
}

#content P {
  line-height:13pt;
  font-size:9pt;
}



#content-left {
  position:relative;
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  width:143px;
  max-width:143px;
  overflow:hidden;
  margin-left:21px;
  padding-left:21px;
  padding-right:10px;
  padding-bottom:10px;
  z-index:50;
  
  
}

* html #content-left {
  /*width:174px;*/
}

#content-right {
  position:relative;
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  width:154px;
  z-index:50;
  padding:10px 10px 10px 10px;
  
}

/* Hintergründe */
#bg-folgeseite-oben {
  position:absolute;
  top:0px;
  left:0px;
  width:996px;
  min-width:996px;
  height:235px;
  z-index:30;
}

#background-middle {
  position:absolute;
  top:0px;
  left:195px;
  width:585px;
  min-width:585px;
  background-color:#ffffff;
  height:100%;
  z-index:20;
 
}

#background-right {
  position:absolute;
  top:0px;
  left:801px;
  width:174px;
  height:100%;  
  background-image:url(../images/bg-rechts.gif);
  background-position:0px -18px;
  z-index:20;
}

#background-left {
  position:absolute;
  top:0px;
  left:21px;
  width:174px;
  min-width:174px;
  height:100%;
  z-index:20;
   
}

#background-right-top {
  position:relative;
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  margin-left:12px;
  margin-top:16px;
  width:174px;
  min-height:511px;  
  z-index:90;
  background-image:url(../images/login-verlauf.gif);
  background-repeat:no-repeat;
}

* html #background-right-top {
 margin-top:5px;
}
  
/* Allg */
P.bodytext {
  color:#1e1e1e;
  font-size:9pt;
  line-height:13pt;
}

/* Standardelemente */
.csc-frame-rulerAfter {
  clear:both;
  /*height:31px;*/
  height:auto;
  width:100%;
  background-image:url(../images/gestrichelt.gif);
  background-repeat:repeat-x;
  /*background-position:0px 15px;*/
  background-position:bottom left;
  padding-bottom:16px;
  margin-bottom:15px;
}

    
/* Menü links (Wiki) */
#content-left UL.menu-left {
  list-style-type:none;
}  

#content-left UL.menu-left  LI A {
  text-decoration:none;
}

#content-left UL.menu-left  LI.no A {
  color:#1f1f1f;
}

#content-left UL.menu-left  LI.level1{
  font-size:9pt;
  font-weight:bold;
  text-transform:uppercase;
  padding-left:0px;
  letter-spacing:1px;
  line-height:13pt;
}

#content-left UL.menu-left  LI.level2{
  font-size:8pt;
  font-weight:bold;
  padding-left:15px;
}
#content-left UL.menu-left  LI.level3{
  font-size:8pt;
  font-weight:normal;
  padding-left:30px;
}
#content-left UL.menu-left  LI.level3{
  font-size:8pt;
  font-weight:normal;
  padding-left:45px;
}

UL.menu-left {
    margin-bottom:30px;
}



#content h2 {
  font-size:11pt;
  font-weight:bold;
  margin-top:4px;
  margin-bottom:6px;
}

#content h3 {
  font-size:10pt;
  font-weight:bold;
  margin-top:4px;
  margin-bottom:6px;
}

#content h3 {
  font-size:9pt;
  font-weight:bold;
  margin-top:2px;
  margin-bottom:4px;
}

#content {
  font-family:"trebuchet MS",verdana,sans-serif;
}

/* Zweispaltig */
.content-2col-wrap {
  position:relative;
  float:left;
  width:100%
}

.content-2col-left {
  float:left;
  width:260px;
  
}
.content-2col-right {
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  width:260px;
  margin-left:21px;
  
}

.clear {
  clear:both;
}

#content H1,
#content H2 {
  margin-top:4px;
  margin-bottom:6px;
}

#content P {
  margin-bottom:6px;
}

#content HR.myjs {
  width:100%;
  height:6px;
  border:0px none;
  background-image:url(../images/punkte.gif);
  background-repeat:repeat-x;
  background-position:0px 0px;
  margin-top:-5px;
  padding-top:0px; 
}

#content UL,
#content OL {
  margin-left:20px;
}

/***********************
 *    CSS STYLES 
 * for the TYPO3 EXT
 *     rgecard 
 *********************/ 


/*********************
 * Styles for getting the ecard
 *********************/ 
.rgecard-nest {
  width:100%;
}

.rgecard-text {
  width:200px;
  float:left;
  display:inline; /* IE6, IE/ Workaround against double margins */
  margin:5px 0 5px 5px;
}
.rgecard-msg {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin:10px 5px;
  padding:5px;
}

.rgecard-img {
  width:310px;
  float:left;
}

.rgecard-img img{
  border:1px solid #eee;
  padding:2px;
  margin:2px;
    background:#f6f6f6;
}

.rgecard-info {
  border:0px none;
  padding:0px 0px 0px 0px;
  margin:0px 0px;
  margin-bottom:10px;
  background:#FFFFFF;
  color:#000000;
  line-height:11pt;
  font-size:9pt;
}

.rgecard-reminder {
  font-style:italic;
  color:#000;
  text-align:left;
  line-height:11pt;
  font-size:9pt;
  margin-bottom:10px;
}

.rgecard-warning {
  margin:0 5px;
  padding:2px 5px;
  line-height:11px;
  text-align:center;
  color:#fff;
  border:1px solid #ffa200;
  background:#ff8400;
}

#content .tx-rgecard-pi1 .rgecard-nest A {
  color:#d80076;
} 

/*********************
 * Styles for messages at sending the ecard
 *********************/
#rgecardform .error, #rgecardform .success, #rgecardform .warning {
  margin:0 5px;
  padding:2px 5px;
  line-height:11px;
  text-align:center;
  color:#fff;
}

#rgecardform .error {
  border:1px solid #ff0000;
  background:#c60606;
}

#rgecardform .success{
  border:1px solid #00ff18;
  background:#009900;
}

#rgecardform .warning{
  border:1px solid #ffa200;
  background:#ff8400;
}

#rgecardform #log_res {
  height:45px;
}
#rgecardform .ajax-loading {
  background: url(spinner.gif) no-repeat center;
  height:45px;
}




.tx-rssticker-pi1 {
  width:98%;
  border-left:1px solid #333333;
  border-right:1px solid #333333;
  
  height:200px;
}

.tx-rssticker-pi1 #mainContainer {
  
  
}

.tx-rssticker-pi1 #mainContainer #mainContent{
  
}

.tx-rssticker-pi1 #mainContainer #mainContent #rssBox{
  border:0px none;
  color:black;
  font-size:9pt;
  line-height:13pt;
  height:180px;
  margin:5px;
  width:100%;
  
  filter:Alpha(opacity=100, finishopacity=0, style=1, starty=50, finishy=180, startx=0, finishx=0);
}



.tx-rssticker-pi1 #mainContainer #mainContent #rssBox A {
  color:black;
  text-decoration:underline;
  
}

.tx-rssticker-pi1 .slide {
  
}

#content A IMG {
  border:0px none;
}

#content TABLE.csc-mailform TR TD {
  vertical-align:top;
  text-align:left;
  font-size:9pt;
  line-height:13pt;
  padding-right:4px;
}

#content TABLE.csc-mailform TR TD.csc-form-labelcell {
  font-weight:bold;
}

#content TABLE.csc-mailform TR TD.csc-form-fieldcell INPUT,
#content TABLE.csc-mailform TR TD.csc-form-fieldcell TEXTAREA {
  padding:2px;
  font-size:9pt;
}

.tx-srfreecap-pi2-cant-read {
  color:black;
}

/* csc-mailform NEU 2011-12 */
fieldset.csc-mailform {
    border:none;
}
fieldset.csc-mailform legend {
    display:none;
}
fieldset.csc-mailform .csc-mailform-field,
fieldset.csc-mailform .csc-mailform-label { clear:left; margin-bottom:6px; font-size:9pt; }
fieldset.csc-mailform .csc-mailform-field label {
    float:left; display:block; width:33%; 
}
fieldset.csc-mailform .csc-mailform-field input,
fieldset.csc-mailform .csc-mailform-field textarea {
    max-width:65%; 
}
fieldset.csc-mailform .csc-mailform-submit { margin-left:33%; }

span .csc-mailform-radio {
  display:block;
    margin-left: 33%;
   max-width:65%; 
}

.csc-mailform-radio input, .csc-mailform-radio label {
    display: inline;
    float: left;
    margin-bottom: 0.3em;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field .csc-mailform-check {
    background: none;
    clear: left;
    border: none;
    margin-right: 4px;
    width: 20px;
}

.csc-mailform-radio label, .csc-mailform-check label {
    text-align: left;
    margin-top:-6px;
}