body {
  	font-family: Helvetica, Arial, sans-serif;
  	font-size: 0.9em;
  	margin:auto;
  	padding:0px;
	background-color:#333;
	font-size: 200%;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
	text-align:center;
}

#wrapper {
	margin:auto;
	padding:0px;
	width:100%;
	float:right;
	height:auto;
	height:100%;
	background-color:#333;
	text-align:center;
}

.text_wrapper{
	background-color: #ccc;
	margin:auto;
	padding:0px;
	width: 100%;
	height:auto;
	text-align:left;
}

.text {
	background-color: #ccc;
	margin:auto;
	padding:20px;
	width: 600px;
	height:auto;
	text-align:left;
	font-size:50%;
	color: #333;	
	font-family: Arial, Helvetica, sans-serif; 
}

.images {
	background-color: #ccc;
	margin:auto;
	padding:20px;
	width: 700px;
	height:auto;
	text-align:center;
	font-size:80%;
	color: #333;	
	font-family: Arial, Helvetica, sans-serif; 
}

.foto{
	background-image: url(images/ik.jpg);
	height:180px;
	width:150px;
	margin:5px;
	display:block;
	float:right;
}

.text a:link, .text a:hover, .text a:visited{
	height:auto;
	width:auto;
	padding:5px;
	margin:5px 15px 5px 5px;
	background: none;
	display: inline;	
}

.images a:link, .images a:hover, .images a:visited{
	height:auto;
	width:auto;
	padding:5px;
	margin:5px 15px 5px 5px;
	background: none;
	display: inline;	
}

a:link, a:hover, a:active, a:visited{
	color: #333;
	text-decoration:none;	
}

h1 {
	color:#333;
	font-size:125%;
	margin-top:20px;
}

sub {
	font-size:55%;
	padding-bottom:5px;
}



p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: auto;
  padding: 0px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin: auto;
  height: 20%;
  
}

ul.menu li a, ul.menu ul.menu li a {
  background: #333;
  color: #fff;	
  padding: 50px;
  height:20%;

}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: #ccc;
  color: #333;
  padding-left:20px;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 0px #000 solid;
  padding-left:20px;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0;
}
ul.menu ul.menu {
    border-left: 0px #f00 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    text-decoration: none;
    background: #c00;
}
div.panel {
    border: 0px #000 solid;
    padding: 0px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }


#galleria{padding: 0px; margin:auto;text-align:left;}
.galleria-image { width:300%; height:500%;}