/* do some standard initialization here */
body {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height:20px;
	color: #666666;
	margin:0px;
	padding:0px;
	background-image:url(pics/background.png);
	background-attachment:fixed;
}
/* this div represents the whole page that is centered in the browser */
div.page {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width:780px;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
}
/* this container (you might have guessed) surrounds the logo */
div.logocontainer {
	width:200px;
	padding:0px;
	margin-left:30px;
	float:left;
	display:inline; /* this is a fix for the ie double-margin bug (see foot notes)*/ 
}
/* this is the container containing the current headline */
div.headlinecontainer {
	width:520px;
	padding-bottom:3px;
	float:left;
	/* border-bottom:1px solid #adc600; optional green line under the headline */
}
/* in this container all navigation elements are included */
div.navicontainer {
	width:180px;
	padding:0px 10px;
	margin-left:30px;
	float:left;
	display:inline; /* this is a fix for the ie double-margin bug (see foot notes)*/ 
}
/* all content is located in this container */
div.contentcontainer {
	width:520px;
	float:left;
}
/* the following containers can be combined to design a layout with different column combinations */
/* the content area can be divided into four columns */
/* for example: 1col,2col,1col or 3col, 1col or 2col,2col or 1col,1col,1col,1col */
/* this is a container for a column with 1/4 width of the whole content area */
div.contentcontainer div.onecolumncontainer {
	width:130px;
	float:left;
	overflow:hidden;
}
div.contentcontainer div.onecolumncontainer .fullsize{
	width:130px;
}
div.contentcontainer div.onecolumncontainer .fullsizeborder{
	width:128px;
}
div.contentcontainer div.onecolumncontainer .spacedsize{
	width:110px;
	margin:0px 10px;
}
div.contentcontainer div.onecolumncontainer .spacedsizeborder{
	width:108px;
	margin:0px 10px;
}
/* this is a container for a column with 2/4 width of the whole content area */
div.contentcontainer div.twocolumncontainer {
	width:260px;
	float:left;
	overflow:hidden;
}
div.contentcontainer div.twocolumncontainer .fullsize {
	width:260px;
}
div.contentcontainer div.twocolumncontainer .fullsizeborder {
	width:258px;
}
div.contentcontainer div.twocolumncontainer .spacedsize {
	width:240px;
	margin:0px 10px;
}
div.contentcontainer div.twocolumncontainer .spacedsizeborder {
	width:238px;
	margin:0px 10px;
}
/* this is a container for a column with 3/4 width of the whole content area */
div.contentcontainer div.threecolumncontainer {
	width:390px;
	float:left;
	overflow:hidden;
}
div.contentcontainer div.threecolumncontainer .fullsize {
	width:390px;
}
div.contentcontainer div.threecolumncontainer .fullsizeborder {
	width:388px;
}
div.contentcontainer div.threecolumncontainer .spacedsize {
	width:370px;
	margin:0px 10px;
}
div.contentcontainer div.threecolumncontainer .spacedsizeborder {
	width:368px;
	margin:0px 10px;
}
/* this is a container for a column with complete width of the whole content area */
div.contentcontainer div.fourcolumncontainer {
	width:520px;
	float:left;
}
div.contentcontainer div.fourcolumncontainer .fullsize {
	width:520px;
}
div.contentcontainer div.fourcolumncontainer .fullsizeborder {
	width:520px;
}
div.contentcontainer div.fourcolumncontainer .spacedsize {
	width:500px;
	margin:0px 10px;
}
div.contentcontainer div.fourcolumncontainer .spacedsizeborder {
	width:498px;
	margin:0px 10px;
}
/* this div can be used to column some content */
div.floatleft {
	float:left;
	margin-right:10px;
}
/* this div can be used to force the browser after a row of containers to break into a new row */
div.break { /* break with no space between two rows */
	clear:both;
	height:0px; /* necessary because ie would otherwise show a space between two container rows */
	line-height:0px; /* necessary because ie would otherwise show a space between two container rows */
}
div.spacebreak { /* break with space between two rows */
	clear:both;
	height:20px; /* necessary because ie would otherwise show a space between two container rows */
}
/* the formatting of the categorys of navigation items */
div.navicategory {
	color:#999999;
	line-height:20px;
}
/* spacer between navigation elements */
div.navispacer {
	height:10px;
}
/* a navigation item with hovereffect */
div.naviitem {
	padding-left:10px;
	line-height:20px;
}
div.naviitem a {
	text-decoration:none;
	color:#333333;
}
div.naviitem a:hover {
	color:#a0b000;
}

/* the panoramatic picture taken from a bugs view on the top */
div.panoramaimage {
	height:60px;
	background-image:url(pics/panoramaimage.png);
}
/* logo the logo */
div.logo {
	height:80px;
	background-image:url(pics/logo.png);
}
ul {
	list-style-type:square;
	list-style-position:outside;
	padding-left:15px;
	margin:0px;
}
ol {
	list-style-position:outside;
	text-indent:0px;
	padding-left:20px;
	margin:0px;
}
p {
	margin:0px 0px 20px 0px;
}
h4 {
	font-weight:bold;
	font-size:11px;
	color:#777777;
	margin:0px;
}
/* standard links in text with hover effect */
a {
	color:#A0B000;
	text-decoration:none;
}
a:hover {
	color:#333333;
}
/* standard border for images and otther stuff */
.border {
	border:1px solid #999999;
}
/* a color fill for any area in f&p green */
.fillgreen {
	background-color:#adc000;
}
/* picture legends */
.legend {
	padding:5px 0px;
	font-size:9px;
	line-height:10px;
	color:#999999;
}
img {
	border:0px none;
}
/* labels the elements of a form */
p.label {
	font-size:11x;
	color:#aaaaaa;
	margin:0px;
}
/* input elements */
input, textarea {
	margin-bottom:5px;
	width:98%;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	color:#666666;
	padding:2px 5px;
	border:1px solid #999999;
}
/*
foot notes
IE-Double-Margin Bug:
IE displays the first left floating div in a row with a margin two times greater than defined in the css
the display:inline should be ignored by all other browsers, because all floating elements are by definition block-elements
but display:inline forces ie too not display the margin twice. Future browsers might throw an error with this hack!
See also: http://www.positioniseverything.net/explorer/doubled-margin.html 
*/