.hidden {display: none;}
.unhidden {display: block;}
.hidden1 {visibility:hidden;}
.unhidden1 {visibility:visible;}

 
body {
	overflow:scroll;
	background-size:100% 100%;
/*	background-image: url("/asset.php?path=decco%2Fbaground.png"); */
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center center;
	background-color: #fff;
	font: 20px/35px verdana, sans-serif;
	color: #666;
	border: 0px solid #666;
}




.menu2{
    z-index: 1000;
	position:fixed;
	right: 0;
	top: 0;
	overflow:visible;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #666;
	box-shadow: 0px 0px 15px #4d4d4d;
	background-color: #FFF;
}

.menu1{
    z-index: 1000;
	position:fixed;
	right: 0;
	top: 70px;
	overflow:visible;
	width: 600px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 0px solid #666;
}

.menu-wrapper {
	opacity:0.95;
	position:relative;
	width: 1050px;
	height: auto;
	float: right;
	border-radius: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 1px;
	padding-left: 20px;
	border: 0px solid #666;
}


.menu-display {
	position:relative;
    z-index: 1000;
	opacity:0.7;
	width: 120px;
	height: auto;
	text-align: center;
	font: 20px/20px verdana, sans-serif;
	color: black;
	box-shadow: 0px 0px 5px #4d4d4d;
	border-radius: 4px;
	background-color: #FFF;
	padding: 5px;
	margin: 10px auto;
}


.menu-display:hover{
	opacity:0.9;
	background-color: #aaa;
}


.home_text{
	z-index: 100; 
	position: absolute;  
	opacity:0.8; 
	position: absolute;
	margin-top: 10px;
	margin-left: 50px;
	font-size: 4vw; 
	color: white; 
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; 

}

.home_text::before{
	opacity: .0;
}
.home_pics{
	position: relative; 
	margin-top:-20px;
	width: 101.5%;
	margin-left: -1%;
	margin-right: -1%
	border-bottom: 0px solid #666;
/*	box-shadow: 0px 10px 5px -5px #DdDdDd;;*/
}

.article{
	position: relative;
	width: 97%;
	margin-top:30px;
	margin-left: 50px;
	border: 0px solid #666;
	
}
.article_head{
	font-size:250%;
	text-transform:uppercase;
	line-height:300%;
	display:inline;
	font-family:'Roboto Slab',serif;
	font-weight:lighter;
	border: 0px solid #666;
}

.article_text{
	float: left;
	width: 70%;
	font-size: 100%;
	border: 0px solid #666;
}

.article_picture{
	position: relative;
	float: right;
	width: 29%;
	border: 0px solid #666;
	
}

.article_link {
    z-index: 900;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	opacity:0.7;
	width: 120px;
	height: auto;
	text-align: center;
	font: 20px/20px verdana, sans-serif;
	color: black;
	box-shadow: 0px 0px 5px #4d4d4d;
	border-radius: 4px;
	background-color: #FFF;
	padding: 5px;
	margin: 10px auto;
}


.article_link:hover{
	opacity:0.9;
	background-color: #aaa;
}



.Collage{
	width: 101.5%;
	margin-top:-20px;
	margin-left: -1%;
	margin-right: -1%

}

.menu-display select{
	position:relative;
    z-index: 1000;
	opacity:0.7;
	width: 120px;
	height: auto;
	text-align: center;
	font: 20px/20px verdana, sans-serif;
	color: black;
	border-radius: 4px;
	background-color: #FFF;
	padding: 5px;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	border: 0px solid #666;
	
}

.menu-display input{
	position:relative;
    z-index: 1000;
	opacity:0.7;
	text-align: center;
	font: 20px/20px verdana, sans-serif;
	color: black;
	border-radius: 4px;
	background-color: white;
	padding: 5px;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	border: 0px solid #666;
	
}

.oensker-wrapper {
position:relative;
opacity:0.7;
width: 100%; 
float: left;
padding: 0px;
box-shadow: 0px 0px 15px #4d4d4d;
border-radius: 0px;
border: 0px solid #fff;
background-color:#fff;
margin-left: -1%;
padding-left:1.5%;
margin-top:10px;
margin-bottom:10px;
float: left;
display: block;
}

.oensker-wrapper:hover { 
opacity:0.9;
}

.oensker-display { 
width: 96.333333333333%; 
float: left;
padding: 10px;
-webkit-box-shadow: 0px 0px 5px #4d4d4d;
-moz-box-shadow: 0px 0px 5px #4d4d4d;
box-shadow: 0px 0px 5px #4d4d4d;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;  
border-radius: 3px;
border: 0px solid #fff;
background-color:#fff;
height: -moz-fit-content; 
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}

