/* ------ START CSS FILE ------------------------------------------- */
/* ----------------------------------------------------------------- */
/* ------ this global file defines layout, colors and fontstyles --- */
/* ------ for all content files ------------------------------------ */
/* ----------------------------------------------------------------- */



/* ------ GLOBAL SETTINGS ------------------------------------------ */

* {
	margin: 0;
	padding: 0;
}


/* ------ BODY ----------------------------------------------------- */

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.75em;
	background: #ffffff url("../_bilder/bg.gif") repeat-y;
}


/* ------ MAIN LAYOUT ---------------------------------------------- */

#header {
	height: 111px;
	margin: 0 0 0 12px;
	background: url("../_bilder/bg_header.gif") repeat-x;
}

#mainmenu {
	width: 196px;
	margin: 0 0 12px 0;
	padding: 0 0 0 12px;
	float: left;
}

#content {
	margin: 24px 224px 24px 232px;
}

#teaserboxes {
	width: 176px;
	padding: 24px 24px 0 24px;
	float: right;
}

#backtotop {
	margin: 24px 24px 24px 232px;
	padding: 6px 0 0 0;
	text-align: right;
	border-top: 1px solid #003399;
	font-size: 0.9em;
	clear: both;
}

.float_left {
	float: left;
}


/* ------ EXPLORER BUGFIXES ---------------------------------------- */

/* ie holly-hacks, hides from ie-mac, only ie-win sees this \*/
* html .ie_floating_bugfix {
	height: 1%;
}
* html #mainmenu {
	margin-right: 21px;
	}
* html #content {
	height: 1%;
	margin-left: 0;
}
/* end hide from ie-mac */

* html #mainmenu li a.first, * html #mainmenu li a.first_activ {
	width: 196px;     /* version 5.x */
	w\idth: 176px;    /* version 6 */
}

/* only for internet explorer */
* html #mainmenu li a.second, * html #mainmenu li a.second_activ {
	width: 196px;     /* version 5.x */
	w\idth: 166px;    /* version 6 */
}

/* only for internet explorer */
* html #mainmenu li a.third, * html #mainmenu li a.third_activ {
	width: 196px;     /* version 5.x */
	w\idth: 156px;    /* version 6 */
}

/* only for internet explorer */
* html #teaserboxes {
	width: 224px;     /* version 5.x */
	w\idth: 176px;    /* version 6 */
}


/* ------ SUB LAYOUT ----------------------------------------------- */

#hidelefttop {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 11px;
	background-color: #001689;
	font-size: 0.001em;
}

#showstrokemenu {
	z-index: 2;
	position: absolute;
	top: 90px;
	left: 12px;
	width: 196px;
	height: 21px;
	border-right: 1px solid #ffffff;
	background-color: #001689;
	font-size: 0.001em;
}

.photolefttop {
	margin: 12px 0 0 0;
	border-right: 1px solid #ffffff;
	float: left;
}

h1 {
	width: 132px;
	height: 36px;
	margin: 34px 0 0 24px;
	text-indent: -5000px;
	background: url("../_bilder/thw_logo_ov.gif") no-repeat;
	float: left;
}

h2 {
	width: 177px;
	height: 36px;
	margin: 34px 24px 0 0;
	text-indent: -5000px;
	background: url("../_bilder/thw_logo.gif") no-repeat;
	float: right;
}

.teaserbox_border {
	margin: 0 0 12px 0;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
}

h5 {
	padding: 6px 8px 6px 8px;
	background-color: #001689;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
}

.teaserbox_body {
	margin: 0;
	padding: 8px;
	background-color: #e6e8f3;
	font-size: 0.8em;
	color: #000000;
}

.teaserbox_img {
	margin: 0 0 8px 0;
	border: 1px solid #ffffff;
	display: block;
}

.teaserbox_link {
	margin: 0;
	padding: 0 8px 8px 8px;
	background-color: #e6e8f3;
	font-size: 0.8em;
	color: #000000;
}

h3 {
	margin: 12px 0 12px 0;
	padding: 12px 0 0 0;
	font-size: 1.4em;
	border-top: 1px solid #003399;
}

h4 {
	margin: 0 0 12px 0;
	font-size: 1.2em;
}

