hr {
width: 100%;
  background: #ddd;
  clear: both;
  float: none;
  height: 1px;
  margin: 0 0 1.4em;
  border: none;
background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );  
}


td {
vertical-align:top;
padding-left:10px;
}

.clr {
text-decoration:none;
}

.lb {
color:#00FFFF;
}

.anchor {
padding-top:0.5em;
margin-top:-0.5em;
}

/* pseudoclass for outputting text in several columns */
.columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2;    /* Firefox */
    column-count: 2;
}  

/* we don't need columns on a narrow display */
@media all and (max-width: 900px){
   .columns {
       -webkit-column-count: 1; /* Chrome, Safari, Opera */
       -moz-column-count: 1;    /* Firefox */
       column-count: 1;
   }
}

#menu {
	position:fixed; /* remain at the top of the page */
	z-index:999999; /* menu cannot be covered by other elements */
	padding:0px 0px 0px; 0px;
	background:#1b1b1b;
	width:100%;  
}

#menu ul {
	display: inline-block; 
	max-width:900px;
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#menu li {
	float:left;
}

#menu a:link, #menu a:visited
 {
	display:block;
	width:100px;
	font-weight:bold;
	color:#ffffff;
	background-color:#1b1b1b;
	text-align:center;
	padding:4px;
    text-decoration:none;
}

#menu a:hover, #menu a:active
{
	color:#1b1b1b;
    background-color:#00ffff;
}

/* to hide objects, like menu positions, in such a way that they still take up space */
.dead {
   visibility:hidden;
}

.lang {
   color:#FF0000;
}

.article {
	max-width:600px;   /* long texts shouldn't have overly long lines */
}

.black {
color:#000000;
}

#sticker{
position:fixed;
top:2em;
left:0px;
height:50px;
min-width:12%;
background:#00FFFF;
border-radius: 0px 10px 10px 0px;
box-shadow: 2px 3px 5px #888;	
}

.box
{
	position: relative;
	width: 90%;
	max-width:600px;
	padding: 50px;
	margin: 0 auto;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.box:before, .box:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
} 

.box:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}
	
#main_field_dark{
	background:#1b1b1b;
}

#main_field_footer {
background:#00FFFF;
margin-top:15px;
-webkit-box-shadow: 0px -15px 0px 0px rgba(27, 27, 27, 1.00);
-moz-box-shadow:    0px -15px 0px 0px rgba(27, 27, 27, 1.00);
box-shadow:         0px -15px 0px 0px rgba(27, 27, 27, 1.00);
}

#text_field, #dark_field{
padding-top:1em;
margin-top:1.5em;
margin-bottom:1em;
}

#text_field, #dark_field, #footer_field, #narrow_field{
display: inline-block; 
width:70%;
max-width:900px;
}

#narrow_field {
padding-top:1.5em;
}

#narrow_field p {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 0em;
}

@media all and (max-width: 00px){
#text_field, #dark_field, #footer_field{
width: 80%;
}
}

@media all and (max-width: 600px){
#text_field, #dark_field, #footer_field{
width: 90%;
}
}

#dark_field {
   background:#1b1b1b;
}

#dark_field p, #dark_field h1 {
color:#cccccc;
}

#footer_field p {
color:#000000;
padding-top:10px;
text-align:center;
}

#footer_field a:link, #footer_field a:visited {
     color:#000000;
}

#dark_field a:link, #dark_field a:visited {
color:#00ffff;
}

a:link, a:visited {
color:#ff0000;
}

/*slideshow*/

/* set slideshow size */
.slideshow_container {
 margin-left:26%;
 margin-right:26%;
 width:44%;
 background:#1b1b1b;
}

.container_small {
 margin:0;
 width:98%;
 background:#ffffff;
}

.container_big {
 margin:0;
 width:16,875em;
 max-width:16,875em;
 background:#cccccc;
}

.narrow {
 width:56%;
 margin-left:22%;
 margin-right:22%;
}
	
	 #slides, #slides_1, #slides_2 {
	  margin-bottom:1em;
      display: none;
    }

    #slides .slidesjs-navigation, 
	#slides_1 .slidesjs-navigation ,
	#slides_2 .slidesjs-navigation 
	{
      margin-top:3px;
    }

    #slides .slidesjs-previous, 
	#slides_1 .slidesjs-previous ,
	#slides_2 .slidesjs-previous 
	{
      margin-right: 5px;
      float: left;
	  text-decoration:none;
    }

    #slides .slidesjs-next, 
	#slides_1 .slidesjs-next ,
	#slides_2 .slidesjs-next 
	{
      margin-right: 5px;
      float: left;
	  text-decoration:none;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited ,
	#slides_1 a:link,
	#slides_1 a:visited ,
	#slides_2 a:link,
	#slides_2 a:visited 	
	{
      color: #333
    }

    #slides a:hover,
    #slides a:active,
    #slides_1 a:hover,
    #slides_1 a:active,
    #slides_2 a:hover,
    #slides_2 a:active	
	{
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }