/* culture shock: grass stains by pogy366 - Sept. 2005 */

/*
- layout
- top navigation
- links
- fonts and colors
- images
- workarounds and hacks
- Formulare
- Ein- und Ausblenden von Zusatztext
*/


/******* structure and layout *******/
    body {
     font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
     font-size: 10pt;
     line-height: 1.4em;
     color: #1D4336;
     background: #B4B8B7;
     margin:10px 0 0 0;
     padding:0 0 0 0;
     background: #efefef url(../images/bg.gif);
     text-align:center;
     }

    .wrap {
     position:relative;
     width:780px;
     margin:0 auto;
     padding:0 0 0 0;
     text-align:center;
     background: #ffffff url(../images/header.jpg) no-repeat;
     border-left:1px solid #1D4336;
     border-right:2px outset #5A6F68;
     border-top:2px solid #5A6F68;
     border-bottom:1px solid #5A6F68;
     }

    .header {
     position:relative;
     top: -100px;
     clear:none;
     width:770px;
     height:25px;
     margin:97px 0 0 0;
     padding:0 0 0 0;
     background:transparent;
     color:lightgrey;
     text-align:right;
     }

    .topnav {
     position:relative;
     clear:both;
     width:780px;
     height:21px;
     margin:0 0 0 0;
     padding:0 0 0 0;
     /*background:#cccccc;*/
     font-size:8pt;
     line-height: 1.2em;
     font-family:Tahoma, Arial, Helvetica, sans-serif;
     }

    .container {
     width:760px;
     margin:10px 10px 0 10px;
     padding:0 0 0 0;
     background:#ffffff;
     color: #222822;
     text-align:left;
     }

    .news_right {
     float:right;
     clear: none !important;  /* nicht IE */
     clear:both; /* IE */
     width:212px;
     margin:0 0 5px 10px;
     padding:0 10px 0 10px;
     background: #F2F2F2;
     color:#2A352D;
     font-size:8pt;
     line-height: 15px;
     }

    .news_right p {
     margin:5px;
     }

    .news_cnr_top {
     background:url(../images/cnr_tr.gif) no-repeat top right;
     margin:0 -10px 0 -10px;
     }

    .news_cnr_bottom {
     background:url(../images/cnr_br.gif) no-repeat top right;
     margin:0 -10px 0 -10px;
     }

    img.cnr {
     width:8px;
     height:8px;
     border:none;
     display: block !important;
     }

    .footer {
     position:relative;
     clear:both;
     margin:20px 0 0 0;
     padding:4px 0 4px 0;
     background:#ffffff;
     font-size:8pt;
     text-align:center;
     color: silver;
     }

/******* /structure and layout *******/

/******* top navigation *******/

    #nav ul{
     position:relative;
     top: -15px;
     padding:0 0 0 0;
     margin:0 0 0 0;
     white-space: nowrap;
     font-size:8pt;
     color:#1D4336;
     float:left;
     width:100%;
     list-style:none;
     border-top: 1px solid white;
     }

    #nav ul li{
     display:inline;
     list-style:none;
     }

    #nav ul li a{
     margin: 0 0 0 0;
     padding: .25em 1em .3em 1em;
     color: #1D4336;
     text-decoration:none;
     float: right;
     }

    #nav ul li a:hover{
     color: #7C2011;
     }

/******* /top navigation *******/

/******* links *******/

    a {
     color: #7C2011;
     text-decoration:none;
     }

    a:hover {
     color: #1D4336;
     text-decoration:underline;
     }

     .footer a {
     color: silver;
     text-decoration:none;
     }

     .footer a:hover {
     color: dimgray;
     text-decoration:none;
     }
    /*#news a {
    color:#AE2320;
    text-decoration:underline;
    }

    #news a:hover {
    color:#836B78;
    text-decoration:none;
    } */

/******* /links *******/

/******* fonts and colors *******/

    .header strong {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#ffffff;
     font-size:13pt;
     letter-spacing:.7em;
     }

    h1, h2, .news_title {
     font-family:Arial, Helvetica, sans-serif;
     color: #0F344F;
     font-size:14px;
     font-weight:bold;
     padding-top: 0;
     margin-top: 0;
     }

    h2, .news_title {
     font-size:13px;
     color: #222822;
     }

    #maphandle {
     width: 230px;
     background-color: snow;
     position: absolute;
     top: 50px; right:8px;
     -moz-opacity:0.90;
     filter:alpha(opacity=90);
     }

    .brand {
     font-style: italic;
     font-family: arial, sans-serif;
     }