.showline {
	padding: 12px 0 0 0;
	border-top: 1px solid #ccd6eb;
}

.report_images_main {
	margin: 0 5px 5px 0;
	width: 242px;
	text-align: center;
	background-color: #e6e8f3;
	float: left;
}

#content .report_images_bg {
	background-color: #001689;
	margin: 0;
}

.report_images_bg img {
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
}

#content .report_images_text {
	margin: 0;
	padding: 3px;
	text-align: left;
	font-size: 0.9em;
	overflow: hidden;
}

.cleaner {
	clear: both;
}


/* ------ MENU STYLE ----------------------------------------------- */

#header ul {
	margin: 0 0 0 196px;
	padding: 4px 0 0 24px;
	clear: both;
}

#header li {
	list-style: none;
	display: inline;
	color: #ffffff;
	font-size: 0.9em;
}

#header li a {
	color: #ffffff;
	text-decoration: none;
}

#header li a:hover {
	text-decoration: underline;
}

#mainmenu li {
	width: 196px;
	list-style: none;
}

#mainmenu li a.first {
	width: 176px;
	padding: 3px 10px 3px 10px;
	display: block;
	color: #ffffff;
	background-color: #003399;
	border-top: 1px solid #1443a1;
	border-bottom: 1px solid #001689;
	text-decoration: none;
}

#mainmenu li a.first_activ {
	width: 176px;
	padding: 3px 10px 3px 10px;
	display: block;
	color: #001689;
	background-color: #e6e8f3;
	border-top: 1px solid #e6e8f3;
	border-bottom: 1px solid #e6e8f3;
	text-decoration: none;
}

#mainmenu li a.first:hover, #mainmenu li a.first_activ:hover {
	background-color: #e6e8f3;
	color: #001689;
	border-top: 1px solid #e6e8f3;
	border-bottom: 1px solid #e6e8f3;
}

#mainmenu li a.second {
	width: 166px;
	padding: 3px 10px 3px 20px;
	display: block;
	color: #ffffff;
	background-color: #436eb2;
	border-top: 1px solid #6288be;
	border-bottom: 1px solid #001689;
	text-decoration: none;
}

#mainmenu li a.second_activ {
	width: 166px;
	padding: 3px 10px 3px 20px;
	display: block;
	color: #001689;
	background-color: #e6e8f3;
	border-top: 1px solid #e6e8f3;
	border-bottom: 1px solid #e6e8f3;
	text-decoration: none;
}

#mainmenu li a.second:hover, #mainmenu li a.second_activ:hover {
	background-color: #e6e8f3;
	color: #001689;
	border-top: 1px solid #e6e8f3;
	border-bottom: 1px solid #e6e8f3;
}

#mainmenu li a.third {
	width: 156px;
	padding: 3px 10px 3px 30px;
	display: block;
	color: #ffffff;
	background-color: #6288c3;
	border-top: 1px solid #9ab8e2;
	border-bottom: 1px solid #001689;
	text-decoration: none;
}

#mainmenu li a.third_activ {
	width: 156px;
	padding: 3px 10px 3px 30px;
	display: block;
	color: #001689;
	background-color: #e6e8f3;
	border-top: 1px solid #e6e8f3;
	border-bottom: 1px solid #e6e8f3;
	text-decoration: none;
}

#mainmenu li a.third:hover, #mainmenu li a.third_activ:hover {
	background-color: #e6e8f3;
	color: #001689;
	border-top: 1px solid #e6e8f3;
	border-bottom: 1px solid #e6e8f3;
}

.mainmenu_end {
	margin: 20px 0 0 0;
}

.mainmenu_activ {
	color: #ff0000;
}


/* ------ LINK STYLE ----------------------------------------------- */

a:link, a:active {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #000000;
	text-decoration: none;
}


/* ------ FONT STYLE ----------------------------------------------- */

p {
	margin: 0 0 12px 0;
	line-height: 1.4em;
}

.small {
	font-size: 0.9em;
}

.rightside {
	text-align: right;
}

.rightside_small {
	text-align: right;
	font-size: 0.9em;
}

.middleside {
	text-align: center;
}

.middleside_small {
	text-align: center;
	font-size: 0.9em;
}

