/* Copyright: [trendvisor] 2008
JOB: Trendvisor.de
SYS: TYPO3
TECH: [trendvisor]
STYLE: [trendvisor]
DATE: MAR08

-->>> CONTENT
1.Standard CSS Framework with centered View and a div-based-border
2.Main Content Div floating and with all stuff you need
3.Sidebar floating with Super-Sub3 menu
4.STUFF like lists, tables, forms, sitemap, etc
5.Footer

*/


*{
margin: 0;
padding: 0;
}
body{
color: #444444;
background: #ffcc00;
font-size: 13px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

/* -- 1.Standard CSS Framework with centered View and a div-based-border -- */
#fx-container{
width: 940px;
margin: 0 auto;
padding: 0;
text-align: left;
background: url(../images/shadow-bck.jpg) repeat-y 0 0;
}
#header{
height: 200px;
margin: 0;
background: url(../images/head-bck.jpg) no-repeat 0 0;
}
#logo{
width: 340px;
height: 155px;
margin: 30px 0 0 60px;
float: left;
}
#topnavi{
margin: 0 auto 10px auto;
height: 29px;
line-height: 29px;
text-align: center;
background:  url(../images/hona-bck.jpg) no-repeat 0 0;
}
#topnavi ul{
list-style: none;
padding: 0;
margin: 0 40px;
}
#topnavi li{
list-style: none;
display: inline;
margin: 0;
color: inherit;

}
#topnavi li a:link, #topnavi li a:visited{
color: #197500;
background: url(../images/div.jpg) no-repeat right 0;
text-decoration: none;
font-weight: bold;
padding: .5em;
}
#topnavi li.active a:link, #topnavi li.active a:visited{
background: #FFCC00 url(../images/hona-hvr.jpg) repeat-x 0 0;
color: Black;
}
#topnavi li a:hover, #topnavi li.active a:hover{
color: Black;
background: #FFCC00 url(../images/hona-hvr.jpg) repeat-x 0 0;
}

#main-container{
width: 860px;
margin: 0 auto;
padding: 0;
}

.clear{
clear: both;
}

/* -- Container for Maincontent and right Sidebar -- */
#right{
float: right;
width: 590px;
margin: 0 10px 0 0;
}
#main2{
/* -- für die einspaltige Ansicht -- */
margin: 0 2em ;
}
.artikel{
margin: 0 0 10px 0;
padding: 0 0 1px 0;
}
.artikel a:link, .artikel a:visited{
color: #197500;
background: none;
}
.artikel a:hover{
color: #197500;
background: none;
}
.artikel h1{
font-size: 1.4em;
padding: 0 0 .5em 0;
margin: 0 0 .5em 0;
background: none;
color: #197500;
border-bottom: 1px dotted #197500;
}
.artikel h2{
font-weight: normal;
font-size: 1.3em;
padding: 0;
margin: 0 0 1em 0;
}

.artikel p{
margin: 0 0 .7em 0;
line-height: 1.4em;
}

.csc-textpic-caption{
font-size: 10px;
font-weight: bold;
background: #DBFFD2;
color: #444444;
padding: 3px;
}
/*-- Container for the Navi -- */
#sidebar{
width: 240px;
float: left;
margin: 0 0 0 10px;
}
/* --MODULE-- */
.modul{
margin: 0;
padding: 0;
}
.modul ul li{
list-style: none;
margin: 0;
padding: 0;
}
.modul ul li a, modul ul li a:visited{
display: block;
font-weight: bold;
padding: .8em .8em;
margin: 0;
text-decoration: none;
border-bottom: 1px dotted #197500;
color: #197500;
background: None;
}
.modul ul li a:hover{
background: url(../images/active.gif) no-repeat 0 center;
color: #444444;;
}
.modul li.active a{
background: #DBFFD2;
color: #444444;;
}
.modul li.active a:hover{
background: #fff2bd;
color: #444444;;
}

/* -- SUBlevel 1 --*/
.modul li.active .sub{
margin: 0;
font-size: 11px;
}
.modul li.active .sub li a{
font-weight: bold;
background: #b5ffa6;
color: #444444;
padding: 5px 20px;
}
.modul li.active .sub li a:hover{
background: White;
color: #197500;
}
.modul li.active .sub li.active a{
text-align: left;
font-weight: bold;
}



/* - Linke Infoboxen unter der NAVI - */
.left{
margin: 0 0 .5em 0;
padding: 0;
font-size: 11px;
background: #DBFFD2;
border: 1px dotted #197500;
}
.left a:link, .left a:visited{
color: #197500;
background: none;
}
.left a:hover{
color: #197500;
background: none;
}
.left h1{
font-size: 11px;
padding: 5px;
margin: 0;
color: White;
background: #197500;
}
.left p{
padding: 3px 5px;
line-height: 1.2em;
}



/* -- 5. Footer -- */
#footer {
clear: both;
color: #197500;
background: url(../images/footer-bck.jpg) no-repeat 0 bottom;
padding: 0 50px 1.2em 50px;
text-align: right;
font-size: .8em;
}
#footer a{
text-decoration: none;
}
#footer ul{
list-style: none;
}
#footer li{
list-style: none;
display: inline;
margin: 0 .5em 0 0;
}
#footer li a:link, #footer li a:visited{
color: #197500;
background: none;
}
#footer li a:hover{
color: #444444;;
background: none;
}
.up{
border-bottom: 1px solid #197500;
height: 10px;
padding: 0;
margin: 1em 0;
color: inherit;
background: url(../images/hoch.gif) no-repeat 0 bottom;
text-decoration: none;
display: block;
}

/* -- other Stuff -- */

