/*
Theme Name: Villaheis
Description: 
Version: 0.1
Author: Markus Zeeh
Author URI: http://zeeh.no/
*/

	
/*************
****color*****
************** 


*************/

	
/*******************
**** CSS RESET *****
*******************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}


	
/* remember to define focus styles! */
:focus {
	outline:0;
}

body {
	color:white;
	background:white;
}

ol,ul {
	list-style:none;
}


	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {

	
/*text-align: left;*/
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:;
}


	
/******************
**** Generell *****
******************/
body {
}

	body.wp-is-mobile{
		background: none;
	}

.Wrapper{
/* 	background: url(images/bg.gif) repeat-x left 22px #fff; */
	max-width: 1100px ;
	width: auto;
	margin: 0 auto;
	padding: 0;
}

	body.wp-is-mobile .Wrapper{
		background: none;
	}


p,
li {
	font-family:'Univers LT W01_45 Light1475944';
	font-size: 20px;
	line-height: 32px;
}

p{
	margin: 0 0 20px;
}

ul {
}

ol {
}

h1 {
	font-family:'Bodoni W01 Roman';
	font-size: 40px;
	line-height: 44px;
	margin: 0px 0 20px;
}

h2 {
	font-family:'Bodoni W01 Roman';
	font-size: 36px;
	line-height: 40px;
}

h3 {
	font-family:'Bodoni W01 Roman';
	font-size: 32px;
	line-height: 36px;
}

h4 {
	font-family:'Bodoni W01 Roman';
	font-size: 28px;
	line-height: 32px;
}

h5 {
	font-family:'Bodoni W01 Roman';
	font-size: 24px;
	line-height: 28px;
}

h6,
h6 a:link,
h6 a:visited {
	font-family:'Univers LT W01_65 Bold1475968';
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
}

a:link,a:visited {
	text-decoration: none;
}

a:hover,a:focus {
}

em {
	font-style: italic;
}


strong {
	font-family:'Univers LT W01_65 Bold1475968';

}
	
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
	
	
/**
* @section	Clearing Methoden
* @see		http://www.yaml.de/de/dokumentation/grundlagen/allgemeines.html
* @source	https://gist.github.com/700385
*/

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
	
/* ben�tigt Safari zwingend */
.clearfix {
	display:block;
}
	
/* IE6 + 7: hasLayout aktivieren */
.clearfix {
	height:1%;
}
	
/* alternative Methode zum Einschlie�en von Float-Umgebungen */
.floatbox {
	display:table;
	width:100%;
}
	
/* Wenn ich doch mal traditionell clearen will */
.clearing {
	clear:both;
	float:none;
	line-height:0;
	font-size:1px;
	height:0;
}

.clear{
	float: none;
	clear: both
}


/**************
**** FONTS ****
**************

font-family:'Univers LT W01_45 Light1475944';
font-family:'Univers LT W01_45 Light1475950';
font-family:'Univers LT W01_55 Roman1475956';
font-family:'Univers LT W01_55 Obliq1475962';
font-family:'Univers LT W01_65 Bold1475968';
font-family:'Univers LT W01_65 Bold_1475974';
font-family:'Univers LT W01_75 Black1475980';
font-family:'Univers LT W01_75 Black1475986';
font-family:'Univers LT W01_85 Extra Black';
font-family:'Univers LT W01_85 X Black Obl';
font-family:'Univers LT W01_47 Light1475998';
font-family:'Univers LT W01_47 Light Cn Obl';
font-family:'Univers LT W01_57 Condensed';
font-family:'Univers LT W01_57 Conde1476010';
font-family:'Univers LT W01_67 Bold_1476016';
font-family:'Univers LT W01_67 Bold Cn Obl';
font-family:'Univers LT W01_39 Thin Ult Cn';
font-family:'Univers LT W01_49 Light Ult Cn';
font-family:'Univers LT W01_59 Ult Cond';
font-family:'Univers LT W01_53 Extended';
font-family:'Univers LT W01_53 Extended Obl';
font-family:'Univers LT W01_63 Bold_1476034';
font-family:'Univers LT W01_63 Bold Ext Obl';
font-family:'Univers LT W01_73 Black Ext';
font-family:'Univers LT W01_73 Black1476052';
font-family:'Univers LT W01_93 X Black Ext';
font-family:'Univers LT W01_93 X Blk Ex Obl';
font-family:'Bodoni W01 Book_709611';
font-family:'Bodoni W01 Book Italic';
font-family:'Bodoni W01 Roman';
font-family:'Bodoni W01 Italic_709617';
font-family:'Bodoni W01 Bold_709602';
font-family:'Bodoni W01 Bold Italic_709608';
font-family:'BodoniW01-BoldCondensed';



**/




