/*
	************************************
	***** Coded by www.mstefan.com *****
	************************************

	1. Homepage
		1.1. General Definitions
		1.2. Titles
		1.3. Grid
		
	2. Head
		2.1. Top
		2.2. Navigation
		2.3. Topleiste (neueste posts)
		
	3. Main
		3.1. Sidebars
		3.2. Spotlight
		3.3. Contentlist
		3.4. Content
		3.5. Factory
		3.6. Three Programmes
		3.7. Blog
		3.8. Projectpage
		
	4. Overlay
		
	10. Footer

*/



/*
	***********************
	***** 1. Homepage *****
	***********************
*/

/* **** 1.1. General Definitions **** */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html {
	height: 100%;
	margin-bottom: 0 0 10px 0;
	overflow-y: scroll;
}
body {
	height: 100%;
	background: #f6f6f6;
	margin: 0px;
	padding: 0px;
	font: 12px/16px arial, helvetica, sans-serif;
	color: #333;
}
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 200px 0;
	text-align: left;
	position: relative;
}
#newcontainer {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #newcontainer {
	height: auto;
}
.clear {
	clear: both;
}
a {
	color: #333;
	text-decoration: none;
}
.more {
	display: block;
	text-indent: -999999px;
	background: url("/grafik/more.gif") 0px 0px no-repeat;
	width: 10px;
	height: 10px;
}
.more:hover {
	background-position: 0px -10px;
}

