/*******************************************************
*	GENERAL							 *
********************************************************/
/*
Colors:
networkblue:  #32508d  
vineorange: #f68f0a
grey1: #f8f8f8

Gaps:
Text, icons, logo: 20px

Lines:
inner lines : 1px

Navigationsections: 
Main, Sub: 26px
*/

body {
	/*font-family: Arial, Chaperral Pro; /*Futura Lt BT, Times New Roman, Trebuchet MS;*/
	/* Verdana, Georgia, Courier new, Arial, Chaperral Pro*/
	font: 100.01% sans-serif;
	background-color:  #FFF;
	font-style: normal; 
	text-align: center;
	margin: 0;
	padding: 0;
}

h1 {
	color: #f68f0a;
	font-size: 1.5em;
	padding: 0;
	margin: 20px 20px 20px 20px;
	text-align: left;
}

h2 {
	text-decoration: none;
	color: #32508d;
	font-size: small;
	text-align: left;
	margin: 20px 20px 20px 20px;
}

/*
h1 .firstletter{
	color: #f68f0a;
}
*/

p {
	margin: 0px 20px 20px 20px;
	font-size: small;
	padding: 0;
	text-align: left;
}

a {
	color: #32508d;
}

a:hover {
	color: #f68f0a;
}

a.showmore {
	/*text-decoration: none;*/
}

a img {
	border: 0 none;
	margin: 20px;
	/*removes extra space underneath caused by default text-alignment*/
}

a img:hover {
	color:#f68f0a;
}

a.nameref {
	text-decoration: underline;
	color: #f68f0a;
}

a.nameref:hover {
	/*color: #32508d;*/
}


.article {
	text-align: left;
}

.articlelink{
	text-decoration: none;
	color: #32508d;
}

.date {
	font-size: x-small;
	text-align: right;
	float: right;
}

.pictogram {
	margin: 0 0 0 0;
	padding: 0;
}

.text {
	margin: 0 20px 40px 20px;
	padding: 0;
}

.listing {
	margin: 0 20px 20px 20px;
	padding: 0;
}

ul {
	margin: 20px 20px 40px 20px;	
}

/*******************************************************
*	CONTAINER						 *
********************************************************/
div#container {
	background-image: url(/static/images/container.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	width: 820px; 
	margin: 0px auto 0 auto;
	padding: 0;
	background-color:#f8f8f8;
}

/*******************************************************
*	NAVIGATION - MAIN					 *
********************************************************/

div#navigation {
	font-size: small;
	width: 770px; 
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #32508d; 
	border-bottom: solid 1px #000;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li{
	line-height: 2;
	list-style-type: none; 
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
}
#navigation ul li a{
	text-decoration: none;
	color: #FFF;
}

#navigation ul li a:hover{
	color: #f68f0a;
}

#navigation ul li.first{
	display: inline;
	border-left: 0 none;
	padding-right: 1em;
	padding-left: 1em;
}

/*******************************************************
*	IMAGES							 *
********************************************************/

div#images {
	overflow: hidden;
	height: 118px;
	width: 770px;
	border: 0;
	visibility: visible;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	padding: 0;
	background-color: #FFF;
}

div#images img {
	border: 0;
}

/*******************************************************
*	NAVIGATION - SUB					 *
********************************************************/

div#navigation2 {
	font-size: small;
	width: 770px;
	line-height: 2em;
	text-align: center;
	clear: both;
	padding: 0;
	margin: 0 auto;
	background-color: #32508d ;
	
	border-top: solid 1px #000;	
}

#navigation2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*padding-left: 1em; Mozilla
	margin-left: 1em;  IE, Opera*/ 
}

#navigation2 ul li{
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
} 

#navigation2 ul li a{
	color: #FFF;
	text-decoration: none;
} 

#navigation2 ul li.first { 
	border-left: 0px none;
}

#navigation2 a:hover{
	color: #f68f0a;
}

/*******************************************************
*	CONTENTCONTAINER				 	 *
********************************************************/

div#contentcontainer {
	width: 770px;
	background-color: #f8f8f8;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/*******************************************************
*	ICONS							  *
*******************************************************/

ul#icons {
	background-color:#f8f8f8;
	width: 160px;
	margin: -20px 0 0px 0px ;	
	text-align: center;
	padding: 0;
	float: right;
} 

ul#icons a{
	padding: 0;
	margin: 0;
	height: 70px;
	width: 160px;
}

#icons a{
	display: block;
	text-decoration: none;
}

ul#icons .downloadicon {
	background-image: url(/static/images/icon_download2.1.png);
	cursor: pointer; /*because of IE 7*/
}

ul#icons .searchicon {
	background-image: url(/static/images/icon_search2.1.png);
	cursor: pointer;
}

ul#icons .screenshotsicon {
	background-image: url(/static/images/icon_screenshots2.1.png);
	cursor: pointer;
}

ul#icons .getinvolvedicon {
	background-image: url(/static/images/icon_getinvolved2.1.png);
	cursor: pointer;
}

ul#icons .bugtrackericon {
	background-image: url(/static/images/icon_bugtracker2.1.png);
	cursor: pointer;
}

ul#icons .downloadicon:hover {
	background-image: url(/static/images/icon_download2.png);
}
ul#icons .searchicon:hover {
	background-image: url(/static/images/icon_search2.png);
}
ul#icons .screenshotsicon:hover {
	background-image: url(/static/images/icon_screenshots2.png);
}
ul#icons .getinvolvedicon:hover {
	background-image: url(/static/images/icon_getinvolved2.png);
}
ul#icons .bugtrackericon:hover {
	background-image: url(/static/images/icon_bugtracker2.png);
}

#icons li {
	list-style: none;
	display: block;	
	padding: 0;
	height: 70px;
	width: 160px;
	margin: 1px 0px;
}

/*----------------Search----------------*/
#search {
/*	top: 80px;*/
	position: absolute;
	right: 3px;
	top: 95px;
/*	margin: 170px auto 0 auto;  ! */
}

#searchcontainer {
	margin: 0;
}

/*******************************************************
*	CONTENT			 				 *
********************************************************/

div#content {
	background-color: #f8f8f8;
	margin: 0 160px 0 auto;
	padding: 0;
}

#content li {
	text-align: left;
	font-size: small;
}

/*******************************************************
*	FOOTER  							  *
********************************************************/

div#footer {
	font-size: small;
	width: 820px;
	margin: 0px auto;
	padding: 0px;
	height: 52px;	
	clear: both;
	background-color: #FFF;
	text-align: center;
	background-image: url(/static/images/reflection.jpg);
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}

/*******************************************************
*	NAVIGATION - BOTTOM  				  *
********************************************************/

div#navigation3 {
	margin: 0px auto 20px auto;
	padding: 0;
	text-align: center;
}

#navigation3 ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
	
#navigation3 ul li {
	margin: 0;
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #f68f0a;
	}
	
#navigation3 ul li.first { 
	border-left: 0 none;
}
	
#navigation3 ul li a {
	display: inline;
	font-size: small;
	line-height: 2;
	color: #000;
}

#navigation3 ul li a:hover {
	color: #f68f0a;
}

/*******************************************************
*   ADMIN                                              *
********************************************************/

label {
	width: 100px;
	display: block;
	float: left;
}

.voodoo {
	border: 1px solid green;
}