html, body {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-color: #EDE8E2;
	height:auto;
	}


 ul { list-style-type: none;
margin:0px;
} 

a { color: #000;
text-decoration:none; } 

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


h1   {
	font: 50px Georgia;
	text-decoration: underline;
	padding-top:10px; 
	padding-bottom:10px;
}

h2  {
	font-weight:bold;
	font-family:arial;
	font-size:22px;
	margin-top:0px;
	margin-bottom:5px;
	text-decoration:none;
	color:#333;}

h3  {
	font-weight:bold;
	font-family:arial;
	font-size:16px;
	margin-top:0px;
	margin-bottom:5px;
	text-decoration:none;
	color:#333;}

h5  {
	font-weight:bold;
	font: 12px arial;
	margin-bottom:-20px;
	color:#666;
	text-transform: uppercase;
}

/* BASIC PAGE ELEMENTS */
.main  {
	display: block;
	display: inline;
	position:absolute;
	padding-top: 0px;
	margin-top:-12px;
	padding: 2px;
	background:#EDE8E2;
	width:900px;
	left:50%;
	margin-left:-450px;
	}

.mainHead  {
	background:#fff;
	margin:10px;
	padding:10px;
	text-align:center;
	}

.mainNavigation {
	background:#fff;
	margin-top:-7px;
	margin-bottom:-7px;
	margin-left:10px;
	margin-right:10px;
	font: 22px arial;
	height:40px;
	}
	
.mainBody {
	background:#fff;
	margin:10px;
	padding:10px;
	height:100%;
	display: block;
		}

.mainFooter {
	display: block;
	margin:10px;
	margin-top:-7px;
	margin-bottom:-7px;
	padding:2px;
	text-align:right;
	padding-bottom:30px;
	color:#999;
	}

.mainFooter a {
	color:#999;
	}


/* MORE STYLING: NAVIGATION */	
.navigationHover {
  background: #ccc;
  }

  .navigationSelected {
  background: #333;
  color: #fff;
  }
  
.mainNavigation li {
 display:block;
 float:left;
 line-height:30pt;
 display: inline;
 border-right:1px solid #000;
  padding-right:12px;
 padding-left:12px;
 cursor:pointer;
  }

 /* MORE STYLING: MAIN BODY COLUMNS */	
.mainLeftColumn {
width:570px;
float:left;
margin:0px;
padding:10px;
margin-top:-10px;
border:1px solid #fff;
min-width:300px;
 }
 
 .mainRightColumn {
width:220px;
float:right;
padding:10px;
display:none;
 }
 
 /* MORE STYLING: STARTPAGE NAVIGATIOn */	
.startpageNavigation {
	margin-top:0px;
	margin-bottom:10px;
	margin-right:10px;
	font: 12px arial;
	height:27px;
	margin-left:-10px;
	border:1px solid #ccc;
	width:860px;
	background-color:#eee;
	}
 
 .startpageNavigation li {
 display:block;
 float:left;
 line-height:20pt;
 display: inline;
 padding-right:12px;
 padding-left:12px;
 cursor:pointer;
  }
  
/*MORE STYLING OF ELEMENTS IN MAIN BODY */
.header {
margin-top:-10px;
margin-left:-10px;
left:0px;
width:230px;
padding:5px;
background: #333;
color:#fff;
 }
 
 .textblock {
width:100%;
padding:5px;
margin-top:0px;
margin-left:-15px;
margin-bottom:25px;
 }
 
.textblockMain img{
width:200px;
padding-bottom:5px;
padding-right:5px;
 }

.textblock  img{
width: 240px;
padding-bottom: 5px;
 }
 
 .textblockMain {
width:810px;
padding:10px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
font-size:15px;
font-family: calibri;
float:left;
border: 1px solid #ccc;
background-color:#eee;
cursor:pointer;
 }

 .textblockMain:hover
{background-image: url(images/BackgroundGradient.jpg);
border: 1px solid #666;
text-decoration:none; 
}
 
 .textblockStart {
width:810px;
padding:10px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
font-size:15px;
font-family: calibri;
float:left;
border: 1px solid #fff;
 }

 .textblockGallery {
color:#999;
padding:5px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
font-size:14px;
font-family: calibri;
float:left;
 }

 .textblockText {
width:830px;
padding:5px;
margin-top:5px;
margin-left:0px;
margin-right:5px;
font-size:15px;
font-family: calibri;
 }

 /* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */


/* SHOW OR HIDE CATEGORIES*/	
.categoryInvisible {
  display: none;
  }

  .categoryVisible {
  display: block;
  }

   .text {
  display: none;
  width: 840px;
  }

   .startsida {
  display: block;
  width: 840px;
  }

  
    .tom {
  display: none;
  }
  
.webbprojekt {
  display: none;
  width: 840px;
  }

  .projectNavigation {
  display: none;
  }
  
    .projektAvd {
  display: none;
  width: 830px;
   }
  
  /* PROJECT ARCHIVE */
  
  .imageList
{
    float:left;
	width:130px;
	padding:5px;
	margin:5px;
	background-color:#eee;
	text-align:center;
	border:1px solid #ccc;
	cursor:pointer;
	color:#333;
	height:120px;
	overflow:hidden;
}

.imageList:hover
{background-image: url(images/BackgroundGradient.jpg);
border: 1px solid #333;
text-decoration:none; 
}

.imageList img {
border: 0px solid #eee;
}
 

 /* MORE STYLING: STARTPAGE NAVIGATIOn */	

  .projectpageNavigationOne {
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
	margin-right:10px;
	font: 12px arial;
	height:27px;
	margin-left:-10px;
	width:180px;
	}
 
 .projectpageNavigationOne li {
 display:block;
 float:left;
 line-height:20pt;
 display: inline;
 padding-right:12px;
 padding-left:12px;
 cursor:pointer;
  }
  
 .projectpageNavigation {
	float: right;
	margin-top:-10px;
	margin-bottom:10px;
	margin-right:10px;
	font: 12px arial;
	height:27px;
	margin-left:-10px;
	width:600px;
	}
 
 .projectpageNavigation li {
 display:block;
 float:left;
 line-height:20pt;
 display: inline;
 padding-right:12px;
 padding-left:12px;
 cursor:pointer;
  }
 
/* IMAGE GALLERY */	
 
 .galleryTheme  {
	display:none;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	background:#000000;
	width:100%;
	height:100%;
	color: #fff;
	font-size: 22px;
	overflow:hidden;
	}
		
	.showGallery  {
	width:600px;
	background-color:#fff;
	padding:20px;
	position:absolute;
	left:50%;
	top:0px;
	bottom:0px;
	margin:auto;
	margin-left:-320px;
	}
	
	.showGalleryIE  {
	background-color:#fff;
	padding:20px;
	position:relative;
	top:-50%;
	bottom:0px;
	margin:auto;
	}
	
	
	.gallerySmall  {
	width:50px;
	background-color:#fff;
	padding:3px;
	margin-left:10px;
	top:0px;
	float:left;
	cursor:pointer;
	border: 2px solid #fff;
	}
	
	.gallerySmall:hover  {
	border: 2px solid #58B6D9;
	}
	
	#galleryContainer {
	width: 800px;
	position:absolute;
	left:50%;
	top:0px;
	bottom:0px;
	margin:auto;
	margin-left:-400px;
	padding:20px;
	display:inline;
	}
	
	.galleryOverview {
	width: 200%;
	position:absolute;
	height:100px;
	z-index:99;
	bottom:0px;
	margin:0;
	padding:10px;
	overflow: auto;
	background-image: url(images/bgOverview.gif);
	}
	
	.cImgLeft {
	border: 0px solid #eee;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	height:100px;
	}
	
	.cImgRight {
	border: 0px solid #eee;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	height:100px;
	}
	
	
	
	.galleryImage  {
	position:absolute;
	
	}
	
	.galleryClose {
	cursor:pointer;
	position:absolute;
	right:20px;
	top:20px;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	}