/*#############################################################
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 				{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; background-color:#e5e5e5; padding:4px 0 4px 0;}
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;}

/* float definition for Images */
.img_left 			{float: left; padding: 0 10px 10px 0;}
.img_left_big		{padding: 0 10px 0 0;}

/* special font definition */

.date			{font-size: 90%; color:#646B7A;}

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

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 top; 
				padding: 1px 0 1px 18px;
}

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

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

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

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 top; 
				padding: 1px 0 1px 18px;
}

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 top; 
				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 top; 
				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:300px;}
#tile			{float: left; margin-left:50px;}


/*  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;
						height: 100%;
						padding: 6px 0 8px 0;
						border-bottom: 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: 200px; 
					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;
					}


/* 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;  display:block; margin: -7px 0;}

/* Formulare */
.form				{
					font-size: 1.2em;
					border: 1px solid #fff;
					background-color: #cbd3e3;
					margin: 3px 0 3px 0;
					padding:4px 2px 4px 3px;
					color:#000;
					width: 170px;
					}
					
.button  			{
					font-size: 1.2em;
					color: #fff;
					padding:2px;
					background-color:#677daf;
					}

div #buttons  		{
					margin-top:10px;
					}