@import "/common/include/css/global.css";

/* *******************************************************************************************
	Styling of HTML tags
   ******************************************************************************************* */

   html {
		background-color:#f4ede0;
		margin:10px 0 0;
   }
   
   body {
		line-height: 1.4em;
		color:#000000;
		font:14px/115% Helvetica,Verdana,Geneva,Arial,sans-serif;
		text-align:center;
   }
   
   body p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  line-height: 1.4em;
}

body a {
  font: normal 14px Helvetica, Verdana, Geneva, Arial, sans-serif;
  color: #000000;
  text-decoration: none;
}

body a:hover {
  color: #ceb798;
  text-decoration: underline;
}

body h1 {
  font: bold 20px Helvetica, Verdana, Geneva, Arial, sans-serif;
  color: #000000;
  margin: 0px;
  padding: 0px;
  padding-bottom: 20px;
  padding-top: 10px;
}

body h2 {
  font: bold 18px Helvetica, Verdana, Geneva, Arial, sans-serif;
  color: #000000;
  margin: 0px;
  padding: 0px;
  padding-bottom: 8px;
}

body h3 {
  font: bold 16px Helvetica, Verdana, Geneva, Arial, sans-serif;
  color: #000000;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;
}

body h4 {
  font: bold 14px Helvetica, Verdana, Geneva, Arial, sans-serif;
  color: #000000;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;
}

body td {
	color:#000;
	font:14px/115% Helvetica,Verdana,Geneva,Arial,sans-serif;
	margin:10px 0 0;
	text-align:center;
}

/* *******************************************************************************************
	Style: mainContainer
   ******************************************************************************************* */

#mainContainer {
		background-color:transparent;
		margin:0 auto;
		min-height:300px;
		text-align:left;
		width:750px;
}

/* *******************************************************************************************
	Style: header
   ******************************************************************************************* */

   #header {
		clear:both;
		height:170px;
		margin:0;
		width:750px;
   }
   
   #logo {
/*   	background-image:url("header.png");*/
   		background-image:url("http://www.crystalsite-x.dk/assets/prinsesjuliana.dk/header.jpg");
		background-repeat:no-repeat;
		height:170px;
		width:750px;
	}

/* *******************************************************************************************
	Style: header menu
   ******************************************************************************************* */


/* *******************************************************************************************
	Style: page content
   ******************************************************************************************* */
	
	#mainContentOuter {
		background-color:#fff;
		border-bottom:5px solid #F4EDE0;
		border-top:5px solid #F4EDE0;
		float:right;
		margin:0 0 0 0;
		padding:10px 10px 0 8px;
		width:537px;
	}

	

/* *******************************************************************************************
	mainContent modules: Gallery
   ******************************************************************************************* */
a.boxgrid, a.boxgrid:hover {
	text-decoration: none;
}

.boxgrid { 
    width: 230px;  
    height: 184px;  
    width: 245px;  						/* Thumb width */
    height: 196px;  					/* Thumb height - must be width/1.25 */
    float:left;  
    background:#000;  
    border: solid 2px #F4EDE0;  
    overflow: hidden;  
    position: relative;  
	color: #fff;
	margin: 15px 0 0 0;
}  
.boxgrid.highlight { 
	margin: 15px 17px 0 0;
}

.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
	width:100%; height:100%;
} 

.boxcaption {
    float: left;  
	padding: 10px 3px 0 3px;
    position: absolute;  
    height: 100px;  
    width: 100%;  
	-khtml-opacity: 0.6;
	color: #000;
	background-color: #bbb5aa;
        -moz-opacity:0.7;
        opacity: 0.7;
              filter:  progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6,IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* IE8 */
}
.boxcaption h3 {
    position: absolute;  
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	left: 3px;
	top: 10px;
	z-index: 10;
}
.boxcaption h4 {
	/*padding: 18px 0 0 0;
	font: normal 11px "Arial";
	color: #dcf2fd;*/
	display:none;
}
.boxcaption .description {
	font: normal 13px "Arial";
    overflow: hidden;
	height: 64px;
	color: #000;
	line-height: 1.2em;
	padding-top:11px;
}

.captionfull .boxcaption {  
    top: 260px;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 152px;  				/* thumb height - 44  */
    left: 0;  
} 

.gallery .images {
	padding: 15px 0;
}
.gallery .images a {
}
.gallery .images a img {
	border:1px solid #000;
	padding:5px;
	margin: 0 7px 5px 0;
	width: 107px;
	height: 107px;
}

/* *******************************************************************************************
	Style: linkbox content
   ******************************************************************************************* */


#mainContentOuter .contentBoxOuter .item {
  margin: 5px 5px 3px 5px;
  width: 164px;
  text-align: center;
  float: left;
}

#mainContentOuter .linkbox .contentBoxOuter .item a {
	color: #000;
	text-decoration: none;
}

