/* GENERAL DESIGN OF HTML ELEMENTS */
/***********************
*** GENERAL SETTINGS ***
************************/
/***
Styling of Hyperlinks
***/
a,
a:link,
a:visited {
    color:#43636d;
    text-decoration:underline;
	}
a:hover,
a:focus {
    color:#c43e18;
	text-decoration:underline;
    }
/* Underline acronym and abbr tags in links (which is not the case in every browser) */
a abbr,
a acronym {
	text-decoration:underline;
    }


/* Hiding elements for accessibility reasons */
div#skiplinks,
div#topnavigation h1 span,
div#navigation dfn,
div#navigation span,
div#content div.sitemap dfn,
div#content div.sitemap_menu dfn,
div#content div.sitemap_menu_abstract dfn {
    width:0;
    height:0;
	position:absolute;
    top:-1000em;
    left:-1000em;
    display:inline;
    overflow:hidden;
    }

/***
Prevent floated images from overlapping the containers they are wrapped in
***/
div.clear_right {
	float:none;
	clear:right;
	width:1px;
	font-size:0px;
	line-height:0px;
	height:1px;
	}
div.clear_left {
	float:none;
	clear:left;
	width:1px;
	font-size:0px;
	line-height:0px;
	height:1px;
	}
div.clear_both {
	float:none;
	clear:both;
	width:1px;
	font-size:0px;
	line-height:0px;
	height:1px;
	}
/***
Form fields
***/
input[type=text],
textarea {
	background-color:#ffffff;
    }
input[type=text]:focus,
textarea:focus {
	background-color:#ffffcc;
    }
label {
	cursor:pointer;
    }

/* Disable image borders */
img {
	border:0 solid; /* HACK: Opera <v.8 ignores border:none */
    }

/* Styling Error messages */
div#content .error {
    color:#ff0000;
    }

/* Seperator which seperates bigger logical blocks for non-visual devices */
hr.seperator {
	display:none;
    }

/*************
*** BANNER ***
**************/
/* Banner container */
div#banner {
	padding-bottom:1px;
    }

/* Logo container */
div#logo {
	font-size:0.9em;
    }

div#banner_image {
	text-align:center;
    }


/******************
*** BREADCRUMBS ***
*******************/
/* Breadcrumbs container */
div#breadcrumbs {
	background-color:#999999;
	background-image:url(../res/verlauf_lr_999999.gif);
	background-repeat:repeat-y;
    background-position:right;
	}

/* Breadcrumb content */
div#breadcrumbs p {
	color:#ffffff;
    font-size:0.9em;
    padding:0.3em;
    padding-left:1em;
    padding-right:1em;
    }

/***
Disabling visual formatting of Hyperlinks
***/
div#breadcrumbs a,
div#breadcrumbs a:link,
div#breadcrumbs a:visited {
	color:#ffffff;
    text-decoration:none;
    }
div#breadcrumbs a:hover,
div#breadcrumbs a:focus {
	text-decoration:underline;
    }


/*********************
*** TOP NAVIGATION ***
**********************/
/* Top Navigation container */
div#topnavigation {
	background-color:#f0f0f0;
	background-image:url(../res/verlauf_bt_e1e1e1.gif);
	background-repeat:repeat-x;
    background-position:bottom;
    }

/***
Quick links
***/
div#topnavigation p {
	font-size:0.9em;
	text-align:right;
    padding:0.3em;
    padding-right:1em;
    }

/***
Disabling visual formatting of Hyperlinks
***/
div#topnavigation a,
div#topnavigation a:link,
div#topnavigation a:visited {
    text-decoration:none;
    }
div#topnavigation a:hover,
div#topnavigation a:focus {
	text-decoration:underline;
    }

/***
Search
***/
/* Search container */
div#search {
	font-size:0.9em;
	text-align:right;
	padding-top:0.8em;
    padding-right:1em;
    float:right;
	width:40em; /* HACK: Workaround for IE */
    }

div#search fieldset {
	border:0 solid; /* HACK: Opera <v.8 ignores border:none */
    }

/***
Page category
***/
div#topnavigation h1 {
	color:#777777;
	font-size:1.7em;
    letter-spacing:0.05em;
	font-weight:normal;
    padding:0.2em;
    padding-left:0.5em;
    }


/*****************
*** NAVIGATION ***
******************/
/* Navigation container */
div#navigation {
    font-size:0.9em;
	background-color:#f0f0f0;
    }

/* Header */
div#navigation h2 {
    color:#777777;
	background-image:url(../res/verlauf_tb_e1e1e1.gif);
	background-repeat:repeat-x;
    border-top:1px solid #f0f0f0;
	font-size:1.1em;
	text-align:center;
    padding:0.8em;
    }

/***
Navigation menu
***/
/* Navigation Menu container */
div#navigation div.navigation_menu {
    border-bottom:2px solid #c1c1c1;
    letter-spacing:0.03em;
    }
