/*#############################################################
Name: CSS Styles FES Themenportal Gender und Frauen
Date: 2008-04-15
Description: Template FES Themenportale
Author: Jerome Traud / itcreate. kommunikationsmedien
Url: http://www.itcreate.de
#############################################################*/

/*  body and standard font definition */
html 			{padding:0px;
				 margin:0px;
}


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

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

li 				{line-height: 1.5em; font-size: 1.1em;}

h1 				{font-size: 1.6em; color: #012778; padding-top: 5px; margin-bottom: 2px;}
h2 				{font-size: 1.4em; color: #000; margin-right: 5px; padding-bottom:3px;}
h3 				{font-size: 1.2em; color: #646B7A;}
h4 				{font-size: 1.2em; color: #646B7A;}
h5 				{font-size: 1.2em; color: #000; margin-right: 5px; padding-bottom:1px;}
h6 				{font-size: 1.2em; color: #646B7A;}


h1 a			{text-decoration:none; color: #012778;}
h1 a:hover, h1 a:active, h1 a:focus						{text-decoration: underline; color: #012778;}

h2 a			{text-decoration:none; color: #646B7A;}
h2 a:hover, h2 a:active, h2 a:focus		{text-decoration: underline; color: #646B7A;}

h3 a			{text-decoration:none; color: #646B7A;}
h3 a:hover, h3 a:active, h3 a:focus		{text-decoration: underline; color: #646B7A;}

h4 a			{text-decoration:none; color: #646B7A;}
h4 a:hover, h4 a:active, h4 a:focus		{text-decoration: underline; color: #646B7A;}

img 			{border:none;}

.left 			{float: left;}
.right 			{float: right;}

.img_left 		{float: left; margin-right:10px; margin-bottom:8px;}

/* special font definition */

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:hover, a.intern:active, a.intern:focus	{
				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("https://www.fes.de/gender/common/img/img_link_top.gif"); 
				background-repeat: no-repeat; 
				background-position: left; 
				padding: 1px 0 1px 14px;
				
}

a.top:hover, a.top:active, a.top:focus 	{
				text-decoration: underline; 
				background: url("https://www.fes.de/gender/common/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:hover, a.extern:active, a.extern:focus	{
				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:hover, a.mail:active, a.mail:focus	{
				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: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;
}

/*  Website Container und Spalten */
#container		{
				width:975px;
				margin:0;
				padding:0;
				min-height: 700px;
				}

#co_left		{
				width:200px;
				float:left;
				min-height: 500px;
				}
				
#co_right		{
				width:760px;
				float:left;
				}

/*  Definition Header */

#logo			{float:left; margin:32px 0 0 0; padding-left:45px;}


/*  Navigation */

#nav		 		{

					width: 200px;
					margin: 230px 0 0 0;
					border-top: 1px solid #fff;
					/*background-color:#ccc;/*
					/*padding-left:10px;*/
					}
					
								
#nav ul 			{
					padding: 0;
					margin:0;
					margin-bottom:20px;
					}
					
									
#nav li 			{
					list-style-type:none;
					margin: 0;
					
					}
				
#nav li a 			{
					background-color:#ccc;
					color: #fff;
					display: block;
					padding: 4px 5px 4px 18px;
					width:185px;
					font-weight:bold;
					border-bottom: 1px solid #fff;
					background:url(../img/img_bg_li.gif) no-repeat;
					background-position:left;
					}

#nav li a:hover, #nav li a:active, #nav li a:focus 
					{
					color: #9FB2CE;
					text-decoration:none;
										
					}

#nav li a.select	{
					color:#fff;
				  	display: block;
				  	padding: 4px 5px 4px 18px;
				  	width:185px;
					background:url(../img/img_bg_li_select.gif) no-repeat;
					background-position:left;
					}

#nav .unselect		{
					background-color:#012778;
					color: #fff;
				  	display: block;
				  	padding: 6px 0 2px 8px;
				  	width:170px;
					font-weight: bold;
					}
						
#nav li a.subnav	{
					color: #6d86b6;
					text-decoration:none;
					font-weight: normal;
					padding: 4px 5px 4px 18px;
					width:185px;
					background:url(../img/img_bg_li_subnav.gif) no-repeat;
					background-position:left;
				}


.subnav li a:hover	{
					color: #012778;
					text-decoration:none;
					font-weight: normal;
					padding: 4px 5px 4px 18px;
					width:185px;
					background:url(../img/img_bg_li_subnav.gif) no-repeat;
					background-position:left;
				}

/*  Definition Header */

#header 		{
				float:left;
				width: 100%;
				height:55px;
				margin: 0px;
				padding: 0px;
				}

#header_nav		{				
				margin: 30px 0 0 0;
				padding:0;
				float:left;
				}

#header_nav ul 	{
				padding: 0;
				margin:0;
				}
					
									
#header_nav li 	{
				list-style-type:none;
				margin: 0 0 0 0;
				display: inline;
				font-weight:normal;
				color: #fff;
				}
				
#header_nav li a {
				 display: inline;
				 padding: 2px 4px 2px 4px;
				 font-weight:normal;
				 color: #fff;
				 }
				  
#header_nav li a:hover, #header_nav li a:active, #header_nav li a:focus 	
				{
				color: #9FB2CE;
				text-decoration:none;
				}


/*  Reiter */
.reiter			{
				float:left;
				margin: 0px;
				margin-right: 4px;
				padding: 3px 25px 3px 25px;
				background-color:#fff;
				border-left: 1px solid #fff;
				border-top: 1px solid #fff;
				border-right: 1px solid #fff;
				font-size: 1.1em;
				color: #012278;
				}


.reiter_re		{
				float:right;
				margin: 30px 15px 0 0;
				padding: 3px 2px 3px 3px;
				border: none;
				font-size: 1.2em;
				color: #fff;
				}

/*  Main Content mit Rahmen */			
#main 			{
				background:url(../img/img_bg_main.jpg) repeat-y;
				border-left: 1px solid #fff;
				width:100%;
				float:left;
				}			

