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

.portrait{
	background-image:url('img/portret3.jpg');
	max-width:900px;
	background-size: cover;
    -moz-background-size: cover;  /* Firefox 3.6 */
    background-position: center;  /* Internet Explorer 7/8 */
	padding-bottom:50%;
}

.portrait p{
    font-family: Helvetica;
    color:#00FFFF;
	padding-left:20px;
	margin-bottom:0.5em;
}

.portrait h2 {
    line-height:0.5em;
}

.box {
	position:relative;
	/*left:-10%;*/
	padding-top:5%;
	width:36%;
}

.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:75px;
	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;	
}

#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:#cc0000;
}

/*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
    }