/* Fließtext */
@font-face {
  font-family: 'Electrolize';
  font-style: normal;
  font-weight: 400;
  src: local('Electrolize'), local('Electrolize-Regular'), url(Electrolize.woff) format('woff');
}

/* Überschriften */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 900;
  src: local('Orbitron-Black'), url(Orbitron_900.woff) format('woff');
}


@font-face {
  font-family: 'Ueberschriften';
  font-style: normal;
  font-weight: 400;
  src: local('CabinSketch-Bold'), local('CabinSketch-Bold'), url('CabinSketch-Bold.woff') format('woff');

/*
  src: local('CabinSketch-Bold'), local('CabinSketch-Bold'), url('CabinSketch-Bold.woff') format('woff');
  src: local('FrederickatheGreat-Regular'), local('FrederickatheGreat-Regular'), url('FrederickatheGreat-Regular.woff') format('woff');
  src: local('LoveYaLikeASister'), local('LoveYaLikeASister'), url('LoveYaLikeASister.woff') format('woff');
  src: local('Teko-SemiBold'), local('Teko-SemiBold'), url('Teko-SemiBold.woff') format('woff');
  src: local('Rationale-Regular'), local('Rationale-Regular'), url('Rationale-Regular.woff') format('woff');
*/
}
@font-face {
  font-family: 'Fliesstext';
  font-style: normal;
  font-weight: 400;
  src: local('Electrolize'), local('Electrolize-Regular'), url(Electrolize.woff) format('woff');

/*
  src: local('Electrolize'), local('Electrolize-Regular'), url(Electrolize.woff) format('woff');
  src: local('TitilliumWeb'), local('TitilliumWeb-Regular'), url('TitilliumWeb-Regular.woff') format('woff');
  src: local('Rationale-Regular'), local('Rationale-Regular'), url(Rationale-Regular.woff) format('woff');
*/
}



body {
  margin:                0;
  padding:               0;
  font-family: 'Fliesstext', sans-serif;
  font-size:             12pt;
  color:                 #303030;
  background-color:      #303030;
  background-image:      url('bgBody.png');
  background-repeat:     repeat;
  background-attachment: fixed;
}

#headercont {
  margin: 0 auto;
  width: 100%;
  height: 150px;
  background: #303030 url('bgHeader.png') repeat-x;
}

#header {
  margin: 0 auto;
//  width: 800px;
  width:  60%;
  height: 100%;
}


#header h1 {
  text-align: right;
  margin: 0;
  padding: 52px 0 0 0;
  font-size: 300%;
  color: #000000;
  letter-spacing: -2px;
  font-weight: bold;
}

#header h1 span {
  color:                      #F0F0F0;
  font-weight:                bold;
}

#LoginLogoutLink {
  top:                        10px;
}

#LoginLogoutLink, #LoginLogoutLink a, #LoginLogoutLink a:visited {
  position:                   relative;
  text-align:                 right;
  font-size:                  0.95em;
  color:                      #303030;
  text-decoration:            none;
  font-weight:                bold;
}

#menucont {
  margin:                     0 auto;
  width:                      100%;
  background:                 transparent;
  min-height:                 40px;
}

#menu {
  margin:                     0 auto;
  width:                      60%;
}

#menu ul {
  margin:                     0;
  padding:                    0;
  list-style-type:            none;
  font-weight:                bold;
}

#menu ul li {
  display:                    inline-block;
  line-height:                39px;
  min-height:                 41px;
}

#menu ul li a {
  padding:                    11px 15px 10px 15px;
  margin:                     0 -2px;                   /* !!! */
  text-decoration:            none;
  color:                      #A0A0A0;

  background:                 #505050;
  opacity:                    0.6;
  transition:                 opacity 1.5s;
  -moz-transition:            opacity 1.5s; /* Firefox 4 */
  -webkit-transition:         opacity 1.5s; /* Safari and Chrome */
  -o-transition:              opacity 1.5s; /* Opera */

  border-bottom-left-radius:  15px;
  border-bottom-right-radius: 15px;

  border-bottom:              2px solid #404040;
}

#menu ul li.active a {
  color:                      #303030;
  background:                 #303030 url('bgMenu.png') repeat-x;
  opacity:                    1;
}

#menu ul li a:hover {
  background-color:           #505050;
  opacity:                    1;
  border-color:               #A0A0A0;
}

.main {
  margin:                     0 auto;
  padding:                    5px 0 0 0;
  width:                      60%;
}

/*.maintext {
  margin:                     0 auto;
  padding:                    40px;
  background:                 #FFFFFF;
  line-height:                1.5em;
  border-left:                4px solid #A0A0A0;
  border-bottom:              4px solid #A0A0A0;
  border-right:               4px solid #A0A0A0;

  border-bottom-left-radius:  15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius:     15px;

  color:                      #303030;
}
*/
.maintext {
  margin:                     0 auto;
  padding:                    40px;
  color:                      #303030;
  background:                 #FFFFFF;
  line-height:                1.5em;

  border:                     1px solid #333333;

  box-shadow:                 3px 3px 0px 0px #555555;

  border-top-left-radius:     7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius:  7px;
}

