/* cmsms stylesheet: reset modified: 13-12-2016 21:28:29 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* cmsms stylesheet: vestervang modified: 17-06-2020 14:39:57 */
* {
  margin:0;
  padding:0;
}

html {
  overflow-y:scroll;
  height:100%;
}

h1 {
 font-size:180%;
 font-weight: 400;
padding-bottom:12px;
}

h2 {
  font-size:130%;
 font-weight: 300;
padding-bottom:8px;
}

img {
  border:0px;
}

strong {
  font-weight:bold;
}

em {
font-style: italic;
}

body {
  text-align: left;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  height:100%;
  background: #fff7e2 url('/uploads/layout/baggrundsblokke.jpg') repeat-y center top;
}

.globalwrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -20px;
}


ul {
list-style-type: circle;
 list-style-position: inside;

}
.logotop {
  width:100%;
  height:49px;
  display:block;
  margin:0px auto;
  background: #fff7e2;
}

.logotop  .logo{  max-width:980px;   margin:0px auto; text-align:right}
.logotop  .logo img{ max-width:100%}
.bredtbillede1 {
  width:100%;
  height: 256px;
  display:block;
  background: #fff7e2 url('/uploads/layout/topgrafik-v2.jpg') no-repeat center top;
}

.toplogo{
  width:100%;
  height: 44px;
  display:block;
  background: #fff7e2;
}


.mainwrapper {
  width:1000px;
  margin:0px auto;
  border-left: 30px solid #f9ebce;
  line-height:120%;
min-height: 100%;
  height: auto !important;
  height:100%;
}

.menuarea {
  background-color: #fff7e2;
  height:60px;
  padding-top:0px;
  font-size:110%;
}

.searcharea {
  height:60px;
  padding-top:0px;
}

.contentarea {
font-size:90%;
  line-height:150%;
min-height: 100%;
  height: auto !important;
  height:100%;
}

.venstre {
  width:600px;
  padding:25px;
  vertical-align:top;
  float:left;


/*  border-left: 25px solid #f9ebce;*/
}

.hojre {
  width:275px;
  padding-top:25px;
  padding-right:50px;
   word-break: normal;
/*  background-color: #f9ebce;*/
  vertical-align:top;
  float:right;
}

.content {
  
}

.overskrift {
  color:#80623a;
  font-size:130%;
  padding-bottom:8px;
  letter-spacing:1px;
}

.underoverskrift {
  color:#80623a;
  font-weight:bold;
  letter-spacing:1px;
  padding-bottom:4px;
}

a {
  text-decoration: underline;
  color: #5e5627;
}

a:hover {
  text-decoration: none;
  color: #80623a;
}

a:visited {
  color: #5e5627;
}



img.billede260 {
  width:260px;
  height:100px;
  background: #fff7e2 url('/uploads/layout/billedskygge260px.png') no-repeat left top;
  padding:4px;
  padding-bottom:12px;
}

img.hvidramme {
  -moz-border-radius: 6px;
  border-radius: 6px; /* CSS3 */
  behavior: url(http://www.vestervangkirke.dk/uploads/border-radius.htc);
  border:4px solid white;
}


.search-input {
  border:0px;
  width:200px;
  padding:2px;
}

.search-button {
  padding:2px;
  border-style:none;
  border:0px;
  background-color:#f9ebce;
}

.footer {
  width:950px;
margin:0 auto;
  clear:both;
  height:20px;
  font-size:60%;
  padding-top:6px;
  text-align:left;
/*  background-color:#f9ebce;*/



}

 .content table tr td:nth-child(2){display:none;}

 @media (min-width: 980px) and (max-width: 1024px) {
.venstre {

    width: 580px;
}

}

 @media (max-width: 1024px) {
.content{  word-wrap: break-word;}
.issuu-isrendered{ width:100% !important;}
.hojre {


 word-wrap: break-word;

}
}

.content img{ margin-left:15px;}
.content .hometable img{ margin-left:0px;}

 @media (min-width: 768px) and (max-width: 979px) {
 
 .mainwrapper{width:auto; }

.venstre{ width:60%;}
.hojre {width:30%; padding-right:0px;} 
.footer{width:auto; padding-left:10px;}

#primary-nav li a {
  
    font-size: 15px !important;
    margin-right: 17px !important;

}
.content table td{width:50% !important; padding:0 2% !important}
.content table td img{width:100% !important; height:auto !important;}


.hojre {

    padding-left: 13px;
    padding-right: 14px;
 word-wrap: break-word;
    width: 27%;
}

.search-input {
    border: 0 none;
    padding: 2px;
    width: 142px;
}
.content .hometable img {
    margin-left: 0;
    padding-bottom: 3px;
}

}

 @media (min-width: 0px) and (max-width: 767px) {

 .content table tr td:nth-child(2){display:block !important;}

 .content table tr td.mobilehide{display:none !important;}

.menuarea{ height:auto !important;}
.content img {
    margin-left: 0px;
    max-width: 100%;
}

.venstre {
    float: none;
    width: auto;
}

  .mainwrapper{width:auto; border-width:0px; }
 .venstre{ width:auto;}
.hojre {
    float: none;
    padding: 27px;    word-wrap: break-word;
    width: auto;
}
.content{  word-wrap: break-word;}
.content table td {
    display: block;
    padding: 18px 2% !important;
    width: 100% !important;
}
.content table td img{width:100% !important; height:auto !important;}
 .content table tr td:nth-child(2){display:none;}
.footer{width:auto; padding-left:10px;}

.issuuembed { width:auto !important; height:auto !important;}
}
/* cmsms stylesheet: vestervang menu modified: 17-06-2020 14:39:24 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
  background-color:#fff7e2;

/*   border-bottom: 1px solid #C0C0C0;*/
/*   width: 100%;*/
  position: relative;
    z-index: 999999;
}


