/* Stylesheet Rofanseilbahn
 Farben:
 rot: #ed1c24
 Schrift-antrazit: #1a1718
*/
 
* { 
 padding: 0;
 margin: 0;
 border: 0;
}

html { 
 height: 101%;
 width: 100%;
}

body {
 font-family:  Arial,Helvetica,Verdana,sans-serif;
 font-size: 12px;
 width: 100%;
 padding-bottom: 50px;
}

/* ===================================================
 Startseite-Formate
=================================================== */

#start  {
 z-index: 10;
 width: 100%;
 position: absolute;
 top: 200px;
}
#start * {
 z-index: 20;
}
#siteId-2 {
 background-image: url("/fileadmin/rofan/images/layout/bg-winter.gif"); /* Hintergrundgrafik Startseite*/
}

#start-sommer-bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 300px;
 display: block;
 background-image: url("/fileadmin/rofan/images/layout/bg-sommer.gif"); /* Hintergrundgrafik Startseite*/
 background-position: 3px;
 z-index: 1;
}

#logostart {
 text-align: center;
}

#start p {
 width: 832px;
 text-align: center;
 margin: 20px auto;
}

#start img {
 padding: 0 8px;
}

/* ===================================================
 Rest-Formate
=================================================== */

.sommerseite {
 background-image: url("/fileadmin/rofan/images/layout/bg-sommer.gif"); /* Hintergrundgrafik Sommerseite*/
 background-position: 2px;
}

.winterseite {
 background-image: url("/fileadmin/rofan/images/layout/bg-winter.gif"); /* Hintergrundgrafik Winterseite*/
}

/* ===================================================
 Layout-Formate
=================================================== */

#wrapper {
 position: relative;
 margin: 110px auto 0 auto;
 width: 866px;
 min-height: 540px;
 background-color: white;
}

.sommerseite #wrapper {
 border-left: 2px solid #415b2e;
 border-right: 2px solid #415b2e;
}

.winterseite #wrapper {
 border-left: 2px solid #003d82;
 border-right: 2px solid #003d82;
}

/* ===================================================
 Header
=================================================== */

#header {
 position: absolute;
 top: -89px;
 left: -2px;
 width: 873px;
 height: 90px;
 background-repeat: no-repeat;
}

.sommerseite #header {
 background-image: url("/fileadmin/rofan/images/layout/header-sommer.gif");
}

.sommerseite a#logosommer {
 position: absolute;
 top: 21px;
 right: 20px;
 display: block;
}

.sommerseite a#logosommer img {
 width: 168px;
 height: 56px;
}

.sommerseite a#logowinter {
 position: absolute;
 top: 21px;
 right: 20px;
 display: none;
 width: 0;
 height: 0;
}

.winterseite #header {
 background-image: url("/fileadmin/rofan/images/layout/header-winter.gif");
}

.winterseite a#logosommer {
 position: absolute;
 top: 21px;
 right: 20px;
 display: none;
 width: 0;
 height: 0;
}

.winterseite a#logowinter {
 position: absolute;
 top: 21px;
 right: 20px;
 display: block;
}
.winterseite a#logowinter img {
 width: 168px;
 height: 56px;
}



/* ===================================================
 Content
=================================================== */

#content {
 margin-left: 148px;
 padding: 20px 18px 0px 0;
 width: 700px;
}
/*
#content a {
 padding-left: 5px;
}
*/
#content .csc-textpic a {
 padding-left: 0;
}

#inhalts-spalten {
 background-image: url("/fileadmin/rofan/images/layout/spalte-grenzen.gif");
 background-repeat: repeat-y;
 min-height: 495px;
}

#mehrspalt {
 padding: 0 19px 15px 19px;
 color: #52504f;
 background-image: url("/fileadmin/rofan/images/layout/mehrspalt-grenze.gif");
 background-repeat: repeat-y;
 min-height: 495px;
}

#spalte1,
#spalte2 {
 float: left;
 width: 208px;
 padding: 0 19px 15px 19px;
 color: #52504f;
}

#spalte3 {
 float: left;
 width: 184px;
 color: #52504f;
 padding: 0 0 15px 19px;
}

.bilder {
 padding-top: 12px;
}

.sommer {
 margin: 80px 0 10px 0;
 font-size: 1.2em;
 font-weight: bold;
 color: #415b2e;
 text-transform: uppercase;
}

.winter {
 margin: 80px 0 10px 0;
 font-size: 1.2em;
 font-weight: bold;
 color: #0084d7;
 text-transform: uppercase;
}

#spalte1 a,
#spalte2 a,
#spalte3 a,
#mehrspalt a {
 font-size: 1em;
 font-weight: bold;
 color: #415b2e;
}

.winterseite #spalte1 a,
.winterseite #spalte2 a,
.winterseite #spalte3 a,
.winterseite #mehrspalt a {
 font-size: 1em;
 font-weight: bold;
 color: #003f82;
}

#spalte1 a:hover,
#spalte2 a:hover,
#spalte3 a:hover,
#mehrspalt a:hover {
 color: #ff701a;
}



/* ===================================================
 Menue
=================================================== */

#menu {
 position: absolute;
 top: -25px;
 left: 20px;
}

#lang-menu {
 position: absolute;
 top: 55px;
 left: 16px;
 width: 90px;
}