/***************
**** HEADER ****
***************/
#Header{
	background: url(images/bg.gif) no-repeat 1000px 22px ; 
}

	#LeftBG{
		float:left; 
		background:#a69584; 
		height: 30px; 
		width: auto; 
		margin-top: 22px;
		}

.Vilofterfolk{
	width: 250px;
	height: auto;
	float: right;
	margin: 0 0 20px ;
}


.Logo{
	float: left;
}

	.wp-is-mobile .Logo{
		width: 250px;
		margin-right: 10px;
		height: auto;
	}


.menu-menu-container{
	padding-top: 22px
}

	.menu {
		float: left;
		background: #a69584;
	}

	.menu li{
		float: left;
		
	}
	
	
	.menu li a:link,
	.menu li a:visited{
		font-family:'Univers LT W01_65 Bold1475968';
		color:#fff;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		padding: 7px 40px 6px;
		display: block;
		text-decoration: none;
	}


	.menu li.current-menu-item > a:link,
	.menu li.current-menu-item > a:visited,
	.menu li.current-menu-ancestor > a:link,
	.menu li.current-menu-ancestor > a:visited,
	.menu li a:hover,
	.menu li a:focus{
		color: #003763;
		transition: all 1s;
 
	}

	.sub-menu{
		position: absolute;
		background: url(images/bg.gif) repeat;
		display: none;
	}
	
		li:hover .sub-menu{
			display: block;
		}
		
		.sub-menu li{
			float: none;
			clear: left;
		}

/****************
**** CONTENT ****
****************/
#Content {
	padding:  25px 0px;
}

	.ContentContainer{
		padding: 25px 25px 25px;
		background: #fff;
		background: rgba(0, 0, 0, 0.25);
	}

/*** frontpage ***/
#Animasjon {
	margin-left: 56%;
}

	#Animasjon img{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	#Animasjon li{
		position:relative;
		float: left;
		float: left;
		width: 50%;
	}



	#Animasjon .Hover{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: table;
		text-align: center;
		opacity: 0;
		filter: alpha(opacity = 0);
		transition: all 0.5s;			
		font-family:'Univers LT W01_65 Bold1475968';
		color: #fff;
	}
	

		#Animasjon li:nth-child(4n+1) .Hover{
			background: rgba(80, 116, 138, 0.8);
		}
	
			#Animasjon li:nth-child(4n+1):hover .Hover{
				opacity: 1;
				filter: alpha(opacity = 100);
			}
	

		#Animasjon li:nth-child(4n+2) .Hover{
			background: rgba(95, 115, 97, 0.8);
		}

			#Animasjon li:nth-child(4n+2):hover .Hover{
				opacity: 1;
				filter: alpha(opacity = 100);
			}



		#Animasjon li:nth-child(4n+3) .Hover{
			background: rgba(129, 83, 116, 0.8);
		}

			#Animasjon li:nth-child(4n+3):hover .Hover{
				opacity: 1;
				filter: alpha(opacity = 100);
			}



		#Animasjon li:nth-child(4n+4) .Hover{
			background: rgba(166, 149, 132, 0.8);
		}

			#Animasjon li:nth-child(4n+4):hover .Hover{
				opacity: 1;
				filter: alpha(opacity = 100);
			}
	
	
	#Animasjon .Hover span{
		font-size:16px;
		display: table-cell;
		vertical-align: middle;
		transition: all 0.5s;			
	}

	.hentry{
		width: 50%;
		float: left;
		margin: 0 0 90px;
	}
	
		.hentry.wide{
			width: 70%;
		}


		.hentry.fullwide{
			width: 100%;
			margin-bottom: 30px;
		}
		
		.hentry.full{
			width: 100%;
			margin-top: -80px;
		}
		
	
		p a:link,
		p a:visited{
			color: #c5b9ac;
			border-bottom: 1px solid #4f758b;
		}
	
		p a:hover,
		p a:focus{
			border-bottom: 2px solid #c5b9ac;
		}
	
	
	.hentry h6 span{
		color: rgba(197, 185, 172, 1);
	}
	
	.hentry img.alignnone,
	.hentry img.size-full{
		width: auto;
		height: auto;
		max-width: 100%;
	}
	
	
	.Gallery{
		margin: 0px 0px 0px 75%;
		width: 25%;
	}