/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   -moz-border-radius: 6px;
   border-radius: 6px; /* CSS3 */
   behavior: url(http://www.vestervangkirke.dk/uploads/border-radius.htc);
  border:4px solid white;
  background-color:#f9ebce;
  font-size:90%;

}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left;

}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 0px; 

   text-decoration: none; 
/*color: #006699;*/
   color:black;
/*   font-size:110%;
   letter-spacing: 3px;*/
  background-color:#fff7e2;
}

#primary-nav a:hover { 
  color:#80623a;
}

#primary-nav li a { 
/*   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;*/
  margin-right:40px;
  padding-bottom:4px;
  border-bottom: 3px solid #f9ebce;

}
#primary-nav li li a { 
/*   border: 1px solid #C0C0C0;*/
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
border:0px;
  background-color:#f9ebce;
}

#primary-nav li, #primary-nav li.menuparent { 
/*   background-color: #ececec; */
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
/*   background-color: #C7C7C7; */
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
/*   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
/*   background-color: #E7AB0B; */
  color:#bf342e;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */


 @media (min-width: 768px) and (max-width: 8000px) {

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}




small.open {
    background: #80623a  url("/layout/images/down-arrow-1.png") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
}
small.open.active {
    background: #80623a url("/layout/images/up-arrow-1.png") no-repeat scroll center center;
}

#nav-icon {
    cursor: pointer;
    display: none;
    float: right;
    height: 16px;
    margin: 18% 35px 0 0;
    position: relative;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
    width: 26px;
}
#nav-icon span {
    background: #80623a none repeat scroll 0 0;
    display: block;
    height: 3px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: all 0.25s ease-in-out 0s;
    width: 100%;
}
#nav-icon span:nth-child(1) {
    top: 0;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 7px;
}
#nav-icon span:nth-child(4) {
    top: 14px;
}
#nav-icon.open span:nth-child(1) {
    left: 50%;
    top: 0;
    width: 0;
}
#nav-icon.open span:nth-child(2) {
    transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
    transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0;
}



 @media (min-width: 0px) and (max-width: 767px) {

body{
    background: #fff7e2;
 }


#menuwrapper {
    float: left;
    left: 0;
    position: absolute;
    top: 46px;
display:none;
    width: 100%;
}

#primary-nav, #primary-nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0 20px;
    position: relative;
    width: auto;
}

#primary-nav li {
    float: left;
    margin-left: -1px;
    width: 100%;
  position: relative;
}
#nav-icon {
    display: block;
    margin: 0px 10px 0 0;
}
#nav-icon {
    display: block;
    margin: 0 10px 0 0;
    position: absolute;
    right: 15px;
    top: 21px;
}
#primary-nav li a {
    border-bottom: 3px solid #f9ebce;
    margin-right: 0;
    padding-bottom: 12px;
    padding-top: 12px;
}
#primary-nav ul {
    float: left;
    position: relative;
padding:0px;
    width: 100%;
}
.logotop .logo {
    text-align: left;
}

}