/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; border: 0; font-weight: 100;}

p{
	font-size: 15px !important;
}

/* TEMPORARY SIDE */
.black-link a{
	color:black !important;
	text-decoration: underline;
}

.black-link a:hover{
	color:black !important;
	text-decoration: underline;
}

.black-link a:active{
	color:black !important;
	text-decoration: underline;
}

.black-link a:visited{
	color:black !important;
	text-decoration: underline;
}

/* Structure */
html, body		{background:#fff; min-height: 100%; font-family: Helvetica, sans-serif; font-size: 18px; padding: 0 0 0 0; font-weight: 400;}
.page			{position: absolute; left: 0px; top: 0px; width: 100%; height: auto !important; min-height: 100%; margin: 0; padding: 0; clear: both;  }

.part			{position: relative; width: 100%; margin: 0px 0px 0px 0px; clear: both; }
.section		{position: relative; max-width: 850px; margin: 0px auto 0px auto; clear: both; padding-top: 110px;}
.section_menu	{position: relative; max-width: 930px; margin: 0px auto 0px auto; clear: both;}
.section_footer	{position: relative; max-width: 850px; margin: 0px auto 0px auto; clear: both; }
.clear			{clear: both;}

#venstre		{position: relative; }
.oneto3			{position: relative; width: 240px; float: left; margin:20px;}
.oneto2			{position: relative; width: 525px; float: left; margin:10px;}
.kort			{position: relative; width: 525px; float: left; margin:10px;}
.spalte			{position: relative; width: 525px; float: left; margin:10px; -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */column-count:2;}
 
div.header		{position: relative; max-height: 800px; overflow: hidden; padding-top: 70px;}
div.slider		{position: relative; max-height: 1200px; overflow: hidden;}
.content		{position: relative;}
.footer			{position: relative; height: 320px; width: 100%; background-color: black;  margin-top: 200px; padding: 0px; color: white; z-index: 20000;}
.foot			{position: relative; width: 27%; float: left; margin:3%; margin-top: 80px;}

#test			{width: 100%; height: auto; position: relative; }
.find_os		{position: relative; height: 700px; width: 100%; background-color: black; margin-top: 100px;}
#googleMap		{border: 8px solid #DECB6B; width:510px; height:350px; margin: 17px 0 0 0; padding: 0px; }
iframe			{border: 8px solid #DECB6B; width:525px; height:300px; margin: 0px; padding: 0px; }
.video			{margin: 26px 0 0 0;}

/* Navigation */
div.menu		{height: 70px; position: fixed; z-index: 2; background-color: white;}
				
#navi li		{position: relative; text-align: center; float: left; list-style: none;}
.nav_pri 		{width: 20%; text-align: left;}
.nav_sec		{width: 13%;}
#margin			{margin-bottom: 160px;}
.margin			{margin-bottom: 160px;}

/* Elements */
.dot			{position: absolute; left: -40px; top: 6px;}
.pil			{position: relative; width: auto; padding-top: 20px; top: -20px; text-align: center;}

.flexslider		{min-height: 300px;}
#flex_load		{width: 100%; text-align: center; position: absolute; margin: 100px auto 100px auto;}



.trekant_ned	{position: absolute; width: 100%;  height: 12px; /*background-image: url('../image/structure/gray_kant_ned.png');*/ z-index: 1;}
.trekant_op		{position: absolute; width: 100%; height: 12px; /*background-image: url('../image/structure/gray_kant_op.png');*/ bottom: 0px;}
.trekant_menu	{position: absolute; width: 110%; height: 12px; /*background-image: url('../image/structure/gray_kant_ned.png');*/ top: 70px; left: -9px;}
.trekant_blue	{position: absolute; width: 100%; height: 12px; /*background-image: url('../image/structure/blue_kant_ned.png');*/ z-index: 1;}
.trekant_blue_op {position: absolute; width: 100%; height: 12px; /*background-image: url('../image/structure/blue_kant_op.png');*/ z-index: 1; top:-12px;}


.logo			{position: relative; top: -10px; z-index: 3; display: block;}
#logo_m_c		{display: none;}

.wood			{display: none; }

.slide_logo		{position: absolute; width: 7.18%; text-align: center; z-index: 1000;}
.slide_logo img	{position: relative; width: 800px; margin: 100px 0 0 0;}
#event_dato		{position: relative; width: 800px; text-align: center; top: -330px; margin: 0 auto 0 auto;}

.icon			{position: relative; width: 180px; height: 230px; margin: 0 auto 0 auto;}
.kaffe			{background: url('../image/om1.png') 0 0 no-repeat;}
.tapas			{background: url('../image/om2.png') 0 0 no-repeat;}
.vin			{background: url('../image/om3.png') 0 0 no-repeat;}

.menu_div		{position: relative; width: 100%; margin-top: 0px;}
.menu_kort		{width: 45%; margin-bottom: 100px; margin-left: 2%; border: 8px solid #DECB6B; cursor: pointer;}
hr {
    border: 0;
    height: 1px;
    background: #DECB6B;
    margin: 0;
    padding: 0;
    top: 0;
}
#navi hr	{border: 0; border-top: 1px solid #d5d5d5; height: 0px; background: none; margin: 0 auto 0 auto; position: relative; top: 10px; width: 70%; display: none;}

#fix_face		{position: fixed; width: 53px; height: 50px; bottom: 20px; right: 20px; z-index: 100; display: block; cursor: pointer;}
#fix_face2		{position: absolute; right: 0px; top: 85px; width: 53px; height: 53px;}
.pp_flipflap_style		{position: relative; width: 41px; height: 41px; overflow: hidden;}
.pp_flipflap_both		{position: absolute; width: 100%; height: 200%;}
.pp_flipflap_both img	{position: relative; width: 100%;}
.pp_flipflap_flip		{position: absolute; width: 100%; height: 50%; top: 0%;}
.pp_flipflap_flap		{position: absolute; width: 100%; height: 50%; top: 50%;}



/* Media Querys */
@media	(max-width: 1000px)	{
.slide_logo	img	{width: 90%;}
#fix_face		{display: none;}
}

@media (max-width: 820px)	{

.slide_logo	img	{width: 90%; margin: 120px auto 0 auto;}
#venstre		{position: relative; width: 96%;}
div.header		{position: relative; height: auto;}
.section		{position: relative; width: 92%; padding-top: 80px;}
.section_menu	{position: relative; width: 95%;}
.section_footer	{position: relative; width: 92%;}
.nav_pri		{position: relative; width: 28%;text-align: center; float: none; list-style: none;}
.nav_sec		{position: relative; width: 12%;text-align: center;  float: none; list-style: none; height: 45px;}
.oneto3			{position: relative; width: 43%;}
.oneto2			{position: relative; width: 94%;}
.kort			{position: relative; width: 92%;}
.spalte			{position: relative; width: 92%; -moz-column-count:1; /* Firefox */ -webkit-column-count:1; /* Safari and Chrome */column-count:1;}
.find_os		{height: 1100px;}
#googleMap		{position: relative; width:100%; height:250px; left: 10px;}
iframe			{position: relative; width: 93%; height:250px; margin: 0 auto 0 auto; left: 20px;}
.dot			{position: absolute; display: none;}
.pil			{position: relative; width: 90px; margin: 0 auto 0 auto;}

}

@media (max-width: 590px)  {
.flexslider		{min-height: 0px;}
#navi hr		{display: block;}
img#logo		{display: none;}
div#logo_m_c	{position: fixed; width: 100%; display: block; z-index: 90000; text-align: center;}
div#logo_m_c img	{position: relative; margin: 0 auto 0 auto; width: 60%;}
.slide_logo	img	{width: 100%; margin: 60px auto 0 auto;}
.section		{position: relative; width: 92%;}
#navi			{padding-top: 130px;}
.nav_pri		{position: relative; width: 100%; text-align: center; float: none; list-style: none;}
.nav_sec		{position: relative; width: 100%; text-align: center;  float: none; list-style: none; margin: 0px; padding: 0px; height: 40px;}
div.menu		{position: relative; height: 500px;}
div.header		{position: relative; height: auto; padding-top: 0px;}
.oneto3			{position: relative; width: 92%; margin:4px;}
.oneto2			{position: relative; width: 92%; margin:4px;}
.kort			{position: relative; width: 92%;}

#googleMap		{width:97%; height:300px; left: 0px;}
iframe			{width:92%; height:200px; left: 0px;}
.dot			{display: block;}
.foot			{position: relative; width: 92%;}
.footer			{position: relative; height: 750px;}
.find_os		{height: 650px; margin-top: 0px;}
li				{float: left;}
ul.info li				{float: none;}

.pil			{width: 100px;}
.wood			{display: none;}
.trekant_menu	{top: 500px; width: 100%; left: 0px;}
#event_dato		{width: 100%; top: -145px;}
#event_dato h1	{font-size: 25px;}
.menu_kort		{width: 97%; margin-left:0;}
}




@media only screen 
and (min-width : 321px)
and (max-width : 768px) {
#event_dato		{width: 100%; top: -225px;}
div#logo_m_c img	{width: 30%;}
}