/******** General style ************/
body				{ background-color: #000000;
					  color: #FFFFFF;
					  font-family: Verdana;
					  font-size: 12px;
					}

h1					{font-size: 16px; text-decoration: underline;}
h2					{font-size: 13px; text-decoration: underline;}
a					{text-decoration: none;
 					 color: #FFFFFF;
					 font-family: Verdana;
					 font-size: 12px;}
a img				{ border: 0; }
a:visited			{ color: #FFFFFF;}
a:active			{ color: #FFFFFF;}
a:hover				{color: #999999;
       				 text-decoration: underline;}

#mainPageContainer	{ margin-left: auto; 
              		  margin-right: auto;
              		  border: solid 1px #444444;
              		  width: 950px; }
              		  
              		  
              		  
/********* Common shared styles ******************/
              		  
/*#topContainer div	{display: block;}*/
              		  
#companyLogo,            		  
#companyInfo		{padding: 19px 0px 22px 20px;}
              		  

/******** Top Bar **********/
#topBarOut			{font-size: 9px;
          			 font-family: Arial;
       				 color: #999999;
       				 border-bottom: solid 1px #777777;
       				 height: 17px;
       				}
#topBar				{text-align: right; 
       				 padding: 3px 5px 5px 0px;
       				}
#topBar a			{font-size: 9px;
         			 font-family: Arial;
         			 color: #999999;}
       				
       				
/*********Top Container ******/
#topContainerOut	{border-bottom: solid 1px #FFFFFF; 
             		 height: 120px;
             		 width: 950px;
             		 background-image: url("/Style/Images/Header_baggrund.gif");
             		 background-repeat: repeat-y;
             		 padding-bottom: 0px;
             		 }
#topContainer		{}
             		 

#companyLogoOut		{float: left;
               		 clear: both;
               		 width: auto;
               		 }
#companyLogo		{text-align: left;}


#companyInfoOut		{float: left;
               		 clear: right;
               		 width: 330px;}            		  
#companyInfo		{padding-left: 20px;
            		 padding-top: 35px;
            		 font-size: 12px;
            		 /* font-family: Georgia; */
            		}

/*********** Menu ****************/

#menuContainerOut	{float: right;
                 	 clear: left;
                 	 width: 523px;
                 	 height: 100%;
                 	 position: relative; 
                 	}
#menuContainer		{text-align: right;
              		 position: absolute; 
              		 bottom: 0px;
              		 padding: 0px 0px 0px 0px;
              		}

#menu				{ 
					 margin: 0; 
					 padding: 0; 
					}
#menu ul			{ margin-left: 0px;}

#menu li			{
					 list-style-type: none;
					 margin: 0px 1px;
					 float: left;
					 width: 85px;
					 height: 25px;
					 background-image: url("/Style/Images/Menu_punkt.gif"); 
					 background-repeat: no-repeat; 
					 padding: 0px 0px 0px 0px;
					}

#menu li:hover		{
					 background-image: url("/Style/Images/Menu_punkt_Aktiv.gif"); 
					 background-repeat: no-repeat; 
					}

#menu li a			{ 
					 display: block; 
					 text-decoration: none; 
					 text-align: center; 
					 padding: 6px 0px;
					}

#menu li a:hover	{ color: #FFFFFF; }


/********* Content ************/
#mainContentHolderOut{min-height: 400px;
            		 clear: both;
            		 background-image: url("/Style/Images/Main_baggrund.gif");
             		 background-repeat: repeat-y;
             		 border-bottom: solid 1px #FFFFFF;}
#mainContentHolder   {  }

.mainContent		{padding: 20px;}

/********* Front page ***********/
.subProjectItemOut	{ font-size: 9px !important;}
.subProjectItemOut a{ font-size: 9px !important;}


/********* Project list *********/
.contentEntry		{ border: solid 1px #ABABA9;
           			  background-color: #60625D;
           			  padding: 20px 20px;
           			  /*margin-top: 30px; */
           			  width: 800px;
           			  margin-left: auto;
           			  margin-right: auto;}
           			  
.contentEntry .previewImage		
					{ height: 100px;
            		  width: 120px;}

.contentEntry .projectImageContainer
					{ margin-top: 20px;  }
					
.contentEntry .projectImage
                    { float: left; margin: 0px 5px 0px 0px; padding-bottom: 5px; }
                    
.contentEntry .projectFileContainer link { }
					
.contentEntry .space
					{ margin-bottom: 35px; }
            		  
.contentEntry .projectText
					{ width: 500px; 
					  }

.contentEntry .right
					{ float: right; }	

.contentEntry .left
					{ float: left; }
					
					
/********** Employee list *****/

.employeeListSmall  { width: 400px !important;
                      margin-top: 2px !important;
                      padding-top: 10px !important;
                      padding-bottom: 10px !important; } 

.employeeImageOut
					{ border: solid 0px #FFFFFF;
            		  max-width: 152px; }
.employeeImageOut img
					{ width: 70px;}
					
.employeeContentOut { padding: 0px 10px 0px 10px;
                      width: 310px; }
                      
.employeeContentOut .name
					{ font-size: 16px; }

.employeeContentOut .title
					{ font-style:italic;
					  margin-bottom: 2px;}

.employeeContentOut .phone
					{ margin-bottom: 2px; }
					
.employeeContentOut .email
					{  }
					
.employeeContentOut .cv
					{  }
					
.employeeListSmall .right div
					{ text-align: right; }
					
					
/********** Ydelser ***********/

.ydelseOut			{ padding: 10px 0px; }
                      

/********** Footer ************/
#footerOut			{display: block;
          			 background-color: #242424;
          			 width: 950px;
          			 min-height: 25px;
          			}
#footer				{}




/********* LightBox ***********/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ max-width: 640px; max-height: 480px;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Style/LightBoxImages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Style/LightBoxImages/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }