/**
* HTML5 ? Boilerplate
*
* style.css contains a reset, font normalization and some base styles.
*
* Credit is left where credit is due.
* Much inspiration was taken from these projects:
* - yui.yahooapis.com/2.8.1/build/base/base.css
* - camendesign.com/design/
* - praegnanz.de/weblog/htmlcssjs-kickstart
*/
/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle
}

/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/

body {
  margin-bottom: 30px;
  font: 13px/1.231 sans-serif;
  *font-size: small;
  background: url("../../../images/content/design/background.jpg") no-repeat top center;
  /* Duh? Did you mean "hidden"?
  overflow-x: none;*/
}

/* Hack retained to preserve specificity */

select,
input,
textarea,
button {
  font: 99% sans-serif
}

/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif
}

/**
* Minimal base styles.
*/
/* Always force a scrollbar in non-IE */

html {
  padding: 14px 0 0;
  overflow-y: scroll;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

a:hover,
a:active {
  outline: none
}

ul,
ol {
  margin-left: 2em
}

ol {
  list-style-type: decimal
}

/* Remove margins for navigation lists */

nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%
}

strong,
th {
  font-weight: bold
}

td {
  vertical-align: top
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

textarea {
  overflow: auto
}

/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
  height: 15px;
}

input[type="checkbox"] {
  vertical-align: bottom
}

.ie7 #contactform input[type="checkbox"] {
  margin-bottom: 0px !important;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline
}

.ie6 input {
  vertical-align: text-bottom
}

/* Hand cursor on clickable input elements */

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
  margin: 0
}

/* Colors for form validity */

input:valid,
textarea:valid {
}

input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0 0 5px red;
  -webkit-box-shadow: 0 0 5px red;
  box-shadow: 0 0 5px red;
  behavior: url(/PIE.htc);
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd
}

/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */

::-moz-selection {
  background: #0066ff;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #0066ff;
  color: #fff;
  text-shadow: none;
}

/* j.mp/webkit-tap-highlight-color */

a:link {
  -webkit-tap-highlight-color: #FF5E99
}

/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

button {
  width: auto;
  overflow: visible;
}

/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
  -ms-interpolation-mode: bicubic
}

/**
* You might tweak these..
*/

body,
select,
input,
textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */;;;;
  color: #000;
  /* Set your base font here, to apply evenly */

  font-family: Arial, sans-serif;
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself _NO__DOTCOMMA__AFTER___NO__DOTCOMMA__AFTER___NO__DOTCOMMA__AFTER___NO__DOTCOMMA__AFTER__*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold
}

a:hover {
  color: #036
}

/**
* Primary styles
*
* Author: Ueli Kramer @ Comvation AG
*/

#content.home #fe_PreviewContent {
  display: none
}

div.SWISSWeatherWidget10 div {
  text-align: left !important
}

/**
* Start Weather Box
*/

div.today {
  border: 1px solid #AFAFAF;
  background: #FFF;
  margin-bottom: 12px;
  color: #2F2F2F;
  padding-top: 2px;
}

#fe_PreviewContent div.today {
  width: 251px !important;
}

div.today div.image {
  margin-right: 20px;
  margin-left: 10px;
}

div.today span {
  display: block;
}

div.today span.date {
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
}

div.today span.condition {
  font-size: 16px;
}

div.today span.temperature {
  font-size: 28px;
  font-weight: bold;
}

div.today > div.image img {
  width: 88px !important;
}

div.today > div {
  float: left;
}

div.today > div.information {
  width: 130px;
}

#container {
  background: #FFF;
  margin: 0 auto;
  border: 1px #c4c4c4 solid;
  width: 946px;
  padding: 13px 15px 26px;
  box-shadow: 2px 3px 6px #a6a9ae;
  -moz-box-shadow: 2px 3px 6px #a6a9ae;
  -webkit-box-shadow: 2px 3px 6px #a6a9ae;
  position: relative;
  behavior: url(PIE.htc);
}

#banner {
  position: absolute;
  width: 160px;
  height: 600px;
  left: 990px;
  top: 0;
}

#banner a {
  text-decoration: none;
}

#top {
  position: relative;
  margin-bottom: 13px;
}

#logo {
  width: 206px;
  display: inline;
}

.img50 {
  margin-left: 30%;
  display: inline;
}

#sysnav {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  text-align: right;
}

#sysnav ul.lang {
  padding-bottom: 15px;
  clear: both;
}

#sysnav ul.site {
  clear: both
}

#sysnav ul li {
  float: right;
  list-style: none;
  margin-left: 9px;
}

#sysnav ul li a {
  color: #555555;
  text-decoration: none;
}

#sysnav ul li a:hover {
  text-decoration: underline
}

header {
  height: 375px;
  position: relative;
  z-index: 10;
  margin-bottom: 8px;
}

header.home {
  height: 505px;
}

header div.headerPics {
  height: 356px;
  overflow: hidden;
  width: 100%
}

header div.headerPics.home {
  height: 486px;
  overflow: hidden;
  width: 100%
}

header div.headerPics {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

header nav,
header div.event,
header div.eventCountdown {
  z-index: 50
}

header div.event,
header div.eventCountdown,
header div.eventSponsor,
header div.wengen,
header nav {
  position: absolute;
  text-transform: uppercase;
}

header div.event {
  left: -36px;
  font-weight: bold;
  padding-top: 11px;
  padding-left: 36px;
  padding-bottom: 43px;
  top: 115px;
  width: 469px;
  height: 62px;
  background: url("../../../images/content/design/event.png") no-repeat left top;
}

header.home div.event {
  top: 200px;
}

header div.event span.title,
header div.event span.calendar-date {
  display: block;
  text-shadow: 0 0 5px #FFF;
  -moz-text-shadow: 0 0 5px #FFF;
  -webkit-text-shadow: 0 0 5px #FFF;
  behavior: url(PIE.htc);
}

header div.event span.title {
  color: #303032;
  font-size: 24px;
}

header div.event span.calendar-date {
  color: #04174c;
  font-size: 36px;
}

header div.eventCountdown {
  top: 237px;
  color: #FFF;
  font-size: 14px;
  padding-left: 25px;
}

header.home div.eventCountdown {
  top: 317px;
}

header div.eventCountdown span.countdown_section {
  float: left;
  width: 36px;
  text-align: center;
  margin-right: 4px;
  background: url("../../../images/content/design/countdownsection.png") no-repeat left top;
  height: 45px;
  border: 2px solid #A2ACBA;
  font-size: 9px;
  color: #000;
  padding-top: 4px;
}

header div.eventCountdown span.countdown_amount {
  color: #303032;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 0px;
}

header div.eventSponsor {
  top: 378px;
  font-size: 14px;
  padding-left: 17px;
  display: none;
}

header.home div.eventSponsor {
  display: block;
}

header div.wengen {
  bottom: 30px;
  right: 15px;
  z-index: 50;
}

/* START NAVIGATION */

header nav {
  z-index: 10;
  width: 946px;
  height: 46px;
  bottom: 18px;
  left: 0;
  font-size: 19px;
  background: #00113a;
  opacity: 0.8;
  -moz-box-shadow: 0 5px 7px -3px #606060;
  -webkit-box-shadow: 0 5px 7px -3px #606060;
  box-shadow: 0 5px 7px -3px #606060;
  behavior: url(PIE.htc);
}

.rgba header nav {
  opacity: 1;
  background: rgba(0, 17, 58, 0.8) !important;
}

.ie8 header nav,
.ie7 header nav {
  background: url("../../../images/content/design/ie/navBG.png") repeat-x 0 0;
}

.menu_level_1 {
  width: 100%;
  margin-left: 1px;
  height: 100%;
}

nav ul li {
  float: left;
  position: relative;
  margin-right: 1px;
}

nav ul a {
  text-decoration: none;
  display: block;
  height: 28px;
  color: #fff;
  padding: 10px 13px 19px;
}

nav ul a:hover,
nav ul li.active a,
nav ul li:hover a,
nav ul li a.active.home:hover,
nav ul li:hover a.home,
nav ul li a.home:hover,
nav ul li.active:hover a.home {
  /*border-top: 1px #9ba5bb solid;*/
  text-decoration: none;
  border-top: 1px #00113a solid;
  padding-top: 9px;
  background: #FFF;
  color: #132650;
}

nav ul li.active a.home {
  text-decoration: none;
  display: block;
  height: 28px;
  color: #fff;
  padding: 9px 13px 19px;
  background: none;
}

/*nav ul a:hover {
    border-left: 1px #C5C5C5 solid;
    border-right: 1px #C5C5C5 solid;
    padding-left: 12px;
    padding-right: 12px;
}

nav ul li:first-child a:hover {
    border-left: 0;
    padding-left: 13px;
}
*/
/*nav ul li.active:first-child a {
    border-left: 1px #C5C5C5 solid
}*/

nav .menu_level_2,
nav .menu_level_3 {
  display: none;
  border: 1px #00113a solid;
  position: absolute;
  top: 46px;
  left: -1px;
  -moz-box-shadow: 2px 3px 6px #000;
  /*848484*/

  -webkit-box-shadow: 2px 3px 6px #000;
  box-shadow: 2px 3px 6px rgba(000, 000, 000, 0.8);
  behavior: url(PIE.htc);
}

.ie8 nav .menu_level_2,
.ie7 nav .menu_level_2,
.ie8 nav .menu_level_3,
.ie7 nav .menu_level_3 {
  box-shadow: 0;
  background: url("../../../images/content/design/ie/navBG.png") repeat 0 0;
}

header nav .menu_level_3 {
  left: 194px;
  top: -1px;
}

header nav .menu_level_1 li:hover .menu_level_2 {
  display: block
}

header nav .menu_level_2 li {
  clear: both;
  width: 194px;
  /*border-top: 1px #aeb9ce solid;*/

  border-top: 1px #00113a solid;
  position: relative;
  margin-right: 0;
}

header nav .menu_level_2 li:first-child {
  border-top: 0
}

header nav .menu_level_2 li a,
header nav .menu_level_2 li.active .menu_level_3 li a,
header nav .menu_level_2 li .menu_level_3 li a {
  color: #fff;
  border-top: 0;
  padding: 10px 14px 13px;
  font-size: 13px;
  height: 15px;
  text-transform: none;
  border-left: 0;
  position: relative;
  border-right: 0;
  opacity: .85;
  background: #13264e;
}

.ie8 header nav .menu_level_2 li .menu_level_3 li a,
.ie8 header nav .menu_level_2 li.active .menu_level_3 li a,
.ie8 header nav .menu_level_2 li a,
.ie7 header nav .menu_level_2 li .menu_level_3 li a,
.ie7 header nav .menu_level_2 li.active .menu_level_3 li a,
.ie7 header nav .menu_level_2 li a {
  background: url("../../../images/content/design/ie/navBG.png") repeat-x left top;
}

header nav .menu_level_2 li a:hover,
header nav .menu_level_2 li.active a,
header nav .menu_level_2 li:hover a,
header nav .menu_level_2 li .menu_level_3 li a:hover,
header nav .menu_level_2 li .menu_level_3 li.active a,
header nav .menu_level_2 li .menu_level_3 li:hover a {
  color: #13264e;
  background: #fff;
  opacity: .85;
}

.ie8 header nav .menu_level_2 li .menu_level_3 li:hover a {
  background: url("../../../images/content/design/ie/navBG.png") repeat-x left top;
}

.rgba header nav .menu_level_2 li a,
.rgba header nav .menu_level_2 li.active .menu_level_3 li a,
.rgba header nav .menu_level_2 li:hover .menu_level_3 a {
  background: rgba(19, 38, 78, 0.85) !important;
  opacity: 1;
}

.ie8 header nav .menu_level_2 li:hover .menu_level_3 li a,
.ie7 header nav .menu_level_2 li:hover .menu_level_3 li a {
  background: url("../../../images/content/design/ie/navBG.png") repeat-x left top;
}

.rgba header nav .menu_level_2 li a:hover,
.rgba header nav .menu_level_2 li.active a,
.rgba header nav .menu_level_2 li:hover a,
.rgba header nav .menu_level_2 li .menu_level_3 li a:hover,
.rgba header nav .menu_level_2 li .menu_level_3 li.active a,
.rgba header nav .menu_level_2 li .menu_level_3 li:hover a {
  background: rgba(255, 255, 255, 0.85) !important;
  opacity: 1;
}

.ie8 header nav .menu_level_2 li a:hover,
.ie8 header nav .menu_level_2 li.active a,
.ie8 header nav .menu_level_2 li:hover a,
.ie8 header nav .menu_level_2 li .menu_level_3 li:hover a,
.ie8 header nav .menu_level_2 li .menu_level_3 li.active a,
.ie8 header nav .menu_level_2 li .menu_level_3 li.active a:hover {
  background: url("../../../images/content/design/ie/navBGactive.png") repeat-x left top;
}

.ie7 header nav .menu_level_2 li a:hover,
.ie7 header nav .menu_level_2 li.active a,
.ie7 header nav .menu_level_2 li:hover a,
.ie7 header nav .menu_level_2 li .menu_level_3 li:hover a,
.ie7 header nav .menu_level_2 li .menu_level_3 li.active a,
.ie7 header nav .menu_level_2 li .menu_level_3 li.active a:hover {
  background: url("../../../images/content/design/ie/navBGactive.png") repeat-x left top;
}

header nav .menu_level_2 li a div.hasSub {
  background: url("../../../images/content/design/nav_arrows.png") no-repeat left bottom;
  height: 7px;
  width: 7px;
  position: absolute;
  right: 20px;
  top: 15px;
}

header nav .menu_level_2 li a:hover div.hasSub,
header nav .menu_level_2 li.active a div.hasSub,
header nav .menu_level_2 li:hover a div.hasSub {
  background: url("../../../images/content/design/nav_arrows.png") no-repeat left top
}

div.sponsor {
  width: 180px;
  height: 120px;
  border: 1px #c5c5c5 solid;
  -moz-box-shadow: 2px 3px 6px #a6a9ae;
  -webkit-box-shadow: 2px 3px 6px #a6a9ae;
  box-shadow: 2px 3px 6px #a6a9ae;
  behavior: url(PIE.htc);
  text-align: center;
  float: left;
  margin: 20px 10px 20px 10px;
}

img.sponsor {
  /* Duh?
  border-margin-right: 100px;
  border-margin-left: 200px;*/
  border: 1px #c5c5c5 solid;
  padding: 20px 10px 20px 10px;
  -moz-box-shadow: 2px 3px 6px #a6a9ae;
  -webkit-box-shadow: 2px 3px 6px #a6a9ae;
  box-shadow: 2px 3px 6px #a6a9ae;
  behavior: url(PIE.htc);
}

.menu_level_3 {
  display: none;
  position: absolute;
  left: 194px;
  top: 0;
}

.menu_level_3 li {
  margin-right: 0
}

header nav .menu_level_2 li:hover .menu_level_3 {
  display: block
}

.menu_level_1 {
}

.menu_level_1 .menu_level_2,
.menu_level_1 .menu_level_2 .menu_level_3 {
  z-index: 10
}

/* END NAVIGATION */

#main {
  position: relative;
}

