/***********************/
/* BODY + CONTAINER    */
/***********************/

body
{
	background: #ffffff url('body-background.jpg') repeat-x center;
	background-attachment: fixed;
    margin: 0em;
    font: 0.8em Verdana, sans-serif;
    color: #000000;
}

#container
{
    position: relative;
    top: 2em;
    width: 66em;
    border: 1px #1e3464 solid;
	background: #ffffff;
	margin: 0 auto;
}


/***********************/
/* HEAD                */
/***********************/

#head
{
	height: 8em;
	width: 100%;
	background: #d5e8f0;
}

#head #logo
{
	padding: 1em;
	height: 5.8em;
}

#breadcrumbs
{
	padding: 0.5em 1em 0.5em 1em;
	background: #ff8f34;
	color: #000000;
}

#breadcrumbs a
{
	color: #3155a3;
}

#breadcrumbs a:hover
{
	text-decoration: none;
	color: #1e3464;

}

#languages
{
	padding: 0.5em 1em 0.5em 1em;
	background: #ffc233;
	color: #000000;
	text-align: right;
	font-weight: bold;
}


/***********************/
/* MAIN                */
/***********************/

#main
{
	min-height: 45em;
}


#navigation
{
	float: left;
	width: 13em;
	padding: 0em 1em 0em 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-right: 1px solid #aaaaaa;
}

#navigation .navitem
{
	height: 2em;
}

#navigation .navitemcurrent
{
	height: 2em;
	font-weight: bold;
}



#navigation a.navlink0
{
	color: #3155a3;
}

#navigation a.navlink0:hover
{
	text-decoration: none;
	color: #1e3464;

}

#navigation a.navlink1
{
	color: #3155a3;
}

#navigation a.navlink1:hover
{
	text-decoration: none;
	color: #1e3656;

}

#navigation a.navlink2
{
	padding-left: 1em;
	border-left: 1px solid #3155a3;
	color: #3155a3;
}

#navigation a.navlink2:hover
{
	text-decoration: none;
	color: #1e3464;

}

#navigation span.navlinkmissing0
{
	color: #d3d3d3;
}

#navigation span.navlinkmissing1
{
	color: #d3d3d3;
}

#navigation span.navlinkmissing2
{
	padding-left: 1em;
	border-left: 1px solid #d3d3d3;
	color: #d3d3d3;
}


#content
{
	float: right;
	width: 47em;
	padding: 1em 2em 1em 1em;
}


#clearfloatdummy /* Hebt nach dem Inhaltsbereich das Float wieder auf, da sonst der Hintergrund vom container nicht komplett aufgezogen wird */
{
	clear: both;
}

#onlyenglish
{
	width: 14em;
	border: 1px solid #55809e;
	background: #ffc233;
	margin: 2em 0em 2em 2em;
	padding: 1em;
	float: right;
	text-align: center;
}


/***********************/
/* HTML-ELEMENTE       */
/***********************/

h1
{
    font-weight: bold;
    font-size: 1.4em;
    margin: 1em 0em 0.5em 0em;
}

h2
{
    font-weight: bold;
    font-size: 1.1em;
    margin: 2em 0em 0.5em 0em;
}

p
{
    margin: 0em 0em 1em 0em;
}

a img
{
	border: none;
}

a, a:visited, a:active
{
	color: #3155a3;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


/***********************/
/* KLASSEN             */
/***********************/

div.floatright
{
	float: right;
	margin-left: 1em;
}

div.floatleft
{
	float: left;
	margin-right: 1em;
}


/***********************/
/* DATENBANK           */
/***********************/

span.highlight
{
	background-color: #3155a3;
	color: #ffffff;
}

span.bolditem
{
	color: #3155a3;
	font-weight: bold;
}

span.redhint
{
	color: #ff0000;
	font-weight: bold;
}

#database_search
{

}

#database_search td
{
	vertical-align: top;
	padding: 0em 2em 0em 0em;
	margin: 0em;
}

#database_search input, #database_search select, #database_search textarea
{
	width: 20em;
	border: 1px solid #3155a3;
}

#database_search input.button
{
	width: 10em;
}

#database_registration
{

}

#database_registration input, #database_registration select, #database_registration textarea
{
	width: 30em;
	border: 1px solid #3155a3;
}

#database_registration input.button
{
	width: 10em;
}

#database_results
{
    width: 47em;
    margin-top: 1em;
}

#table_database_results
{
	width: 47em;
}

#database_results thead
{
	font-weight: bold;
}

#database_results td
{
	vertical-align: top;
	padding: 0.8em 0.4em 0.8em 0.4em;
	margin: 0em;
}

#database_results td.bordertop
{
	border-top: 1px solid #3155a3;

}

.colleft
{
	width:15em;

}

.colright
{
	width: 32em;

}

#database_detail
{

}

#database_detail h2
{
	padding-bottom: 2px;
	border-bottom: 1px solid #3155a3;
}

#database_detail #colleft
{
    float: left;
    width: 22em;
    padding: 0.5em 1em 0em 0em;
    border-right: 1px solid #3155a3;
}

#database_detail #colright
{
	float: right;
	width: 22em;
	padding: 0.5em 0em 0em 1em;
}

.breakword
{
	width: 300px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/***********************/
/* INFORMATION SOURCES */
/***********************/

#info h4
{
	margin-bottom: 0.7em;
	margin-top: 2em;
}

#info div.details
{
	margin-left: 1em;
	margin-bottom: 0.5em;
	padding: 0 1em;
	border-left: 1px solid #aaaaaa;
}

#info div.description
{
	padding-bottom: 0.5em;
}

#info div.links
{
	padding-bottom: 0.5em;
}



/*#info div.box
{
	margin-bottom: 1em;
}

#info div.box div.boxhead
{
	font-weight: bold;
	margin-bottom: 0.5em;
}

#info div.box div.boxbody
{
	border-left: 1px solid #aaaaaa;
	padding-left: 1em;
	margin-left: 1em;
}

#info div.box div.boxbody div.boxitem
{
	margin-bottom: 0.5em;
}
*/

#info table thead
{
	font-weight: bold;
	text-align: center;
}

#info table td
{
	vertical-align: top;
	text-align: center;
}

#info table td.borderright
{
	border-right: 1px solid #ff8f34;
}

#info table td.bordertop
{
	border-top: 2px solid #ff8f34;
}

#info table td.borderrightdotted
{
	border-right: 1px dashed #ff8f34;
}

#info table td.bordertopdotted
{
	border-top: 1px dashed #ff8f34;
}

#screenshot
{
	text-align:left;
	margin-left: 2em;
	margin-top: 2em;
}

#screenshot img
{
	margin-right: 2em;
	float: right;
	border: 2px solid #aaaaaa;
}