/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

#menu .menu-item {
    font-family: 'Roboto', Arial;
    text-align: center;
    color:#fff;
    background-color: #000;
    float:left;
    width:90px;
    height:30px;
    margin:0px 10px 10px 0px;
    font-size:12px;
    line-height:30px;
	list-style: none;
	text-transform: uppercase;
}

.footer .menu-item {list-style: none;}

#menu .menu-item:nth-last-child(-n+3) {
    width:30px;   
}

#menu .menu-item.current-menu-item {
	background-color:#ffaa00;
}
#menu .menu-item.current-menu-item  a{
	color:#000;
}
#menu .menu-item a:hover {
	color:#000;
}
#menu .menu-item:hover{
	color:#000;
    background-color:#ffaa00;
}

a:link, a:visited, a:active, a:hover
{
    color:#000;
    text-decoration: none;   
}
#menu .menu-item a:link, 
#menu .menu-item a:visited, 
#menu .menu-item a:active, 
#menu .menu-item a:hover
{
    color:#fff;
}

h1
{
    font-family: 'Roboto', Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    margin:0px 0px 20px 0px;
    padding: 0px;
}

h2
{
    font-family: 'Roboto', Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    margin:0px 0px 0px 0px;
    padding: 0px;
}
h3 {
	font-family: 'Roboto', Arial;
    font-weight: bold !important;
    font-style: normal;
	font-size: 16px;
    margin:0px 0px 0px 0px;
    padding: 0px;
}

.surround {
	width:980px;
	margin: 0px;
}

.flleft{
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:520px;
}
.flleft .contentblok{
	margin:0;
	margin-top:20px;
	margin-bottom:50px;
}
.logo{
	width:100%;
	background:#000;
}
.logo img {
	max-width:100%;
	padding:.5em .5em .5em 2.2em;
}

#accordion h3:first-child {
	background:#000;
	color:white;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#accordion h3:first-child .ui-accordion-header-icon {
	display:none;
}

#accordion p {
	margin-bottom:1em;
}
#accordion ul {
	list-style-position:inside;
}
#accordion img{
	max-width:100%;
}
.contentblok
{
	margin-left:20px;
	margin-top:20px;
	margin-bottom:50px;
	float:left;
    clear:both;
    width:520px;
    background-color:#ffffff;
    overflow:hidden;
}
#menu {
	margin-left: 20px;
	margin-top:20px;
}

.contentblok a:link, .contentblok a:visited, .contentblok a:active, .contentblok a:hover
{
   color:#ffaa00;
   text-decoration: none;
    
}
.contentblok a:hover
{
    text-decoration: underline;  
}
.button 
{
    padding:5px;
    text-align:center;
    background:#ffaa00;
    width:150px;
    color:#000;
}

.button a:link, .button a:visited, .button a:active, .button a:hover
{
    color:#000;
    text-decoration: none;   
}
.fotocredit {
    font-size:12px;
    position:fixed;
    color:#000;
    bottom:52px;
    right:10px; 
    background-color:#fff;
    padding:2px 5px 4px 5px;
}

.transparent {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.footer
{
    text-align:right;
    font-size:12px;
    margin-top:30px;
    padding:5px 15px 10px 0px;
    color:#000;
    border-top:1px dashed #000;
    color:#000;
}

.footer a:link, 
.footer a:visited, 
.footer a:active
{
    color:#000;
    text-decoration: none;   
}

.footer a:hover
{
    text-decoration: underline;   
}

.surround {
	width:980px;
	margin: 0px;
}

@media screen and (max-width: 1279px) {
  #slide-list, #tray-button {
    display:none;
  }
}
@media screen and (max-width: 800px) {
	.surround {
		width:90%;
		overflow: hidden;
		margin-bottom: 62px;		
	}
	.contentblok {
		width:100%;
		margin-bottom: 0;
	}
	
}
@media screen and (max-width: 660px) {
	.fotocredit {
		display:none;
	}
}