/*  body und schrift deffinitionen */
html 			{padding:0px;
				 margin:0px;
}


body 			{
				background: #fff url(../img/img_bg_body.gif) repeat-y;
			 	color: #333; 
			 	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; 
			 	padding:0px; 
			 	margin:0px;
}

a 				{color: #BF0707; text-decoration:none;}
a:hover 		{color: #FC2603; text-decoration:underline;}
 
p 				{line-height: 1.4em; font-size: 1.2em;}

li 			{line-height: 1.4em; font-size: 1.2em;}

h1,h2,h3,h4		{padding-top: 6px; margin-bottom: 8px; font:Verdana, Arial, Helvetica, sans-serif;}
h1 				{font-size: 1.6em; color: #646B7A;}
h2 				{font-size: 1.3em; color: #BF0707;}
h3 				{font-size: 1.4em; color: #012779;}
h4 				{font-size: 1.3em; color: #6D86B6;}

img 				{border:none;}

.left 				{float: left;}
.right 				{float: right;}
.bildcontent		{float: left; margin: 0 8px 8px 0;}
.bildcontent_rechts		{float: right; margin: 0 0 8px 8px;}

/* Spezielle Linkklassen */

a.intern:link, a.intern:visited	{
				text-decoration: none; 
				background: url("../img/img_link_intern.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
}

a.intern:active, a.intern:hover	{
				text-decoration: underline; 
				background: url("../img/img_link_intern.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
}

a.top:link, a.top:visited	{
				text-decoration: none; 
				background: url("../img/img_link_top.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
}

a.top:active, a.top:hover	{
				text-decoration: underline; 
				background: url("../img/img_link_top.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
}

a.extern:link, a.extern:visited	{
				text-decoration: none; 
				background: url("../img/img_link_extern.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
}

a.extern:active, a.extern:hover	{
				text-decoration: underline; 
				background: url("../img/img_link_extern.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
}

a.mail:link, a.mail:visited	{
				text-decoration: none; 
				background: url("../img/img_mail.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 18px;
}

a.mail:active, a.mail:hover	{
				text-decoration: underline; 
				background: url("../img/img_mail.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 18px;
}

a.pdf:link, a.pdf:visited	{
				text-decoration: none; 
				background: url("../img/img_pdf.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 18px;
}

a.pdf:active, a.pdf:hover	{
				text-decoration: underline; 
				background: url("../img/img_pdf.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 18px;
}

/*  statisch und absolut */

#header 		{
				float:left;
				width: 100%;
				height:120px;
				background: url(../img/img_header_bg.gif) repeat-x;
				background-color:#012779;
				color: #fff;
				margin: 0px;
				padding: 0px;
				font-size: 1.1em;
				border-bottom:5px solid #012779;
}

#headerleft 			{float: left; margin:10px 0 0 0;}
#headerright 			{float: left; padding:10px 0px 0px 10px;}
#headerright a 			{color:#fff;}

#headerpic 				{float: left; margin:0;}


#breadcrump {
width: 100%;
margin: 0px; 
padding: 3px 0 3px 0;
font-size: 1.1em;
}



.navigation {
float:left;
width: 175px;
/*border-top: 10px solid #012779;*/
}
.navigation ul {
	padding: 0;
	margin:0;
}
.navigation li {
	list-style-type:none;
	margin-left:8px;
	font-size: 1.2em;
	font-weight:bold;
	
}
.navigation li a {
	background: url(../img/img_nav_bg.gif) no-repeat;
	color: #fff;
	display: block;
	padding: 8px 0 8px 15%;
	width: 85%;
}
.navigation li a:hover {
	background: url(../img/img_nav_bg_hover.gif) no-repeat;
	color: #fff;
	text-decoration:none;	
}

.navigation a.select	{
	background: url(../img/img_nav_bg_select.gif) no-repeat;
	color: #012779;
	text-decoration:none;	
}
.navigation a.subnav	{
	background: url(../img/img_nav_bg_subnav.gif) no-repeat;
	color: #fff;
	text-decoration:none;
	border-bottom:1px solid #5B74A9;	
}


/* Seitliche Boxen links */
.navigation .boxpoint {
	width: 100%;
	font: normal 1.0em Arial, Helvetica, sans-serif;
	margin-top:15px;
	border-left: 1px solid #d7dde9;
	border-right: 1px solid #d7dde9;
	border-bottom: 1px solid #2a5b8d;
}
.navigation .boxpoint h1 {
	background: url(http://www.fes.de/zukunft2020/common/img/img_top_head_box.gif) no-repeat;
	color: #435f9c;
	padding-left: 8px;
	padding-bottom: 6px;
	font: bold 1.0em Arial, Helvetica, sans-serif;
}
.navigation .boxpoint p {
	color: #333;
	font: normal 1.0em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 8px;
}



#content {
float:left;
width:500px;
padding: 5px 20px 20px 20px;
background-color: #ffffff;
}

#content li 		{list-style: url(../img/img_li.gif); line-height: 1.4em; font-size: 1.2em; margin-left:-25px;}

.themes			{
				clear:both;
				border-bottom: 1px solid #e5e5e5;
				height:115px;				
				margin-bottom: 5px;
}

.boxes			{
				clear:both;
	
}

.boxesleft			{
				background-color:#f4f5f9;
				float:left;				
				width:185px;
				height:115px;		
				padding: 5px 0 0 5px;
				color:#6D86B6;
				border-bottom: 1px solid #e5e5e5;				
}
.boxesright			{
				float:left;				
				width:300px;
				height:115px;		
				padding: 5px 0 0 5px;
				border-bottom: 1px solid #e5e5e5;				
}

/* Themennavigation */
#themenbox 				{float:left;background-color:#F4F5F9; width: 230px; margin-left: 10px;  padding: 0px 0px 50px 10px;}

.themennav				{float:left;margin: 0; padding:0; width: 235px;}
.themennav ul			{padding: 0;}
.themennav li			{border-bottom: 1px solid #6D86B6; 
						 border-left: 1px solid #6D86B6; 
						 border-top: 1px solid #6D86B6; 
						 line-height: 3.8em; 
						 list-style-type:none;
						 margin:10px 0 10px 0px;
						 background-color:#fff;
						 }
.themennav li a			{display: block; padding: 4px 0 2px 5%;text-decoration: none;width: 95%;cursor:pointer; font-weight:bold;}
.themennav li a:hover	{color: #012779;background-color:#ecf0f5;text-decoration:none;}
.themennav a.selected	{background-color:#ecf0f5;color:#012779;}
.themennav span			{background-position:160px;display:block}

/* Themenabhängige Bilder  */

.bildung 				{background: url(../img/img_bildung.jpg) no-repeat;}
.demokratie 			{background: url(../img/img_demokratie.jpg) no-repeat;}
.europa 				{background: url(../img/img_europa.jpg) no-repeat;}
.familie 				{background: url(../img/img_familie.jpg) no-repeat;}
.geschichte				{background: url(../img/img_geschichte.jpg) no-repeat;}
.globalisierung 		{background: url(../img/img_globalisierung.jpg) no-repeat;}
.sozial 				{background: url(../img/img_sozial.jpg) no-repeat;}
.wirtschaft 			{background: url(../img/img_wirtschaft.jpg) no-repeat;}

#footer {
padding: 10px 0 10px 0;
border-top: 1px solid #F4F5F9;
margin-top:60px;
}

hr				{background-color:#e5e5e5; color:#e5e5e5; border: #e5e5e5; height: 1px;	}