.maintext h1, h2, h3, h4, h5 {
  margin:                     0 0 15px 0;
  padding:                    0 0 0.1em 0;
  font-family:                'Ueberschriften', sans-serif;
  line-height:                1em;
}

.maintext h1 {
  padding:                    0 0 1em 0;
  color:                      #88c700;
  font-size:                  300%;
}

.maintext h2 {
  color:                      #88c700;
}

.maintext h2, h3, h4, h5 {
  font-size:                  150%;
}

.maintext h2, h3 {
  font-size:                  1.1em;
  margin:                     3em 0 1em 0;
  border-bottom:              3px solid #88c700;
}

.maintext h3 {
  color:                      #88c700;
  font-size:                  1.0em;
  margin:                     0 0 5px 0;
  border-bottom:              1px solid #88c700;
}

.maintext h4 {
  color:                      #88c700;
  font-size:                  1.0em;
}

.maintext p {
  margin:                     0.5em 0 2em 0;
  padding:                    0 0 0 0;
  text-align:                 justify;
}

.normalTable {
  margin:                     0.5em 0 2em 0;
  padding:                    0 0 0 0;
}

.normalTable th, .normalTable td {
  vertical-align:             top;
  text-align:                 justify;
}

.normalTable th {
  font-weight:                bold;
}


/*
#maintext table th, #maintext table td {
  vertical-align:             top;
  text-align:                 justify;
}

#maintext table th {
  font-weight:                bold;
}
*/


.maintext img {
  float:                      center;
  margin:                     10px 10px 0 0;

  border-right:               3px solid #606060;
  border-bottom:              3px solid #606060;

  border-top-left-radius:     10px;
  border-top-right-radius:    10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius:  10px;
}

.maintext p img {
  vertical-align:             middle;
}

.maintext a {
  color:                      #88c700;
  text-decoration:            none;
  font-weight:                bold;
}

.maintext a:hover {
  color:                      #303030;
  text-decoration:            none;
  font-weight:                bold;
}

.maintext ul {
  list-style-type:            square;
}

#footercont {
  margin:                     0 auto;
  width:                      100%;
}

#footer {
  margin: 0 auto;
  margin-top: 1em;
  width:  60%;
  padding: 0 0px;
  color: #909090;
  line-height: 150%;
  font-size: 75%;
  font-weight: normal;
}

#footer p {
  margin: 0;
  padding: 0;
}

#footer a {
  color: #90C000;
  text-decoration: none;
}

#footer a:hover {
  color: #303030;
  text-decoration: none;
}

#footerleft {
  float: left;
  width: 250px;
  padding: 15px 0;
}

#footerright {
  float: left;
  width: 550px;
  padding: 15px 0;
  text-align: right;
}

.myLabel {
  font-family:           inherit;   /* body-Schriftart wird sonst nicht vererbt */
}

.myInput {
  font-family:           inherit;   /* body-Schriftart wird sonst nicht vererbt */

  width:     80%;
  margin:    0.5em;
  padding:   7px;
}

.myButton {
  font-family:           inherit;   /* body-Schriftart wird sonst nicht vererbt */

  height:    2.5em;
  margin:    0.5em;
}

.loginMessage {
  color: #FF0000;
  padding: 0 20px 0 20px;
}


.loginPanelBackground {
  position: absolute;
  padding: auto;
  margin: auto;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
//  background: transparent  url('bgLogin.png') repeat;
  background-color: #303030;
  opacity: .8;
}

.loginPanel {
  position: relative;
  margin: auto;
  width: 400px;
  min-height: 300px;
  padding: 25px 25px 25px 25px;
  top: 30%;
  opacity: 1;
  background: transparent url('bgLoginPanel.png') no-repeat;
}

#loginTable {
  position: relative;
  margin: auto;
  padding-top: 45px;
}

#loginTable table td {
  vertical-align:   middle;
}

.successMessage {
  color: #88c700;
  font-weight:      bold;
}

/*~~~~~~~~~~ meine alten Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.maintext .zentriert {
  text-align:       center;
}

.table_category {
  font-weight:      bold;
  vertical-align:   top;
  text-align:       right;
  padding-right:    1em;
}

.table_category td {
  padding-bottom:   1em;
  vertical-align:   top;
}

.table_huettl {
  font-size:        100%;
  border-collapse:  collapse;
  line-height: 1.5em;
}

.table_huettl th {
  text-align:       left;
  padding-top:      1em;
  padding-bottom:   1em;
}

.table_huettl td {
  padding-bottom:   0.5em;
  vertical-align:   top;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Gallery ~~~*/

.flickrGallery {
padding: 0;
}

#flickrGalleryBackground {
//  position: absolute;
//  margin-left:   auto;
//  margin-right:  auto;
//  padding: 20px;
width: 100%;
//  top: 240px;
//  left: 0;
//  bottom: 50px;
//  right: 0;

  background-color: #404040;
  color: #A0A0A0;