#main #content,
#main #sidebar {
  float: left
}

#main #content {
  width: 629px;
  padding-right: 17px;
  padding-bottom: 60px;
  color: #2f2f2f;
  position: relative;
}

#main #content a {
  color: #2f2f2f;
  text-decoration: underline;
}

#main #content a.btn-success {
  color: white;
}

#main #content a:hover {
  text-decoration: none
}

#main #content #breadcrumb {
  font-size: 12px;
  color: #727272;
  display: block;
  margin-bottom: 20px;
}

#main #content #breadcrumb span.active {
  color: #13264e;
  padding-left: 3px;
}

#main #content #breadcrumb a {
  color: #727272;
  text-decoration: none;
  padding: 0 3px;
}

#main #content #breadcrumb a:first-child {
  padding-left: 0
}

#main #content #breadcrumb a:hover {
  text-decoration: underline
}

#main #content h1 {
  color: #132650;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}

#main #content h2 {
  color: #132650;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

#main #content h3 {
  color: #132650;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

#main #content #socialMedia {
  position: absolute;
  bottom: 0;
  left: 0;
}

#main #content #socialMedia div.facebookLike_DE,
#main div.facebookLike_DE div.fb-like {
  float: left;
  height: 28px;
  overflow: hidden;
  width: 85px;
}

#main #content #socialMedia div.facebookLike_DE iframe {
  width: 79px !important;
}

#main #content #socialMedia div.facebookLike_EN,
#main div.facebookLike_EN div.fb-like {
  float: left;
  height: 28px;
  overflow: hidden;
  width: 56px;
}

#main #content #socialMedia div.facebookLike_EN iframe {
  width: 51px !important;
}

#main #content #socialMedia div.facebookLike_FR,
#main div.facebookLike_FR div.fb-like {
  float: left;
  height: 28px;
  overflow: hidden;
  width: 64px;
}

#main #content div.contactFormUpload {
  width: 310px;
  margin-top: 20px;
  float: left;
}

#fb-root.fb_reset {
  display: none;
}

#main #content #socialMedia div.twitter {
  float: left;
  height: 26px;
  padding-top: 2px;
  margin-left: 5px;
}

#main #sidebar {
  width: 300px;
  position: relative;
  background: url("../../../images/content/");
}

#main #sidebar,
#main #sidebar div.top,
#main #sidebar div.bottom {
  background-image: url("../../../images/content/design/sidebar.png")
}

#main #sidebar {
  position: relative;
  background-repeat: repeat-y;
  background-position: -300px 0;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}

#main #sidebar div.top {
  z-index: 1;
  position: absolute;
  height: 73px;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#main #sidebar div.content {
  position: relative;
  padding-left: 16px;
  z-index: 2;
}

#main #sidebarwrapper {
  position: absolute;
  right: 300px;
}

#main #sidebarwrapper #sidebar {
  position: absolute
}

#main #sidebarwrapper .fixed .content {
  position: fixed;
  top: 20px;
}

#main #sidebar div.bottom {
  z-index: 1;
  position: absolute;
  height: 73px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 -73px;
}

#main #content div.box {
  width: 304px;
  margin-top: 23px;
  float: left;
  cursor: pointer;
  border: 1px #c5c5c5 solid;
  -moz-box-shadow: 2px 3px 6px #a6a9ae;
  -webkit-box-shadow: 2px 3px 6px #a6a9ae;
  box-shadow: 2px 3px 6px #a6a9ae;
  behavior: url(PIE.htc);
}

#main #content div.box.row1 {
  margin-top: 0
}

#main #content div.box.col1 {
  margin-right: 17px
}

#main #content div.box div.top {
  position: relative;
  height: 118px;
}

#main #content div.box div.top a {
  display: block;
}

#main #content div.box div.top img {
  position: absolute;
  top: 0;
  left: 0;
}

#main #content div.box a.webcamImage {
  background: url("http://www.lauberhorn.ch/webcam/current.jpg") no-repeat 0 50%;
  height: 118px;
  background-size: cover;
}

#main #content div.box div.top h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 14px 9px;
  margin-bottom: 0px;
  width: 276px;
  height: 17px;
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  opacity: .8;
  background: #00113a;
}

.rgba #main #content div.box div.top h2 {
  background: rgba(0, 17, 58, 0.8) !important;
  opacity: 1;
}

.ie8 #main #content div.box div.top h2,
.ie7 #main #content div.box div.top h2 {
  background: url("../../../images/content/design/ie/navBG.png") repeat-x left top;
}

#main #content div.box div.content {
  padding: 15px 14px;
  background: url("../../../images/content/design/boxes.png") repeat-y left top;
}

#main #content div.box div.content a.more,
#sidebar div.content div.box a.more {
  display: inline-block;
  width: 100%;
  padding-top: 14px;
  color: #2a4075;
  text-decoration: none;
  font-weight: bold;
  padding-left: 10px;
  background: url("../../../images/content/design/more.png") no-repeat left 18px;
}

#sidebar div.content div.box {
  width: 253px;
  padding: 13px 14px;
  background: url("../../../images/content/design/boxes.png") repeat-y right top;
  margin-bottom: 16px;
  border: 1px #c5c5c5 solid;
  -moz-box-shadow: 2px 3px 6px #a6a9ae;
  -webkit-box-shadow: 2px 3px 6px #a6a9ae;
  box-shadow: 2px 3px 6px #a6a9ae;
}

#sidebar div.box.logged_in {
  margin-bottom: 16px;
}

.ie7 #sidebar div.content div.box input[type="submit"] {
  clear: none !important;
  margin-top: -41px !important;
  margin-left: 175px;
}

#sidebar div.content div.box.weather {
  padding-bottom: 0;
  cursor: pointer;
}

#sidebar div.content div.box img {
  width: 100%;
  margin-bottom: 10px;
}

#sidebar div.content div.box.weather img {
  width: auto;
  margin-bottom: 0;
}

#sidebar div.content div.box img.sporttip {
  margin-bottom: 0;
  width: auto;
}

#sidebar div.content div.box.row1 {
  margin-top: 0
}

#sidebar div.content div.shopCart {
  margin-bottom: 16px;
  margin-top: 0;
}

#sidebar div.content div.shopCart div.emptyCart {
  text-align: right;
  width: 268px;
  padding-top: 5px;
  padding-right: 14px;
}

#sidebar div.content div.shopCart div.emptyCart a {
  color: #2A4075;
  text-decoration: none;
}

#sidebar div.content div.shopCart div.cartIsEmpty {
  padding-left: 14px;
  padding-top: 10px;
}

#shop_currencies {
  padding: 20px 14px 0;
}

#shop_currencies a {
  display: block;
  padding-right: 10px;
  float: left;
  text-decoration: none;
  color: #2A4075;
}

#sidebar div.content div.socials a {
  display: block;
  height: 28px;
  text-decoration: none;
  float: left;
  margin-right: 8px;
}

#sidebar div.content div.socials a.mail {
  background-repeat: no-repeat;
  width: 28px;
  background-position: 0 0;
}

#sidebar div.content div.socials a.sms {
  background-repeat: no-repeat;
  width: 28px;
  background-position: -28px 0;
}

#sidebar div.content div.socials a.facebook {
  background-repeat: no-repeat;
  width: 29px;
  background-position: -56px 0;
}

#sidebar div.content div.socials a.youtube {
  background-repeat: no-repeat;
  width: 28px;
  background-position: -85px 0;
}

#sidebar div.content div.socials a.rss {
  background-repeat: no-repeat;
  width: 28px;
  background-position: -114px 0;
}

#sidebar div.content div.socials a.twitter {
  background-repeat: no-repeat;
  width: 29px;
  background-position: -142px 0;
}