#SubPages{
	width: 45%;
	margin-left: 50%;
	padding: 0 0 0 5%;
}

	#SubPages li{
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

		#SubPages li:last-child{
			margin: 0;
		}

	#SubPages li img{
		width: 100%;
		height: auto;
	}
	
	#SubPages li a{
		text-decoration: none;
	}
	
	#SubPages li h2{
		font-family:'Univers LT W01_65 Bold1475968';
		font-size: 14px;
		color: #fff;
		padding: 0 10px 0 40px;
		text-transform: uppercase;
		background: url(images/sirkel.png) no-repeat 10px center #a69584;
	}
	#SubPages li .ImageContainer{
		position: relative;
	}


	#SubPages li .Hover{
		position: absolute;
		display: table;
		top:0px;
		left: 0px;
		opacity: 0;
		filter: alpha(opacity = 0);
	}

		/** first **/
		#SubPages li:first-child:hover h2{
			background: url(images/sirkel.png) no-repeat 10px center rgba(80, 116, 138, 1)
		}


		#SubPages li:first-child:hover .Hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			background: rgba(80, 116, 138, 0.9)
		}


		/** secound **/
		#SubPages li:hover h2{
			background: url(images/sirkel.png) no-repeat 10px center rgba(95, 115, 97, 1)
		}


		#SubPages li:hover .Hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			background: rgba(95, 115, 97, 0.9)
		}

		/** last **/
		#SubPages li:last-child:hover h2{
			background: url(images/sirkel.png) no-repeat 10px center rgba(129, 83, 116, 1)
		}


		#SubPages li:last-child:hover .Hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			background: rgba(129, 83, 116, 0.9)
		}


		#SubPages li h2,
		#SubPages li .Hover{
			transition: all 0.5s;			
		}

	#SubPages li .Hover span{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 14px;
		line-height: 14px;
		color: #fff;
		font-family:'Univers LT W01_65 Bold1475968';
	}

#KontaktListe li{
	width: 30%;
	float: left;
	padding-right: 3%;
}

/****************
**** SIDEBAR ****
****************/




/***************
**** FOOTER ****
***************/


@media (max-width: 1050px) {
	#Header{
		background: url(images/bg.gif) no-repeat 600px 22px ; 
	}
	.menu li a:link,
	.menu li a:visited{
		padding: 6px 30px;
	}	
}


@media (max-width: 920px) {
	.menu li a:link,
	.menu li a:visited{
		padding: 6px 20px;
	}	

	#Animasjon .Hover span{
		font-size:14px;
		}


}



@media (max-width: 820px) {
	
	#Content{
		padding: 40px 20px;
	}
	
	h6,
	h6 a:link,
	h6 a:visited{
		font-size: 13px;
		line-height: 19px;
	}
	
	.hentry h1{
		margin: 30px 0 0;
		font-size: 34px;
		line-height: 36px;
	}
	
	p{
		font-size: 18px;
		line-height: 27x;
	}
	
	.menu li a:link,
	.menu li a:visited{
		font-size: 12px;
		padding: 7px 10px;
	}	

	.hentry{
		width: auto;
		float: none;
		margin: 20px 0 40px;
	}
	

		.hentry.wide{
			width: auto;
			float: none;
			
		}
		
		.Gallery{
			margin: 0;
			width: auto;
		}
		
		.Gallery img{
			float: left;
			width: 50%;
			height: auto;
		}

	#Animasjon{
		margin: 0;
	}

	#SubPages{
		margin: 0;
		padding: 0;
		width: auto;
	}



}
@media (max-width: 820px) {
	body{
		background: none;
	}
	
	
	body #menufication-outer-wrap{
		padding-top: 5px;
	}

	body #menufication-top{
		background: none !important;
		border-bottom: none;
		box-shadow: none;
		margin-top: 12px;
	}

	body #menufication-btn{
		position: absolute;
		right: 0 !important;
		top: 10px !important;
		background: rgba(166, 149, 132, 1);
		height: auto !important;
		width: auto !important;
		padding: 0 !important;
		border-radius: 2px 0 0 2px !important;
	}
	
	
			body.logged-in #menufication-btn{
				top: 29px !important;
			}
	
	
	#menufication-top #menufication-btn:before, 
	#menufication-non-css3-top #menufication-non-css3-btn:before{
		border-bottom: 11px double #fff !important;
		border-top: 4px solid #fff !important;	
		position: relative !important;
		margin: 9px 14px !important;
		top: 0 !important;
		left: 0 !important;
		display: block !important;
    }
    
    #menufication-top p, 
    #menufication-non-css3-top p{
	    padding-top: 0 !important;
    }
    
    #menufication-scroll-container{
		background: rgba(166, 149, 132, 1) !important;
		box-shadow: none !important;
    }

	    #menufication-scroll-container a:link,
	    #menufication-scroll-container a:visited{
		    text-shadow: none !important;
		    color: #fff !important;
	    }

		#menufication-nav li{
			border: none !important;
			border-bottom: 1px solid #fff !important;
		}
		
		body #menufication-nav li.menufication-active-class>a, 
		body #menufication-non-css3-nav li.menufication-active-class>a{
			color: #D0CAC1 !important;
		}


	#Animasjon .Hover span{
		font-size:20px;
	}



		.wp-is-mobile #Animasjon .Hover{
			opacity: 100;
			filter: alpha(opacity = 100);
		}
	
		.wp-is-mobile #Animasjon .Hover span{
			font-size:14px;
		}



		.wp-is-mobile #SubPages li:first-child .Hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			background: rgba(80, 116, 138, 0.9)
		}


		.wp-is-mobile #SubPages li .Hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			background: rgba(95, 115, 97, 0.9)
		}

		.wp-is-mobile #SubPages li:last-child .Hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			background: rgba(129, 83, 116, 0.9)
		}

		.flex-control-nav li{
			margin: 0 3px !important
		}
	
		.flex-control-paging li a {
			width: 8px !important;
			height: 8px !important;
		}
}


@media (max-width: 820px) and (orientation: landscape) {
	
	
	.wp-is-mobile #SubPages li .Hover span,
	.wp-is-mobile #Animasjon .Hover span{
		font-size:23px;
	}
	
	#SubPages li h2{
		font-size: 20px;
	    padding: 10px 10px 10px 40px;
	}

}

@media (max-width: 760px) {
	.hentry h1{
		text-align: left !important;
	}
	#Header{
		background: none ; 
	}


	#KontaktListe li{
		width: 100%;
		float: none;
		padding-right: 0%;
	}
	
}