/* **** 1.2. titles **** */
h3.activities {
	display: block;
	background: url("/grafik/titles/activities.gif") 0px 0px no-repeat;
	width: 83px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.archivedprojects {
	background: url("/grafik/titles/archivedprojects.gif") 0px 0px no-repeat;
	width: 113px;
	height: 9px;
	text-indent: -999999px;	
}
h3.blogcategories {
	display: block;
	background: url("/grafik/titles/blogcategories.gif") 0px 0px no-repeat;
	width: 100px;
	height: 9px;
	text-indent: -999999px;
}
h3.insidethefoundation {
	display: block;
	background: url("/grafik/titles/insidethefoundation.gif") 0px 0px no-repeat;
	width: 133px;
	height: 9px;
	text-indent: -999999px;
}
a.clickheretosee {
	display: block;
	background: url("/grafik/titles/clickheretosee.gif") 0px 0px no-repeat;
	width: 116px;
	height: 9px;
	text-indent: -999999px;
}
a.clickheretoclose {
	display: block;
	background: url("/grafik/titles/clickheretoclose.gif") 0px 0px no-repeat;
	width: 129px;
	height: 9px;
	text-indent: -999999px;
}
h3.context {
	background: url("/grafik/titles/context.gif") 0px 0px no-repeat;
	width: 70px;
	height: 11px;
	text-indent: -999999px;	
}
h3.erstegrandedproject {
	background: url("/grafik/titles/erstegrandedproject.gif") 0px 0px no-repeat;
	width: 212px;
	height: 9px;
	text-indent: -999999px;	
}
h3.events {
	background: url("/grafik/titles/events.gif") 0px 0px no-repeat;
	width: 59px;
	height: 11px;
	text-indent: -999999px;	
	margin-left: 15px !important;
}
h3.factory {
	background: url("/grafik/titles/factory.gif") 0px 0px no-repeat;
	width: 69px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.facts {
	background: url("/grafik/titles/facts.gif") 0px 0px no-repeat;
	width: 47px;
	height: 11px;
	text-indent: -999999px;	
}
h3.featuredpublications {
	background: url("/grafik/titles/featured-publications.gif") 0px 0px no-repeat;
	width: 135px;
	height: 9px;
	text-indent: -999999px;	
}
h3.fromerstefoundationfactory {
	background: url("/grafik/titles/fromerstefoundationfactory.gif") 0px 0px no-repeat;
	width: 190px;
	height: 9px;
	text-indent: -999999px;
}
h3.grantedprojects {
	background: url("/grafik/titles/grantedprojects.gif") 0px 0px no-repeat;
	width: 109px;
	height: 9px;
	text-indent: -999999px;
}
h3.grantedprojects2010 {
	background: url("/grafik/titles/grantedprojects2010.gif") 0px 0px no-repeat;
	width: 150px;
	height: 9px;
	text-indent: -999999px;
}
h3.grants {
	background: url("/grafik/titles/grants.gif") 0px 0px no-repeat;
	width: 61px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.impact {
	background: url("/grafik/titles/impact.gif") 0px 0px no-repeat;
	width: 55px;
	height: 11px;
	text-indent: -999999px;	
}
h3.inthespotlight {
	background: url("/grafik/titles/inthespotlight.gif") 0px 0px no-repeat;
	width: 96px;
	height: 9px;
	text-indent: -999999px;
}
h3.macedonia {
	background: url("/grafik/titles/macedonia.gif") 0px 0px no-repeat;
	width: 91px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.opencalls {
	background: url("/grafik/titles/opencalls.gif") 0px 0px no-repeat;
	width: 92px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.ourregion {
	background: url("/grafik/titles/ourregion.gif") 0px 0px no-repeat;
	width: 92px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.ourtopics {
	background: url("/grafik/titles/ourtopics.gif") 0px 0px no-repeat;
	width: 89px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.programmecultureteam {
	background: url("/grafik/titles/programmecultureteam.gif") 0px 0px no-repeat;
	width: 166px;
	height: 9px;
	text-indent: -999999px;
}
h3.programmeeuropeteam {
	background: url("/grafik/titles/programmeeuropeteam.gif") 0px 0px no-repeat;
	width: 161px;
	height: 9px;
	text-indent: -999999px;
}
h3.programmesocialdevelopmentteam {
	background: url("/grafik/titles/programmesocialdevelopmentteam.gif") 0px 0px no-repeat;
	width: 246px;
	height: 9px;
	text-indent: -999999px;
}
h3.projectsincooperation {
	background: url("/grafik/titles/projectsincooperation.gif") 0px 0px no-repeat;
	width: 146px;
	height: 9px;
	text-indent: -999999px;
}
h3.team {
	background: url("/grafik/titles/team.gif") 0px 0px no-repeat;
	width: 42px;
	height: 10px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.topic {
	background: url("/grafik/titles/topic.gif") 0px 0px no-repeat;
	width: 45px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}
h3.whatsup {
	background: url("/grafik/titles/whatsup.gif") 0px 0px no-repeat;
	width: 83px;
	height: 11px;
	text-indent: -999999px;
	margin-left: 15px !important;
}

/* **** 1.3. Grid **** */
.col {
	float: left;
}
.colfirst {
	clear: both !important;
}
.collast {
	margin-right: 0px !important;
}
.col4_1 {
	width: 153px;
	margin-right: 32px;
}
.col4_2 {
	width: 338px;
	margin-right: 32px;
}
.col4_3 {
	width: 523px;
	margin-right: 32px;
}
.contenttempabc .col4_3 {
	width: 531px;
}
.col4_4 {
	width: 708px;
	margin-top: 32px;
}
.col_all {
	width: 785px;
}
.col_stretch {
	width: 940px !important;
	margin-left: 0px !important;
}
.col_stretch .toptextleft {
	width: 476px !important;
}
.col_half {
	width: 376px;
	margin-right: 32px;	
}




/*
	*******************
	***** 2. Head *****
	*******************
*/

/* **** 2.1. Top **** */
.logo {
	margin-top: 30px;
	float: left;
}
#search {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 169px;
	height: 120px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 13px 0 13px;
}
#search h3 {
    background: url("/grafik/titles/lookingforsomething.gif") no-repeat scroll left top transparent;
    height: 27px;
    left: 15px;
    position: absolute;
    text-indent: -99999px;
    top: 1px;
    width: 100px;
}
#search a {
	float: left;
	line-height: 15px;
	padding: 3px 0;
}
#search .searchfield {
	position: absolute;
	top: 46px;
	left: 13px;
	float: left;
	border: none;
	color: #8c8c8c;
	font-size: 11px;
	line-height: 14px;
	background: url("/grafik/searchfield_small.gif") left top no-repeat;
	padding: 3px 10px 0 10px;
	width: 144px;
	height: 19px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 124px;
	height: 16px;
}
#search .searchbutton {
	position: absolute;
	top: 70px;
	left: 15px;
	font-size: 11px;
	line-height: 14px;
}
.stayintouch {
	position: absolute;
	top: 30px;
	right: 195px;
	width: 169px;
	height: 120px;
	border-left: 1px solid #ccc;
	padding: 0 13px 0 13px;
	font-size: 11px;
	line-height: 12px;
}
.stayintouch h3 {
    background: url("/grafik/titles/stayintouch.gif") no-repeat scroll left top transparent;
    height: 27px;
    left: 13px;
    position: absolute;
    text-indent: -99999px;
    top: 1px;
    width: 111px;
}
.stayintouch a {
	text-decoration: underline;
}
.stayintouch a:hover {
	text-decoration: none;
}
.stayintouch p {
	margin-top: 45px;
}
.stayintouch li {
	height: 16px;
	margin: 10px 0 2px 0;
	font-size: 11px;
	display: block;
	float: left;
}
.stayintouch li a {
	display: block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	color: #666;
	text-indent: -999999px;
}
.stayintouch li a:hover {
	color: #666;
	text-decoration: none;
}
.stayintouch .follow1 {
	background: url("/grafik/followfooter.gif") 0px -20px no-repeat;
}
.stayintouch .follow1 a:hover {
	background: url("/grafik/followfooter.gif") 0px 0px no-repeat;
}
.stayintouch .follow2 {
	background: url("/grafik/followfooter.gif") 0px -60px no-repeat;
}
.stayintouch .follow2 a:hover {
	background: url("/grafik/followfooter.gif") 0px -40px no-repeat;
}
.stayintouch .follow3 {
	background: url("/grafik/followfooter.gif") 0px -100px no-repeat;
}
.stayintouch .follow3 a:hover {
	background: url("/grafik/followfooter.gif") 0px -80px no-repeat;
}
.stayintouch .follow4 {
	background: url("/grafik/followfooter.gif") 0px -140px no-repeat;
}
.stayintouch .follow4 a:hover {
	background: url("/grafik/followfooter.gif") 0px -120px no-repeat;
}




/* **** 2.2. Navigation **** */
.navigation {
	background: #333;	
	width: 940px;
	clear: both;
	float: left;
	list-style-type: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
	margin-top: 7px;
	margin-bottom: 25px;
}
.navigation li {
	float: left;
	margin-right: 28px;
}
.navigation li a {
	background: url("/grafik/navigation.png") 0px 0px no-repeat;
	display: block;
	height: 30px;
	float: left;
	text-indent: -999999px;
}
.navigation li.ourblog {
	margin-right: 218px;
}
.navigation li.region {
	margin-right: 0px;
}
.navigation li.insidethefoundation a {
	width: 198px;
	background-position: -10px 0px;
	cursor: default;
}
.navigation li.insidethefoundation a:hover {
	width: 198px;
	background-position: -10px -30px;
}
.navigation li.insidethefoundation li a {
	cursor: pointer;
}
.navigation li.ourblog a {
	width: 76px;
	background-position: -227px 0px;
}
.navigation li.ourblog a:hover {
	width: 76px;
	background-position: -227px -30px;
}
.navigation li.factory a {
	width: 69px;
	background-position: -323px 0px;
}
.navigation li.factory a:hover {
	width: 69px;
	background-position: -323px -30px;
}
.navigation li.topics a {
	width: 69px;
	background-position: -412px 0px;
	cursor: default;
}
.navigation li.topics a:hover {
	width: 69px;
	background-position: -412px -30px;
}
.navigation li.topics li a {
	cursor: pointer;
}
.navigation li.activities a {
	width: 98px;
	background-position: -500px 0px;
}
.navigation li.activities a:hover {
	width: 98px;
	background-position: -500px -30px;
}
.navigation li.region a {
	width: 100px;
	background-position: -618px 0px;
	cursor: default;
}
.navigation li.region a:hover {
	width: 100px;
	background-position: -618px -30px;
}
.navigation li.region li a {
	cursor: pointer;
}

.navigation ul {
	list-style-type: none;
	position: absolute;
	z-index: 9;
	background: #333;
	margin-left: -10px !important;
	display: none;
	padding: 0 10px 20px 10px;
	border-top: 1px solid #434343;
	clear: both;
	margin-top: 30px;
}
* + html body .navigation ul {
	margin-top: 0px !important;
}
.navigation li:hover ul {
	display: block;
}
.navigation li li {
	float: none;
	border-bottom: 1px solid #434343;
	margin-right: 0px;
	padding: 5px 0;
}
.navigation li li a {
	color: #fff;
	float: none;
	background: none !important;
	text-indent: 0px;
	width: auto !important;
	margin: 0px !important;
	height: auto;
}

/*
	*******************
	***** 3. Main *****
	*******************
*/

/* **** 3.1. Sidebars **** */
.bigsidebar {
	clear: both;
	background: #fff;
	border: 1px solid #e9e9e9;
	float: left;
	width: 220px;
}
.bigsidebartwo {
	clear: both;
	float: left;
	width: 222px;
}
.bigsidebartwo .bigsidebar {
	margin-bottom: 20px;
}
body.projectandtemplate .bigsidebar {
	clear: none;
}
.bigsidebar h3 {
	margin: 10px 0px;
}
.bigsidebar .rss {
	float: right;
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	margin: 10px 15px;
	background: url("/grafik/rss.gif") right 0px no-repeat;
	padding-right: 15px;
}
.bigsidebar .section {
	padding: 10px 15px;
	border-top: 1px solid #e9e9e9;
	float: left;
	width: 190px;
}
.bigsidebar .where {
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	display: block;
	margin-bottom: 5px;
}
.bigsidebar h2 {
	color: #333;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 15px;
	font-weight: bold;
}
.bigsidebar h2 a {
	color: #333 !important;
	text-decoration: none !important;
}
.bigsidebar h2 a:hover {
	text-decoration: underline !important;
}
.bigsidebar strong {
}
.bigsidebar p {
	font-size: 12px;
	line-height: 14px;
}
.bigsidebar img {
	margin: 0 0 10px 0; 
}
.bigsidebar img.minusmargin {
	margin-left: -3px; 
}
.bigsidebar img.floatleft {
	float: left;
	margin: 0 10px 10px 0;
}
.bigsidebar img.floatright {
	float: right;
	margin: 0 0 10px 10px;
}
.bigsidebar .quote p {
	font-size: 11px;
	line-height: 12px;
	color: #666;
}
.bigsidebar .quote blockquote {
	font: 18px/20px Georgia, "Time New Roman", serif;	
	color: #000;
	margin-bottom:12px;
}
.bigsidebar .section a {
	text-decoration: underline;
}
.bigsidebar .section a:hover {
	text-decoration: none;
}
.projectpagesidebar {
	margin-right: 30px !important;
}
.bigsidebar .topiclist {
	list-style-type: none;
	margin-left: 0px !important;
}
.bigsidebar .topiclist li {
	float: none !important;
	margin-bottom: 0px;
}
.bigsidebar .topiclist li a {
	margin-top: 0px !important;
	font: 14px Georgia, "Time New Roman", serif;	
	color: #434343 !important;
	text-decoration: none !important;
}




.sidebar {
	clear: both;
	font-size: 11px;
	line-height: 12px;
	float: left;
	width: 220px;
}
body.projectandtemplate .sidebar {
	clear: none;
}
.sidebar .section {
	padding: 10px 0px;
	border-top: 1px solid #d5d5d5;
	float: left;
	width: 100%;
	color: #666;
	line-height: 12px;
}
.sidebar .lastsection {
	border-bottom: 1px solid #d5d5d5;
}
.sidebar .margintopsection {
	margin-top: 40px;
}
.contenttempabc .sidebar {
	width: 222px;
}
.contenttempabc .sidebar .section {
	border-top: 1px solid #e9e9e9;
}
.col4_1 .section p {
	color: #666;
	line-height: 12px;
}
.col4_1 .section {
	margin: 0 0 26px 0;
}
.sectionspacer {
	height: 70px;
}
.sidebar h3 {
	color: #000;
	font-size: 12px;
	margin-bottom: 10px;
}
.sidebar p {
	margin-bottom: 10px;
	clear: both;
}
.sidebar img {
	margin-bottom: 10px;
}
.sidebar .cutimage {
	width: 153px;
	height: 86px;
	margin-bottom: 5px;
	overflow: hidden;
}
.sidebar ul {
	list-style-type: none !important;
}
.topiclist, 
.activitieslist, 
.countrylist {
	clear: both;
	color: #333;
	width: 100%;
	float: left;
	font-size: 12px !important;
	line-height: 14px;
}

.topiclist li, 
.activitieslist li, 
.countrylist li {
	float: left;
	margin-right: 5px;
	color: #333;
	white-space: nowrap;
}
.topiclist li a, 
.activitieslist li a, 
.countrylist li a {
	margin-right: 5px;
	color: #333;
	text-decoration: underline;
}
.topiclist li a:hover, 
.activitieslist li a:hover, 
.countrylist li a:hover {
	text-decoration: none;
}
.categorylist {
	border-top: 1px solid #ccc;
}
.categorylist li {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
.whatsuparchive {
	margin-top: 60px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.archivelist li {
	padding: 4px 0;
}
.sectionnoborder {
	border: none !important;
}


.downloadsidebar {
    margin: 3px 0px 0 0;
    width: 145px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.downloadsidebar a {
	color: #666;
}
.downloadsidebar h3 {
	color: #666;
	font-size: 11px;
	line-height: 12px;
}
.downloadsidebar ul,
.downloadsidebar li {
	border: none !important;
}

/* **** 3.2. Spotlight **** */
.spotlight {
	clear: both;
	background: #fff;
	border: 1px solid #e9e9e9;
	overflow: hidden;
	margin-bottom: 32px;
	height: 360px;
}
.spotlight .top {
	border-bottom: 1px solid #e9e9e9;
	float: left;
	width: 100%;
}
.spotlight .nav {
	float: right;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 15px 10px 15px;
}
.spotlight .nav .previous {	
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline; 
	width: 6px;
	height: 9px;
	background: url("/grafik/spotlightnav.gif") 0px 0px no-repeat;
	text-indent: -999999px;
	margin-top: 4px;
	margin-left: 8px;
}
.spotlight .nav .pause {	
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline; 
	width: 5px;
	height: 9px;
	background: url("/grafik/spotlightnav.gif") -14px 0px no-repeat;
	text-indent: -999999px;
	margin-top: 4px;
	margin-left: 8px;
}
.spotlight .nav .next {	
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline; 
	width: 6px;
	height: 9px;
	background: url("/grafik/spotlightnav.gif") -27px 0px no-repeat;
	text-indent: -999999px;
	margin-top: 4px;
	margin-left: 8px;
}
.spotlight h3 {
	margin: 12px 15px 10px 15px;
}
.spotlight .image {
	float: left;
}
.spotlight .text {
	float: left;
	margin: 0 32px;
	width: 210px;
}

.spotlight h1 {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 15px;
	padding-top: 10px;
}
.spotlight p {
	color: #333;
	font: 14px/18px Georgia, "Time New Roman", serif;	
	margin-bottom: 15px;
}


/* **** 3.3. Contentlist **** */
.contentlist {
	clear: both;
	list-style-type: none;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0px !important;
}
.contentlist li {
	margin-bottom: 20px;
}
.contentlist .spacer {
	width: 708px;
	clear: both;
}
.contentlist .spacerwithborder {
	width: 789px;
	height: 1px;
	margin-bottom: 25px;
	background: #ccc;
	clear: both;
}
.opencalllist {
	clear: both;
	margin-top: 32px !important;
}
.opencalllist li {
	margin-bottom: 32px !important;
}
.content .contentlist h2 {
	color: #333;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.content .contentlist h2 a {
	text-decoration: none;
}
.content .contentlist h2 a:hover {
	text-decoration: underline;
}
.contentlist p {
	margin-bottom: 5px;
}
.contentlist img {
	margin-bottom: 10px;
}
.bannerlist img {
	padding: 7px;
	border: 1px solid #ccc;
}
ul.team {
	color: #666;
	font-size: 11px;
	border-top: 1px solid #d3d3d2;
	padding-top: 25px;
}
.team img {
	margin-bottom: 10px;
}
.team a {
	display: block;
	text-decoration: underline;
}
.team a:hover {
	text-decoration: none;
}
.mail {
	background: url("/grafik/teamicons.png") 0px 5px no-repeat;
	padding-left: 18px;
}
.team .moreinfo {
	background: url("/grafik/teamicons.png") 0px -10px no-repeat;
	padding-left: 18px;
}

ul.download {
	color: #666;
	font-size: 10px;
	line-height: 12px;
	border-top: 1px solid #d3d3d2;
	padding-top: 25px;
}
.download li {
	margin-right: 57px !important;
}
.download li.collast {
	margin-right: 0px !important;
}
.download .wrapdownloadimage {
	width: 153px;
	height: 86px;
	margin-bottom: 10px;
	overflow: hidden;
}
.download p {
	margin-bottom: 5px !important;
}
.download img {
	margin-bottom: 10px;
}
.download a {
	display: block;
	text-decoration: underline;
}
.download a:hover {
	text-decoration: none;
}
.download h3 {
	font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif !important;		
	color: #333 !important;
	margin-bottom: 5px !important;
}
.download .seegallery {
	display: block;
	margin-bottom: 15px;
	background: url("/grafik/seegallery.gif") 0px center no-repeat;
	padding-left: 15px;
	font: 11px/16px arial,helvetica,sans-serif;
}
.download .dodownload {
	display: block;
	margin-bottom: 15px;
	background: url("/grafik/dodownload.gif") 0px center no-repeat;
	padding-left: 15px;
	font: 11px/16px arial,helvetica,sans-serif;
}

/* **** 3.4. Content **** */
.content {
	float: left;
	width: 708px;
	margin-left: 30px;
}
.content a {
	text-decoration: underline;
}
.content a:hover {
	text-decoration: none;
}
.contenttempabc {
	width: 785px;
}
.contenttempabcbig {
	width: 960px;
	margin-left: 0px;
}
.contenttempabcbig .col1 {
	width: 296px;
	margin-right: 32px;
	float: left !important;
}
.contenttempabcbig .col2 {
	width: 632px !important;
	margin-right: 0px !important;
	float: left !important;
	margin-bottom: 22px !important;
}
.topimage {
	color: #949494;
	font-size: 10px;
	float: left;
}
.topimage img {
	margin-bottom: 10px;
}
.contenttempabcbig .col4_3 {
	width: 706px !important;
}
.content .toptextleft {
	float: left;
	width: 244px;
	margin-right: 32px;
}
.content .toptextleftfull {
	float: left;
	width: 708px;
	margin-right: 0px;
}
.contenttempabc .toptextleft {
	width: 321px;
}
.content .toptextright {
	float: left;
	width: 244px;
	margin-left: 32px;
}
.content .teaser p,
.bigsidebar .teaser p,
.overlay-content .teaser p {
	font: 15px/20px Georgia, "Time New Roman", serif;		
	color: #333;
	margin-bottom: 30px;
}
.content blockquote p,
.bigsidebar blockquote p,
.overlay-content blockquote p {
	font: 15px/20px Georgia, "Time New Roman", serif;		
	color: #666;
	margin-bottom: 30px;
}
.content p,
.bigsidebar p,
.overlay-content p {
	color: #333;
	margin-bottom: 15px;
}
.content ul,
.content ol,
.bigsidebar ul,
.bigsidebar ol,
.overlay-content ul,
.overlay-content ol {
	margin: 0 0 15px 15px;
}
.content ul li,
.content ol li,
.bigsidebar ul li,
.bigsidebar ol li,
.overlay-content ul li,
.overlay-content ol li {
	margin-bottom: 6px;
}
.content hr,
.bigsidebar hr,
.overlay-content hr {
	width: 100% !important;
	height: 1px !important;
	color: #ccc !important;
	background: #ccc !important;
	display: block !important;
	margin-bottom: 15px !important;
}
.content address,
.bigsidebar address,
.overlay-content address {
	font: 10px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #999;
	margin-bottom: 15px;
}
.content pre,
.bigsidebar pre,
.overlay-content pre {
	font: 13px/16px Georgia, "Time New Roman", serif;	
	color: #000;
	margin-bottom: 15px;
}

.presscontent {
	width: 555px !important;
	margin-right: 30px !important;
}
.presssidebar {
	clear: none !important;
	width: 200px !important;
}
.contactcontent {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	color: #000;
}
.contactcontent strong {
	margin-bottom: 10px !important;
	display: block;
}
/* *** Headings *** */
.content h1,
.bigsidebar h1,
.overlay-content h1 {
	color: #333;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 30px;
	margin-top: 15px;
}
.content h2,
.overlay-content h2 {
	font: bold 18px/20px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin-bottom: 15px;
}
.content h3,
.bigsidebar h3,
.overlay-content h3 {
	font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin-bottom: 15px;
}
.content h4,
.bigsidebar h4,
.overlay-content h4 {
	font: normal 15px/18px Georgia, "Time New Roman", serif;
	color: #000;
	margin-bottom: 15px;
}
.content h5,
.bigsidebar h5,
.overlay-content h5 {
	font: normal 18px/22px Georgia, "Time New Roman", serif;
	color: #000;
	margin-bottom: 15px;
}
.content h6,
.bigsidebar h6,
.overlay-content h6 {
	font: normal 24px/24px Georgia, "Time New Roman", serif;
	color: #000;
	margin-bottom: 15px;
}


.pageimage {
	color: #949494;
	font-size: 10px;
	float: left;
	margin-bottom: 20px;
}
.pageimage span {
    display: block;
	width: 400px;
	line-height: 12px;    
	margin-top: 10px;
}
.pageimage .map {
	width: 432px;
	height: 243px;
	overflow: hidden;
}
.regionright {
	width: 432px;
	float: left;
	padding-top: 20px;
}
.countries {
	font: 18px/20px Georgia, "Time New Roman", serif;	
	color: #666;
}
.countries a {
	color: #666;
	text-decoration: none;
}
.countries a:hover {
	text-decoration: underline;
}
.pageimage img {
	display: block;
}
.contenttempabc .pageimage {
	margin-bottom: 30px;
}
.contenttempabc .pageimage img {
	margin-bottom: 10px;
}
.sectiontitle {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 0;
	width: 100%;
	float: left;
	margin-bottom: 15px;
	margin-top: 32px;	
}
.sectiontitle h3 {
	margin-top: 4px;
	margin-bottom: 4px;
}
.sectiontitle .further {
	font-size: 11px;
	float: right;
	color: #949494;
}
.sectiontitle .further a {
	color: #949494;
	text-decoration: none;
}
.sectiontitle .further a:hover {
	text-decoration: underline;
}

.content table {
	border-collapse: collapse;
	width: 100%;
}
.content th {
	color: #a6a6a6;
	padding: 7px 10px;
	font-size: 11px;
	font-weight: normal;
}
.content td {
	background: #e7e7e6;
	padding: 7px 10px;
	width: 30%;
}
.content td.title {
	font-weight: bold;
	width:40%;
}
.content .alt td {
	background: #dbdbda;
}
.content .gallerycol {
	padding: 0 0 10px 0;
	font-size: 11px;
	color: #666;
}
.content .gallerycol h3 {
	font-size: 12px;
	margin-bottom: 10px;
	color: #333;
}
.content .gallerycol img {
	margin-bottom: 10px;
}
.galleryimagewrap {
	width: 145px;
	height: 95px;
	overflow: hidden;
	margin-bottom: 5px;
}
.content .gallerycol .section {
	padding: 10px 0px;
	border-top: 1px solid #d5d5d5;
	float: left;
	width: 100%;
	color: #666;
	line-height: 12px;
	margin-bottom: 0px;
}
.content .gallerycol .lastsection {
	border-bottom: 1px solid #d5d5d5;
}
.content .gallerycol .margintopsection {
	margin-top: 40px;
}

.searchul {
	width: 785px;
	float: left;
	padding: 0 0 30px 0;
	list-style-type: none;
	margin-left: 0px !important;
}
.searchul li {
	width: 385px;
	float: left;
	margin: 0 15px 0 0;
	padding: 15px 0 15px 0;
	background: none;
	border-top: 1px solid #ccc;
}
.searchul .first {
	border-top: none !important;
}
.searchul .last {
	margin: 0px;
}
.searchul .searchulspacer {
	width: 625px;
	margin: 0px !important;
	padding: 0px !important	;
	font-size: 1px;
	height: 1px;
	background: none;
	border: none;
}
.searchul .left {
	width: 90px;
	float: left;
}
.searchul .right {
	width: 295px;
	float: left;
}
.searchul p {
	margin: 0px;
}
.searchh2 {
	margin: 0 0 25px 175px;
}
.marginh2 {
	margin: 0 0 25px 175px;
}
.paragraphh2 {
	margin: 0 0 25px 175px;
}
h4.searchh4 {
	clear: both;
	margin-top: 13px;
	margin-bottom: 5px;
 	font: bold 12px/16px arial,helvetica,sans-serif !important;
}
.navlist {
	margin-top: 7px;
}

.selectlistul {
	width: 555px;
	float: left;
	margin: 0px !important;
	padding: 0px !important;
}
.selectlistul li {
	list-style: none !important;
	width: 555px;
	float: left;
	border-top: 1px solid #ccc;
	padding: 19px 0;
}
.selectlistul li.first {
	border-top: none;
}
.selectlistul .left {
	width: 193px;
	float: left;
}
.selectlistul .right {
	width: 342px;
	float: left;
	margin-left: 20px;
}
.selectlistul p {
	margin: 0px;
}
.selectlistul a {
	text-decoration: none;
}
.selectlistul a:hover {
	text-decoration: underline;
}
.selectlistul .presstitle a {
	color: #cc0000 !important;
    font-size: 9px;
    line-height: 11px;
    margin: 0;
    text-transform: uppercase;
}
.selectlistul .pressdate {
    font-size: 11px;
    line-height: 12px;
    margin: 0 0 5px !important;
}
.selectlistul h5 {
	font: 12px/16px arial,helvetica,sans-serif;
	margin-bottom: 0px;
}
.selectpress {
	float: right;
	margin: 8px 0;
}
.pressh4 {
	margin: 8px 0;
}
.presssidebar {
	float: left;
	width: 200px;
    color: #666 !important;
    float: left;
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 18px 30px;
}
.listpublications {
	width: 785px;
	float: left;
	padding: 0 0 10px 0;
	list-style-type: none;
}
.listpublications li {
	width: 385px;
	float: left;
	margin: 0 15px 0 0;
	padding: 8px 0 15px 0;
	background: none;
	border-top: 1px solid #ccc;
}
.listpublications li.first {
	border-top: none;
}
.listpublications .last {
	margin: 0px;
}
.listpublications .listpublicationsspacer {
	width: 625px;
	margin: 0px !important;
	padding: 0px !important	;
	font-size: 1px;
	height: 1px;
	background: none;
	border: none;
}
.listpublications img {
	margin-top: 3px;
}    

.publicationlist .image {
	width: 153px;
	float: left;
	margin-right: 10px;
}
.publicationlist .text {
	width: 213px;
	float: left;
}
.publicationlist .text h2 {
	font: normal 16px/18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
}
.publicationlist .text p {
	font: 12px/16px arial,helvetica,sans-serif;
	color: #333;
}
.publicationlist .text a {
	text-decoration: none;
}

.listpublications h5,
.searchul h5 {
	color: #333333;
    margin: 0 0 5px;
	font: bold 12px/14px arial,helvetica,sans-serif;
}
.listpublications h5 a,
.searchul h5 a {
	text-decoration: none;
}
.searchul .searchlink {
	display: block;
	margin-top: 10px;
	text-decoration: underline;
	color: #626262;
}
.searchul .searchlink:hover {
	text-decoration: none;
}
.downloadh2 {
	color: #424242 !important;
	font: bold 13px/14px arial,helvetica,sans-serif !important;	
	margin: 10px 0 !important;
}

/* **** 3.5. Factory **** */
div.factory {
	background: #464646;
	color: #fff;
	padding: 32px;
	width: 644px;
}
.factorylogo {
	float: left;
	margin-right: 32px;
}
.factorytext {
	float: left;
	color: #fff !important;
	font: 14px/18px Georgia, "Time New Roman", serif;
	width: 294px;
	margin-top: 12px;
}
.factorylist {
	margin: 24px 0 0 0;
	padding-top: 24px;
	border-top: 1px solid #666;
	float: left;
	width: 100%;
}
.factorylist li {
	float: left;
	width: 193px;
	height: 109px;
	overflow: hidden;
	position: relative;
	margin-right: 32px;
	margin-bottom: 32px;
}
.factorylist li.last {
	margin-right: 0px;
}
.factorylist li div {
	background: url("/grafik/factoryoverlay.png") 0px 0px repeat;
	position: absolute;
	width: 163px;
	padding: 10px 15px;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	display: none;
}
.factorylist li:hover div {
	display: block;
}
.factorylist li h2 {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #fff !important;
}
.factorylist li a {
	color: #fff;
	font-size: 12px;
	background: url("/grafik/factoryarrow.png") 0px 4px no-repeat;
	padding-left: 5px;
	margin-right: 5px;
	text-decoration: none;
}
.factorylist li a:hover {
	text-decoration: underline;
}


/* **** 3.6. Three Programmes **** */
.threeprogrammes {
	clear: both;
}
.threeprogrammes .topimage {
	margin-bottom: 64px;
}
.threeprogrammes h1 {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -1px;
	margin-bottom: 32px;
}
.threeprogrammes blockquote p {
	font: 15px/20px Georgia, "Time New Roman", serif;		
	color: #333;
	margin-bottom: 30px;
}
.threeprogrammes h2 {
	margin-bottom: 32px;    
}
.threeprogrammes .col {
	float: left;
}
.threeprogrammes .collast {
	margin-right: 0px !important
}
.threeprogrammes .col1 {
	width: 298px;
	margin-right: 32px;
}
.threeprogrammes .col2 {
	width: 628px;
	margin-right: 32px;
}
.threeprogrammes .topborder {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.programmesteam {
	list-style-type: none;
	float: left;
	border-top: 0px !important;
}
.programmesteam img {
	float: left;
	margin-right: 20px;
}
.programmesteam p {
	float: left;
	width: 125px;
}
.programmesteam li {
	clear: both;
	margin-bottom: 10px;
	float: left;
	width: 298px;
}

/* **** 3.7. Blog **** */
.whatsupheader {
	width: 961px;
	height: 84px;
	background: url("/grafik/blogheader.jpg") 0px 0px no-repeat;
	text-indent: -999999px;
	margin-bottom: 25px;
}
.whatsupheader a {
	display: block;
	width: 961px;
	height: 84px;
}
.blogsidebar {
    margin: 3px 0px 0 0;
    width: 145px;
    border-top: 4px solid #ccc;
    padding-top: 20px;
}
.blogsidebar a {
	color: #666;
}
.blogsidebar h3 a {
	color: #000;
}
.blogcontent {
	width: 785px;
}
.bloglist {
	clear: both;
	list-style-type: none;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.bloglist li.first {
	border-top: none;
}
.bloglist li {
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.bloglist li li {
	border: none;
}
.bloglist h1 {    
	font-size: 19px;
    line-height: 22px;
    width: auto;
    margin-bottom: 15px;
}
.bloglist h1 a {
	text-decoration: none;
}
.bloglist h1 a:hover {
	text-decoration: underline;
}
.bloglist h2 {
	color: #333;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.bloglist h2 a {
	text-decoration: none;
}
.bloglist h2 a:hover {
	text-decoration: underline;
}
.bloglist .first .left {
    float: left;
    width: 458px;
}
.bloglist .first .right {
    float: left;
    width: 327px;
}
.bloglist .first .right p {
	width: 297px;
}

.bloglist .left {
	float: left;  
	width: 218px;
}
.bloglist .right {
	float: left;    
	width: 567px;
}
.bloglist .right p {   
	width: 567px;
	margin-bottom: 5px;    
	float: left;
    margin: 0 20px 0 0;
}
.bloglist .catags {    
    display: block;
    float: left;
    padding: 2px 0 0;
    width: 150px;   
	margin-left: 0px !important;
}
.bloglist .catags li {
    color: #B0B0B0;
    display: block;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 7px;
    padding: 0;
    width: 100%;    
}
.bloglist .catags li a {
    color: #b0b0b0;
    text-decoration: underline;
}
.bloglist .first .catags {
	width: 272px;
	margin-top: 15px !important;
	margin-bottom: 0px;
}
.bloglist .more {
	margin-top: 15px;
}

.sethead {
    border-bottom: 1px solid #ccc;
    border-top: 4px solid #ccc;
    float: left;
    margin: 3px 0 0;
    width: 100%;
}
.sethead.nobordertop {
	border-top: none !important;
}
.sethead .rss {
    float: left;
    font-size: 11px;
    height: 26px;
}
.sethead .rss a {
    color: #ccc;
    float: left;
   	margin-top: 5px;
}
.sethead .rss a.rss1 {
    color: #ccc;
    float: left;
    height: 16px;
    background: url("/grafik/blogrss.png") 0px bottom no-repeat;
    margin-right: 5px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
.sethead .rss a.rss1:hover {
    background: url("/grafik/blogrss.png") 0px 0px no-repeat;
}
.sethead .rss .rss {
	float: right;
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	background: url("/grafik/rss.gif") right 0px no-repeat;
	padding-right: 15px;
	text-decoration: none;
}

.sethead .set {
    float: right;
    font-size: 11px;
    height: 26px;
}
.sethead .set ul {
    float: right;
    height: 16px;
    margin: 5px 0 0;
    list-style-type: none;
}
.sethead .set li {
    border-right: 1px solid #D7D7D7;
    float: left;
}
.sethead .set li a {
	text-decoration: none;
    padding: 0 7px;
}
.sethead .set li a:hover {
	text-decoration: underline;
}
.sethead .seton {
    font-weight: bold;
}

.blogsingle {
	width: 785px;
}
.backlink {
	border-top: 4px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #666;
    font: 11px/26px arial,helvetica;
    height: 26px;
    margin: 3px 0 20px 0;
    text-align: right;
    width: 785px;
}
.backlink a {
    color: #666;
    text-decoration: none;
}
.backlink a:hover {
    text-decoration: underline;
}
.blogsingle h2 {
	font-size: 20px;
    line-height: 24px;    
    display: block !important;
    float: none !important;
    padding: 0 0 18px 0 !important;
    width: 608px !important;
    margin-bottom: 0px !important;
}
.blogsingle .left {    
	float: left;
    margin: 0 32px 0 0;
    width: 608px;
	margin-right: 32px;
}
.blogsingle .right {
    float: left;
    width: 145px;    
    font-size: 10px !important;
}
.blogsingle .right .smallbox {
    width: 145px !important;
}
.blogsingle .right .box {
    border-top: 1px solid #ccc;
    clear: both;
    float: left;
    line-height: 13px;
    margin: 0 0 18px;
    padding: 8px 0 0;
}
.blogsingle .right ul {
	list-style-type: none;
	margin-left: 0px;
}
.blogsingle .right,
.blogsingle .right a {
	color: #b0b0b0 !important;
}
.blogsingle .right a {
	text-decoration: underline;
}
.share h5 {
    color: #B0B0B0;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
	margin: 10px 0 5px 0;
}
.share li {
	height: 16px;
	margin: 0px 0 2px 0;
	font-size: 11px;
	display: block;
	float: left;
}
.share li a {
	display: block;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	color: #666;
	text-indent: -999999px;
}
.share li a:hover {
	color: #666;
	text-decoration: none;
}
.share .follow1 {
	background: url("/grafik/followfooter.gif") 0px -20px no-repeat;
}
.share .follow1 a:hover {
	background: url("/grafik/followfooter.gif") 0px 0px no-repeat;
}
.share .follow2 {
	background: url("/grafik/followfooter.gif") 0px -60px no-repeat;
}
.share .follow2 a:hover {
	background: url("/grafik/followfooter.gif") 0px -40px no-repeat;
}
.share .follow3 {
	background: url("/grafik/followfooter.gif") 0px -100px no-repeat;
}
.share .follow3 a:hover {
	background: url("/grafik/followfooter.gif") 0px -80px no-repeat;
}
.share .follow4 {
	background: url("/grafik/followfooter.gif") 0px -140px no-repeat;
}
.share .follow4 a:hover {
	background: url("/grafik/followfooter.gif") 0px -120px no-repeat;
}

.share1 {
	background: url(/grafik/share.gif) 0px 0px no-repeat;
}
.share1 a:hover {
	background: url(/grafik/share.gif) 0px -20px no-repeat;
}
.share2 {
	background: url(/grafik/share.gif) 0px -40px no-repeat;
}
.share2 a:hover {
	background: url(/grafik/share.gif) 0px -60px no-repeat;
}
.share3 {
	background: url(/grafik/share.gif) 0px -80px no-repeat;
}
.share3 a:hover {
	background: url(/grafik/share.gif) 0px -100px no-repeat;
}
.share4 {
	background: url(/grafik/share.gif) 0px -120px no-repeat;
}
.share4 a:hover {
	background: url(/grafik/share.gif) 0px -140px no-repeat;
}

/* **** 3.8. Projectpage **** */
.projectlogo {
	width: 333px;
	float: right;
	margin-bottom: 5px;
}
.project {
	width: 960px;
	float: left;
	clear: both;
	margin-bottom: 30px;
	position: relative;
}
.project .image {
	position: absolute;
	top: 0px;
	left: 0px;
}
.project .image div {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px !important;
	padding: 5px 7px;
	background: url("/grafik/factoryoverlay.png") 0px 0px repeat;
	clear: both; 
	display: block;
    line-height: 12px;
    font-size: 10px;
    color: #fff;
}
.project .description {
	width: 334px;
	min-height: 311px;
	float: left;
	color: #fff;
	margin-top: 5px;
	background: #464646;
	padding: 18px 0 0 626px;
}
.project h1 {
	font: bold 24px/24px Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 20px;
	margin-right: 30px;
}
.project p {
	font: 15px/20px Georgia, "Times New Roman", sans-serif;
	margin-right: 30px;
	margin-bottom: 25px;
}
.quote {
	width: 458px;
	clear: both;
	position: relative;
	margin-bottom: 25px;
}
.quote blockquote {
	color: #7b7b7a;
	font: italic 30px/32px Georgia, "Times New Roman", sans-serif;
}
.quote small {
	color: #666;
	font-size: 11px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.smallcontent {
	float: left;
	width: 458px;
	margin-right: 30px;
}
.smallcontent .section {
	border-top: 1px solid #ccc;
	padding: 10px 0;
	width: 100%;
	float: left;
	position: relative;
}
.smallcontent .section h3 {
	width: 70px;
	float: left;
	margin-right: 20px;
}
.smallcontent .section h3.context,
.smallcontent .section h3.impact,
.smallcontent .section h3.facts {
	position: absolute;
	left: 0px;
	top: 15px;
}
.smallcontent .section p {
	width: 368px;
	float: left;
	margin-left: 90px;
}
.smallcontent .lastsection {
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
}
.smallcontent .partner {
	width: 237px;
	float: left;
	border-right: 1px solid #ccc;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 11px;
}
.smallcontent .partner div {
	width: 100px;
	float: left;
	margin-right: 10px;
}
.smallcontent .partner div img {
	display: block;
	margin-bottom: 10px;
}
.smallcontent .projectmanager {
	width: 220px;
	float: left;
	font-size: 11px;
	color: #666;
	margin-right: 18px;
}
.smallcontent .projectmanager a {
	font-size: 11px;
	color: #666;
	background-position: 0px 2px;
	text-decoration: underline;
}
.smallcontent .projectmanager img {
	float: left;
	margin-right: 5px;
}
.smallcontent .lastsection h3 {
	display: block;
	color: #000;
	text-indent: 0px !important;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	margin-bottom: 20px;
}
.smallcontent .projectmanager2 {
	padding-top: 36px !important;
	margin-right: 0px !important;
}
.smallcontent .projectmanager3 {
	padding-top: 36px !important;
}
.smallcontent .projectmanager4 {
	padding-top: 36px !important;
	margin-right: 0px !important;
}

/* Audio */
#audioplayer1,
.audioplayer {
	width:190px !important;
}


/* Newsletter */
#subForm td {
	background: #f6f6f6 !important;
	padding-left: 0px;
	padding-right: 0px;
}
#subForm input[type="text"] {
	width: 390px;
	height: 34px;
	border: 1px solid #ccc;
	font: italic 18px Georgia, Times, serif;
	color: #ccc;
	padding-left: 15px;
}
#subForm input[type="submit"] {
	background: #039aff;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 5px 15px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/*
	**********************
	***** 4. Overlay *****
	**********************
*/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	opacity: 0.3;
}
.overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1100;
	color: #333 !important;
}
.overlay-content .top {
	width: 540px;
	height: 6px;
	margin: 0 auto;
	background: url("/grafik/overlay-top.png") no-repeat;
}
.overlay-content .main {
	margin: 0 auto 0 auto;
	width: 490px;
	background: #fff;
	padding: 19px 25px 0 25px;
	position: relative;
	overflow-y: scroll;
}
.overlay-content .bottom {
	width: 540px;
	height: 6px;
	margin: 0 auto 0 auto;
	background: url("/grafik/overlay-bottom.png") no-repeat;
}

.overlay-content .close {
	display: block;
	width: 25px;
	height: 25px;
	background: url("/grafik/overlay-close.png") 0px -0px no-repeat;
	text-indent: -999999px;
	position: absolute;
	top: -18px;
	right: -12px !important;
}
body #fancy_inner .movie-close {
	right: -62px !important;
}
.overlay-content .heading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.overlay-content .heading h3 {
	float: left;
}
.overlay-content .print {
	float: right;
	margin-top: -3px;
}
.overlay-content img {
	float: right;
	margin: 0 0 16px 16px;
}
.overlay-content h2 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 15px;
}
.overlay-content p {
	margin-bottom: 20px;
}
.overlay-content blockquote {
	font-weight: bold;
}
.overlay-content .mail {
	text-decoration: underline;
	padding-top: 2px;
}
.overlay-content .mail:hover {
	text-decoration: none;
}

.overlay-content.movie .top {
	width: 620px;
	margin: 0 auto;
	background: url("/grafik/movieoverlay-top.png") no-repeat;
}
.overlay-content.movie .main {
	margin: 0 auto 0 auto;
	width: 600px;
	background: #fff;
	padding: 4px 10px 4px 10px;
	position: relative;
	overflow: visible;
}
.overlay-content.movie .bottom {
	width: 620px;
	margin: 0 auto 0 auto;
	background: url("/grafik/movieoverlay-bottom.png") no-repeat;
}
.overlay-content.movie h3 {
	font: bold 12px Arial, helvetica, sans-serif;
	color: #626262;
	margin: 15px 0 5px 0;
}
.overlay-content.movie p {
	font: 11px/14px Arial, helvetica, sans-serif;
	color: #626262;
	margin: 0px;
}

body.movie .overlay-content .info {
	width: 543px;
	float: left;
}
body.movie .overlay-content .info p {
	float: left;
	width: 450px;
	font-size: 12px;
}
body.movie .overlay-content .info .number {
	float: right;
	width: 93px;
	text-align: right;
	color: #626262;
}
/* **** Ende Gallery **** */

/* Fancybox */
.closeoverlay {
	display: block !important;
	width: 25px !important;
	height: 25px !important;
	background: url("/grafik/overlay-close.png") 0px -0px no-repeat !important;
	text-indent: -999999px !important;
	position: absolute !important;
	z-index: 200;
	top: -10px !important;
	right: -70px !important;
	cursor: pointer;
}
.closeoverlay-small {
	display: block !important;
	width: 25px !important;
	height: 25px !important;
	background: url("/grafik/overlay-close.png") 0px -0px no-repeat !important;
	text-indent: -999999px !important;
	position: absolute !important;
	z-index: 200;
	top: -10px !important;
	right: 0px !important;
	cursor: pointer;
}
div#fancy_outer {
}
div#fancy_inner {
	border: none !important;
	height: 0px !important;
}
#fancy_bg {
	display: none !important;
}
#fancy_close {
	display: none !important;
}
body.movie #fancy_close {
	display: none !important;
}
#fancy_inner .organisation {
	display: block;
	font-size: 11px;
	line-height: 12px;
	color: #999;
	margin-bottom: 5px;
}
#fancy_inner .country {
	display: block;
	font-size: 11px;
	line-height: 12px;
	color: #999;
	margin-bottom: 15px;
}

		
/*
	**********************
	***** 10. Footer *****
	**********************
*/
#footer {
	width: 100%;
	float: left;
	background: #cfcfce;
	color: #333;
	text-align: center;
	padding: 35px 0 7px 0;
	margin-top: 10px;
	margin-bottom: 0px;

	position: absolute;
	left: 0px;
	bottom: 0;
	height: 110px;
	margin: 40px 0 0 0;
}
#footer .footerwidth {
	position: relative;
	width: 945px;
	margin: 0 auto;
	text-align: left;
}
#footer ul {
	list-style-type: none;
	float: left;
	padding: 0 0 0 145px;
	background: url("/grafik/bg_footer.gif") left top repeat-y;
	width: 945px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
	margin-bottom: 10px;
}
#footer ul li {
	font-size: 11px;
	line-height: 13px;
	color: #666;
	float: left;
	padding: 0 0 0 15px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 145px;
}
#footer h4 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #333;
	margin: 0 0 5px 0;
}
#footer ul li a {
	color: #666;
}
#footer ul li a:hover {
	color: black;
	text-decoration: none;
}
.hpcopyright {
	padding: 10px 0 10px 0;
	text-align: center;
	color: #9f9f9f;
	background: url("/grafik/hpcopyright.gif") center bottom no-repeat;
}
.hpcopyright a {
	color: #9f9f9f;
}
.contentheader ol,
.col234 ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
}
.contentheader ol li,
.col234 ol li {
	list-style: decimal outside;
}
.contentheader ul,
.col234 ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
}
.contentheader ul li,
.col234 ul li {
	list-style: disc outside;
}
.contentheader a,
.col234 a {
	text-decoration: underline;
}
.contentheader a:hover,
.col234 a:hover {
	color: #000;
}
#footer ul ul {
	float: none;
	padding: 0px;
	background: none;
	width: auto;
}
#footer ul ul li {
	float: none;
	padding: 0px;
	width: auto;
}
#footer .followuson ul {
}
#footer .followuson li {
	height: 16px;
	margin: 0 0 2px 0;
	font-size: 11px;
	display: block;
}
#footer .followuson li a {
	display: block;
	height: 16px;
	padding: 0 0 0 30px;
	color: #666;
}
#footer .followuson li a:hover {
	color: #666;
	text-decoration: none;
}
#footer .followuson .follow1 {
	background: url("/grafik/followfooter.gif") 0px 0px no-repeat;
}
#footer .followuson .follow1 a:hover {
	background: url("/grafik/followfooter.gif") 0px -20px no-repeat;
}
#footer .followuson .follow2 {
	background: url("/grafik/followfooter.gif") 0px -40px no-repeat;
}
#footer .followuson .follow2 a:hover {
	background: url("/grafik/followfooter.gif") 0px -60px no-repeat;
}
#footer .followuson .follow3 {
	background: url("/grafik/followfooter.gif") 0px -80px no-repeat;
}
#footer .followuson .follow3 a:hover {
	background: url("/grafik/followfooter.gif") 0px -100px no-repeat;
}
#footer .followuson .follow4 {
	background: url("/grafik/followfooter.gif") 0px -120px no-repeat;
}
#footer .followuson .follow4 a:hover {
	background: url("/grafik/followfooter.gif") 0px -140px no-repeat;
}

#footer ul ul.footerliste li{
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("/grafik/arrowfooter.gif") center left no-repeat;
}