#menusuche {
 position: absolute;
 top: 70px;
 left: 16px;
 width: 100px;
 white-space: nowrap;
}

#menusuche-input {
 border: 1px solid #7f7f80;
 padding: 1px;
 font-size: 1em;
 width: 75px;
}

#menusuche-img {
 position: relative;
 top: 5px;
}

#menu .submenu {
 position: absolute;
 top: 110px;
 left: 0;
 width: 108px;
 height: 380px;
 margin-left: 0;
}

#menu li {
 float: left;
 list-style-type: none;
}

#menu .submenu li{
 margin-bottom: 20px;
}

#menu a {
 padding-left: 16px;
 padding-right: 4px;
 color: #ffffff;
 text-transform: uppercase;
 font-weight: bold;
 display: block;
}

#menu #lang-menu a {
 color: #52504f;
 display: block;
 width: 23px;
 height: 0px;
 overflow: hidden;
 padding: 12px 0 0 0;
 margin-right: 10px;
 float: left;
 background-repeat: no-repeat;
}

#menu #lang-menu a#deutsch {
 background-image: url('/fileadmin/rofan/images/layout/flagge-deutsch.jpg');
}

#menu #lang-menu a#deutsch.selected,
#menu #lang-menu a#deutsch:hover {
 background-image: url('/fileadmin/rofan/images/layout/flagge-deutsch-selected.jpg');
}

#menu #lang-menu a#english {
 background-image: url('/fileadmin/rofan/images/layout/flagge-uk-english.jpg');
}

#menu #lang-menu a#english.selected,
#menu #lang-menu a#english:hover {
 background-image: url('/fileadmin/rofan/images/layout/flagge-uk-english-selected.jpg');
}

#menu .submenu a {
 color: #52504f;
}

#menu a:hover,
#menu .current a {
 background-image: url("/fileadmin/rofan/images/layout/pfeil-weiss.gif");
 background-repeat: no-repeat;
 background-position: 0 center;
}

#menu .current .submenu a {
 background-image: none;
}

.sommerseite #menu .submenu a:hover,
.sommerseite #menu .submenu .current a {
 background-position: 0 1px;
 background-image: url("/fileadmin/rofan/images/layout/pfeil-gruen.gif");
 color: #415b2e;
 text-decoration: underline;
}

.winterseite #menu .submenu a:hover,
.winterseite #menu .submenu .current a {
 background-position: 0 1px;
 background-image: url("/fileadmin/rofan/images/layout/pfeil-blau.gif");
/* color: #0084d7; */
 color: #003f82;
 text-decoration: underline;
}

/* ===================================================
 Fusszeile
=================================================== */

#footer {
 margin: 0 auto;
 width: 870px;
 height: 30px;
 background-repeat: no-repeat;
}

.winterseite #footer {
 background-image: url("/fileadmin/rofan/images/layout/footer-winter.gif");
}

.sommerseite #footer {
 background-image: url("/fileadmin/rofan/images/layout/footer-sommer.gif");
}

/* ===================================================
 Allgemeine Definitionen
=================================================== */

a {
 text-decoration: none;
 outline: none;	/* Punkte beim Aktivieren entfernen */
}

a:hover {
 color: #415b2e;
}

p {
 text-align: left;
 margin-bottom: .5em;
}

.clear {
 clear: both;
}

h1,
h2,
h3,
h4,
h5 {
 text-transform: uppercase;
 font-weight: bold;
 margin: 1em 0 .5em 0;
}

.csc-firstHeader {
 margin-top: 0 !important;
}

.sommerseite h1,
.sommerseite h2,
.sommerseite h3,
.sommerseite h4,
.sommerseite h5 {
 color: #415b2e;
}

.winterseite h1,
.winterseite h2,
.winterseite h3,
.winterseite h4,
.winterseite h5 {
/* color: #0090c9; */
 color: #003f82;
}

h1 {
 font-size: 1.25em;
}

h2 {
 font-size: 1.15em;
}

h3 {
 font-size: 1.1em;
}

h4 {
 font-size: 1em;
}

h5 {
 font-size: 1em;
 font-style: italic;
}

ul {
 margin-left: 1em;
 margin-bottom: .5em;
}

li {
 margin-bottom: .25em;
}

table {
 font-size: 1em;
 border-collapse: collapse;
 width: 100%;
 margin-bottom: .5em;
}

th {
 font-size: 1em;
 font-weight: bold;
 text-align: left;
 vertical-align: top;
 padding: .1em;
}

td {
 font-size: 1em;
 text-align: left;
 vertical-align: top;
 padding: .2em .1em;
}

.winterseite tr.tr-even {
 background-color: #c3d2e2;
}

.winterseite tr.tr-odd {
 background-color: #e0e9f2;
}

.sommerseite tr.tr-even {
 background-color: #cad6c2;
}

.sommerseite tr.tr-odd {
 background-color: #e3ebdd;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
 margin: 0 0 8px 0 !important;
}

.csc-searchform input {
 border: 1px solid #7f7f80;
 padding: 1px;
 font-size: 1em;
}

.csc-searchform select {
 border: 1px solid #7f7f80;
 font-size: 1em;
}

.csc-searchform option {
 padding: 1px;
}

.csc-searchform .csc-form-labelcell {
 width: 6em;
 font-size: 1em;
 vertical-align: top;
 padding: 2px;
}

.csc-searchform .csc-form-label {
 text-align: right;
}