.list_ul {
	margin: 0 0 12px 36px;
	line-height: 1.4em;
	list-style-type: square;
}

.sublist_ul {
	margin: 0 0 0 36px;
	line-height: 1.4em;
}

.list {
	margin: 0 0 12px 36px;
	line-height: 1.4em;
}

.sublist {
	margin: 0 0 0 36px;
	line-height: 1.4em;
}


/* ------ TABLE STYLE ---------------------------------------------- */

table {
	margin: 0 0 12px 0;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	border-collapse: separate;
	empty-cells: show;
	border-spacing: 1px;
	font-size: 1em;
	background-color: #001689;
}

.table_white {
	background-color: #ffffff;
}

.table_noborder {
	margin: 0 0 12px 0;
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 1px;
	font-size: 1em;
	background: transparent;
}

.table_noborder thead, .table_noborder tfoot {
	color: #000000;
	background: transparent;
}

.table_noborder th, .table_noborder td {
	padding: 4px 6px 4px 0;
	line-height: 1.4em;
}

th, td {
	padding: 4px;
	line-height: 1.4em;
}

caption {
	padding: 0 0 6px 0;
	text-align: left;
	font-weight: bold;
	caption-side: top;
}

thead, tfoot {
	text-align: left;
	font-weight: normal;
	color: #ffffff;
	background-color: #436EB2;
}

.bg_colored_white {
	background-color: #ffffff;
}

.bg_colored {
	background-color: #e6e8f3;
}


/* ------ IMAGE STYLE ---------------------------------------------- */

.image_float_left {
	margin: 12px 12px 12px 0;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	float: left;
}

.image_float_left_direct {
	margin: 0;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	float: left;
}

.image_float_right {
	margin: 12px 0 12px 12px;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	float: right;
}

.image_float_right_direct {
	margin: 0;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	float: right;
}

.image_float_left_noborder {
	margin: 12px 12px 12px 0;
	float: left;
}

.image_float_right_noborder {
	margin: 12px 0 12px 12px;
	float: right;
}

.image_border {
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
}


/* ------ INFOBOX STYLE -------------------------------------------- */

.infobox {
	padding: 8px;
	width: 170px;
	margin: 12px 12px 12px 0;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	background-color: #e6e8f3;
	font-size: 0.8em;
	float: left;
}

.infobox_right {
	padding: 8px;
	width: 170px;
	margin: 12px 0 12px 12px;
	border-left: 1px solid #b3c9eb;
	border-top: 1px solid #b3c9eb;
	border-right: 1px solid #001689;
	border-bottom: 1px solid #001689;
	background-color: #e6e8f3;
	font-size: 0.8em;
	float: right;
}


/* ------ FORM STYLE ----------------------------------------------- */

#translate_form {
	margin: 12px 0 12px 6px;
	width: 180px;
}

#translate_form fieldset {
	padding: 6px;
	border: 1px solid #436eb2;
}

#translate_form legend {
	margin: 0 0 3px 0;
	color: #ffffff;
	font-size: 0.8em;
}

#translate_form select {
	color: #001689;
	background-color: #e6e8f3;
	font-size: 1em;
	width: 160px;
	letter-spacing: 0.05em;
}

#translate_form .submit_button {
	margin: 3px 0 0 0;
	padding: 1px;
	background-color: #436eb2;
	border-bottom: 1px solid #6288c3;
	border-left: 1px solid #e6e8f3;
	border-right: 1px solid #6288c3;
	border-top: 1px solid #e6e8f3;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.8em;
	width: 160px;
}

#search_form {
	margin: 0 0 12px 0;
	line-height: 1.4em;
}

#search_form fieldset {
	padding: 6px;
	border: 1px solid #e6e8f3;
}

#search_form legend {
	color: #001689;
}

#search_form input {
	padding: 1px;
	color: #001689;
	background-color: #e6e8f3;
	border: 1px solid #001689;
}

#search_form .submit_button {
	padding: 1px;
	background-color: #436eb2;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #6288c3;
	border-right: 1px solid #000000;
	border-top: 1px solid #6288c3;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.9em;
}

.search_orange {
	color: #ff6600;
}

.search_red {
	color: #cc0000;
	background-color: #e6e8f3;
}



/* ------ END CSS FILE --------------------------------------------- */