﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* colors */
body {
       /*background-color: #eee; /* Skærm baggrund color */
       /* background-color: #f4f4f4; /* Skærm baggrund color */
       font-family: Verdana;
       font-size: 90%;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
/* This removes the border around the viewport in old versions of IE */    width: 100%;
    /* background:  #fff; */
    min-width: 880px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}

a {
       /* color:Blue; */
}
a:visited
{
       color:#333333;
}
/*  a:active */

 a:link
{
       color:#000066; /*#000099; */
}

.button-sprite {background:url(images/button-sprite.gif) no-repeat; border:0}
.button-16 {height:16px;width:16px;}
.button-space-8 {margin:8px;}
.button-link {background-position:0 0}
.button-googleearth {background-position:-16px 0}
.button-feed {background-position:-32px 0}
.button-facebook {background-position:-48px 0}
.button-twitter {background-position:-64px 0}
.button-linkedin {background-position:-80px 0}
.button-maps {background-position:-96px 0}
.button-googleearthtour {background-position:-112px 0}
.button-prev-active {background-position:0 -16px}
.button-prev-inactive {background-position:-16px -16px}
.button-next-active {background-position:-32px -16px}
.button-next-inactive {background-position:-48px -16px}
.button-mail-14-9 {background-position:-64px -16px;height:9px;width:14px;}
.button-phone-14-9 {background-position:-64px -25px;height:9px;width:14px;}
.button-googleearth-12 {background-position:-80px -16px;height:12px;width:12px;}
.button-bullet-12 {background-position:-96px -16px;height:12px;width:12px;}

.belowtopmenubar {
    height: auto;
     padding-bottom: 1px;
     padding-top: 5px;
   /* border-bottom:1px solid #000;*/
    /* border-top:1px solid #369 */
    /* padding-left:200px; */
    /* padding-top:5px; */
    /* margin-left:50px; */
}
.topmenubar    
{
	text-align: center;
	position:relative;
	width: 870px;
}
#pagecontainer {
	position:relative;
}


#pagecontainer {
    margin: 0  auto;
    width: 980px; /* you can use px, em or % */
}
#pagecontainer2 {
    margin: 0  auto;
    width: 100%; /* you can use px, em or % */
}
#pagecontainer3a {
    margin: 0  auto;
    width: 100%; /* you can use px, em or % */
}
#pagecontainer3b {
    margin: 0  auto;
    width: 100%; /* you can use px, em or % */
    left:0;
}

#leftcolumntext
{
    margin-left: 5px;
}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}


	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

.floatright {
    float:  right;
	text-align:right;
	margin:0;
	padding:  5px 5px 5px 5px;
}




	/* 2 column left menu settings */
	#twocolumns .leftmenu  {
	    /* background:#FFD8B7; */
	}
    #twocolumns .leftmenu  .colright {
        float:left;
        width:200%;
		position:relative;
		left:250px;
        /* background:#fff; */
    }
    #twocolumns .leftmenu  .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:250px;
	    padding-bottom:1em;
	}
	#twocolumns .leftmenu  .col1 {
        margin-top: 0px;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-left: 250px;
	    position:relative;
	    right:100%;
	    /* overflow:hidden; */
	    width:750px;
	    /* width:760px; */
	    /* background:#eff; */
	    
	}
    
 	.col1-photo{
	    /* width:530px; */
	    width:750px;
	}
    .col1-below-photo td{
	    vertical-align: top;
	}
	.col1-text{
	    width:530px;
	    vertical-align: top;
	    margin-right: 10px;
	}
 	.col1-map
 	{
 	    position:relative;
        float:left;
	    /*width:200px;*/
	    vertical-align: top;
	    text-align:center;
	    font-size:small;
	}
 	.col1-after-map1{
	    /* font-size:x-small; */
	}
 	.col1-photographer
 	{
 	    text-align:center;
	    font-size:small;
        margin-top:10px;
	}
	
   #twocolumns .leftmenu  .col2 {
        float:left;
        width:235px;
        position:relative;
        right:250px;
        margin-top: 40px;
    }




#pagecontainer {
     /* background-color: Gray; /* min side background color*/
}
#header {
       /* background-color: #dee; /* header background color */
}
#footer {
     /* background-color:  #dee; /* min side background color*/
}
.abovemenubar {
    /* background-color: Navy;    	/*background color*/
}
.topmenubar {
    /* background-color:  White;    	/* Page Title background color*/
}
.belowtopmenubar {
    /* background-color:Maroon;    	/* Page Title background color*/
}
#threecolumns .colmask {
    /* background:#dee;    	/* Right column background colour */
}
#threecolumns .colmid {
    /* background:#fff;    	/* main Centre column background colour */
}
#threecolumns .colleft {
    /* background:#dee;    	/* Left column background colour */
}
#twocolumns .colmask  {
    /* background:#dee;        /* left two columns, */
}
#twocolumns .leftmenu  .colright {
    /* background:#fff;        /* main right two columns, */
}

