@charset "utf-8";

/* ~~ Element-/tagkiezers ~~ */

a img { 
	border: none;
}

.gallery-img-polaroid {
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	margin: 6px;
	/* [disabled]float: right; */
	border-radius: 8px;
	}
	.gallery-img-polaroid-2 {
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	margin: 6px;
	border-radius: 8px;
	}
.gallery-img-sidebar {
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	margin: 6px;
	float: left;
	}




/*.header {
	background-color: #6F7D94;
	height: 100px;
	color: #333333;
	width: 78.4%;
	 [disabled]margin-left: 11.5em; 
	min-width: 885px;
}*/
	




.gallery {
	/* [disabled]margin: 0 -27px; */
	width: 100%;
	margin-top: 50px;
	float: left;
	
}

.gallery li {
	float: left;
	text-align: center;
	border: solid 3px #CCC;
	width: 150px;
	/* [disabled]height: 150px; */
	margin: 0 0 20px 20px;
	background-color: #faf9f9;
	border-radius: 8px;
}
.gallery li:hover {
	position: relative;
}
.gallery li:hover .popup {
	display: block;
}

.popup {
	position: absolute;
	left: 5%;
	bottom: 60%;
	background: url(../images/bg-mask.png);
	color: #333;
	display: none;
	padding: 5px;
	z-index: 2;
	width: 160%;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.popup div {
	border: solid 1px #404040;
	padding: 10px 20px;
	background-color: #fff;
}

.popup h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
}

.popup p+p {
	margin-top: 5px;
}
.view-larger {
	background: url(../images/i_mag.png) no-repeat left 2px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: underline;
}

.triangle {
	position: absolute;
	bottom: -12px;
	left: 25px;
}

.triangle img {
	display: block !important;
}

.view-larger {
	background: url(../images/i_mag.png) no-repeat left 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: underline;
}


.gallery2 {
	/* [disabled]margin: 0 -0px; */
	width: 90%;
	margin-top: 20px;
}

.gallery2 li {
	float: left;
	text-align: center;
	border: solid 3px #d3d3d3;
	width: 152px;
	height: 192px;
	margin: 0 0 20px 20px;
	background-color: #faf9f9;
	border-radius: 8px;
}
.gallery2 li:hover {
	position: relative;
}
.gallery2 li:hover .popup {
	display: block;
}

.popup {
	position: absolute;
	left: 5%;
	bottom: 60%;
	background: url(../images/bg-mask.png);
	color: #333;
	display: none;
	padding: 5px;
	z-index: 2;
	width: 160%;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.popup div {
	border: solid 1px #404040;
	padding: 10px 20px;
	background-color: #fff;
}

.popup h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
}

.popup p+p {
	margin-top: 5px;
}
.view-larger {
	background: url(../images/i_mag.png) no-repeat left 2px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: underline;
}

.triangle {
	position: absolute;
	bottom: -12px;
	left: 25px;
}

.triangle img {
	display: block !important;
}

.view-larger {
	background: url(../images/i_mag.png) no-repeat left 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: underline;
}
ul,ol,li {
	list-style-type: none;
	
}



/*.sidebar1 {
	float: right;
	width: 30%;
	background-color: #6F7D94;
	padding-bottom: 10px;
	margin-top: 0px;
	/* [disabled]margin-left: 793px; */
}
#content {
	padding: 10px 0;
	width: 70%;
	float: left;
	margin-top: 100px;
}


/* ===================================
start Google Maps
==================================== */
/* google map */
#container2,content {
	position: relative;
	background: #fff;
	/* [disabled]padding: 60px 0 40px 0; */
	width: 70%;
	height: 350px;
	margin-top: 700px;
	margin-bottom: 75px;
}

/* google map */
#google-map{
    position:relative;
    margin-top:0px;
    height: 400px;
}

/* ===============================
end Google Maps
================================ */



.content ul, .content ol {
	padding: 0 15px 15px40px;
	list-style: true;
}


ul.nav {
	list-style: none;
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	/* [disabled]background-color: #8090AB; */
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	/* [disabled]background-color: #6F7D94; */
	color: #666;
}



.nav2 {
	width: 70%;
	float: right;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	font-weight: normal;
	text-height: max-size;
	line-height: 150%;
	margin-top: -15px;
    a: link: #FFF;
	margin-right: 15%;
}

.header a {
	color: #FFF;
	font-weight: normal;	
	
	}

.nav2 ul {
	float: right;
}

.nav2 li {
	margin-left: 10px;
	float: left;
	margin-bottom: 3px;
}

.nav2 a{
	color: #000;
	}

.nav2 li a,.nav2 li a span,a.keep-reading,a.keep-reading span {
	float: left;
	background-image: url(../images/bg-nav.png);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 12px;
	font-family: "Quicksand Book", sans-serif;
	cursor: pointer;
}

.nav2 li a,a.keep-reading {
	background-position: left top;
	padding-left: 12px;
}

.nav2 li a span,a.keep-reading span {
	background-position: right top;
	white-space: nowrap;
	padding: 8px 12px 0 0;
	height: 18px;
}

.nav2 li a:hover,.nav2 li.current_page_item a, .nav2 li.current-page-ancestor a, a.keep-reading:hover {
	background-position: left -26px;
	color: #fff;
	text-shadow: 0 -1px 0 #333;
}

.nav2 li a:hover span,.nav2 li.current_page_item a span, .nav2 li.current-page-ancestor a, a.keep-reading:hover span	{
	background-position: right -26px;
}
/* MEDIA QUERIES */
@media screen and (max-width:1280px) {
	
	
	.sidebar1 {
	float: right;
	width: 28%;
	}
	


.gallery li {
	
	width: 100px;
	height:100px;
	
}
.gallery li img {	
	width: 100px;
	height: 100px;	
}
.gallery {
	/* [disabled]width: 101%; */
}	

	
}

@media screen and (max-width:760px) {
.nav2 {
	width: 70%;
	float: right;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	font-weight: normal;
	text-height: max-size;
	line-height: 150%;
	margin-top: 30px;
    a: link: #FFF;
	margin-right: 15%;
}	
	
	
	 }

@media screen and (max-width:380px) {
.nav2 {
	width: 70%;
	float: right;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	font-weight: normal;
	text-height: max-size;
	line-height: 150%;
	margin-top: 15px;
    a: link: #FFF;
	margin-right: 15%;
}	
	
	
	 }