BODY {
      background-color : #FFFFFF;
      background-image: url(./images/background.jpg);
      background-repeat: no-repeat; 
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      color : #000088;
      margin: 0px; 
}

.menu-left{
	position:absolute;
	background-image: url(./images/background_menu.png);
	top:130px;
	left:0px;
	width:204px;
	height:333px;
}
.menu_info{
	position:absolute;
	top:37px;
	left:17px;
	width:167px;
	height:19px;
	font-size:0.7em;
	color:#FFFFFF;
}
.menu_info_icon{
	vertical-align:top;
	float:left;
}
.menu_info_text{
	margin-left:16px;
}
.menu_repeater{
	background-image: url(./images/left_menu_repeater.png);
	background-repeat:repeat-y;
	position:absolute;
	top:333px;
	left:0px;
	width:204px;
	height:16px;
}
.menu_bottom{
	background-image: url(./images/left_menu_bottom.png);
	position:absolute;
	top:349px;
	left:0px;
	width:204px;
	height:29px;
}
.menu-left_printpreview{
	position:absolute;
	background-image: url(./images/left_menu_printpreview.png);
	top:0px;
	left:11px;
	width:37px;
	height:44px;
	cursor:pointer;
}
.menu-left_rss{
	position:absolute;
	background-image: url(./images/left_menu_rss.png);
	top:0px;
	left:48px;
	width:45px;
	height:44px;
	cursor:pointer;
}
.menu-left_addtofavos{
	position:absolute;
	background-image: url(./images/left_menu_addtofavos.png);
	top:0px;
	left:93px;
	width:42px;
	height:44px;
	cursor:pointer;
}
.menu-left_contact{
	position:absolute;
	background-image: url(./images/left_menu_contact.png);
	top:0px;
	left:135px;
	width:55px;
	height:44px;
	cursor:pointer;
}
.NavigationTree {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 57px;
    left: 16px;
    width: 165px;
    height: auto;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;	/*line-height set to 110% in order to*/
						/*have the navigation elements better separated*/
	font-size:.8em;
}

.ContentBackground {/*this is the main content area's background*/
	position:absolute;
    background: #FFFFFF;/*declare a color together with a contrasting background color*/
    color: #FFFFFF;/*to make sure no text is displayed on the backgroundframe*/
	top: 128px;
    left: 200px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: 600;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
    border: 0.1px solid #FFFFFF;
	border-left:1px solid white;
	border-right:1px solid black;
	border-top:1px solid white;
	border-bottom:1px solid black;
	height:70%;
}

.content {/*this is the main content area*/
	position:absolute;
    color: #000088;
	top: 128px;
    left: 200px;
    margin-right: 20px;
    padding: 5px;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: 600;
	height:70%
}

/* MENU DEFINITIONS */
.menuHome {
	position:absolute;
	top: 0px;
	left: 204px;
	width: 98px;
	height: 51px;
	cursor:pointer;
}
.menuHomeActive {background-image: url(./images/home_menu_active.png);}
.menuHomeInactive {background-image: url(./images/home_menu.png);}
.menuHomeHover {background-image: url(./images/home_menu_hover.png);}

.menuDevelopment {
	position:absolute;
	top: 0px;
	left: 302px;
	width: 154;
	height: 51px;
	cursor:pointer;
}
.menuDevelopmentActive {background-image: url(./images/development_menu_active.png);}
.menuDevelopmentInactive {background-image: url(./images/development_menu.png);}
.menuDevelopmentHover {background-image: url(./images/development_menu_hover.png);}

.menuApplications {
	position:absolute;
	top: 0px;
	left: 456px;
	width: 144px;
	height: 51px;
	cursor:pointer;
	background-image: url(./images/applications_menu.png);
}
.menuApplicationsActive {background-image: url(./images/applications_menu_active.png);}
.menuApplicationsInactive {background-image: url(./images/applications_menu.png);}
.menuApplicationsHover {background-image: url(./images/applications_menu_hover.png);}

.menuBlog {
	position:absolute;
	top: 0px;
	left: 600px;
	width: 77px;
	height: 51px;
	cursor:pointer;
}
.menuBlogActive {background-image: url(./images/blog_menu_active.png);}
.menuBlogInactive {background-image: url(./images/blog_menu.png);}
.menuBlogHover {background-image: url(./images/blog_menu_hover.png);}

/* MENUDESCRIPTIONS */
.menuDescription {
	position: absolute;
	top: 50px;
	left: 204px;
	width: 600px;
	height: 78px;
}
.menuHomeDescription {background-image: url(./images/home_description.png);}
.menuApplicationsDescription {background-image: url(./images/applications_description.png);}
.menuDevelopmentDescription {background-image: url(./images/development_description.png);}
.menuBlogDescription {background-image: url(./images/blog_description.png);}

/* MENU-ITEMS */
.menuitem{
	font-weight:bold;
}
.menuitemicon{
	vertical-align:top;
}
.subitemiconwrapper{
	float:left;
}
.submenuitem{
	margin-left:7px;
}
.menuitemicon{
	vertical-align:top;
}
.menuitemiconwrapper{
	float:left;
	padding-left:4px;
	padding-right:4px;
}
.menuitemtitlewrapper{

}
.footer{
	padding-top:10px;
	font-size:0.6em;
	text-align:center;
}

/*
### DEVELOPMENT CSS CLASSES
*/
.section{	/* this is a container for an item*/
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid #5EB6E9;
	border-bottom:1px solid #5EB6E9;
}
.sectionicon{
	vertical-align: middle;
}
.sectiontitle{
	font-size:0.9em;
	background-color:white;/*#2188C3;*/
	color:#EE7E34;
	font-weight:bold;
	padding-bottom:1px;
}
.sectiontext{
	font-family:microsoft sans serif, verdana;
	font-size:0.8em;
	padding:5px;
	background-color:#D5ECFA;
	color:black;
}
.imginfo{
	font-size:0.8em;
}
.download{
	width:575px;
	border:1px solid white;
	background-color:orange;
	padding:5px;
}
a.downloadlink:hover{text-decoration:underline;color:blue;}
a.downloadlink:visited{text-decoration:none;color:darkblue;}
a.downloadlink:active{text-decoration:underline;color:blue;}
a.downloadlink:link{text-decoration:none;color:blue;}

.smallinfotext{
	font-size:0.7em;
}
td{
	font-size:0.8em;
}
.centeraligned{
	text-align: center
}

/*STACKOVERFLOW*/
.valuable-flair
{
	background-color: #f8f8f8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 50px;
	padding: 3px;
	width: 150px;
}