/* -- LISTEN -- */
.artikel ol{
list-style: decimal-leading-zero inside;
}
.artikel ul{
list-style: disc inside;
}
.artikel ul, .artikel ol{
margin: 0 0 1em 2em;
}
.important{
background: #fff2bd;
color: #197500;
border: 1px dotted #197500;
padding: 1em;
margin: 0 .5em;
display: block;
}

/* -- TABELLEN -- */
table{
border: 0px none;
margin: 0 2em;
padding: 0;
}
td{
border: 1px dotted #444444;
padding: .1em;
}
.artikel td p{
margin: 0;
padding: 0;
}
.csc-searchform td, .csc-loginform td, .csc-searchResultInfo td{
border: 0 none;
}

/* -- FORMULARE -- */
fieldset{
border: 0 none;
padding: 1em 0;
margin: 0;
width: 300px;
}
input, textarea{
margin: .2em 0;
border: 1px dotted #197500;
padding: .2em;
float: left;
width: 99%;
background: #DBFFD2;
}
.csc-mailform-field, .csc-mailform-submit{
}
.csc-mailform-submit{
clear: both;
border: 1px solid  #197500;
padding: 2px;
background: #DBFFD2;
color: inherit;
width: 100px;
}
.csc-mailform-check{
border: 1px solid  #197500;
width: 17px;
}
label{
font-size: .8em;
font-weight: bold;
background: none;
color: #197500;
}
.clear{
clear: both;
}

/* -- KALENDER -- */
.tx-cal-controller a:link, .tx-cal-controller a:visited{
font-weight: bold;
font-size: 1em;
}
.found{
font-size: .8em;
font-weight: bold;
}
.tx-cal-controller dt, .tx-cal-controller dd{
padding: .5em;
}
.tx-cal-controller .even{
color: inherit;
background: #fff2bd;
}
.V9G{
font-size: .8em;
font-weight: bold;
}
.pagebrowser{
  display: none;
}

/* -- CAL EVENTANSICHT -- */
#calendar-event{
border: 1px dotted #197500;
color: #197500;
background: White;
}
#calendar-event h1{
font-weight: normal;
margin: 0;
padding: 5px 15px;
color: #197500;
background: #DBFFD2;
border: 0 none;
}
.data{
margin: 0;
padding: 5px 15px;
font-size: 11px;
color: #197500;
background: #DBFFD2;
border-bottom: 1px dotted #197500;
}
.descr{
margin: 1em 15px 0 15px;
}
.descr h2{
margin: 0;
padding: 0 0 .5em 0;
}
.odd, .even{
padding: .5em;
font-size: 11px;
}
.odd{
background: #DBFFD2;
color: inherit;
}
.even{
background: #fff2bd;
color: inherit;
margin: .5em 0;
}
.list-title{
margin: 0 0 5px 0;
}
.list-data{
margin: 0 0 5px 0;
padding: 0 0 5px 0;
font-size: 11px;
border-bottom: 1px dotted #197500;
font-weight: bold;
}



/* -- modern Guestbook Styles -- */
.artikel h2.tx-guestbook-header{
font-size: 1.4em;
padding: 0;
background: none;
color: #197500;
border-bottom: 1px dotted #197500;
}
.left h2.tx-guestbook-header{
font-size: 11px;
padding: 5px;
margin: 0;
color: White;
background: #197500;
}
  
    /* error handling */
  .tx-veguestbook-pi1 p.tx-guestbook-form-error {
    font-weight:bold;
    color:#990000;
  }
  
  /* display of result count */
  .tx-veguestbook-pi1 .tx-guestbook-result {
    font-weight:bold;
    float:left;
  }
  
  /* pagination */
  .tx-veguestbook-pi1 .tx-guestbook-pagination {
    font-weight:bold;
    float:right;
  }
  
  /* styles for list mode */

  
.tx-veguestbook-pi1 .tx-guestbook-left {
font-size: 11px;
border: 1px dotted #197500;
border-width: 1px 1px 0 1px;
padding: 4px;
color: inherit;
background: #DBFFD2;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-left {

  }

  .tx-veguestbook-pi1 .tx-guestbook-left p {
    color:#444444;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-right {
padding: 4px;
margin: 0 0 1em 0;
border: 1px dotted #197500;
border-width: 0 1px 1px 1px;
  }
  
  /* styles for latest mode */
  .tx-veguestbook-pi1 .tx-guestbook-latest p,
  .tx-veguestbook-pi1 .tx-guestbook-right p {
    color:#444444;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
  .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
      font-size: 11px;
      font-weight: bold;
      border-bottom: 1px dotted #197500;
  }

  .tx-veguestbook-pi1 h2.tx-guestbook-header {
 width:auto; 
}

  .tx-veguestbook-pi1 .tx-guestbook-right h3 {


    color:#990000;
    font-weight:bold;
    background:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
    color:#444444;
    font-style: italic;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-latest {
    display:block;
    padding:0.25em;
    clear:both;
  }
  
  
  .tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
    color:#990000;
  }
  
  .tx-veguestbook-pi1 fieldset {
    border:none;
  }
  
  .tx-veguestbook-pi1 legend {
    display:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap {
    float:left;
    display:block;
    background:#fff2bd;
    border:1px dotted #197500;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap {
    margin-left:2.25em;
  }
 
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap img {
    float:left;
    display:block;
    padding-left:0.25em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap input {
    float:left;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap label {
    clear:both;
    display:block;
    float:none;
    width:10em;
    margin-bottom:0.5em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap p {
    padding:0.25em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
    display:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
    color:#990000;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-clear {
    clear:both;
    display:block;
  }
  
  .tx-veguestbook-pi1 input.tx-guestbook-submit {
    width:auto;
    display:block;
  }