/*#############################################################
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;}
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;}

.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;
/*background: url(../img/img_header_bg.jpg) repeat-x;*/
margin: 0px;
padding: 0px;
}

/*  Definition Header_container ergänzt - Nur für Darstellung float */
#header_container{
float:left;
width:935px;
height:130px;
margin: 0px;
padding: 0px;
}

#logo{float: left; margin:20px 0 0 0; padding-left:20px; width:310px;}
#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;
color: #9FB2CE;
}


#language a {
display: inline;
padding: 2px 0 2px 0;
font-weight:normal;
font-size: 1.1em;
color: #9FB2CE;
}
  
#language a:hover, #language a:active, #language 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;
padding-bottom:50px;
}

.navigation ul {
padding: 0;
margin:0;
}

/* Jeder Hauptmenüpunkt */
.navigation li {
padding: 6px 5px 6px 8px;
list-style-type:none;
margin: 0 0 0 2px;
border-bottom: 1px solid #F4F5F9;
}

.navigation li a {
color: #fff;
display: block;
font-weight:bold;
}

.navigation li a:hover, .navigation li a:active, .navigation li a:focus {
color: #9FB2CE;
}

/* Nur der Menüpunkt der aktuellen Seite */
.navigation li.menu-current{
font-style: normal;
}

/* Alle Geschwister der aktuellen Seite */
.navigation li.menu-sibling{
}

.navigation li li {
background: url(http://websitebaker.itcreate-medien.de/templates/festemplate/img/img_nav_arrow.gif) no-repeat;
background-position:center left;
list-style-type:none;
padding: 4px 0 4px 20px;
margin-left:-8px;
border-bottom: 0 none;
font-size: 1.0em;
}

.navigation li li a {
font-weight: normal;
}

/* Jedes Menü das Untermenüs hat */
.navigation li.menu-expand{
}

/* Der erste Punkt eines jeden Menüs oder Untermenüs */
/*
.navigation li.menu-first{
color:#fff; 
padding: 6px 5px 6px 8px;
list-style-type:none;
margin: 0 0 0 2px;
border-bottom: 1px solid #F4F5F9;
font-weight:bold;
}

*/
/* Der erste Punkt eines jeden Menüs oder Untermenüs */
/*
.navigation li.menu-last{
color:#fff; 
padding: 6px 5px 6px 8px;
list-style-type:none;
margin: 0 0 0 2px;
border-bottom: 1px solid #F4F5F9;
font-weight:bold;
}
*/

/* Search Box */

.search_box{margin-top: 50px;}

.search_string{
border: 1px solid #435f9c;
background-color:#fff;
padding:2px;
color:#000;
width:105px;
}

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

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


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

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

/*  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: 198px; 
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 #e5e5e5;
}


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