/* 1st level list definitions */
div#navigation ul a,
div#navigation ul a:link,
div#navigation ul a:visited {
    text-decoration:none;
	display:block;
	}
div#navigation ul a:hover,
div#navigation ul a:focus {
    color:#43636d;
	text-decoration:underline;
    }
div#navigation li {
    border-top:1px solid #c1c1c1;
	list-style:none;
    padding-top:0.4em;
    padding-bottom:0.4em;
	padding-left:1em;
    }
/* 2nd level list definitions */
div#navigation ul ul {
    border:0 solid; /* HACK: Opera <v.8 ignores border:none */
    margin-bottom:0em;
    padding-top:1em;
    padding-bottom:0.5em;
    }
div#navigation li li {
	border-top:0 solid; /* HACK: Opera <v.8 ignores border:none */
    padding-top:0.3em;
    padding-bottom:0.3em;
	padding-left:1em;
    padding-right:0.5em;
	}

/***
Menu items
***/
/* 1st level menu elements */
div#navigation li.level1-act {
    background-color:#e1e1e1;
	font-weight:bold;
	width:15em;
    }
/* 2nd level menu elements */
div#navigation li.level2-no {
	background-image:url(../res/arrow_no.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
    font-weight:normal;
    }
div#navigation li.level2-act {
    color:#c43e18;
	background-image:url(../res/arrow_act.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
    font-weight:normal;
    }
div#navigation li.level2-act a,
div#navigation li.level2-act a:link,
div#navigation li.level2-act a:visited {
    color:#c43e18;
	}
/* 3rd level menu elements */
div#navigation li.level3-no {
	background-image:url(../res/arrow_no.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
    }
div#navigation li.level3-no a,
div#navigation li.level3-no a:link,
div#navigation li.level3-no a:visited {
    color:#43636d;
	}
div#navigation li.level3-act {
    color:#c43e18;
	background-image:url(../res/arrow_act.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
    }
div#navigation li.level3-act a,
div#navigation li.level3-act a:link,
div#navigation li.level3-act a:visited {
    color:#c43e18;
	}

/***
Announcement
***/
/* Announcement container */
div#navigation div.announcement {
    background-color:#ffffff;
    border-bottom:2px solid #c1c1c1;
    letter-spacing:0.03em;
    padding-top:2em;
    padding-bottom:1em;
    }

/***
Language menu
***/
/* Language menu container */
div#navigation div.language_selector {
    background-color:#ffffff;
    padding-top:1em;
    }


/**************
*** CONTENT ***
***************/
/* Content container */
div#content {
	line-height:1.4em;
    }

/* Standard text formatting */
div#content p {
    text-align:justify;
    margin-bottom:0.8em;
    }

/* Images in RTE*/
div#content img.bild_links {
	padding:1em;
    float:left;
    }
div#content img.bild_rechts {
	padding:1em;
    float:right;
    }
div#content img.bild_mitte {
	padding:1em;
    }

/***
Headers
***/
div#content h1 {
    color:#336699;
	font-size:1.7em;
    letter-spacing:0.2em;
	line-height:1.3em;
	margin-bottom:0.8em;
    }
div#content h2 {
    color:#336699;
    border-bottom:1px solid #c1c1c1;
	font-size:1.4em;
    letter-spacing:0.1em;
	line-height:1.2em;
    margin-top:1em;
	margin-bottom:0.5em;
    }
div#content h3 {
    color:#336699;
    border-bottom:1px dotted #c1c1c1;
	font-size:1.4em;
    letter-spacing:0.1em;
	font-weight:normal;
	line-height:1.2em;
    margin-top:1em;
	margin-bottom:0.5em;
    }
div#content h4 {
    color:#454545;
    border-bottom:1px dotted #c1c1c1;
	font-size:1.1em;
    letter-spacing:0.1em;
	line-height:1.2em;
    margin-top:1em;
	margin-bottom:0.5em;
    }
div#content h5 {
    color:#454545;
    border-bottom:1px dotted #c1c1c1;
	font-size:1.1em;
    letter-spacing:0.1em;
	font-weight:normal;
	line-height:1.2em;
    margin-top:1em;
	margin-bottom:0.5em;
    }
/* Disabling styling of header links */
div#content h1 a,
div#content h2 a,
div#content h3 a,
div#content h1 a:link,
div#content h2 a:link,
div#content h3 a:link,
div#content h1 a:visited,
div#content h2 a:visited,
div#content h3 a:visited {
    color:#336699;
    text-decoration:none;
	}
div#content h4 a,
div#content h5 a,
div#content h4 a:link,
div#content h5 a:link,
div#content h4 a:visited,
div#content h5 a:visited {
    color:#454545;
    text-decoration:none;
	}
div#content h1 a:hover,
div#content h2 a:hover,
div#content h3 a:hover,
div#content h4 a:hover,
div#content h5 a:hover,
div#content h1 a:focus,
div#content h2 a:focus,
div#content h3 a:focus,
div#content h4 a:focus,
div#content h5 a:focus {
    color:#c43e18;
	text-decoration:underline;
    }
/* Style table captions visually as if they were headlines */
div#content caption {
    color:#336699;
    border-bottom:1px solid #c1c1c1;
	font-size:1.4em;
    letter-spacing:0.1em;
	font-weight:bold;
	text-align:left;
	line-height:1.2em;
    margin-top:1em;
	margin-bottom:0.5em;
    }

/***
General List settings
***/
/* Unordered Lists */
div#content ul {
    margin-bottom:0.8em;
	margin-left:1.5em;
    }
/* Ordered Lists */
div#content ol {
    margin-bottom:0.8em;
	margin-left:2em;
    }

/***
Forms
***/
div#content fieldset {
	border:0 solid; /* HACK: Opera <v.8 ignores border:none */
    }

div#content legend {
    color:#336699;
    border-bottom:1px solid #c1c1c1;
	font-size:1.4em;
    letter-spacing:0.1em;
	font-weight:bold;
	text-align:left;
	line-height:1.2em;
    margin-top:1em;
	margin-bottom:0.5em;
    }
/* STAR-HACK: The following code is only interpreted by IE */
* html div#content legend {
    margin-left:-0.8em;
    }

div#content label {
	width:100%;
    float:left;
    }

/* Checkboxes, radiobuttons: align the label to the right of the control element */
div#content label.checkbox {
    margin-right:0;
    float:none;
    }

/* Vertical space between form elements */
div#content input,
div#content textarea,
div#content select,
div#content option,
div#content button {
	margin-bottom:0.2em;
    }

/***
Listitems
***/
div#content div.listitem h3 {
    letter-spacing:0;
    }
div#content div.listitem img {
    margin:0;
    margin-top:0.3em;
    margin-left:1em;
    float:right;
    }
/* Overriding the general margin-bottom for <p>-elements */
div#content div.listitem p {
    margin-bottom:0;
    }
div#content div.listitem p.listitem_subheader {
    color:#777777;
	font-size:0.9em;
    margin-top:-1em;
    margin-bottom:1em;
    }
div#content div.listitem p.link {
    text-align:left;
    }

/***
Images within articles (e.g. in tt_news SINGLE)
***/
div#content dl.text_image {
    margin-bottom:1em;
    margin-left:1em;
    float:right;
}
div#content dl.text_image dd {
	font-size:0.9em;
	line-height:1.4em;
    margin-bottom:0.2em;
	}
div#content dl.text_image img {
	max-width:11em;
	}
div#content dl.text_image dt {
    color:#777777;
	font-size:0.8em;
	line-height:1.5em;
	max-width:11em;
	}

/* (en) gallery within tt_news */
.imgHolder {
	background:#f9f9f9;
	border:1px #f0f0f0 solid;
	margin-bottom:20px;
	margin-right:20px;
	padding:10px;
	float:left;
	width:130px;
	height:130px;
	}
.image_list {
	margin:0;
	}
.image_list dt {
	margin:0;
	}
.image_list dd {
	margin:0;
	}
.image_list .image_options {
	margin-top:10px;
	}

/***
Various
****/
/* Addresses */
address {
	font-style:normal;
	margin-bottom:0.8em;
	}

/* Author and date information of articles */
div#content p.author {
    text-align:right;
    margin-bottom:2em;
	}
/* Infotext ("das Kleingedruckte") at the bottom of various pages */
div#content p.infotext {
	font-size:0.9em;
	text-align:center;
	line-height:1.2em;
	}

/***
Custom CE Container Settings
***/
/* textpic_intro */
div#content div.textpic_intro div.csc-textpic-imagewrap {
    margin-top:-5.6em;
    }

/* Highlighted content */
div#content div.highlight {
	margin-top:2em;
    }
div#content div.highlight p {
    color:#336699;
	text-align:center;
    }
div#content div.highlight p.author {
	text-align:right;
    }
/* Privacy statement */
div#content div.privacy_statement {
	font-size:0.9em;
	text-align:center;
	line-height:1.2em;
	}

/***
Right Column settings
***/
div#content div#column_border h2 {
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
    }
div#content div#column_border h3 {
	font-size:1.2em;
    }
div#content div#column_border p {
	font-size:0.9em;
	line-height:1.4em;
    }


/*************
*** FOOTER ***
**************/
/* Footer container */
div#footer {
    background-color:#ffffff;
    border-top:1px solid #e1e1e1;
    font-size:0.9em;
    text-align:center;
    margin-top:1em;
	padding-top:1em;
    }

/* Disabling visual formatting of Hyperlinks */
div#footer a,
div#footer a:link,
div#footer a:visited {
    color:#777777;
	text-decoration:none;
    }
div#footer a:hover,
div#footer a:focus {
	text-decoration:underline;
    }