body  {
	background:url(images/bg4.jpg);
	margin: 0;
	padding: 20px 0 30px 0;
	font-family: "Comic Sans MS";
	font-weight: bold;
}

#container { 
width: 780px;
margin: 0 auto;
}

#header {
	height:100px;
	background-image:url(images/banner3.png);
	padding: 16px 0 0 0;
	background-repeat: no-repeat;
} 

#logo {
padding: 32px 0 0 30px;
}

#logo a {
color: #009933;
text-decoration: none;
font-size: 36px; 
}


#demo-container{
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 8px;
	background-color: #62934A;
	}

ul#simple-menu{
	list-style-type:none;
	width:100%;
	position:relative;
	height:27px;
	font-family:"Comic Sans MS";
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:11px 0 0 0;
	}

ul#simple-menu li{
	display:block;
	float:left;
	margin:0 0 0 4px;
	height:27px;
	}

ul#simple-menu li.left{
	margin:0;
	}

ul#simple-menu li a{
	display:block;
	float:left;
	color:#e0f5dc;
	background:#006622;
	line-height:27px;
	text-decoration:none;
	padding:0 17px 0 18px;
	height:27px;
	}

ul#simple-menu li a.right{
	padding-right:19px;
	}

ul#simple-menu li a:hover{
	background:#F8FCF7;
	color:#006622
	}

ul#simple-menu li a.current{
	color:#006622;
	background:#e0f5dc;
	}

ul#simple-menu li a.current:hover{
	color:#62934a;
	background:#e0f5dc;
	}



#sidebar {
float: right;
width: 160px;
padding: 30px 30px 0 30px;
margin: 0;
text-align:center;
}

#sidebar a {
text-decoration: none; 
color: #2B370C;
font-size: 13px;
}

#sidebar a:hover {
color: #647c00;
}

#sidebar img {
	border: solid 1px #61934a;
    padding:9px;
    background:#FFFFFF;
}

.project {
margin:15px 0 25px 0;
}


h1 {
margin: 0px;
color: #647c00; 
font-size:24px; 
font-weight: normal;
}

h2 {
color: #61934a;
font-size: 15px; 
margin: 20px 0 0 0;
}

#main {
	background-image:none;
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #62934a;
	border-right-width: 12px;
	border-right-style: solid;
	border-right-color: #62934a;
	background-color: #E0F5DC;
}


#text { 
margin: 0 220px 0 0;
padding: 20px 30px 30px 30px;
color: #2B370C;
font-size: 14px; 
line-height: 19px;
text-align: justify;
} 

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

#text a:hover {
color: #4F6300;
}

#footer {
height: 90px;
background-image: url(images/footer1.jpg);
color: #F8FCF7;
font-size: 14px;
}

#footer a {
text-decoration: none; 
color: #FFFFFF;
}

#footer a:hover {
color: #E0F0B9;
}

#footer_left {
float:left;
padding: 60px 0 0 30px;
}

#footer_right {
float:right;
padding: 60px 30px 0 0;
}

.separator {
font-size:11px;
color:#FFFFFF;
}

.clear {
clear:both;
}




.tabelfoto {
	background-color: #61934a;

	padding: 0px;
	margin: 0px;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #61934a;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #61934a;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	BORDER-TOP: #61934a 1px solid;
	BORDER-RIGHT: #61934a 1px solid;
	BORDER-BOTTOM: #61934a 1px solid;
	BORDER-LEFT: #61934a 1px solid;
	PADDING-TOP: 3px;
	PADDING-RIGHT: 3px;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 3px;
	left: -1000px;
	visibility: hidden;
	color: white;
	text-decoration: none;
	text-align:center;
	background-color: #61934a;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 290px; /*position where enlarged image should offset horizontally */
z-index: 50;
}