#sidebar div.content div.box h2,
#sidebar div.content div.box.withoutPadding a.title {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0px;
  color: #132650;
  font-size: 15px;
  margin-bottom: 14px;
}

#sidebar div.content div.box.shopCart a.title {
  font-weight: bold;
  display: block;
  text-decoration: none;
}

#sidebar div.content input[type="text"] {
  padding: 6px;
  border: 1px #c5c5c5 solid;
  color: #2f2f2f;
  width: 149px;
  width: 118px;
  float: left;
}

#sidebar form {
  width: 100%;
}

#sidebar div.content input[type="submit"] {
  /*border: 1px #c5c5c5 solid;
  background: #fff;
  font-size: 13px;
  padding: 5px;
  width: 80px;
  margin-left: 5px;
  float: none;   */
  min-width: 20px;
  padding: 6px 15px;
}

#sidebar div.content form {
  margin-top: 5px
}

#sidebar div.content div.box.withoutPadding {
  padding-left: 0;
  width: 281px;
  padding-right: 0;
}

#sidebar div.content div.box.withoutPadding a {
  text-decoration: none;
  display: block;
  padding: 0 14px 0 14px;
}

#sidebar div.content div.box.withoutPadding #news_rss_feeds a:first-child {
  padding-top: 13px;
}

#sidebar div.content div.box.withoutPadding h2,
#sidebar div.content div.box.withoutPadding a.title {
  padding: 0 14px 13px;
  margin-bottom: 0;
  border-bottom: 1px #b4b4b4 solid;
}

#sidebar div.content div.box.news .headline a,
#sidebar div.content div.box.news #news_js_rss_feed a,
#sidebar div.content div.box.shopCart ul li {
  padding: 7px 14px;
  font-size: 13px !important;
  color: #2f2f2f;
  text-decoration: none;
  display: block;
  margin-bottom: -15px;
  border-bottom: 1px #b4b4b4 solid;
}

#sidebar div.content div.box.shopCart ul {
  padding: 0;
  margin: 0;
}

#sidebar div.content div.box.shopCart #shopJsCart ul li {
  margin-bottom: 0 !important;
}

#sidebar div.content div.box.shopCart ul li.total {
  font-weight: bold;
}

#sidebar div.content div.box.news .headline a:hover {
  text-decoration: underline
}

#sidebar div.content div.box.withoutPadding a.more {
  padding-top: 8px;
  padding-bottom: 0;
  background-position: 0 12px;
  margin-left: 14px;
}

input.placeholder {
  color: #999999 !important
}

footer {
  width: 976px;
  margin: 0 auto;
}

footer div.sponsors {
  margin-top: 20px;
  height: 80px;
}

footer div.random {
  cursor: pointer;
}

footer div.sponsors div.sponsors {
  float: left;
  margin-top: 0;
}

footer div.sponsors a {
  display: block;
  float: left;
  margin-left: 31px;
}

footer div.sponsors div.sponsors a {
  background-image: url("../../../images/content/design/sponsorsgray.png");
  background-repeat: no-repeat;
  height: 64px;
}

footer div.sponsors div.sponsors a:hover {
  background-image: url("../../../images/content/design/sponsorscolor.png")
}

footer div.sponsors a.audi {
  width: 75px
}

footer div.sponsors a.fis {
  width: 50px;
  background-position: -75px 0;
}

footer div.sponsors a.swissSki {
  width: 93px;
  background-position: -125px 0;
}

footer div.sponsors a.srgSsr {
  width: 84px;
  background-position: -218px 0;
}

footer div.sponsors a.swissTopSport {
  width: 132px;
  background-position: -302px 0;
}

footer div.sponsors a.mySwitzerland {
  width: 105px;
  background-position: -434px 0;
}

footer div.sponsors a.club5 {
  width: 49px;
  background-position: -539px 0;
}

footer div.sponsors a img.color,
footer div.sponsors a:hover img.blackWhite {
  display: none
}

footer div.sponsors a img.blackWhite,
footer div.sponsors a:hover img.color {
  display: block
}

footer div.random {
  width: 167px;
  float: left;
}

footer div.random a {
  margin-left: 0
}

footer div.metaLinks {
  margin-top: 25px
}

footer div.metaLinks ul {
  height: 20px;
  margin-left: 0;
}

footer div.metaLinks ul li {
  float: left;
  list-style: none;
  margin-right: 20px;
}

footer div.metaLinks ul li a {
  color: #6a6a6a;
  text-decoration: none;
}

footer div.metaLinks ul li a.print {
  background: url("../../../images/content/design/print.png") no-repeat left center;
  padding-left: 25px;
}

form form label {
  width: 200px;
  display: block;
  clear: left;
  float: left;
  font-weight: bold;
}

#shop label {
  float: left;
  margin-top: -22px;
  width: 265px;
  margin-left: 16px;
}

#shop .cart table label {
  margin-left: 0px !important;
  margin-top: 0px !important;
}

#shop .cart table input[type="submit"] {
  margin-top: 23px !important;
}

.ie7 #shop .cart table input[name="continue"] {
  margin-top: 7px !important;
}

.customer_address input[type="text"],
.customer_address input[type="password"],
.customer_address textarea,
.customer_address select {
  float: none !important;
  clear: none;
}

#shipping_address label {
  margin-top: 0px !important;
  margin-left: 0px !important;
}

.customer_address label,
.account_details label {
  margin-top: 0px !important;
  margin-left: 0px !important;
}

#shop .customer_new label,
#shop .customer_old label {
  margin-left: 0px !important;
  margin-top: 0px !important;
}

.ie7 #shop input[type="radio"] {
  float: none !important;
  clear: left;
}

form input,
form textarea {
  float: left;
  clear: right;
  /*margin-top: 0 !important;*/
  /*margin-bottom: 6px;*/
}

form textarea {
  height: 100px;
}

form p a {
  padding-left: 0 !important;
}

form p {
  /* Form correction after inclouding Bootstrap */
  display: inline-block;
  margin-bottom: 10px;
  clear: both
}

.ie7 #content #shop div.menu form select {
  margin-top: -10px;
}

.ie7 #content #shop div.menu form input[type="submit"] {
  margin-top: -15px;
}

#content #shop div.menu form input[type="text"],
#content #shop div.menu form select,
#content #shop div.menu form input[type="submit"] {
  margin-top: 0;
  clear: none;
  margin-right: 10px;
}

#content #shop div.menu form select{
  margin-right: 0px;
  line-height: 30px !important;
  -webkit-appearance: menulist-button;
}
#content #shop div.menu form input[type="submit"] {
  float: right;
  height: 38px;
}

div.shop_options_click strong {
  width: 100%;
  padding-top: 15px;
  display: block;
  clear: both;
}

form {
  float: left;
  width: 80%;
}

form fieldset {
}

form legend {
  display: none
}

form label.paragraph {
  display: block;
  width: 100%;
}

form img {
  float: left;
}

.ie7 #recommend input[type="text"],
.ie7 #recommend textarea {
  float: none;
  clear: both;
  margin-left: 200px;
  margin-top: -21px !important;
}

.ie7 #recommend input[type="submit"] {
  margin-left: 200px !important;
  float: left;
}

.ie7 #recommend input[type="reset"] {
  margin-left: 330px !important;
  float: none;
  margin-top: -49px !important;
}

.ie7 #recommend form img {
  float: left !important;
}

.ie7 #recommend .captcha {
  clear: left;
}

form input.captcha {
  /*width: 50px !important;*/

  height: 25px;
  float: left;
  margin-bottom: -50px;
}

form label {
  float: left;
  width: 260px;
  width: 200px;
  font-weight: bold;
}

form input[type="text"],
form input[type="password"],
form textarea,
form select {
  border: 1px #c5c5c5 solid;
  width: 230px;
  width: 265px;
  padding: 10px 15px;
  resize: none;
  float: none;
  clear: right;
  -moz-box-shadow: 2px 2px 3px -1px #a6a9ae;
  -webkit-box-shadow: 2px 2px 3px -1px #a6a9ae;
  box-shadow: 2px 2px 3px -1px #a6a9ae;
  background-color: #FAFAFA;
  margin-bottom: 5px;
}

/* Form Input correction after inclouding Bootstrap */
.contact.row {
  margin-bottom: 10px;
}

#contactForm input[type="text"],
#contactForm textarea,
#contactForm select {
  float: none;
}

/*#recommend input[type="text"],
#recommend textarea,
#recommend select,
#recommend input[type="radio"] {
  float: left;
}*/

#recommend label{
  float: left;
}

#recommend #female, #recommend #male{
  margin-bottom: 5px;
}

form select {
  margin-top: 0;
}

#searchForm input[type="text"] {
  margin-top: 0;
  margin-right: 10px;
}

#searchForm input[type="submit"] {
  padding: 5px !important;
}

#access select {
  width: 244px;
  width: 297px;
}

form input[type="radio"],
form input[type="checkbox"] {
  float: left;
}

#recommend form input[type="radio"] {
  margin-right: 200px;
}

.ie7 #recommend form input[type="radio"],
.ie7 #recommend form input[type="checkbox"] {
  float: left;
  margin-left: 200px;
  margin-top: -15px !important;
}

.ie7 #contactForm input[type="radio"] {
  clear: left;
}

#shop div.message form input[type="submit"],
#access input[type="submit"],
#login input[type="submit"],
#searchForm input[type="submit"] {
  width: auto !important;
}

#login input[type="submit"] {
  float: right;
  margin-top: 5px !important;
  margin-right: 76px !important;
  /* Form correction after inclouding Bootstrap */
  margin-bottom: 20px;
  width: 244px;
}

#shop div.cart img {
  width: 15px;
}

#shop div.cart input,
#shop div.cart img {
  float: left;
}

#shop div.cart a.deleteProduct {
  float: left;
  display: block;
  padding-top: 5px;
  padding-left: 5px;
}

#contactForm div.contactFormGroup {
  float: left;
}

#contactForm div.contactFormGroup label {
  clear: left;
  margin-top: -21px;
  padding-left: 0px;
  margin-left: 21px;
  margin-bottom: 6px
}

.ie7 #contactForm div.contactFormGroup label {
  margin-left: 25px !important;
  margin-top: -22px !important;
  padding-bottom: 5px;
}

#contactForm select,
#content #shop select,
#newsletterForm select,
#shopForm select {
  width: 297px;
}

form input[type="submit"],
form input[type="reset"] {
  padding: 10px 15px;
  border: 1px #c5c5c5 solid;
  border: 1px #132650 solid;
  background: #fff;
  background: #132650;
  width: auto;
  min-width: 140px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;

  -moz-box-shadow: 2px 2px 3px -1px #a6a9ae;
  -webkit-box-shadow: 2px 2px 3px -1px #a6a9ae;
  box-shadow: 2px 2px 3px -1px #a6a9ae;
}

form input[type="submit"].button,
form input[type="button"] {
  padding: 10px 15px;
  border: 1px #c5c5c5 solid;
  background: #D9D9D9;
  width: auto;
  min-width: 80px;
  color: rgb(47, 47, 47);
  font-weight: bold;
  text-transform: none;
  -moz-box-shadow: 2px 2px 3px -1px #a6a9ae;
  -webkit-box-shadow: 2px 2px 3px -1px #a6a9ae;
  box-shadow: 2px 2px 3px -1px #a6a9ae;
}

form input.send-sign-off {
  display: none;
}

form .reg-step {
  display: none;
}

form #step-1.reg-step {
  display: block;
}

