/*#############################################################
Name: CSS Styles FES Themenportal Medien
Datum: 2010-04-05
Author: Jerome Traud . Florian Brinkmann / itcreate. kommunikationsmedien
Url: http://www.itcreate.de
#############################################################*/

/* StyleSheets fuer zentrale HTML-Formate */

/* Seiteneigenschaften */
body 	{ 
		margin:0px; 
		padding:0px;
		color:#000; 
		background: #e5e5e5 url(../img/img_bg_site.jpg) repeat-x;
		} 

/* Schriftarten */
p, div, th, td, dt, dd, nobr, option, textarea {
	color: #000;
	font-family:arial,helvetica,sans-serif; 	
	line-height: 140%;
	}

/* Schriftgroessen */
p, div, th, td, dt, dd, nobr, input, option, textarea {font-size:12px;}

/* Ueberschriften */

h1 { font-size:20px; color: #012278; font-weight: normal; font-family: arial, helvetica; margin:15px 0 14px 0;} /* 1. Ordnung */
h2 { font-size:16px; color: #012278; font-weight: bold; font-family: arial, helvetica; margin: 2px 0 10px 0;} /* 2. Ordnung */
h3 { font-size:14px; color: #000; font-weight: bold; font-family: arial, helvetica;} /* 3. Ordnung */
h4 { font-size:13px; } /* 4. Ordnung */
h5 { font-size:12px; } /* 5. Ordnung */

/* Links */

a 			{color:#012278;}
a:link 		{text-decoration:none; } /* Noch nicht besuchter Link */ 
a:visited 	{text-decoration:none; } /* Bereits besuchter Link */
a:hover 	{color:#d30708; text-decoration:underline; } /* Hover-Effekt */
a:active 	{color:#012278; text-decoration:underline; } /* Gerade angeklickter Link */


.actionButton 	{padding-top:5px; padding-bottom:5px; padding-left:0px; margin:0px;}

.actionButton a {
				padding:10px 30px 10px 10px;
				background: url(../img/img_mainnav_arrow.gif);
				background-color:#fff;
				background-repeat:no-repeat;
				background-position:right 12px;
				color:#012278;
				font-size:12px;
				font-weight:bold;
				border:2px solid #ccc;
				text-decoration:none;
				}

.actionButton a:hover 		{
							text-decoration:none;
							background: url(../img/img_mainnav_arrow.gif);
							background-color:#fff;
							background-repeat:no-repeat;
							background-position:right 12px;
							border:2px solid #d30708;
							color: #d30708;
							}
					
.actionButton a:visited {color:#012278;}

.internal-links	{
				background:url(../img/img_mainnav_arrow.gif);
				background-repeat: no-repeat;
				background-position:center left;
				padding: 1px 0 1px 11px;
				margin-left:4px;
				
				}


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:hover, a.pdf:active, a.pdf:focus{
text-decoration: underline; 
background: url(../img/img_pdf.gif); 
background-repeat: no-repeat; 
background-position: left; 
padding: 1px 0 1px 18px;
}

/* Listen */
ul { list-style-type:square; } /* Unnummerierte Liste */
ol { list-style-type:decimal; } /* Nummerierte Liste */
dl { } /* Definitionsliste */

/* Grafiken */

img { border:0px;} /* Grafik */

.img_left { float:left; margin:0 15px 15px 0;} /* Grafik */
.img_right_border { float:right; margin:0 170px 15px 15px; border:0px solid #e3e7f0;} /* Portrait */
.img_right_border_txt { float:right; margin:0 0px 15px 15px; border:0px solid #e3e7f0;} /* Im Reitercontent */

.img_logo_left { float:left; margin:10px 40px 20px 0;} /* Logos im Content */

.img_left_regional { float:left; margin:5px 15px 5px 0;} /* Grafik */

/* Layout-Elemente */
hr 	{ 
	border: 0px; /* Für Firefox und Opera */
 	border-top: solid 1px #ccc;
 	border-bottom: solid 1px #fff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	clear:both;
	}

 /* Horizontale Linie */

/* Formulare */
form { } 		/* Formular */
input { } 		/* einzeiliges Textfeld, Checkbox, Radiobutton, Dateiupload, Button etc. */
label { } 		/* Beschriftung fuer Formularfeld */
textarea { } 	/* mehrzeiliges Textfeld */


/* Website-spezifischen StyleSheets */

#wrapper	{
			overflow: hidden;
			margin: 0px auto 0px auto;
			width: 960px;
			padding: 0 0 0 0;
			background-color:#fff;
			}

/* Header */

#header 	{
			width: 960px;
			float:left;
			margin: 0px;
			padding: 0 0 0 0;
			height:147px;
			background: #fff url(../img/img_bg_header.jpg) no-repeat;
			}


.feslogo		{float:left; margin:24px 0 0 20px;}
.forumnrwlogo	{float:left; margin:39px 0 0 30px;}
.efqmlogo		{float:left; margin:70px 0 25px 25px;}

#header .teaser	{width: 290px; height:95px; float:right; margin: 22px 20px 0 0; padding: 0 0 0 0;}

/* Breadcrump */
#breadcrump	{width: 550px; margin: 36px 0 0 0; padding: 0 0 0 22px; font-size:11px; float:left;}

/* Main Content */
#container	{
			width: 960px;
			float:left;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background: #fff url(../img/img_bg_page.jpg) no-repeat;
			}

/* Main Navigation */
#left				{width: 210px; float:left; margin: 0 0 0 0; padding: 14px 0 0 16px; background:url(../img/img_bg_left.jpg) no-repeat; background-position:right top;}

#left ul			{margin: 0 0 0 0; padding:0; float:left; }
#left ul li			{float:left; list-style: none; }

#left a					{display:block;}
#left ul.level_1 li a	{padding: 6px 0 5px 14px; margin: 0 0 0 7px; background: url(../img/img_mainnav_arrow2.gif) no-repeat; background-position:center left; border-bottom:1px solid #ccc; color: #012278; font-weight: normal;text-decoration: none; width:180px;}
#left ul.level_1 li a:hover, #left ul.level_1 li.active		{padding: 6px 0 5px 14px; margin: 0 0 0 7px; background: url(../img/img_mainnav_arrow2_hover.gif) no-repeat; background-position:center left; border-bottom:1px solid #ccc; color: #d30708; font-weight: bold;text-decoration: none;}

#left ul.level_1 li.active.submenu		{padding: 6px 0 5px 0; margin: 0 0 0 0px;}
#left li.submenu span.submenu			{margin: 0 0 0 5px; padding: 0 0 0 14px; background:url(../img/img_mainnav_arrow2.gif) no-repeat; background-position:center left;}
#left ul.level_1 span.active			{color: #012278; font-weight: bold;text-decoration: none;}

#left ul.level_2 li a										{margin-left:0px; padding-top:6px;padding-bottom:3px;}
#left ul.level_2 li a:hover,#left ul.level_2 li.active		{margin-left:0px; padding-left:14px; padding-top:6px;padding-bottom:3px; background-image:url(https://www.fes.de/themen/medienpolitik/none); border:none;}
#left li.active.submenu ul.level_2 li a						{margin-left:0px; padding-left:14px;background-image:url("https://www.fes.de/themen/medienpolitik/common/css/none"); border:none;}
#left ul.level_2											{display:block;}

#left ul.level_1 li.active.submenu ul.level_2,#left ul.level_1 li.submenu.trail ul.level_2	{display:block;}

/* Social Media */
#left .video			{width: 185px; float:left; margin: 5px 0 5px 0; padding: 8px 0 8px 0px;}
#left .socialmedia		{width: 170px; float:left; margin: 5px 0 10px 0; padding: 8px 0 8px 15px; border-top:1px solid #ccc;}

ul.subnav 				{margin: 0; padding:0; display:block;}
ul.subnav li			{list-style: none; width:32px;}
ul.subnav li a			{display: inline; color: #fff; text-decoration: none; padding: 0 0 0 0; margin: 0 0 0 0; width:24px; height:24px; float:left;}
ul.subnav li a:hover	{display: inline; color: #fff; text-decoration: underline; padding: 0 0 0 0; margin: 0 0 0 0;}

#facebook			{padding: 0; margin: 0 0 0 5px; display: block; width: 24px; background: url(../img/img_nav_facebook.gif); background-repeat:no-repeat;}
#facebook:hover		{background: url(../img/img_nav_facebook.gif); background-repeat:no-repeat;}
#facebook:active	{background: url(../img/img_nav_facebook.gif); background-repeat:no-repeat;}

#twitter			{padding: 0; margin: 0 0 0 5px; display: block; width: 24px; background: url(../img/img_nav_twitter.gif); background-repeat:no-repeat;}
#twitter:hover		{background: url(../img/img_nav_twitter.gif); background-repeat:no-repeat;}
#twitter:active		{background: url(../img/img_nav_twitter.gif); background-repeat:no-repeat;}

#youtube			{padding: 0; margin: 0 0 0 5px; display: block; width: 24px; background: url(../img/img_nav_youtube.gif); background-repeat:no-repeat;}
#youtube:hover		{background: url(../img/img_nav_youtube.gif); background-repeat:no-repeat;}
#youtube:active		{background: url(../img/img_nav_youtube.gif); background-repeat:no-repeat;}

/* EFQM */
#left .efqm				{width: 170px; float:left; margin: 0 0 60px 0; padding: 8px 0 8px 15px; border-top:1px solid #ccc;}
ul.subnavi 				{margin: 0; padding:0; display:block;}
ul.subnavi li			{list-style: none; width:114px;}
ul.subnavi li a			{display: inline; color: #fff; text-decoration: none; padding: 0 0 0 0; margin: 0 0 0 0; width:114px; height:54px; float:left;}
ul.subnavi li a:hover	{display: inline; color: #fff; text-decoration: underline; padding: 0 0 0 0; margin: 0 0 0 0;}

#efqm			{padding: 0; margin: 0 0 0 25px; display: block; width: 114px; background: url(../img/img_logo_efqm.gif); background-repeat:no-repeat;}
#efqm:hover		{background: url(../img/img_logo_efqm.gif); background-repeat:no-repeat;}
#efqm:active	{background: url(../img/img_logo_efqm.gif); background-repeat:no-repeat;}

/* Contents */
#main		{width: 700px; float:left; margin: 0 0 0 0; padding: 0 0 5px 17px;}
#mainpics	{width:700px; height:156px; margin:15px 0 15px 0; background:url(../img/img_mainpics_shadow.jpg) no-repeat; background-position:bottom;}

#content_col1_left	{
			width: 700px;
			float:left;
			margin: 5px 0 15px 0;
			padding: 0 0 0 0;
			}
			
#content_col2_left	{
			width: 340px;
			float:left;
			margin: 0 0 15px 0;
			padding: 0 0 0 0;
			}

#right	{
			width: 215px;
			float:right;
			margin: 0 17px 15px 0;
			padding: 5px;
			background-color:#e3e7f0;
			}
			
#content_col2_right	{
			width: 340px;
			float:right;
			margin: 0 0 15px 0;
			padding: 0 0 0 0;
			}		

#content_col3_left	{
			width: 460px;
			float:left;
			margin: 0 0 15px 0;
			padding: 0 0 0 0;
			}

#content_col3_right	{
			width: 215px;
			float:right;
			margin: 0 0 15px 0;
			padding: 5px;
			background-color:#e3e7f0;
			}


table			{border:0; width:100%; margin:5px 0 15px 0;}
td.col_160		{width:160px; border-bottom: 1px dashed #ccc; font-size:12px; color:#000; padding:4px 0 4px 0; vertical-align:top;}
td.col_text		{border-bottom: 1px dashed #ccc; font-size:18px; color:#012278; padding: 4px 0 4px 0; vertical-align:top;}
td.col_titel	{border-bottom: 1px dashed #ccc; font-size:12px; color:#000; padding:4px 0 4px 0; vertical-align:top;}


/* Clearer */
.clearer					{width: 100%; clear:both; margin: 1px 0 1px 0; padding:0;}

/* Footer */
.contentfooter				{width:695px; float:left; border-top:1px solid #ccc; padding:10px 0 6px 0;}

#footer						{height:50px; background: #CCC url(../img/img_bg_footer.jpg) repeat-x; width:100%;}

.footer_inline				{height:50px; background: #CCC url(../img/img_footer.jpg) repeat-x; width:960px; margin: 0px auto 0px auto;}
ul.footer_left				{margin: 20px 0 0 0; padding: 0 0 0 17px; float:left;}
ul.footer_left li			{float:left; list-style: none;}
ul.footer_left li a			{display: block; color: #999; text-decoration: none; padding: 2px 2px 2px 2px; margin: 0 4px 0 0; font-size:11px; }
ul.footer_left li a:hover	{display: block; color: #333; text-decoration:underline; padding: 2px 2px 2px 2px; margin: 0 4px 0 0;}

ul.footer_right				{margin: 20px 0 0 0; padding: 0 17px 0 0; float:right;}
ul.footer_right li			{float:left; list-style: none;}
ul.footer_right li a		{display: block; color: #999; text-decoration: none; padding: 2px 2px 2px 2px; margin: 0 0 0 4px; font-size:11px; }
ul.footer_right li a:hover	{display: block; color: #333; text-decoration:underline; padding: 2px 2px 2px 2px; margin: 0 0 0 4px;}

/* Publication list */
.box3, .box3a 	{margin: 10px 0 10px 0; padding: 5px 5px; width: 95%; border: 1px solid #D6DCE9;}
.box6 			{float: left; margin: 0 0 0 0; padding: 0 5px 0 10px;}

p.abstand 		{margin: 5px 0 5px 0; padding: 0;}
.clearleft 		{clear: left; margin: 0; padding: 0; font-size: 1px; height: 1px; line-height: 0.01em;}