.oensker-image-wrap { 
position:relative;
width: 15%; 
float: left;
height: 150px; 
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:2%;
margin-bottom:2%;
float: left;
display: block;
border: 0px solid #333;
}

.oensker-image{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	

}


.oensker-text { 
width: 58%; 
float: left;
padding: 0px;
background-color:#fff;
height: -moz-fit-content; 
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
border: 0px solid #333;
}

.oensker-text p {
	line-height:100%;
}
.oensker-top { 
width: 100%; 
float: left;
padding: 0px;
background-color:#fff;
height: -moz-fit-content; 
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}


.oensker-link { 
position:relative;
	width: 15%;
float: right;
margin-top:2%;
margin-bottom:2%;
padding-left: 3%;
float: left;
display: block;
text-align:center;
border: 0px solid #333;
}


.oensker-add { 
width: 100%; 
float: left;
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}



.stamp-wrapper{
	position: relative;
	float: left;
	width: 400;
	height: 100px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	border: 0px solid #333;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
}




.list-unit-wrapper {
	opacity:0.7;
	width: 100.9%;
	height: auto;
	float: left;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 0px;
	margin-left:-1%;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px;
	border: 0px solid #333;
	background-image: url("/asset.php?path=decco%2Fnoteblock2.jpg");
	background-size: 100%;
	background-repeat: repeat-y;
}

.list-unit-wrapper:hover {
	opacity:0.95;
}


.list-unit-display {
	opacity:0.7;
	width: 99.1%;
	height: auto;
	float: left;
	box-shadow: 0px 0px 5px #4d4d4d;
	border-radius: 4px;
	background-color: #FFF;
	padding: 5px;
	border: 0px solid #333;
}

.list-unit-top {
	position: relative;
	float: left;
	display: block;
	text-align: center;
	height: auto;
	width: 67%;
	border: 0px solid #333;
	font-family: 'Reenie Beanie';
	text-transform: uppercase;
/*	font-family: 'BallpointprintRegular'; */
	font-size:300%;
	line-height:100%;
	font-weight: bold;
	color: darkblue;
	font-style: normal; 
}

.list-unit-text {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: auto;
	width: 67%;
	padding-left: 50px;
	border: 0px solid #333;
	font-family: 'Reenie Beanie';
/*	font-family: 'BallpointprintRegular'; */
	font-size:200%;
	line-height:150%;
	font-weight: normal;
	color: darkblue;
	font-style: normal; 
}

.list-unit-text p {
	font-family: 'Reenie Beanie';
	font-size:100%;
	color: darkblue;
}

.list-unit-date {
	position: relative;
	float: right;
	text-align: center;
	display: block;
	text-align: left;
	height: auto;
	width: 15%;
	left: 5px;
	top: 10px;
	border: 0px solid #333;
}
.list-unit-user {
	font-family: 'Reenie Beanie';
	float: right;
	display: block;
	text-align: center;
	height: auto;
	width: 15%;
	position: relative;
	left: 5px;
	border: 0px solid #333;
}

#list-unit-user1 {
	float: left;
	display: block;
	text-align: left;
	height: auto;
	width: 100%;
	position: relative;
	left: 0px;
	border: 0px solid #333;
}

#submenu-display{
	position: relative;
	float: left;
	height: 500px;
	background-image: url("/asset.php?path=decco%2Fnoteblock2.jpg");
	background-size: 100%;
	background-repeat: repeat-y;
	border: 0px solid #333;
}


.visitscroll{
	height:200px;
	overflow:auto; 
	padding:20px; 
	box-shadow: 0px 0px 15px #4d4d4d; 
	border: 5px solid #333; 
	border-radius: 10px;"
}

#visitlist{
	height: 250px; 
	width:500px; 
	overflow:auto; 
	border: 0px solid #666;
}




.Collage img{
    opacity:1;
    box-shadow:0px 3px 4px #cdcdc;
    border-radius: 6px;
    /* 
    * Change this to try different borders
    */
    border:3px solid #FFF;
}
 .Collage{
    /* 
     * Change this to set the spacing of the images in the grid
     */
    padding:10px;
	font-size:200%;
	color: darkblue;
  }


































.invitation-wrapper {
	margin-top:100px;
    position:initial;
	overflow:hidden;
	opacity:0.95;
	width: 430px;
	height: 580px;
	float: left;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 10px;
	margin-right: 30px;
	margin-left: 30px;
	padding: 5px;
	border: 7px solid #333;
}


