form input[type="submit"]:hover,
form input[type="reset"]:hover {
  background: rgba(19, 38, 78, 0.85);
}

form input[type="submit"].button:hover,
form input[type="button"]:hover {
  background: #c5c5c5;
}

form input[type="text"]:focus,
form textarea:focus {
  border: 1px #132650 solid;
}

.ie7 .captcha {
  margin: 0px 0px 0px 200px !important;
  clear: left;
}

form .captcha {
  float: left;
  margin-left: 200px;
}

#recommend .captcha {
  float: left !important;
  width: 103px !important;
  margin-bottom: 5px;
  /* Duh?
  marign-top: -50px !important;*/
  margin-top: 0px !important;
}

#coreCaptchaCode {
  margin-left: 140px;
}

.ie7 #recommend .captcha {
  width: 103px !important;
  margin-left: 100px;
  margin-bottom: 5px;
}

.ie7 label.noCaption {
  margin-top: 0px !important;
  float: left;
}

form .captcha {
  float: left;
  margin-left: 200px;
}

.ie7 .captcha {
  margin: 0px 0px 0px 200px !important;
  clear: left;
}

/*.ie8 form .captcha  { margin: 80px 0px 0px -250px !important; } */

#recommend input[type="submit"] {
  float: left;
}

.ie7 #contactform input[type="text"],
.ie7 #contactform textarea {
  float: none !important;
  clear: both !important;
}

#recommend input[type="reset"] {
  float: left;
}

#contactForm input[type="reset"],
#recommend input[type="reset"] {
  margin-left: 10px
}

.ie7 #recommend input {
  float: right;
  clear: both;
}

/*
#contactFormCaptcha {
    margin-top: -40px !important;
    height: 26px;
    width: 108px !important;
    float: left !important;
    margin-left: 125px;
}
*/
#contactFormCaptcha input {
  float: left !important;
  width: 108px !important;
  height: 26px;
  margin-left: 2px;
}

.ie7 #contactFormCaptcha {
  clear: left;
}

/* Duh? Is this a feature, or an error?
*

/

*/
.ie7 .contactFormClass_checkbox {
  margin-bottom: 0px !important;
  margin-right: 200px;
}

#contactForm input.contactFormClass_button,
#newsletterForm input[type="submit"],
#shopForm input[type="submit"] {
  float: left;
  margin-top: 10px;
}

.ie7 #contactForm input.contactFormClass_button[type="reset"] {
  float: left;
  margin: 0 !important;
  margin-top: 52px !important;
}

.ie7 #contactForm input.contactFormClass_button[type="submit"] {
  /*float:right !important;*/
  clear: left;
  float: left;
  margin-left: 200px;
  margin-top: -20px !important;
  margin-right: -30px !important;
}

#livecam form {
  width: 100%;
}

#livecam input[id="DPC_datum"] {
  float: left;
  height: 20px;
}

.ie7 #livecam input[name="act[archive]"] {
  width: 100px;
}

#livecam input {
  margin-left: 1px;
}

.ie7 #livecam input {
  padding: 1px !important;
}

.ie7 #livecam input[id="DPC_datum"] {
  margin-top: -16px !important;
}

.ie7 #livecam input[name="act[today]"] {
  margin-top: -16px !important;
}
#livecam img {
  margin: 10px 0;
}

#livecam strong {
  margin-top: 15px;
  display: block;
}
/**
* Non-semantic helper classes: please define your styles before this section.
*/
/* For image replacement */

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */

.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */

.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */

.invisible {
  visibility: hidden
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */

.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix {
  zoom: 1
}

/**
* Media queries for responsive design.
*
* These follow after primary styles so they will successfully override.
*/

@media all and (orientation: portrait) {
  /* Style adjustments for portrait mode goes here */
}

@media all and (orientation: landscape) {
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

@media screen and (max-device-width: 480px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/**
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a[href]:after {
    content: " (" attr(href) ")"
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }

  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
}

/***************************************************/
/* Fix the PNG transparency in IE6                 */
/***************************************************/

img,
a {
  behavior: url(themes/polished/iepngfix.htc);
}

/***************************************************/
/* CSS DEFINITIONS FOR CONTACT MODULE              */
/***************************************************/

form#contactForm .noCaption {
  margin-left: 200px;
  margin-top: 0;
  width: 247px;
}

.ie7 #contactForm .noCaption {
  margin-top: 0;
  width: 247px;
  clear: left;
}

form#contactForm input {
  clear: none;
}

form#contactForm select,
form#contactForm textarea {
}

form#contactForm hr {
  float: left;
  width: 100%;
}

form#contactForm p {
  float: left;
  width: 100%;
}

form#contactForm .contactFormGroup {
  float: left;
  width: 230px;
}

form#contactForm div.contactFormGroup input {
  float: left;
}

form p label,
form p span {
  font-weight: bold;
  float: left;
  margin-left: -190px;
  width: 180px;
}

/* Form correction after inclouding Bootstrap */
form p label.description {
  margin-left: 10px;
  margin-top: 4px;
}

/***************************************************/
/* CSS GLOBAL DEFINITIONS FOR TABELS IN MODULES    */
/***************************************************/

table {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-spacing: 0;
  width: 100%;
}

table th {
  padding: 4px 5px 4px 5px;
  margin: 0 0 0 0;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 0;
  border-right: 0 solid #ffffff;
  border-bottom: 0 solid #E6E6E6;
  text-align: left;
}

table tr.row2,
table tr.marketRow3 {
  background-color: #F9F9F9
}

table tr.row1,
table tr.marketRow2 {
  background-color: #ffffff
}

table tr.row3,
table tr.marketRow1 {
  background-color: #FFEE9F
}

#shop table tr.row3 {
  background-color: #f5f5f5
}

#content #shop div.box {
  width: 302px;
  margin-right: 10px;
}

#content #shop .cart label {
  float: left;
  width: 115px;
  padding-top: 7px;
  font-weight: bold;
}

/*#content #shop div.customer_address select,
#content #shop #shipping_address select {
    width: 183px !important;
}*/

#content #shop div.box div.top h2 {
  width: 275px;
  height: auto !important;
  margin-bottom: 0;
}

#content #shop div.box div.top {
  position: relative;
}

#content #shop div.box div.top img {
  position: absolute;
  height: 118px;
  width: 302px;
  top: 0;
  left: 0;
}

#content #shop div.vat {
  text-align: right;
  float: left;
  width: 100%;
}

#content #shop div.price strong,
#content #shop div.price {
  font-size: 18px;
  font-weight: bold;
}

#content #shop span.error {
  font-size: 14px;
  padding-bottom: 10px;
  display: block;
  color: #f00;
}

#content #shop label.description {
  padding-bottom: 10px;
}

#content #shop input[type="submit"],
#content #shop input[type="reset"] {
  padding: 5px;
}

#content #shop .description h2,
#content #shop .shipping_address h2,
#content #shop .customer_address h2 {
  font-size: 16px;
  padding-bottom: 10px;
}

#content #shop div.order input[type="submit"] {
  width: auto !important;
}

#content #shop div.order div.right {
  text-align: right;
}

table td {
  padding: 3px 4px;
  margin: 0 0 0 0;
  border: 0;
  border-bottom: 0 solid #E6E6E6;
  border-right: 0 solid #ffffff;
  border-spacing: 0;
  vertical-align: top;
}

table td.none {
  border: 0 solid #000000
}

/***************************************************/
/* CSS GLOBAL DEFINITIONS FOR LAYER RWO CLASS     */
/***************************************************/

div.row_1,
div.row1 {
  background-color: #f9f9f9;
  border-bottom: 1px solid #E6E6E6;
}

div.row_2,
div.row2 {
  background-color: #ffffff;
  border-bottom: 1px solid #E6E6E6;
}

/***************************************************/
/* CSS DEFINITIONS FOR VOTING MODULE               */
/***************************************************/

#voting {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#voting div.form,
#voting div.voting,
#voting div.results,
#voting div.votes,
#voting div.archive {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
  float: left;
}

#voting div.message {
  color: #ff0000;
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
}

#voting input[type=radio],
#voting input.radio {
  float: none
}

/***************************************************/
/* CSS DEFINITIONS FOR LIVECAM MODULE              */
/***************************************************/

div#livecam #CALBUTTONDPC_datum {
  display: none
}

/***************************************************/
/* CSS DEFINITIONS FOR GALLERY MODULE              */
/***************************************************/

#gallery {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#gallery div.category_tree,
#gallery div.category_comment,
#gallery div.category_images,
#gallery div.show_image,
#gallery div.image_navigation,
#gallery div.category_paging {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#gallery div.category_image,
#gallery div.category_informations {
  float: left;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#gallery div.category_informations h2 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#gallery div.image_voting,
#gallery div.image_comment {
  float: left;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100%;
}

#gallery div.category {
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#gallery div.category_images div.image {
  width: 140px;
  padding: 0 0 0 0;
  margin: 0 69px 0 0;
  text-align: left;
  float: left;
}

#gallery div.show_image img,
#gallery div.category_image img,
#gallery div.category_images img {
  margin: 0 15px 0 0
}

#gallery div.show_image,
#gallery div.image_navigation {
  text-align: center
}

/***************************************************/
/* CSS DEFINITIONS FOR MARKET MODULE               */
/***************************************************/

#market {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#market div.search,
#market div.type_selection,
#market div.title,
#market div.message,
#market div.form,
#market div.data,
#market div.message_error,
#market div.categories,
#market div.entries,
#market div.no_entries {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#market div.message_error {
  color: #FF0000
}

#market div.image,
#market div.description {
  width: 50%;
  float: left;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
}

#market div.image img {
  margin: 0 15px 15px 0
}

#market div.insert_entries,
#market div.functions,
#market div.paging {
  width: 100%;
  margin: 15px 0 0 0;
  text-align: center;
  float: left;
}

#market div.type_selection input {
  float: none
}

/***************************************************/
/* CSS DEFINITIONS FOR CALENDAR MODULE             */
/***************************************************/

#calendar {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#calendar div.back,
#calendar div.registration,
#calendar div.categories,
#calendar div.details,
#calendar div.search {
  float: none;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  height: auto !important;
  text-align: left;
}

#calendar div.registration {
  text-align: right
}

#calendar div.note {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: auto !important;
}

#calendar div.logo {
  float: left;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#calendar div.logo img {
  margin: 0 15px 5px 0
}

#calendar div.description {
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  height: auto !important;
}

#calendar div.export {
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#calendar div.export img {
  margin: 0 0 5px 15px
}

#calendar div.adress,
#calendar div.organizer {
  float: left;
  width: 50%;
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  height: auto !important;
}

#calendar div.adress address,
#calendar div.organizer address {
  font-style: normal
}

/***************************************************/
/* CSS DEFINITIONS FOR ACCESS MODULE               */
/***************************************************/

#access {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#access div.message,
#access div.message_ok,
#access div.message_error,
#access div.profile,
#access div.paging,
#access div.member_list,
#access div.letter_index,
#access div.search,
#access div.functions {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#access div.message_error {
  color: #ff0000
}

#access div.message_ok {
  color: #029202
}

#access img.member_gender_female {
  background-color: #f4d7f4;
  padding: 2px;
}

#access img.member_gender_male {
  background-color: #a2c0ff;
  padding: 2px;
}

#access img.member_gender_undefined {
  background-color: #dddddd;
  padding: 2px;
}

/***************************************************/
/* CSS DEFINITIONS FOR PODCAST MODULE              */
/***************************************************/