#onecolumn .fullpage {
    /* background:#dee;        /* left and right one column, */
}
#onecolumn .col1 {
    /* background:#fff;        /* main one column, */
}
.topmenubar
{
	width:100%;
}
.leftmenutop
{
	/*height: 65px;*/
}
#topmenubarPanel {
	width:100%;
	padding-left: 240px;
	/* margin: 5px  5px  10px 5px;*/
}


.sitetitle
{
	/*text-align:center; */
	padding-left: 425px;
	font-family: Chiller;
	font-size:200%; 
	font-weight:normal;
	margin:0px 0px 0px  0px;
}
.sitesubtitle
{
	/* text-align:center;*/
	padding-left: 350px;
	font-family: Chiller;
	font-size:130%;
	font-weight:normal;
	margin:0px 0px 0px  0px;
}
.pagetitle
{
	/* color: Red; */
	text-align:left;
	/* font-weight:normal; */
	 margin:     20px   5px  5px   0px;
	/* border-top-style: double;
	border-top-width:thick; */
	/* margin: 5px  5px  10px 5px;*/
}
h1 { font-size: 120%; }
h2 { font-size: 100%; }
h3 { font-size: 95%; }
h4 { font-size: 90%; }
h5 { font-size: 85%; } 
/* h1, h2, h3, h4, h5, p { margin-bottom:1px; }*/


.font-small
{
	font-size:small;
}  
.font-x-small
{
	font-size:x-small;
}  
.click-text
{
	font-size:80%;
}  

.toplogin {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	margin:0;
	padding: 0 5px 0 0;
    /* background:#FFD8B7;  */  	
}
.top-left
{
	position:absolute;
	top:10px;
	left:25px;
	text-align:left;
	margin:0;
	padding: 0 0 0 5px;
}
.top-mandala
{
	position:absolute;
	top:10px;
	left: 750px;  /* 250px; */
	text-align:left;
	margin:0;
	padding: 0;

}
.top-share
{
	position:absolute;
	top:100px;
	left: 20px;  /* 250px; */
	text-align:left;
	margin:0;
	padding: 0;

}
a img
{
     border-width: 0;
}

.col3 {
    left:805px;
    top: 100px;
    width:200px;
    position:absolute;
    /* margin-top:10px; */

}
.col3 img, .col1 img{
   margin-top:2px; 

}
.top-overskrift
{
	position:absolute;
	top:20px;
	left:350px;
	text-align:left;
	margin:0;
	padding: 0;
}
.top-feed
{
	position:absolute;
	top:98px;
	left:225px;
	text-align:left;
	margin:0;
	padding: 0;
}
.top-navigation
{
	position:absolute;
	top:60px;
	left:245px;
	margin:0;
	padding: 0;
}

#google_translate_element {
	position:absolute;
	top:0;
	left:0;
	text-align:left;
	margin:0;
	padding: 0 0 0  5px;
    /* background:#FFD8B7;  */  	
}
.center {text-align:center;}
.float-left {float:left;}
.float-right {float:right;}
.color-red {color:Red;}
.gallerytableX  {width: 99%; font-size:small;}
.gallerytableX td {vertical-align: top; text-align: center;}
.gallerytableX img {border-width:1px; border-color:black;}
.gallerytable1  {width: 99%; font-size:small;}
.gallerytable1 td {vertical-align: top; text-align: left;}
.gallerytable1 img {border-width:1px; border-color:black;}
.w3-validator img, .image-no-border {border-width:0px;}
.photosrightheader h5 { padding:0 0  8px 0; margin:0;border:0;}
.col2 hr{width:220px; text-align:left; left:5px;}
.float-right-minus-250 {margin-top:10px; margin-right:250px; float: right;}
.linkcode-select {margin-left:150px; font-weight:bold;}
.google-map-x-small-100 {font-size:x-small;width:100px;}

/* pagetext */
.quote
{
  margin: 0px;
  padding:    5px   20px   10px  25px;
  font-size: 88%;
  font-style: italic;
  background: url('images/quotes-16.gif') no-repeat  2px 0;
  }

.photo-float-left {
    float: left;     /* allows the text to flow to the right */
    margin: 5px 5px 5px 5px;  /* top right bottom left        */
    padding: 0px 0px 0px 0px;  /* top right bottom left        */
}                            /* spacing of text around photo */
.photo-float-right {
    float: right;     /* allows the text to flow to the left */
    margin: 5px 5px 5px 5px;  /* top right bottom left        */
    padding: 0px 0px 0px 0px;   /* top right bottom left */
}