/******* /fonts and colors *******/

/******* images *******/

    .news_right img {
     border: 1px solid gray;
     }

    .news_cnr_top img {
     border: 0 solid firebrick;
     }

     .news_cnr_bottom img {
     border: 0 solid firebrick;
     }

    /*.right img {
     position:relative;
     float:right;
     padding:0 0 0 0;
     margin:5px 2px 2px 5px;
     }

    .left img {
     position:relative;
     float:left;
     padding:0 0 0 0;
     margin:0 5px 0 2px;
     }*/

    .imgnormal {
     -moz-opacity:1;
     filter:alpha(opacity=100);
     cursor:hand;
     border: 1px solid gray;
     }

    .imgover {
     -moz-opacity:0.85;
     filter:alpha(opacity=85);
     border-color: dimgray;
     position: relative;
     top: 1px;
     left: -1px;
     }

    .gallery {
     background-color: ghostwhite;
     float: left;
     width: 210px;
     height: 240px;
     margin: 0 10px 10px 10px;
     font-size: 10px;
     line-height: 12px
     }

    .gallery p {
     padding: 3px;
     margin:0;
     }

     .gallery img {
     border: 1px solid gray;
     }

/******* /images *******/

/******* workarounds and hacks *******/

    .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     }

    .clearfix {
     display: inline-table;
     }

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

/******* workarounds and hacks *******/

/******* Formulare - Beispiel mit CSS von http://www.sbihl.de/kontakt/ */
    form {
     padding: 0;
     margin: 1.25em 0;
     }

    fieldset {
     background: white;
     border: 1px solid 072E4B;
     padding: 1em;
     }

    legend {
     background: white;
     color: #072E4B;
     font-size: 1em;
     font-weight: normal;
     padding: 0.1em 0.3em;
     }

    #kontaktformular label, #kontaktformular xselect {
     background: white;
     color: #023459;
     cursor: pointer;
     font-weight: bold;
     float: left;
     width: 200px;
     }

    input, select {
     border: 1px solid #e0e0e0;
     background: white;
     color: #023459;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 1em;
     width: 350px;
     }

    select {
     margin-bottom: 1em;
     }

    input:focus, textarea:focus, select:focus, option:focus {
     border: 1px solid #023459;
     }

    option {
     background: white;
     color: #023459;
     }

    textarea {
     border: 1px solid #e0e0e0;
     background: white;
     color: #023459;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 1em;
     width: 350px;
     }

    .button {
     background: #dddcdc;
     border: 1px solid #023459;
     color: black;
     cursor: pointer;
     width: 13em;
     }

    .button:hover, .button:focus {
     background: #676767;
     border: 1px solid #023459;
     color: white;
     }

    legend {
     border: 1px solid #023459;
     border-bottom: 2px solid #023459;
     border-right: 2px solid #023459;
     font-weight: normal;
     font-size: 1em;
     margin: 10px 0 10px -1px;
     padding: 1px 8px;
     }

    .leftaddress {
     float: left;
     margin: 10px 50px 10px 0;
     font-style: normal;
     }

    .rightaddress {
     margin: 10px 50px 10px 0;
     font-style: normal;
     }

/******* /form */


/******* Ein- und Ausblenden von Zusatztext */

    #kasten {
     background-color : transparent;
     line-height : 1.2em;
     }

    #kasten a {
     padding: 4px;
     text-decoration : none;
     display:block;
     padding-bottom: 10px;
     }

    #kasten a:active {
     background-color : ;
     font-weight:bold;
     }

    #kasten a:visited {
     background-color : ;
     }

    #kasten a:hover {
     color: #435761;
     background-color : snow;
     text-decoration : none;
     width : 500px !important; /* nicht IE */
     width : 400px;   /* IE */
     }

    #kasten a .info {
     display : none;
     }

    #kasten a:hover .info {
     line-height : ;
     display : block;
     color: #1D3243;
     background-color : #F2F2F2;
     padding : 4px;
     font-weight:normal;
     font-size: 11px;
     position: absolute;
     top: 220px;
     left: 100px;
     width: 400px;
     border: 2px solid #1D3243;
     z-index: 100;
    }

/******* Ende: Ein- und Ausblenden von Zusatztext*/