#podcast {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#podcast div.showMedium,
#podcast div.categories,
#podcast div.noMedium,
#podcast div.player,
#podcast div.information,
#podcast div#podcast_container {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#podcast div.media {
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#podcast div.image {
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#podcast div.image img {
  padding: 0 0 0 0;
  margin: 0 15px 15px 0;
}

#podcast div.description {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#podcast div.description h2 {
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

/***************************************************/
/* CSS DEFINITIONS FOR RECOMMEND MODULE            */
/***************************************************/

#recommend {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#recommend div.text,
#recommend div.status,
#recommend div.form {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#recommend div.status {
  color: #ff0000
}

/***************************************************/
/* CSS DEFINITIONS FOR DIRECTORY MODULE            */
/***************************************************/

#directory {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#directory div.search,
#directory div.navtree,
#directory div.categories,
#directory div.directoryLatest,
#directory div.no_feeds,
#directory div.insert_feeds,
#directory div.message,
#directory div.fields,
#directory div.feed {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
}

#directory div.feeds {
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#directory div.insert_feeds,
#directory div.paging {
  margin: 15px 0 0 0;
  text-align: left;
  float: left;
}

#directory div.feed h2 {
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #cccccc;
}

#directory div.image {
  float: left;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#directory div.image img {
  margin: 0 15px 15px 0
}

#directory div.infos {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: auto !important;
}

#directory div.infos h3 {
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
  float: left;
}

#directory div.voting {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: right;
}

#directory div.link {
  width: 100%;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
  float: left;
  border-top: 1px solid #cccccc;
}

#directory .selector {
  clear: left;
  padding-left: 190px;
  margin-top: -15px;
}

/***************************************************/
/* CSS DEFINITIONS FOR LOGIN MODULE                */
/***************************************************/

#login {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#login input[type="submit"] {
  margin-left: 200px !important;
  margin-top: 5px !important;
}

#login a.register {
  padding-left: 18px;
  background-image: url(../../images/modules/login/register_small.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

#login a.lostpw {
  padding-left: 18px;
  background: url(../../images/modules/login/lost_pw_small.gif) no-repeat left center;
}

/***************************************************/
/* CSS DEFINITIONS FOR FORUM MODULE                */
/***************************************************/

#forum {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#forum div.links,
#forum div.dropdown,
#forum div.latest,
#forum div.category,
#forum div.navtree,
#forum div.paging,
#forum div.anchor,
#forum div.threads,
#forum div.addthread,
#forum div.posts,
#forum div.addpost,
#forum div.forums,
#forum div.searchform,
#forum div.notification,
#forum div.message_error,
#forum div.message_ok,
#forum div.text,
#forum div.profile,
#forum div.navtree,
#forum div.dropdown {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
}

#forum div.links {
  text-align: right
}

#forum div.paging {
  text-align: left
}

#forum div.message_error {
  color: #ff0000
}

#forum div.message_ok {
  color: #029202
}

#forum .posts h3 {
  padding: 3px 0 3px 0;
  margin: 0;
  font-size: 1.2em;
}

#forum .posts div.code {
  padding: 3px;
  background-color: #fcfce6;
  border: 1px solid #7390AF;
  font-family: "Courier New",
    Courier,
    mono;
  max-height: 150px;
  overflow: auto;
}

#forum .posts div.quote {
  padding: 3px;
  background-color: #fcfcff;
  border: 1px solid #7390AF;
  max-height: 150px;
  overflow: auto;
}

#forum div.notification_left,
#forum div.notification_right {
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  width: 45%;
  height: 600px;
}

#forum div.notification_center {
  padding: 250px 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  width: 9%;
  text-align: center;
  height: 281px;
}

.forumTagCloud {
  padding: 0;
  margin: 0;
  float: left;
  height: auto !important;
}

.forumTagCloud li {
  padding: 0 3px 0 3px;
  margin: 0;
  float: left;
  height: auto !important;
}

.forumTagCloudSmallest {
  height: 20px;
  margin: 0 2px 0 2px;
  font-size: 10px;
  list-style: none;
  float: left;
}

.forumTagCloudSmall {
  height: 20px;
  margin: 0 2px 0 2px;
  font-size: 12px;
  list-style: none;
  float: left;
  padding: 0;
}

.forumTagCloudMedium {
  height: 20px;
  margin: 0 2px 0 2px;
  font-weight: bold;
  font-size: 14px;
  list-style: none;
  float: left;
  padding: 0;
}

.forumTagCloudLarge {
  height: 20px;
  margin: 0 2px 0 2px;
  font-weight: bold;
  font-size: 16px;
  list-style: none;
  float: left;
  padding: 0;
}

.forumTagCloudLargest {
  height: 20px;
  margin: 0 2px 0 2px;
  font-size: 18px;
  font-weight: bold;
  list-style: none;
  padding: 0;
  float: left;
}

/***************************************************/
/* CSS DEFINITIONS FOR BLOG MODULE                 */
/***************************************************/

#blog {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#blog div.categories,
#blog div.posted_comment,
#blog div.entries,
#blog div.content,
#blog div.message_ok,
#blog div.message_error,
#blog div.entry,
#blog div.voting,
#blog div.link,
#blog div.addcomment,
#blog div.networks,
#blog div.searchform {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#blog div.comments,
#blog div.code,
#blog div.statistics {
  padding: 7px 7px 7px 7px;
  margin: 0 0 15px 0;
  background-color: #f9f9f9;
  border: 1px dotted #E6E6E6;
  clear: both;
}

#blog div.message_error {
  color: #ff0000
}

#blog div.message_ok {
  color: #029202
}

#blog div.posted {
  font-size: 0.9em;
  color: #888888;
  font-style: italic;
  padding: 0 0 20px 0;
  margin: 0 0 0 0;
}

#blog div.comment_posted {
  font-size: 0.9em;
  color: #888888;
  font-style: italic;
}

#blog div.comment_avatar {
  float: right;
  padding: 0 0 5px 5px;
  margin: 0 0 0 0;
}

#blog div.comment_text {
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
}

#blog div.text {
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  height: auto !important;
}

#blog div.image {
  float: left;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#blog div.image img {
  margin: 0 15px 15px 0
}

#blog div.search_date {
  float: left;
  width: 200px;
  padding: 0 0 0 190px;
  margin: -15px 0 0 0;
  height: auto !important;
}

.blogTagCloud {
  padding: 0;
  margin: 0;
  float: left;
  height: auto !important;
}

.blogTagCloud li {
  padding: 0 3px 0 3px;
  margin: 0;
  float: left;
  height: auto !important;
}

.blogTagCloudSmallest {
  height: 20px;
  margin: 0 2px 0 2px;
  font-size: 10px;
  list-style: none;
  float: left;
}

.blogTagCloudSmall {
  height: 20px;
  margin: 0 2px 0 2px;
  font-size: 12px;
  list-style: none;
  float: left;
  padding: 0;
}

.blogTagCloudMedium {
  height: 20px;
  margin: 0 2px 0 2px;
  font-weight: bold;
  font-size: 14px;
  list-style: none;
  float: left;
  padding: 0;
}

.blogTagCloudLarge {
  height: 20px;
  margin: 0 2px 0 2px;
  font-weight: bold;
  font-size: 16px;
  list-style: none;
  float: left;
  padding: 0;
}

.blogTagCloudLargest {
  height: 20px;
  margin: 0 2px 0 2px;
  font-size: 18px;
  font-weight: bold;
  list-style: none;
  padding: 0;
  float: left;
}

/***************************************************/
/* CSS DEFINITIONS FOR GUESTBOOK  MODULE           */
/***************************************************/

#guestbook {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#guestbook div.entries,
#guestbook div.status,
#guestbook div.paging,
#guestbook div.add_entry,
#guestbook div.error_message,
#guestbook div.information,
#guestbook div.form,
#guestbook div.count_entries {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#guestbook div.entry {
  width: 100%;
  padding: 10px 5px 10px 5px;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#guestbook div.error_message {
  color: #FF0000
}

#guestbook div.title {
  float: left;
  height: 27px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 60%;
}

#guestbook div.title h3 {
  padding: 0 0 5px 0;
  margin: 0 0 0 0;
}

#guestbook div.location {
  float: left;
  height: 22px;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
  width: 20%;
  font-style: italic;
}

#guestbook div.date {
  float: left;
  height: 22px;
  padding: 5px 0 0 0;
  margin: 0 0 0 0;
  width: 20%;
  text-align: right;
}

#guestbook div.message,
#guestbook div.links {
  padding: 0 0 0 0;
  margin: 7px 0 0 0;
  height: auto !important;
  float: left;
  width: 100%;
}

/***************************************************/
/* CSS DEFINITIONS FOR MEMBERDIR  MODULE           */
/***************************************************/

#memberdir {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#memberdir div.category_tree,
#memberdir div.subcategories,
#memberdir div.char_list,
#memberdir div.search_form,
#memberdir div.adress_list,
#memberdir div.paging,
#memberdir div.detail_list,
#memberdir div.back {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
}

/***************************************************/
/* CSS DEFINITIONS FOR SITEMAP MODULE              */
/***************************************************/

#sitemap {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#sitemap ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
}

#sitemap ul li {
  padding: 2px 0 2px 0;
  margin: 0 0 0 0;
  list-style: none;
  border-bottom: 1px dotted #E6E6E6;
  font-weight: normal;
}

#sitemap ul li.sitemap_level_1 {
  font-weight: bold
}

#sitemap ul li.sitemap_level_2 {
  padding-left: 25px
}

#sitemap ul li.sitemap_level_3 {
  padding-left: 50px
}

#sitemap ul li.sitemap_level_4 {
  padding-left: 75px
}

#sitemap ul li.sitemap_level_5 {
  padding-left: 100px
}

/***************************************************/
/* CSS DEFINITIONS FOR DOCSYS MODULE               */
/***************************************************/

#docsys {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#docsys div.categories,
#docsys div.doc_list,
#docsys div.paging {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
}

/***************************************************/
/* CSS DEFINITIONS FOR SHOP MODULE                 */
/***************************************************/

#shop {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#shop div.menu,
#shop div.cart_info,
#shop div.informations,
#shop div.payment,
#shop div.message,
#shop div.lsv_form,
#shop div.cart,
#shop div.cart_links,
#shop div.message_error,
#shop div.customer_address,
#shop div.shipping_address,
#shop div.account_details,
#shop div.customer_old,
#shop div.order,
#shop div.customer_new {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#content #shop div.cart input[type="text"] {
  margin-top: 0;
}

#content #shop .shopbutton {
  margin-top: 10px;
  margin-left: 5px;
}

#shop div.message_error {
  color: #FF0000
}

#shop div.categories {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 25px 0;
  float: left;
  height: auto !important;
}

#shop div.category {
  padding: 0 0 0 0;
  margin: 15px 0 0 0;
  float: left;
  height: auto !important;
  min-height: 120px;
  height: 120px;
  width: 25%;
}

#shop div.discount {
  padding: 0 0 0 0;
  margin: 15px 0 0 0;
  float: left;
  height: auto !important;
  min-height: 120px;
  height: 120px;
  width: 50%;
}

#shop div.paging {
  text-align: center;
  width: 100%;
  padding: 0 0 0 0;
  margin: 15px 0 15px 0;
  float: left;
}

#shop div.product {
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#shop div.images {
  width: 154px;
  margin: 0 0 0 0;
  padding: 0 15px 0 0;
  height: auto !important;
  float: left;
  text-align: center;
}

