/* GLOBAL STYLES */
img { border: 0; }

body {
	font-family: Arial,Helvetica,sans-serif;
	color: #333; background-color: #fff;
	border: 0; margin: 0;
}

abbr {
	text-decoration: none;
	cursor: help;
	border: 0;
}

pre {
	padding: 1em;
	background-color: #ecf2fc;
	border: 1px solid #003366;
	overflow: auto;
}

/* FOR ACCESSIBILITY HELPERS */
.invisible { position: absolute; left: -9999px; }

.mitgl { vertical-align: middle; margin-right: 5px; }
.mitarb { vertical-align: middle; margin-right: 5px;  }

/* HEAD + TOP NAVIGATION */
#header {
       padding: 30px 0px 10px 10px;
       margin: 0px 0px;
       border-bottom: 1px solid #003366;
       background: url("../images/dfncert-header.jpg") no-repeat right top;
       background-color: #fff;
}

/* BREADCRUMBS */
#breadcrumbs { font-size:80%; color:#003366; }
#breadcrumbs { border-bottom: 1px dotted #003366; padding-bottom: 5px; }
#breadcrumbs a img { vertical-align:bottom; }
#breadcrumbs a { text-decoration:none; }
#breadcrumbs a:hover { color:#FFFCF8; background-color: #003366; }


/* CONTENT */
#content h1 { color:#E48C2A; font-size: 1.5em; }
#content h2, h3, h4 { color:#003366; clear: both; font-weight: bold; }
#content h2 { font-size: 1.3em; }
#content h3 { font-size: 1.1em; }
#content h4 { font-size: 1em; }


/* SIDEBAR */
#left-sidebar .box-wrapper { margin: 10px 20px 10px 10px; }
#right-sidebar .box-wrapper { margin: 10px 10px 10px 20px; }

.sidebar-box { font-size: 80%; }
.sidebar-box h2, .sidebar-header { font-size: 120%; font-weight: bold; margin: 0px 0px 10px 0px; color: #003366; border-bottom: 1px solid #003366; font-size: 120%; }
.sidebar-box a { color:#003366; text-decoration:none; }

/* DFN DIENSTE BOX */
#dfndienste {
	font-size: 80%;
	margin:0;
	margin-bottom: 20px;
	text-align: center;
	padding:0;
	border: 1px solid #003366;
	color: #003366;
	background-color: #afc3de;
}

#dfndienste p {
	text-align: left;
	margin: 10px;
}

/* IMAGES */
.image-left {
  float: left;
  clear: both;
  margin: 0.5em 1em 0.5em 0;
  padding: 3px;
}
.image-inline {
  float: none;
}
.image-right {
  float: right;
  clear: both;
  margin: 0.5em;
  padding: 3px;
}

div#mediapartner { float: left; margin: 0.5em; text-align: center; width: 180px; border: 1px solid #003366; padding: 5px; font-size: 0.9em; }

.eventDetails { float: right; border: 1px solid #003366; max-width: 17em; }
.eventDetails { font-size: 0.8em; }
.eventDetails th { background-color: #eee; }

.sidebar-box .tile { display: block; font-weight: bold; color:#003366; }
.sidebar-box .sidebar-item-details { display: block; font-weight: normal;  }
.sidebar-item {margin: 0;padding: 1em;}
.sidebar-item ol {margin: 0 0 0 1em;}

/* FOOTER */
#footer { border-top: 1px solid #003366; padding: 0 0 10px 220px; font-size: 90%; }
#footer p { margin: 0.3em 0 0 0; }
#footer a { color: #003366; text-decoration: none; }
#footer a:hover {color: #fff; background-color: #003366; }


/* NAVIGATION */
.navigation-tree ul {  padding: 0; list-style: none; list-style-image: none; line-height: 1em; margin-top: 1px; }
.navigation-tree li { display: block; padding: 0; margin: 0; margin-left: 1em; }
.navigation-tree li a { color:#003366; border: 1px solid White; display: block; text-decoration: none; padding: 0.2em 0 0.25em 0.2em; }
.navigation-tree li a:hover { background-color: #ecf2fc; color: #436976; border: 1px solid #8cacbb; }
.navigation-tree li.selected a { font-weight: bold; }
.navigation-tree li.selected li a { font-weight: normal; }
.navigation-tree li ul { border-left: 1px dotted #ddd; }

/* EVENTS */
.event {
	margin: 0;
	padding: 1em;
	font-size: 80%;
}
.event a {
	color: #003366;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.event .details {
	font-weight: normal;
	display: block;
}

/* THREE COLUMN LAYOUT CODE */
body {
  min-width: 720px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */
}

body.section-index {
  background-image: url("home_bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}

#content_wrapper {
  float: left;
  width: 100%;
}

#content {
  margin: 10px 240px 0 240px; /*TRBL*/
}

#right-sidebar {
  float: left;
  margin-top: 10px;
  margin-left: -240px; /*R*/
  width: 240px; /*R*/
}

#left-sidebar {
  float: left;
  margin-top: 10px;
  margin-left: -100%;
  width: 240px;
}

/*--------------------------------------------------------
the rest is the same no matter what the column ordering
and plays no real part in the technique
---------------------------------------------------------*/
/*  throat, er cough, float, clearer
the container div and the clearing rules have no bearing on the
technique - they're needed here on the footer's behalf
see http://www.positioniseverything.net/easyclearing.html for
an explanation of the voodoo applied to #container
Unfortunately neither of the other two easy clearing methods,
namely applying either a float or overflow: auto (or hidden) to
the containing wrapper works.
http://mezzoblue.com/archives/2005/03/03/clearance/
http://annevankesteren.nl/2005/03/clearing-floats
http://www.456bereastreet.com/lab/clearing_floats/
In both cases, the height of the containing wrapper is set to the
height of block_1. Great if block_1 is the tallest column, not so good
if it's not. (Though, of course, it should be noted that both
methods work just fine in IE because of its infamous broken float
implementation)
*/
#container:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#container
	{
	display: inline-block;
	}
/*\*/
* html #container
	{
	height: 1%;
	}
#container
	{
	display: block;
	}

/* */

#footer {
  padding-left: 240px;
  clear: both;
}

#content dl dt { color: #003366; }
#content dl dt a { color: #003366; font-weight: bold; }
#content dl dd { margin-bottom: 1em; margin-left: 2em; }
#content .documentByLine { display: block; margin-left: 2em; margin-top: 0.2em; margin-bottom: 0.3em; }

cite.zitat { font-size: 80%; margin-left: 2em; font-weight: bold; color: #003366; }

#news-summary {
  padding-top: 1em;
  font-weight: bold;
}