/*#############################################################

Name: CSS Styles FES Auslandbüros

Date: 2008-04-15

Description: Template FES Auslandbüros

Author: Jerome Traud / itcreate. kommunikationsmedien

Url: http://www.itcreate.de

#############################################################*/



/*  body and standard font definition */

html 			{padding:0px;

				 margin:0px;

}





body 			{background-color: #012778;

			 	 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.4em; font-size: 1.2em;}



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



h1,h2,h3,h4,h5,h6	{font-family:Verdana, Arial, Helvetica, sans-serif;}



h1 				{font-size: 1.6em; color: #012778; padding-top: 10px; margin-bottom: 4px;}

h2 				{font-size: 1.4em; color: #646B7A; padding-top: 3px; margin-bottom: 4px;}

h3 				{font-size: 1.4em; color: #646B7A; margin: 3px;}

h4 				{font-size: 1.2em; color: #646B7A;}

h5 				{font-size: 1.2em; color: #646B7A;}

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;}



.zitat 				{color:#012278; font-weight:bold;}

.bildunterschrift 	{color:#000; font-size:90%; padding-top:3px;}



.left 			{float: left;}

.right 			{float: right;}



/* float definition for Images */

.img_left 			{float: left; padding: 0 10px 10px 0;}



/* 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("../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("../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;

}



/*  Definition Header FES Logo and Country tile */



#header 		{

				float:left;

				width: 100%;

				height:130px;

				background-color:#435F9C;

				margin: 0px;

				padding: 0px;

				}



/*  Definition Header_container ergänzt - Nur für Darstellung float */

#header_container		{

						float:left;

						width:935px;

						margin: 0px;

						padding: 0px;

						}



#logo			{float: left; margin:20px 0 0 0; padding-left:20px; width:110px;}

#tile			{float: left; margin-left:140px; /*margin-top:20px;*/ }

#newadress		{float: left; margin-left:390px; margin-top:5px; font-size: 0.9em; color:#fff;}





#newadress a	{color: #fff; text-decoration:none;}



#newadress a:hover, #newadress a:active, #newadress a:focus 	{

						color: #fff;

						text-decoration:underline;

						}





#tile ul 			{

						padding-left: 8px;

						margin:0;

						}

					

									

#tile li 			{

						list-style-type:none;

						margin: 0 0 0 0;

						display: inline;

						font-weight:normal;

						color: #fff;

						}

				

#tile li a 			{

						display: inline;

						padding: 2px 1px 2px 1px;

						font-weight:normal;

						color: #fff;

						}

				  

#tile li a:hover, #tile li a:active, #tile li a:focus 	{

						color: #fff;

						text-decoration:underline;

						}





/*  Website Container */



#container		{

				background: url(../img/img_bg_container.gif) repeat-y;

				background-color:#fff;

				float:left; 

				width:935px;

				margin-top:25px;

				margin-bottom:20px;

				}





/* Language */



#language 				{				

						width: 180px;

						margin: 10px 0 10px 0;

						padding:0;

						}



#language ul 			{

						padding-left: 8px;

						margin:0;

						}

					

									

#language li 			{

						list-style-type:none;

						margin: 0 0 0 0;

						display: inline;

						font-weight:normal;

						color: #9FB2CE;

						}

				

#language li a 			{

						background-color:#012778;

						display: inline;

						padding: 2px 1px 2px 1px;

						font-weight:normal;

						color: #9FB2CE;

						}

				  

#language li a:hover, #language li a:active, #language li a:focus 	{

						color: #fff;

						text-decoration:none;

						}



/*  Navigation left */



.navigation 		{

					float:left;

					width: 180px;

					background-color:#012778;

					margin: 0 0 0 0;

					padding-left:10px;

					}

					

								

.navigation ul 		{

					padding: 0;

					margin:0;

					}

					

									

.navigation li 		{

					list-style-type:none;

					margin: 0 0 0 2px;

					}

				

.navigation li a 	{

					background-color:#012778;

					color: #fff;

					display: block;

					padding: 6px 5px 6px 8px;

					width:165px;

					font-weight:bold;

					}



.navigation li a:hover, .navigation li a:active, .navigation li a:focus {

						color: #9FB2CE;

						text-decoration:none;

						}



.navigation a.select	{

						background-color:#012778;

				  		display: block;

				  		padding: 6px 0 2px 8px;

				  		width:170px;

						

						}



.navigation .unselect	{

						background-color:#012778;

						color: #fff;

				  		display: block;

				  		padding: 6px 0 2px 8px;

				  		width:170px;

						font-weight: bold;

						

						}

						

.navigation a.subnav	{

						background: url(../img/img_nav_arrow.gif) no-repeat;

						background-position:center left;

						color: #fff;

						background-color:#012778;

						text-decoration:none;

						font-weight: normal;

						padding: 2px 0 3px 20px;

						width:156px;

						

						}



.mainnav 			{border-bottom: 1px solid #F4F5F9;}

.subnavi_white 		{border-bottom: 1px solid #F4F5F9;}



/* Content */



#content 				{

						float:left;

						width:490px;

						padding: 0 0 25px 0;

						margin-left:25px;

						}

						

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



/* Image Content 530px x 170px */

#img_content 			{

						float:left;

						width:530px;

						height: 170px;

						padding: 0;

						margin: 0;

						background-color: #fff;

						}





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



.content_newsbox		{

						width:490px;

						padding: 10px 0 10px 0;

						border-top: 1px solid #F4F5F9;

						}



/*  Breadcrump Navigation */



#breadcrump 	{

				width: 100%;

				margin: 10px 0px 5px 0px;

				padding: 3px 0 3px 0;

				font-size: 1.1em;

				color: #012778;

				}



/* 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: 0 10px 15px 0;

					}



#infobox .boxes		{

					font-size: 0.9em;

					margin: 10px 10px 10px 0;

					padding: 0 0 0 0;

					border-top: 1px solid #646B7A;

					}





#infobox .newsboxes		{

					font-size: 0.9em;

					margin: 15px 10px 10px 0;

					padding: 0 0 0 0;

					/*border-top: 1px solid #646B7A;*/

					}



/* Footer */

#content_footer		{

					padding: 6px 0 6px 0;

					border-bottom: 1px solid #646B7A;

					margin-top:25px;

					width:490px;

					font-size: 1.1em;

					float:left;

					}



#footer 			{

					padding: 6px 0 6px 0;

					width: 100%;

					font-size: 1.1em;

					clear:both;

					color:#646B7A;

					}

					

#footer a 				{

						font-weight:normal;

						color: #646B7A;

						}

				  

#footer a:hover, #footer a:active, #footer a:focus

						{

						color: #646B7A;

						text-decoration:underline;

						}					



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





/* images */

img.left { margin: 0px 10px 0px 0px }

img.right { margin: 0px 0px 0px 10px }







.form { background-color: #eee; border:1px solid #ccc; padding:2px;}

.button  {font-size: 1.0em;color: #fff;	padding:2px;background-color:#677daf;}





div.clearer { clear:both; }