#shop div.images img {
  width: 154px;
}

#shop div.description {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  height: auto !important;
  float: left;
  width: 450px;
}

#shop div.description h2,
#shop div.categories h2,
#shop div.informations h2,
#shop div.description h3,
#shop div.categories h3,
#shop div.informations h3 {
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

#shop div.stock,
#shop div.manufacturer,
#shop div.detail_link,
#shop div.shop_options {
  margin: 0 0 3px 0;
  padding: 0 0 0 0;
  height: auto !important;
  width: 100%;
}

#shop div.product_id {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  height: auto !important;
  width: 100%;
  font-size: 11px;
}

#shop div.price,
#shop div.functions {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: auto !important;
  width: 100%;
  float: left;
  text-align: right;
}

#shop div.functions input[type="submit"] {
  float: right;
  margin-top: 10px;
  width: auto !important;
}

#shop input[type=radio],
#shop input[type=checkbox] {
  float: none
}

/***************************************************/
/* CSS DEFINITIONS FOR E-CARD MODULE               */
/***************************************************/

.ecardColumn1 {
  float: left;
  width: 33%;
}

.ecardColumn2 {
  float: left;
  width: 33%;
}

.ecardColumn3 {
  float: left;
  width: 33%;
}

/***************************************************/
/* CSS DEFINITIONS FOR NEWS MODULE                 */
/***************************************************/

table.news_meta td {
  font-size: 11px;
  border: 0;
}

/***************************************************/
/* CSS DEFINITIONS FOR NEWSLETTER MODULE           */
/***************************************************/

#newsletter {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#newsletter div.errorMessage,
#newsletter div.okMessage,
#newsletter div.form {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#newsletter div.errorMessage {
  color: #ff0000
}

#newsletter_home input[type=radio],
#newsletter_home input[type=checkbox] {
  float: none
}

/***************************************************/
/* CSS DEFINITIONS FOR EGOV MODULE                 */
/***************************************************/

#egov {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#egov table tr td {
  border: 0
}

/***************************************************/
/* CSS DEFINITIONS FOR U2U MODULE                  */
/***************************************************/

#u2u {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#u2u div.inbox,
#u2u div.functions,
#u2u div.message,
#u2u div.message_ok,
#u2u div.message_error,
#u2u div.preview,
#u2u div.details,
#u2u div.outbox,
#u2u div.paging {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#u2u div.message_error {
  color: #FF0000
}

#u2u div.message_ok {
  color: #029202
}

/***************************************************/
/* NEW CSS DEFINITIONS FOR KNOWLEGE MODULE         */
/***************************************************/

#knowledge_new {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#knowledge_new div.crumbtrail,
#knowledge_new div.answer,
#knowledge_new div.informations {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#knowledge_new .tags,
#knowledge_new .articlelist .tags {
  margin: 0;
  padding: 0;
  list-style: none;
  /*display: inline;*/

  border: none;
}

#knowledge_new .tags li,
#knowledge_new .articlelist .tags li {
  margin: 0;
  padding: 0;
  /*display: inline;*/

  list-style: none;
  border: none;
}

/***************************************************/
/* OLD CSS DEFINITIONS FOR KNOWLEGE MODULE         */
/***************************************************/

.cloud {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

.cloud li {
  margin: 0 !important;
  padding: 0 5px !important;
  list-style: none !important;
  /*display: inline;*/

  float: left !important;
  vertical-align: bottom !important;
  border: none !important;
  line-height: 1em !important;
}

.cloud li:hover {
  background-color: #cdcdcd
}

.cloud li a {
  color: #646464
}

.knowledge_sidebar {
  margin: 0;
  padding: 0;
}

.knowledge_sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.knowledge_sidebar li {
  /*border-bottom: #03AB3E 1px solid;*/

  width: 100%;
  display: block;
  margin: 0;
}

.knowledge_sidebar li:hover {
  /*background-color: #CDE9C4;_NO__DOTCOMMA__AFTER__*/
}

#knowledge #content_search {
  position: relative
}

#knowledge .articlelist a {
  /*float: left;*/
  /* what's it for? */
}

#knowledge .articlelist li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #C6C6C6;
}

#knowledge .articlelist .title_row {
  /*width: 565px;*/

  padding: 5px;
  background-color: #F6F6F6;
}

#knowledge .articlelist .opener {
  float: left;
  width: 40px;
}

#knowledge .articlelist .question {
  /*float: right;*/
  /*width: 525px;*/
  /*margin-left: 45px;*/
}

#knowledge .articlelist .question a {
  /*color: #646464;_NO__DOTCOMMA__AFTER__*/
}

#knowledge .articlelist .answer {
  /*float: right;*/
  /*width: 530px;*/
  /*padding-top: 10px;*/

  margin-left: 45px;
  position: relative;
}

#knowledge .articlelist .question_active {
  background-color: #F5F5F5;
  font-weight: bold;
  border-bottom: solid 1px #C6C6C6;
}

#knowledge ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#knowledge li {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 10px;
  position: relative;
}

#knowledge dd {
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  padding-top: 5px;
}

#knowledge dt {
  font-weight: bold
}

#knowledge_search_results {
  padding-left: 0
}

#knowledge_search_results ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

#knowledge_search_results ul li {
  padding: 0;
  margin: 0;
  margin: 5px 5px;
  list-style-type: none;
}

#knowledge #overview div.category {
  float: left;
  width: 50%;
  /*margin-right: 1px;*/
}

#knowledge #overview div.row {
  /*background-color: #eeeeee;_NO__DOTCOMMA__AFTER__*/
}

#knowledge #overview div.row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  margin-bottom: 1em;
}

/* for ie */

* html #knowledge #overview div.row {
  height: 1%
}

#knowledge #overview div div.title {
  font-weight: bold;
  /*padding: 3px;*/
  /*background-color: #eeeeee;*/
}

#knowledge #overview div div.title a {
  display: block
}

#knowledge #overview div div.content {
  /*padding: 3px;*/

  background-color: white;
}

#knowledge #overview div div.content a {
  color: black
}

#knowledge #overview div div.content a:hover {
  color: #C5252F
}

#knowledge #overview div div.content a.more {
  color: #8b9581
}

#knowledge #overview div div.content a.more:hover {
  color: #C5252F
}

#knowledge h2.category_list_title {
  /*background-color: #E2EA9F;*/

  padding: 3px;
  /*color: #63625e;*/
  /*background-color: #01A93C;*/
  /*color: white;*/
}

#knowledge h2.article_list_title {
  /*background-color: #DAEDC6;*/
  /*background-color: #01A93C;*/
  /*background-color: #EEEEEE;*/

  padding: 3px;
}

#knowledge h2.article_list_title a {
  color: white
}

#knowledge h2.category_title {
  /*background-color: #eeeeee;*/
  /*padding: 3px;*/
}

#knowledge .most_read {
  background-color: #DAEDC6;
  /*padding: 3px;*/

  font-weight: bold;
}

#knowledge .tags,
#knowledge .articlelist .tags {
  margin: 0;
  padding: 0;
  list-style: none;
  /*display: inline;*/

  border: none;
}

#knowledge .tags li,
#knowledge .articlelist .tags li {
  margin: 0;
  padding: 0;
  float: left;
  /*display: inline;*/

  list-style: none;
  border: none;
}

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

#knowledge .search_button {
  padding: 4px
}

/* IE */

* html .clearfix {
  height: 1%
}

#resultbox {
  border: 1px solid #858585;
  position: absolute;
  /*min-width: 310px;; max-width: 700px; */

  width: 60%;
  padding: 5px;
  overflow: auto;
  z-index: 10;
  left: 0;
  top: 25px;
  background-color: white;
}

#resultbox ul {
  list-style-type: none;
  padding: 2px;
  margin: 0;
}

#resultbox li {
  list-style-type: none;
  display: block;
  /*padding: 2px 0 2px 2px;*/

  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}

#resultbox li a {
  display: block
}

#resultbox li:hover {
  background-color: #F0F8FA
}

.cloud {
  margin-bottom: 1em
}

/***************************************************/
/* CSS DEFINITIONS FOR DATA MODULE                 */
/***************************************************/

div.datalist_block dl dt {
  margin: 0;
  padding: 0 0 0 0;
  font-weight: bold;
  display: block;
}

div.datalist_block dl dd {
  margin: 0;
  padding: 0 0 0 0;
  border-top: 0 solid #cbb354;
}

div.datalist_block dl dt.cattitle {
  font-weight: bold;
  margin: 0;
  padding: 2px;
  display: block;
  background-color: #EEEEEE;
  border: 0 #bcbcbc solid;
  margin-top: 11px;
}

div.datalist_block dl dd.catcontent {
  padding: 0;
  border: 0 #bcbcbc solid;
  border-top: none;
  padding-top: 5px;
}

/************************************/
/* CSS DEFINITIONS FOR DATA-MODULE  */
/************************************/

div.datalist_block dl dt {
  margin: 0;
  padding: 0 0 0 0;
  font-weight: bold;
  display: block;
}

div.datalist_block dl dd {
  margin: 0;
  padding: 0 0 0 0;
  border-top: 0 solid #cbb354;
}

div.datalist_block dl dt.cattitle {
  font-weight: bold;
  margin: 0 0 1em;
  padding: 2px;
  display: block;
  background-color: #EEEEEE;
  border: 0 #bcbcbc solid;
  margin-top: 11px;
}

div.datalist_block dl dd.catcontent {
  padding: 0;
  border: 0 #bcbcbc solid;
  border-top: none;
  padding-top: 5px;
}

div.datalist_block dl dd.catcontent2 p {
  padding: 0
}

div.datalist_block dl dd.catcontent2 p {
  padding: 0
}

div.datalist_block img {
  margin-right: 5px
}

/** overlay stuff **/

dl.data_module {
  padding: 10px;
  color: #EEEEEE;
  font-family: "Lucida Grande",
    Helvetica,
    Arial,
    Verdana,
    sans-serif;
  font-size: 75%;
  line-height: 1.5;
}

dl.data_module dt {
  font-weight: bold
}

dl.data_module dd {
  margin: 5px 0
}

dl.data_module img {
  margin-right: 20px;
  margin-bottom: 10px;
}

/****************************************/
/* CSS DEFINITIONS FOR DOWNLOADS-MODULE */
/****************************************/

#downloads {
  width: 100%
}

#downloads div.category {
}

#downloads div.overview div.row div.category {
  float: left;
  width: 50%;
}

#downloads div.overview div.row div.category div.title {
  font-weight: bold
}

#downloads div.overview div.row div.category div.content a {
  color: black
}

#downloads div.overview div.row div.category div.content a:hover {
  color: #C5252F
}

#downloads div.overview div.row div.category div.content a.more {
  color: #8b9581
}

#downloads div.overview div.row div.category div.content a.more:hover {
  color: #C5252F
}

#downloads div.subcategories {
  padding: 0 0 15px 0;
  margin: 0 0 0 0;
  height: auto !important;
}

#downloads div.file {
  width: 100%;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  float: left;
  height: auto !important;
}

#downloads div.image {
  float: right;
  height: auto !important;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#downloads div.image img {
  margin: 0 0 15px 0
}

#downloads div.delete {
  clear: right;
  float: right;
}

#downloads div.file_list .infos {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 84%;
  float: left;
}

#downloads div.infos {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: auto !important;
}

#downloads div.infos h3 {
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

#downloads div.infos .shortdetail_top {
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
  height: auto !important;
  color: #808080;
  font-size: 0.95em;
}