//  opacity: 0.98;
  text-align: center;
}

.galleryBackground {
  position: absolute;
  padding: 20px;
  margin: auto;
  top: 0;
  left: 0;
  height: 900%;
  width: 100%;
  background-color: #303030;
  opacity: 1;

  text-align: center;
}

.maintext .galleryBackground a:hover {
  color:                 #FFFFFF;
}

.gal-item-active {
  display: inline;
}

.gal-item-large {
  position: relative;
  margin: auto;
  text-align: center;
//  padding: 30px;
  background-color: transparent;
//  width: 700px;
}

.gal-item-description {
  padding-top:           5px;
  color:                 #88c700;
  line-height:           1em;
  font-size:             0.8em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GeoCaching ~~~*/

.geoBlogBackground {
  background-color:      #F0F0F0;
  margin-bottom:         30px;
  padding:               10px 10px 0px 10px;
  border:                1px solid #D0D0D0;
}

.geoBlogHeader {
//  background-color:      #F0F0F0;
  font-weight:           bold;
  border-bottom:         1px solid #D0D0D0;
  color:                 #808080;
}

.geoBlogContent {
  background-color:      #F8F8F8;
  margin-top:            10px;
//  margin-right:          20px;
//  margin-left:           20px;
  margin-bottom:         10px;
  padding:               10px;
  text-align:            justify;
  line-height:           1.5em;
  font-size:             0.8em;
//  font-style:          italic;
  border-right:          1px solid #D0D0D0;
  border-bottom:         1px solid #D0D0D0;
}

.geoBlogCaption {
  font-size:             0.8em;
  font-weight:           normal;
  font-style:            italic;
  color:                 #808080;
}

.geoBlogValue {
  font-size:             0.8em;
  font-weight:           normal;
}

.geoBlogValue a {
  font-weight:           bold;
}

.geoRight {
  float:                 right;
}

.logged {
  color:                 #33CC33;
}

.notLogged {
  color:                 #FF8000;
}

.trackable {
  font-style:            italic;
  color:                 #70B8FF;
}

.geoFilter, .eventsFilter {
  display:               inline-block;
  float:                 right;
  color:                 #FF8000;
  font-size:             0.8em;
  font-weight:           normal;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Silvester, Calendar & Article ~~~*/

.articleBackground, .silvesterBackground, .calendarListBackground {
  background-color:      #D0D0D0;
  margin-bottom:         30px;
  padding:               10px 10px 10px 10px;
  border:                1px solid #EEEEEE;

  box-shadow:            3px 3px 2px 1px #AAAAAA;

  border-top-left-radius:     7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius:  7px;
}

.articleHeader, .silvesterHeader, .calendarListHeader {
  border-bottom:         1px solid #A0A0A0;
  font-weight:           bold;
  color:                 #808080;
}

.articleHeaderLeft, .articleHeaderRight, .silvesterHeaderLeft, .silvesterHeaderRight, .calendarListHeaderLeft {
  font-size:             1.2em;
  vertical-align:        bottom;
}

.articleHeaderRight, .silvesterHeaderRight, .calendarListHeaderRight {
  float:                 right;
}

.articleContent, .silvesterContent, .calendarListContent {
  background-color:      #F8F8F8;
  margin-top:            1em;
  padding:               10px;
  text-align:            justify;
  line-height:           1.5em;
  font-size:             1em;

//  border-right:          2px solid #FFFFFF;
//  border-bottom:         2px solid #FFFFFF;
//  border-left:           2px solid #A0A0A0;
//  border-top:            2px solid #A0A0A0; 
  box-shadow:            inset 1px 1px 2px 1px #888888;

  border:                1px solid #EEEEEE;
  border-top-left-radius:     5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius:  5px;
}

.articleFooter, .silvesterFooter, .calendarListFooter {
  margin-top:            1em;
  font-size:             0.9em;
  font-weight:           normal;
  color:                 #808080;
  line-height:           1.2em;
}

.articleFooter a, .silvesterFooter a, .calendarListFooter a {
  font-weight:           bold;
}

.articleFooterLeft, .silvesterFooterLeft, .calendarListFooterLeft {
  display:               inline-block;
  max-width:                 70%;
}

.articleFooterRight, .silvesterFooterRight, .calendarListFooterRight {
  float:                 right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Calendar ~~~*/

.articleHeaderRight, .calendarListHeaderRight {
  font-size:             0.9em;
}


/*
.calendarEventDateTime {
  font-size:             0.9em;
  font-weight:           normal;
  color:                 #808080;
}

.calendarEventLocation {
  width:                 60%;
  display:               inline-block;
  line-height:           1em;
}

.calendarEvent {
  background-color:      #C0C0C0;
  margin-top:            1em;
  margin-bottom:         1em;
}

.calendarEventLocation {
  font-size:             0.9em;
  color:                 #808080;
  line-height:           1.1em;
}

*/