/* Image 710px x 180px */
#img_content 	{
				float:left;
				width:750px;
				height: 180px;
				padding: 0;
				margin: 0;
				}


/*  Breadcrump Navigation */

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

/* Content */

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


#con_left 		{
				float:left;
				width:450px;
				padding: 0 0 0 0;
				margin-top:10px;
				}


#con_left_lo	{
				float:left;
				width:600px;
				padding: 0 0 0 0;
				margin-top:10px;
				}
				
.con_right 		{
				float:left;
				width:210px;
				padding: 0 0 0 10px;
				margin: 10px 0 10px 30px;
				border-left: 1px solid #9fb2ce;
				}

/* Footer */
#content_footer		{
					padding:0;
					margin:0;
					width: 100%;
					float:left;
					height:25px;
					background:url(../img/img_bg_footer.jpg) no-repeat;										
					}

#footer 		{
				float:left;
				width: 100%;
				height:35px;
				margin: 0px;
				padding: 0px;
				}

#footer_nav		{				
				margin: 5px 0 0 0;
				padding:0;
				}

#footer_nav ul 	{
				padding: 0;
				margin:0;
				}
					
									
#footer_nav li 	{
				list-style-type:none;
				margin: 0 0 0 0;
				display: inline;
				font-weight:normal;
				color: #fff;
				}
				
#footer_nav li a {
				 display: inline;
				 padding: 2px 4px 2px 4px;
				 font-weight:normal;
				 color: #fff;
				 }
				  
#footer_nav li a:hover, #footer_nav li a:active, #footer_nav li a:focus 	
				{
				color: #9FB2CE;
				text-decoration:none;
				}


/* Trennlinie */
hr						{background-color:#F4F5F9; color:#F4F5F9; border:#F4F5F9; height:1px;}



















/* Informations in Content with Image. News etc. */

.content_newsbox		{
						width:490px;
						padding: 10px 0 20px 0;
						border-top: 1px solid #646B7A;
						}

.content_important		{
						width:490px;
						padding: 5px 0 5px 0;
						background-color:#f2f3f5;
						border-top: 1px solid #646B7A;
						border-bottom: 1px solid #646B7A;
						}


/* Information Box and Contact Data right */
#infobox			{
					float:right;
					width: 195px; 
					padding: 0 0 20px 0;
					}

#infobox #contact	{
					font-size: 0.9em;
					margin: 10px 0 0 0;
					padding: 95px 10px 15px 0;
					}
					
					
#infobox #map_contact	{
					font-size: 0.9em;
					margin: 10px 0 0 0;
					padding: 165px 10px 15px 0;
					}

#infobox .boxes		{
					font-size: 0.9em;
					margin: 10px 10px 10px 0;
					padding: 0 0 0 0;
					border-top: 1px solid #646B7A;
					}