#downloads div.infos .shortdetail_top img,
#downloads div.infos .shortdetail_bottom img {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 10px;
  height: 10px;
}

#downloads div.infos .shortdetail_bottom a {
  color: #808080
}

#downloads div.infos .shortdetail_bottom a:hover {
  color: #000000
}

#downloads div.infos .shortdetail_bottom {
  padding: 0 0 0 0;
  margin: 5px 0 0 0;
  height: auto !important;
  color: #808080;
  font-size: 0.95em;
}

#downloads div.infos .detail_desc {
  padding: 0 0 5px 0;
  margin: 0 0 0 0;
  width: 84%;
  float: left;
}

#downloads div.infos .file_info {
  padding: 5px 0 5px 5px;
  margin: 0 0 0 0;
}

#downloads div.infos .file_info img {
  padding: 0 2px 0 0;
  margin: 0 0 0 0;
  width: 10px;
  height: 10px;
}

#downloads div.download {
  padding: 0 0 10px 0;
  margin: 5px 0 15px 0;
  width: 200px;
  position: relative;
  float: left;
}

#downloads div.download h3 img {
  padding: 0 5px 0 0;
  margin: 0 0 0 0;
  width: 24px;
  height: 24px;
  float: left;
  top: 16px;
}

#downloads div.infos .file_owner,
#downloads div.infos .file_owner a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: auto !important;
  color: #808080;
  font-size: 0.95em;
  text-align: right;
}

#downloads div.infos .file_owner a:hover {
  color: #000000
}

#downloads div.file_list div.paging {
  float: left
}

#downloads div.subcategories div.category {
  float: left;
  width: 50%;
}

#downloads div.message,
#downloads div.message_ok,
#downloads div.message_error {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#downloads div.message_error {
  color: #ff0000
}

#downloads div.message_ok {
  color: #029202
}

#downloads #download_view_types_wrapper {
  display: block;
  padding: 2em 0 0 0;
  clear: both;
}

#downloads #download_view_types {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}

#downloads #download_view_types li {
  float: left;
  display: block;
  padding-right: 1px;
}

#downloads #download_view_types li a.active {
  float: left;
  display: block;
  background-color: #6983b6;
  color: white;
  padding: 0.4em 1em 0.4em 1em;
}

#downloads #download_view_types li a {
  float: left;
  display: block;
  background-color: #f0f0f0;
  padding: 0.4em 1em 0.4em 1em;
  font-weight: bold;
}

#downloads #download_tabbar_closer {
  margin-top: 2.2em;
  border-top: 1px solid #f0f0f0;
}

/***************************************************/
/* CSS DEFINITIONS FOR MEDIADIR MODULE             */
/***************************************************/

#mediadir div.mediadirInputfieldWysiwyg {
  font-size: 12px;
  font-family: Verdana;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  color: #000000;
  padding: 4px;
  margin: 1px 2px 3px 0;
  height: 80px;
  width: 300px;
  overflow: auto;
  margin-left: 190px;
  cursor: text;
}

#mediadir div.mediadirInputfieldWysiwyg,
#mediadir div.mediadirInputfieldWysiwyg:hover,
#mediadir div.mediadirInputfieldWysiwyg:link {
  outline-style: none
}

#mediadir div.mediadirGroupMultilang {
  padding-left: 190px
}

#mediadir div.mediadirReference {
  float: left;
  padding-bottom: 15px;
  width: 50%;
}

#mediadir span.mediadirReferenceTitle {
  float: left;
  width: 100%;
  font-weight: bold;
}

#mediadir span.mediadirReferenceDescription {
  float: left;
  width: 100%;
}

#mediadir div.mediadirDownload {
  float: left;
  padding-bottom: 15px;
  width: 50%;
}

#mediadir span.mediadirDownloadTitle {
  float: left;
  width: 100%;
  font-weight: bold;
}

#mediadir span.mediadirDownloadDescription {
  float: left;
  width: 100%;
}

#mediadir span.mediadirDownloadFile {
  padding-top: 5px;
  float: left;
  width: 100%;
}

#mediadir div.mediadirResponsible {
  float: left;
  padding-bottom: 15px;
  width: 50%;
}

#mediadir span.mediadirResponsibleName {
  float: left;
  width: 100%;
  font-weight: bold;
}

#mediadir span.mediadirResponsibleFunction {
  float: left;
  width: 100%;
  font-style: italic;
}

#mediadir span.mediadirResponsiblePhone {
  padding-top: 5px;
  float: left;
  width: 100%;
}

#mediadir span.mediadirResponsibleFax {
  float: left;
  width: 100%;
}

#mediadir span.mediadirResponsibleMail {
  padding-top: 5px;
  float: left;
  width: 100%;
}

#mediadir .mediadirSelector,
#mediadir .mediadirGoogleMap {
  clear: both;
  padding-left: 180px;
  margin-top: -15px;
  margin-bottom: 15px;
}

#mediadir .map {
  margin-top: 10px;
  border: 1px solid #CFCFCF;
  width: 489px;
  height: 250px;
}

#mediadir table.list {
  padding: 0 20px 10px 20px;
  width: 710px !important;
  margin-bottom: 20px;
  margin-left: -20px;
  background-image: url(images/list_radius_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

#mediadir table.list h3 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#mediadir table.list tr td {
  padding: 4px 0 4px 0
}

#mediadir .mapLarge {
  margin-top: 10px;
  border: 0 solid #CFCFCF;
  width: 620px;
  height: 600px;
}

#mediadir input[type="button"].active {
  font-weight: bold;
  text-transform: uppercase;
  color: #74CC00;
}

#mediadir input.mediadirInputfieldGoogleMapLarge {
  width: 185px
}

#mediadir input.mediadirInputfieldGoogleMapSmall {
  width: 35px
}

#mediadir input.mediadirVoteButton {
  font-weight: normal;
  min-width: 1px;
  width: 30px !important;
}

#mediadir .mediadirCommentOk,
#mediadir .mediadirVotingOk {
  border: 1px solid #9DCF5A;
  background-color: #F8FFEF;
  padding: 10px;
  color: #9DCF5A;
}

#mediadir .mediadirCommentErr,
#mediadir .mediadirVotingErr {
  border: 1px solid #FF8F8F;
  background-color: #FFEFEF;
  padding: 10px;
  color: #FF8F8F;
}

#mediadir ul {
  list-style-type: none;
  margin: 0;
}

#mediadir #catlist li {
  list-style-type: disc;
  margin-left: 13px;
}

#mediadir #navtree li {
  float: left;
}

#mediadir table .row1 {
  background-color: #F5F5F5;
}

#mediadir table .row2 {
  background-color: #FFFFFF;
}

/*************************************/
/* CSS DEFINITIONS FOR MEDIA ARCHIVE */
/*************************************/

#media a img {
  border: 0
}

#media #insertform #filename {
  width: 140px
}

#media_div div.message_ok,
#media_div div.message_error {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  float: left;
  height: auto !important;
}

#media_div div.message_error {
  color: #ff0000
}

#media_div div.message_ok {
  color: #029202
}

.mediaUploadInput {
  padding-left: 190px
}

/*globally used for delete icons*/

.deleteIcon {
  background-image: url(../../images/modules/access/delete.gif);
  width: 17px;
  height: 17px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: 30px;
}

#contactFormField_uploadWidget span {
  float: left
}

.ie7 #recommend input[class="captcha"] {
  width: 100px !important;
  margin-left: 320px !important;
  margin-top: -48px !important;
  clear: left !important;
  float: none !important;
}

.ie7 #recommend input.contactFormClass_button[type="reset"] {
  float: none !important;
  margin: 0 !important;
}

.ie7 #recommend input.contactFormClass_button[type="submit"] {
  /*float:right !important;*/

  clear: left;
  float: left !important;
  margin-left: -60px !important;
  margin-top: -20px !important;
  margin-right: -30px !important;
}

#shop form[name="shopSearch"] input, #shop form[name="shopSearch"] select {
  display: inline-block;
  max-width: 33% !important;
  vertical-align: top;
}
#shop form[name="shopSearch"] {
  width: 100%;
}

.ie7 #sidebar div.content div.box input[type="submit"] {
  clear: none !important;
  margin-top: 0px !important;
  margin-left: 10px !important;
}

#shop form[name="shopSearch"] .searchTerm {
  margin-bottom: 10px;
}

#login input[type="submit"] {
  float: right;
  margin-top: 5px !important;
  margin-right: 76px !important;
}

#login label {
  margin-left: 0px !important;
  width: 200px !important;
}

.ie7 #shop .category {
  height: 30px !important;
  margin-bottom: -5px !important;
}

#shop input[type="radio"],
#shop input[type="checkbox"] {
  float: left;
  /*margin-top: -13px;*/
}

#login input[type="text"],
#login input[type="password"],
#login textarea,
#login select {
  float: left !important;
}

.ie7 #shop input[name="bsubmit"] {
  float: none !important;
  margin: 0px !important;
}

#contactFormError {
  display: none;
  color: #f00;
}

.form p {
  padding-left: 190px;
  margin-bottom: 15px;
  display: inline-block;
}

.profile-attribute {
  display: block;
  padding-bottom: 8px;
  overflow: hidden;
  clear: both;
}

.profile-attribute label {
  float: none;
  display: inline-block;
  line-height: 1.5em;
  vertical-align: top;
  padding-top: 8px;
}

.profile-attribute select,
.profile-attribute input,
.profile-attribute input[type="checkbox"] {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  margin: 0;
}

.profile-attribute input[type="checkbox"] {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

.terms-checkbox input[type="checkbox"] {
  margin-top: 20px;
}

.profile-attribute input[type="radio"] {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 0px;
}

form .profile-attribute input[type="text"],
form .profile-attribute input[type="password"],
form .profile-attribute textarea,
form .profile-attribute select {
  margin: 0;
}

form fieldset {
  padding: 10px 0;
  margin: 10px 0px;
}

form legend {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
}

form fieldset fieldset legend {
  font-size: 0.9em;
}

.attribute-39,
.attribute-40 {
  display: block;
}

#group-list {
  list-style: none;
  margin: 0;
  margin-bottom: 15px;
}

#main #content a.button {
  text-decoration: none;
}

.akkr-user-actions {
  margin-top: 15px;
}

.button {
  display: inline-block;
  padding: 8px 15px;
  border: 1px solid #c5c5c5;
  text-decoration: none;
}

.button:hover {
  background-color: #eee;
}

.group-member {
  line-height: 2.5em;
  /*height: 2em;*/
  overflow: hidden;
  padding: 5px 3px;
  border-bottom: 1px solid #e6e6e6;
}

.group-member:nth-of-type(2n) {
  background-color: #f9f9f9;
}

.user-full-name {
  display: inline-block;
  width: 220px;
}

.user-email {
  display: inline-block;
  width: 180px;
}

#access .profile-attribute img {
  float: none;
  max-width: 244px;
}

#access .profile-attribute input[type="file"] {
  margin-left: 260px;
  margin-bottom: 10px;
  width: 244px;
}

#main #content #access a {
  text-decoration: none;
}

.group-member .user-id {
  display: inline-block;
  min-width: 35px;
}

.group-member .attending-2015,
.group-member .attending-2016 {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  position: relative;
}

.group-member.header {
  font-weight: bold;
}

.group-member input[type="checkbox"] {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -11px;
  left: 14px;
}

.message_ok:nth-of-type(2) {
  display: none;
}

