/* ALLGEMEINES */
*	{ margin:0px;padding:0px }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}
h1,h2,h3,h4,h5,h6,b,.bold	{ color: #1f277f; font-weight:bold; }
h1	{ font-size: 16px; line-height: 20px; }
h2	{ font-size: 14px; line-height: 18px; }
h3	{ font-size: 13px; line-height: 17px; }
h4	{ font-size: 12px; line-height: 16px; }
h5	{ font-size: 11px; line-height: 15px; }
h6	{ font-size: 10px; line-height: 14px; }
p,td,ul,ol,li	{ font-size: 10px; line-height: 12px; }
p,ul,ol	{ margin-bottom: 5px; }
ul ul, ol ul	{ margin-bottom: 0px }
ol ol, ul ol	{ margin-bottom: 0px }
ul	{ margin-left: 1.5em; }
li	{ list-style-position: outside; }
a	{ color: #1f277f; font-weight: bold }
a:hover	{ color: #83085B }
a:active	{ color: #9e497b }

/* HEADER ITEMS */
#head	{ background-image: url(images/head-mitte-bgr.gif); background-repeat: repeat-x; background-position: left top; position: absolute; top: 0; left: 0; width: 100%; height:164px }
.box-left	{ background-image: url(images/head-links-bgr.gif); background-repeat: no-repeat; background-position: left top; width: 10px; height: 164px; float:left }
.box-right	{ background-image: url(images/head-rechts-bgr.gif); background-repeat: no-repeat; background-position: right top; width: 16px; height: 164px; float:right }
#eu-logo	{ background-color: white; background-image: url(images/fp7-people.gif); background-repeat: no-repeat; background-position: left top; width: 200px; height: 164px; float:left       }
#project-logo	{ background-repeat: no-repeat; background-position: center top; height: 164px; text-align: center  ; padding-top: 20px; }
#project-logo h1	{ color: #1f277f; font-size: 35px; font-weight: bold; line-height: 40px; }
#project-logo h2	{ color: #019bdf; font-size: 18px; font-weight: normal; line-height: 20px; }
#project-logo h3	{ color: #019bdf; font-size: 16px; font-weight: normal; line-height: 18px; margin-top: 5px; }

/* NAVIGATION */
#navbar	{ position: absolute; top:164px; left:0px; width:200px; }
#menu	{ background-color: #9e497b; padding: 20px 10px; }
#menu a	{ text-decoration: none; color: #fff ; font-size: 12px; line-height: 14px; font-weight: normal}
#menu a:hover, #menu a:active	{ color: #FFFF00}
#menu ul	{ margin-left: 0em; }
#menu li	{ margin-bottom: 5px; list-style-type: none; }

/* CONTENT */
#content-frame { background-color: white; background-image: url(images/runde-ecke.gif); background-repeat: no-repeat; background-position: left top; position: absolute; top:164px; left:200px; padding: 20px; }
#content	{ }
.columns	{ clear:both; }
.column2	{ width:48%; float:left; margin-right: 2%; }
.column3	{ width:31%; float:left; margin-right: 2%; }
.clear	{ clear:both; height:5px  }

/* Bilderrahmen */
div.pictureframe {
	border: thin #9E497B solid;
	padding: 0em;
	background-color: #83085B;
}
div.pf25	{ width: 25% }
div.pf33	{ width: 33% }
div.pf50	{ width: 50% }
div.pf66	{ width: 66% }
div.pf75	{ width: 75% }
div.pf100	{ width: 100% }
div.pfright	{ float: right ; margin-top: 0; margin-bottom: 1em; margin-left: 1em; }
div.pfleft	{ float: left ; margin-top: 0; margin-right: 1em; margin-bottom: 1em; }
div.pfcenter	{ margin-top: 0; margin-right: auto; margin-bottom: 1em; margin-left: auto; }

div.pictureframe p {
	color: #fff;
	text-align: center;
	font-style: italic;
	text-indent: 0;
	margin-top: 0.25em;
	padding-bottom: 0em
}
div.pictureframe img {
	width: 100%;
}