#mainContentOuter .linkbox .contentBoxOuter .item h2 {
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
	background-color: #bbb5aa;
	color: #000;
}

#mainContentOuter .linkbox .contentBoxOuter .item h3 {
	padding:2px 0;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background-color: #bbb5aa;
}

#mainContentOuter .linkbox .contentBoxOuter .item img {
  margin: 3px 0 0 0;
  width: 164px;
  height: 115px;
}

#mainContentOuter .linkbox .contentBoxOuter .item img a {
  display: block;
  width: 164px;
  height: 115px;
}

#mainContentOuter .linkbox {
  padding: 0 6px; 
}

#mainContentOuter .listtable {
	width: 100%;
}

#mainContentOuter .listtable .text {
	margin: 0;
	padding: 0;
}

#mainContentOuter .listtable input[type="text"] {
	border:1px solid #5D6770;
	color:#000;
	font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
	font-size:13px;
	height:18px;
	padding:2px;
	width: 98.5%;
}

#mainContentOuter .listtable .w50px input[type="text"] {
	border:1px solid #5D6770;
	color:#000;
	font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;
	font-size:13px;
	height:18px;
	padding:2px;
	width: 90%;
}

#mainContentOuter .listtable #adrBy {
	width: 98.2%;
}

#mainContentOuter .listtable textarea {
	border:1px solid #5D6770;
	padding: 2px;
	margin: 0px;
	width: 98.5%;
}

#mainContentOuter .listtable {
	border-spacing:0px;
	margin:15px 0 0;
	background-color:#F4EDE0;
}

#mainContentOuter .listtable td {
	padding:10px 10px 0px 0px;
	text-align:center;
	margin: 0;
}


#mainContentOuter .listtable .left {
	text-align:left;
	vertical-align:top;
	padding: 15px 10px 5px 10px;
	width: 125px;
}


#mainContentOuter .listtable input[type="submit"] {
	float: right;
	margin: 0 0 10px;
}

/* *******************************************************************************************
	Style: page content
   ******************************************************************************************* */


/* *******************************************************************************************
	Style: left element
   ******************************************************************************************* */
	#sidebar_submenu_element {
		padding: 0px 0px 25px 0px;
    }
   
	#sidebar_submenu_element a {
		color:#fff;
		font:bold 13px Helvetica,Verdana,Geneva,Arial,sans-serif;
		display: block;
		text-decoration:none;
		padding: 15px 5px 0pt;
	}
	
	#sidebar_submenu_element  ul.hidemenu {
		display: none;
	}
	
	#sidebar_submenu_element li.sub {
		.margin-top:-1.2em;
	}
	
	#sidebar_submenu_element .level1 a {
		color:#fff;
		font:bold 13px Helvetica,Verdana,Geneva,Arial,sans-serif;
		display: block;
		text-decoration:none;
		padding: 6px 5px 0pt 15px;
	}
	
	#sidebar_submenu_element li {
		list-style:none outside none;
	}

   #leftColOuter {
		background-color:#000;
		color: #fff;
		clear:both;
		float:left;
		margin: 0 5px 0 0;
		padding: 10px 10px 10px 10px;
		width:170px;
	}
   
#leftColOuter .contentBoxOuter {
	color:#fff;
	font-size:10px;
	padding:5px 0 0 0;;
}

#leftColOuter .contentBoxOuter h1 {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:2px 0 8px;
}

#leftColOuter .buttons {
	padding: 0 0 50px 0;
	display: block;
}

#leftColOuter .buttons a.signon {
	float: left;
	padding-left: 6px;
	padding-right: 6px;
}

#leftColOuter .buttons a.signoff {
	float: right;
	padding-left: 6px;
	padding-right: 6px;
}

#nlSignupField {
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	border: 1px solid #000;
}

#nlSignupText .buttons .btn.signon {
float: left;
}

#nlSignupText .buttons .btn.signoff {
float: right;
}

 #leftColOuter .contentBoxOuter  {
	padding: 0 0 20px 0;
}
/* *******************************************************************************************
	Style: left buttons and textboxs
   ******************************************************************************************* */

   
/* *******************************************************************************************
	Style: footer
   ******************************************************************************************* */
   
   #footerOuter {
		background-image:url("bar.jpg");
		background-repeat:no-repeat;
		clear:both;
		height:25px;
		margin:0 0 5px;
		padding:0;
		width:750px;
   }
   
   #footer {
		color:#101010;
		font-family:Verdana;
		font-size:10px;
				position: relative;
		padding-right:52px;
		padding-top:3px;
		padding-bottom: 30px;
		text-align:right;
   }
   

#copyright {
	position: absolute;
	color: #000;
	right: 0px;
	bottom: 3px;
}

/* *******************************************************************************************
	Style: hidden elements
   ******************************************************************************************* */
   
	#menuPath {
		display: none;
	}