#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #20548E;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #1A4473}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #9F1B1B}
		
		#jsddm li ul li a:hover
		{	background: #7F1616}

		

div.col-3 {
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    column-count: 4;
    column-gap:10px;
}

.ui-menu { 
	width: 150px; 
}


#slideshow {
    position:relative;
	width:48%;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



.invitation-wrapper-baggrund {
	opacity:0.95;
	width: 430px;
	height: 580px;
	float: left;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 10px;
	margin: 0em;
	padding: 5px;
	border: 7px solid #333;
}

.invitation-wrapper-text{
	text-align: center;
	background-color: #666;
	width: 430px;
	height: 580px;
	float: left;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 10px;
	margin: 0em;
	padding: 0px;
	border: 0px solid #333;
}



.lokale-wrapper {
	opacity:0.95;
	width: 100%;
	height: auto;
	float: left;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 10px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding: 5px;
	border: 7px solid #333;
	background-color: #FFF;
}


.lokale-display {
	opacity:0.95;
	width: 99.1%;
	height: auto;
	float: left;
	background-color: #FFF;
	padding: 5px;
}



.list-unit-image-frame {
	position: relative;
	width: 150px;
	height: 250px;
	float: left;
	display: block;
	margin-left: 40px;
	border: 0px solid #333;
}

.list-unit-image {
	opacity:1.0;
	position: relative;
	width: 150px;
	height: auto;
	max-height: 150px;
	float: left;
	display: block;
	margin-left: 1%;
	border: 0px solid #333;
}

input
{
    font-size:24px;
}

textarea
{
    font-size:18px;
}




img.Image { 
	max-width: 100%; 
	max-height:150px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease; 
	-o-transition: all 1s ease;
} 

img.Image:hover {
	max-height: 220%;
	max-width: 220%;
	margin-left: 0%;
}




.list-unit-image-text {
	opacity:1.0;
	width: 100%;
	height: 30px;
	position: relative;
	float: left;
	display: block;
	margin-right: 5px;
	border: 0px solid #333;
}

div.fileinputs {
	position: relative;
	padding: 20px;

}
div.fakefile {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: absolute;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


.list-unit-comment {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: auto;
	width: 830px;
}







.list-unit-link {
	width: 70%;
	float: right;
	float: left;
	display: block;
	height: 10px;
}


.list-unit-add { 
width: 100%; 
float: left;
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}


a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
}

.list-opskrift-text {
	font-size:medium;
	position: relative;
	float: left;
	display: block;
	text-align: left;
	line-height: 150%;
	height: auto;
	width: 400px;
	border: 0px solid #333;
	vertical-align: top;
	margin-left: 20px;
	border: 0px solid #333;
}

.list-opskrift-liste {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: auto;
	width: 250px;
	border: 0px solid #333;
	vertical-align: top;
}



a:hover {
	color: #000;
}

a.return{
    font-size:12px;
    display:inline-block;
    padding:12px 10px 10px 10px;
    float:right;
    text-transform: uppercase;
    color:#41505A;
}
a.return:hover{
    color:#09F;
}


h10 {
	font-size:200%;
	text-transform:uppercase;
	line-height:200%;
	display:inline;
	font-family:'Roboto Slab',serif;
	font-weight:lighter;
}

h20{
}

h21{
    font-family: ballantines;
	font-size: 37px;
	color: #FFF;
}


h25 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}
h26 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: bold;
	text-transform: uppercase;
}

h3{

    font-family: ballantines;

    src: url("/asset.php?path=css%2Fballantines.ttf");

	font-size: 1.3em;

	height: 20px;

	padding-top: 0;

	text-decoration: none;

    color: #f0f;

}


h7 {
    font-family: ballantines;
	font-size: 90px;
	height: 25px;
	text-decoration: bold;
    color: #FFF;
}

 
#view-unit-d {
width: 98%; 
float: left;
padding: 10px;
-webkit-box-shadow: 0px 0px 5px #4d4d4d;
-moz-box-shadow: 0px 0px 5px #4d4d4d;
box-shadow: 0px 0px 5px #4d4d4d;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;  
border-radius: 3px;
border: 0px solid #fff;
background-color:#222;
height: -moz-fit-content; 
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}


#view-unit-m {
 background-color:#111;
 width: 98%;
    height: 30px;
    padding: 5px;