#login form p label,
#login form p span {
  margin-left: 0 !important;
}

a.register {
  display: inline-block !important;
}

#login a.lostpw {
  padding-left: 0 !important;
}

#login a.register {
  padding-left: 0 !important;
}

input#remember_me {
  margin-left: 200px;
  margin-right: 20px;
}

#a320 {
  position: absolute;
  z-index: 9999;
  top: 23%;
  left: -100px;
  width: 100px;
  height: 50px;
  /*border: 1px solid #ff0000;
  background-color: #ff0000;*/
}

#shop .shop_options_click label {
  /*margin-top: -15px;*/
  float: none;
  margin-top: 4px;
}

#main #sidebarwrapper {
  height: 100%;
}

#main #sidebarwrapper #sidebar {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#main #content a.btn,
#main #content .header a {
  text-decoration: none;
}

#main #content a.btn-success {
  color: white;
}

.group-member .fa-times {
  color: red;
}

.group-member .fa-check {
  color: green;
}

.group-member .btn-group {
  float: right;
}

.group-member i.fa-sort-asc,
.group-member i.fa-sort-desc {
  color: lightgray;
}

.group-member i.active {
  color: #2f2f2f;
}

.group-member .fa-sort-asc {
  margin-right: -7px;
}

/*************************************/
/* Staff Form                        */
/*************************************/

div.user-fixed-field {
  float: none;
  display: inline-block;
  line-height: 1.5em;
  vertical-align: top;
  padding: 8px 15px;
}

div.country-readonly select {
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

fieldset.confirmed-1 {
  display:inline-block;
}

fieldset.confirmed- {
  display:none;
}


/*************************************/
/* SOCIAL BOXES - FACEBOOK + TWITTER */
/*************************************/
div[id^='twitter'],
div[id^='wall'] {
  display: inline-block;
}

div[id^='twitter'] ul,
div[id^='wall'] ul {
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  width: 276px;
}

div[id^='twitter'] li,
div[id^='wall'] li {
  display: block;
  list-style: none;
  padding: 5px 0px;
  border-bottom: 1px #b4b4b4 solid;
  float: left;
  width: 100%;
}

div[id^='twitter'] li p,
div[id^='wall'] li p {
  line-height: 1.4em;
  word-break: break-all;
}

div[id^='twitter'] li:first-child,
div[id^='wall'] li:first-child {
  /* Duh? Feature or error?
  / /
  */
  border-top: 1px #b4b4b4 solid;
  padding-top: 0px;
}

div[id^='twitter'] li a,
div[id^='wall'] li a {
  word-break: break-all;
  font-size: 90%;
  font-weight: bold;
  color: #2a4075 !important;
  text-decoration: none !important;
}

div[id^='twitter'] p.timePosted,
div[id^='twitter'] p.interact {
  width: 50%;
  float: left;
  font-size: 85%;
  margin-top: 8px;
}

div[id^='twitter'] p.interact {
  text-align: right;
}

div[id^='twitter'] p.interact a {
  margin-right: 8px;
}

div[id^='twitter'] p.interact a:last-child {
  margin-right: 0px;
}

div[id^='wall'] p.meta {
  float: left;
  width: 100%;
  font-size: 75%;
  margin-top: 8px;
  color: #2a4075;
  font-weight: bold;
  text-decoration: none !important;
}

#wall > ul > li {
  padding-top: 8px;
}

#twitter_DE > ul > li {
  padding-top: 8px;
}

#news_rss_feeds img,
#news_rss_feeds .description {
  display: none;
}

.box.feedback {
  display: none;
}

#shop table.payment {
  border: 0;
  width: 100%;
}
#shop table.payment tr td {
  border: 0;
  padding: 2px;
  margin: 1px;
}

#shop #product_options_layer304 label {
  float: none;
  margin-top: 4px;
}

/* Text alignment -- Shop */
#shop .a_left {
    text-align: left !important;
}
#shop .a_center {
    text-align: center !important;
}
#shop .a_right {
    text-align: right !important;
}
ul.site.clearfix {
  margin-top: 38px;
}

/* Changes 09.03.2017 */
.newsletter-button{
  float: none;
}

.box.socials.clearfix .fa {
    font-size: 26px;
}

.box.socials.clearfix{
    text-align: center;
}

.box.socials a:hover{
  color: #337ab7;
}

.box.socials a{
  color: #2a4075;
}


/*Social Wall*/
.stream li {
	background-color: #ffffff;
	/*border: 1px solid #ccc;*/
	font-size: 11px;
	padding: 15px 0 35px 0;
	width: 100%;
	position: relative;
	margin: 0 12px 12px 0;
	font-family: 'microflf', Arial, Helvetica;
	line-height: 1.45em;
	list-style: none;
        background: url(../../../images/content/design/boxes.png) repeat-y left top;
}

/*.stream {
	margin: 0 auto!important;
	padding: 0;
}*/

.socialwall-content {
	position: relative;
	padding: 0;
	/*top: 40px;
	margin-bottom: 90px;*/
}

.socialwall-content h2 {
	margin-top: 0;
}

/*.stream li .inner {
	overflow: hidden;
	padding: 0 15px;
}

.stream li .section-thumb {
	float: left;
	margin: 0 7px 0 0;
}*/

.stream li.dcsns-facebook .section-thumb img,
.stream li.dcsns-facebook .section-text img {
	display: block;
}

/*.stream li.dcsns-facebook .section-thumb img {
	max-width: 192px;
	margin-bottom: 5px;
}*/

.stream li .section-thumb img {
	border: 1px solid #ccc;
	padding: 1px;
	background: #fff;
        width: 100%;
        max-height: 200px;
        object-fit: cover;
        font-family: 'object-fit:cover';
}

.stream li.dcsns-facebook .section-intro, .filter .f-facebook a:hover, .filter .f-facebook a.iso-active {
	background-color: #3b5998;
}
.stream li.dcsns-twitter .section-intro {
        background-color: #4ec2dc;
}
.stream li.dcsns-instagram .section-intro {
        background-color: #111;
}
.stream li.dcsns-youtube .section-intro {
    background-color: #bb0000;
    padding-left: 30px;
}
.stream li .section-intro {
	padding: 7px 0;
	width: 100%;
	left: 0;
	bottom: 0;
	position: absolute;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	z-index: 2;
}
.socialwallgrid, .stream li .section-intro, .stream li .section-thumb img {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
}

.stream li .icon {
	position: absolute;
	left: 6px;
	bottom: 4px;
	z-index: 3;
	font-size: 21px;
	color: #fff;
}

.stream li .section-user {
	clear: both;
	display: block;
	font-style: italic;
	margin: 0 8px 5px 0;
	display: block;
	float: left;
	padding: 7px 0 0 15px;
	line-height: 12px;
	background: url(../images/profile.png) no-repeat 0 7px;
}

.stream li .section-share {
	display: block;
	margin: 0 0 5px 0;
	padding: 4px 0 0;
	float: right;
}

.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(../images/share.png) no-repeat 0 0;
}

.stream li .section-share a.share-twitter {
	background-position: 0 -16px;
}
.stream li .section-share a.share-reply {
	background-position: 0 -32px;
}
.stream li .section-share a.share-retweet {
	background-position: 0 -48px;
}
.stream li .section-share a.share-favorite {
	background-position: 0 -64px;
}
.stream li .section-share a.share-google {
	background-position: 0 -80px;
}
.stream li .section-share a.share-linkedin {
	background-position: 0 -96px;
}
.stream li .section-share a.share-facebook:hover {
	background-position: -16px 0;
}
.stream li .section-share a.share-twitter:hover {
	background-position: -16px -16px;
}
.stream li .section-share a.share-reply:hover {
	background-position: -16px -32px;
}
.stream li .section-share a.share-retweet:hover {
	background-position: -16px -48px;
}
.stream li .section-share a.share-favorite:hover {
	background-position: -16px -64px;
}
.stream li .section-share a.share-google:hover {
	background-position: -16px -80px;
}
.stream li .section-share a.share-linkedin:hover {
	background-position: -16px -96px;
}

.stream li.dcsns-facebook .section-intro a,
.stream li.dcsns-twitter .section-intro a,
.stream li.dcsns-instagram .section-intro a {
	margin-left: 30px;
}
.stream .socialwallgrid .inner a {
    word-break: break-all;
}
.stream li.dcsns-youtube .section-intro a,
.stream li.dcsns-facebook .section-intro a,
.stream li.dcsns-twitter .section-intro a,
.stream li.dcsns-instagram .section-intro a {
    color: #fff !important;
}
/*.inner i.fa.fa-facebook,
.inner i.fa.fa-twitter,
.inner i.fa.fa-linkedin,
.inner i.fa.fa-google-plus {
    color: #fff;
    padding: 3px;
    background-color: #ccc;
    border-radius: 2px
}
.inner i.fa.fa-facebook {
    padding: 3px 5px;
}
.inner i.fa.fa-facebook:hover {
    background-color: #3b5998;
}
i.fa.fa-twitter-square,
i.fa.fa-linkedin-square,
i.fa.fa-google-plus-square,
i.fa.fa-facebook-square {
    color: #ccc;
    font-size: 1.4em;
    background-color: #fff
}
.youtube-feed-container .section-share .fa.fa-facebook:hover {
    background-color: #3b5998
}
i.fa.fa-twitter:hover {
    background-color: #1da1f2
}
i.fa.fa-linkedin:hover {
    background-color: #0274b3
}

i.fa.fa-google-plus:hover {
    background-color: #dc4e41
}

i.fa.fa-facebook-square:hover {
    color: #3b5998
}

i.fa.fa-twitter-square:hover {
    color: #1da1f2
}

i.fa.fa-linkedin-square:hover {
    color: #0274b3
}

i.fa.fa-google-plus-square:hover {
    color: #dc4e41
}

.icon-google-plus:before {
    content: '\f0d5'
}

i.fa.fa-spinner {
    font-size: 46px;
    color: #253483
}*/
li.dcsns-facebook a.share-facebook, li.dcsns-twitter a.share-twitter {
    display: none;
}
.socialwall-content {
    float: left;
    width: 630px;
    margin-left: -2px;
}
.social-box {
    padding: 0 2px;
}
.social-box .box.socialwallgrid {
    width: 306px !important;
    background: url(../../../images/content/design/boxes.png) repeat-y left top;
}
#sidebar div.content div.socials a.social-wall {
    padding: 5px 0;
    box-sizing: border-box;
    font-size: 17px;
}

ul.filter-sociallinks {
    padding: 0;
    margin: 0 0;
    float: left;
    width: 100%;
}
ul.filter-sociallinks li {
    list-style: none;
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}
ul.filter-sociallinks li a {
    padding: 4px 3px 0 3px;
    margin: 0 1px 1px 0;
    display: block;
    float: left;
    background: #777;
    height: 28px;
    width: 28px;
    text-align: center;
}
ul.filter-sociallinks li a img { 
   width: 90%;
}
ul.filter-sociallinks li a.link-all {
    color: #fff !important;
    height: 20px;
    padding: 6px 3px 6px 3px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none !important;
}
a.f-facebook:hover {
    background: #3b5998;
}
a.f-twitter:hover {
    background: #4ec2dc;
}
a.f-youtube:hover {
    background: #df1f1c;
}
a.f-instagram:hover {
    background: #111;
}
a.f-youtube img {
    margin-top: 2px;
}
.social-box {
    width: 306px !important;
}
.stream .social-box span.section-text {
    float: left;
    width: 100%;
}