margin-bottom:10px;
    -webkit-box-shadow: 0px 0px 3px #4d4d4d;
    -moz-box-shadow: 0px 0px 3px #4d4d4d;
    box-shadow: 0px 0px 3px #4d4d4d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;  
    border-radius: 3px;
    border:solid white 0px;
}

#view-unit-box1 {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width:60%;
 float: left;
}

#view-unit-box2 {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width:30%;
 float: right;
}

.view-unit{
width: 98%;
 float: left;
 padding:15px;
margin: 0px 0px 0px 0px;
color:#ccc;
background-color:#F23;
    -webkit-box-shadow: 0px 0px 3px #4d4d4d;
    -moz-box-shadow: 0px 0px 3px #4d4d4d;
    box-shadow: 0px 0px 3px #4d4d4d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;  
    border-radius: 3px;
    border:solid white 0px;
}

#view-unit-a {
 float: left;
 width: 99%;
 height: 350px;
 color:#ccc;
 background-color:#222;
 -webkit-box-shadow: 0px 0px 3px #4d4d4d;
 -moz-box-shadow: 0px 0px 3px #4d4d4d;
 box-shadow: 0px 0px 3px #4d4d4d;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;  
 border-radius: 3px;
 border:solid white 0px;
 padding: 5px;
 margin: 0px 0px 0px 0px;
}

#view-unit-b {
 float: left;
 width: 99%;
 height: -moz-fit-content;
 color:#ccc;
 background-color:#222;
 -webkit-box-shadow: 0px 0px 3px #4d4d4d;
 -moz-box-shadow: 0px 0px 3px #4d4d4d;
 box-shadow: 0px 0px 3px #4d4d4d;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;  
 border-radius: 3px;
 border:solid white 0px;
 padding: 5px;
 margin: 0px 0px 0px 0px;
}

.view-unit-c { 
 background-color:#123;
 border:5px solid #e1e1e8
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 100%;
 width: 100%;
 -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
 -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
 box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
 border-bottom: 1px solid #121212;
 color: #fff;
}

.view-unit-image {
padding:0px;
margin:0px;
line-height:2px;
background-color:#eee;
}

img.stamp { max-width: 87%; max-height: 85%; border-image: url("/asset.php?path=decco%2Fstamp-border.png") 8 round; border-width: 8px; border-style: solid;}
div.stamp {width:120px; height:120px; float:left; background-color: #CCC; padding:2px; margin:20px}

.test{
	
	background-image: url("/asset.php?path=decco%2FGaver.jpg");
	background-size: 100%;
	background-repeat: repeat-y;
	border: 1px solid #333;

}


.demo_container { width:980px; margin:0 auto; }
#demo_top_wrapper { margin:0 0 10px 0; }
#demo_top {padding:0px 0 0 0; }
#my_logo { font:70px Georgia, serif; }

#sticky_navigation_wrapper { width:100%; height:auto;}
#sticky_navigation { 
	width:100%; 
	height:50px; 
	z-index: 1000; 
	background-color: #FFF; 
	-moz-box-shadow: 0 0 5px #999; 
	-webkit-box-shadow: 0 0 5px #999; 
	box-shadow: 0 0 5px #999; 
}

.content {padding:10px;}
.content p {margin-bottom:20px;}








* {font-family:arial; margin:0; padding:0;}
.logo {font-size:40px; font-weight:bold;color:#00a; font-style:italic;}
.intro {color:#777; font-style:italic; margin:10px 0;}
.menu {background:#00a; color:#fff; height:auto; line-height:40px;letter-spacing:1px; width:100%;}
.content {margin-top:10px;}
.menu-padding {padding-top:40px;}
.content {padding:10px;}
.content p {margin-bottom:20px;}



.multiselect {
    width:20em;
    height:15em;
    border:solid 1px #c0c0c0;
    overflow:auto;
}
 
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}



table{
    border-collapse: collapse;
    width: 100%;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 0px;
}

th{
	color: black;
	background-color: #aaa;
}

tr{
	background-color: white;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #ccc}

tr.highlight td {
    background-color: yellow;
}

.anetable table{
    border-collapse: collapse;
    width: 100%;
	box-shadow: 0px 0px 15px #4d4d4d;
	border-radius: 0px;
}

.anetable th{
	color: black;
	background-color: #aaa;
}

.anetable tr{
	background-color: white;
}

.anetable th, td {
    text-align: left;
    padding: 8px;
}

.anetable tr:nth-child(even){background-color: #fff}

.anetable tr.highlight td {
    background-color: yellow;
}



input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}