/*
* CSS-Stylesheet
*
* @author: Stefan Jörger
*
* 2006-05-01
*/


/*
* ToDo: Tanteks Hack einbauen
*
*/

/*
  ---------------------------------------------------------------
  Global Definitions
  ---------------------------------------------------------------
*/


html{
 margin-left: 0;	
}

body {
 background-color: #8FBAE7;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 101%;
 padding: 0;
 margin: 0;
 line-height: 100%;
}
/*	padding: 0 0 0 12px;*/
/* dann statt 100% Breite auf 99% gehen! */

img,
table {
 border: 0;
}

strong {
 font-weight: bold;
}

abbr, acronym, .tooltip {
 cursor: help;
 border-bottom: 1px dotted gray;
}

label {
 cursor: pointer;
}

a {
 text-decoration: underline;
}

dd{
 margin-bottom: 10px;
}

h1 {
 display:none;
}

h2 {
 font-size: 1.2em;
}

h3 {
 font-size: 1.1em;
}

h4 {
 font-size: 1.0em;
}
/*
  ---------------------------------------------------------------
  Header
  ---------------------------------------------------------------
*/

#impress_sitemap {
 font-size: 70%;
 text-align: right;
 padding-right: 12px;
 height: 20px;
}

#impress_sitemap a {
 color: #000;	
}

#impress_sitemap a:hover {
 text-decoration: none;
}

#logos{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 121px;
	background-image: url(../i/Hintergrund_GoldenGate.jpg);
	background-repeat: no-repeat;
	background-color: #ddd;
}
/*
left: 208px;
top: 20px;
*/

#logo_ba_thw{
	position: relative;
	height: 121px;
	width: 196px;
}

#logo_rubrik{
	position: relative;
	left: 0;
	height: 121px;
}

#logo_ov {
 position: absolute;
	height: 58px;
	right: 11px;
	padding: 10px 0;
}

#main {
	position: absolute;
	top: 121px;
 left: 0;
	width: 100%;
/*	border-top: 1px solid #666;*/
}
/*
#abstandlinks {
 position: relative;
 background-color: #039;
	width: 100%; 
	padding-bottom: 42px;
}
*/
/*
#breadcrumb {
	position: absolute;
	left: 228px;
	padding-bottom: 10px;
}

#breadcrumb {
 font-size: 69%;
 color: #fff;
	background-color: #039;
	padding: 3px 0 2px 0;
}
	
#breadcrumb a {
	color: #fff;
}

#breadcrumb a:hover {
 text-decoration: none;
}
*/
#navi{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 70%;
	margin-bottom: 40px;
	line-height: 14px;
/*	background-color: #666;*/
	padding-bottom: 110px;
}

#navi ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
/*
#navi ul li {
 background-image: url(../i/navElement_03.jpg);
}
*/
#navi a {
 text-decoration: none;
 font-weight: bold;
 color: #443329;
 display: block;
}

#navi a:hover {
 background: url(../i/pfeil_weiss.gif) no-repeat top left;
}

#navi a:active,
#navi a:focus {
 background: url(../i/pfeil_weiss.gif) no-repeat top left;
 font-weight: bold;
}

#navi ul a,
#navi ul a:hover,
#navi ul a:active,
#navi ul a:focus {
 background-image: url(../i/navigation_06.gif);
 height: 22px;
	width:179px;
	padding: 4px 4px 4px 13px;
}

#navi ul ul a,
#navi ul ul a:hover,
#navi ul ul a:active,
#navi ul ul a:focus {
	height: 22px;
	width: 164px;
	padding: 4px 4px 4px 28px;
}

#navi ul ul ul a,
#navi ul ul ul a:hover,
#navi ul ul ul a:active,
#navi ul ul ul a:focus {
 background-color: #A9B3B6;
	border-bottom: 1px solid #62636A;
	border-top:1px solid #B1C7E1;
	width: 136px;
	padding: 4px 4px 4px 36px;
}

#navi ul ul ul ul a,
#navi ul ul ul ul a:hover,
#navi ul ul ul ul a:active,
#navi ul ul ul ul a:focus {
 background-color: #85A4CC;
	border-bottom: 1px solid #001689;
	border-top:1px solid #AAC0DC;
	width:128px;
	padding: 4px 4px 4px 44px;
}

#navi ul ul ul ul ul a,
#navi ul ul ul ul ul a:hover,
#navi ul ul ul ul ul a:active,
#navi ul ul ul ul ul a:focus {
 background-color: #AAC0DC;
	border-bottom: 1px solid #001689;
	border-top: 1px solid #C6D5E8;
	width:120px;
	padding: 4px 4px 4px 52px;
}

#breadcrumb {
 position: absolute;
 font-size: 70%;
 top: 0;
 left: 185px;
 right: 14px;
 margin: 13px 0 0 0;
}

#breadcrumb ul {
 padding: 0;
 margin: 0;
 display: inline;
}

#breadcrumb ul li {
 padding: 0;
 display: inline;
 list-style: none;
}

#content,
#contentNoTeaser {
 position: absolute;
	font-size: 70%;
	top: 0;
	left: 209px;
	right: 214px;
	margin: 45px 0 0 0;
}

#contentNoTeaser {
 right: 10px;
}

div#content div.contentBlock {
 position: relative;
 float: left;
 margin: 0 0 10px 0;
}/* border-left: 8px solid #039; */
/*  min-height: 150px; */

div#content div.contentBlockDetail {
 margin: 0 0 20px 0;
}	


div#content div.contentBlock div.contentRubric, div#content div.contentBlockDetail div.contentRubric {
 font-weight: normal;
 font-size: 80%;
 color: #039;
 border-top: solid 1px #039;
 margin: 0 0 2px 7px;
 text-align: right; 
 line-height: 12px;
}


div#content div.contentBlock div.contentThumbnail {
 position: relative;
 clear: both;
 float: left;
 text-align: center;
 width: 160px;
 padding: 0;
 margin: 10px;
}

div#content div.contentBlock div.contentAround {
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
}

div#content div.contentBlock div.contentMain {
 padding: 0 0 0 130px;
 margin: 0;
}

div#contentNoTeaser div.contentBlock div.contentMain {
 padding: 0 0 0 10px;
 margin: 0;
}

div#content div.contentBlock span.test1 {
 float: left;
 background-color: #c8c8c8;
 margin: 0 0 10px 0;
 padding: 0;
 height: 23px;
}


div#content div.contentBlock span.test {
 float: left;
}

div#content div.contentBlock h2, div#content div.contentBlockDetail h2 {
 font-style: normal;
 font-size: 125%;
 color: #000;
 margin: 0 0 5px 0;
 padding: 0;
}
/*
div#content div.contentBlock h2, div#content div.contentBlockDetail h2 {
 font-style: normal;
 font-size: 120%;
 color: #000;
 margin: 0 0 5px 0;
 padding: 0;
}
*/
/*
div#content div.contentBlock h2 {
 width: 50%;
 font-weight: bold;
 font-size: 85%;
 color: #000;
 background-color: #C8C8C8;
 margin: 0;
 padding: 3px;
 z-index: 1;
}
*/
div#content div.contentBlock span.author {
 position: relative; 
 float: right;
 font-weight: normal;
 font-size: 85%;
 color: #000;
 background-color: #C8C8C8;
 margin: 0 0 5px 0;
 padding: 3px;
 z-index: 2;
}

div#content div.contentBlock h3 {
 clear: right;
 font-style: normal;
 font-size: 115%;
 color: #000;
 margin: 11px 0;
 padding: 0;
 text-align: center;
 z-index: 0;
}

div#content div.contentBlock p {
 margin: 0 0 14px 2px;
/*	padding: 0 0 0 3px; */
	line-height: 14px;
}

div#content div.contentBlock div.contentMehr {
 display: block;
 clear: both;
 font-size: 85%;
 background-image: url(/i/Pfeil_doppelt.gif);
 background-repeat: no-repeat;
 margin: 0 0 0 7px;
 padding: 0;
}

div#content div.banner,
div#content div.contentBlock div.banner,
div#contentNoTeaser div.banner{
 text-align: center;
}

/*
div#content div.contentBlock div.contentMehr {
 margin: 5px 0 0 0;
 font-size: 85%;
 background-repeat: no-repeat;
}
*/
div#content div.contentBlock div.contentMehr a,
div#teaser div.teaserBlock div.teaserMehr a {
 text-decoration: underline;
 color: #039;
 padding-left: 12px;
}

div#content div.contentBlock div.contentMehr a:hover,
div#teaser div.teaserBlock div.teaserMehr a:hover {
 text-decoration: underline;
}

div#content table tbody tr td{
 text-align: center;
}


#teaser {
 font-size: 70%;
 position: absolute;
 top: 24px;
 right: 16px;
 width: 176px;
 z-index: 2;
 margin-left: 20px;
}

div#teaser div.teaserBlock {
 color: #039;
 background-color: #ddd;
 margin-bottom: 12px;
 padding-bottom: 7px;
}
	
div#teaser div.teaserBlock h5 {
 font-weight: bold;
	font-size: 85%;
	color: #000;
	background-color: #C8C8C8;
	margin: 0 0 8px 0;
	padding-left: 11px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 20px;
}

div#teaser div.teaserBlock img {
 margin-top: 8px;
	padding: 0 0 5px 0;
	display: block;
}

div#teaser div.teaserBlock p,
div#teaser div.teaserBlock form,
div#teaser div.teaserBlock div#weather,
div#teaser div.teaserBlock address{
 font-size: 85%;
 color: #000;
 margin: 0 10px 0 0;
 padding: 5px 8px;
 line-height: 12px;
}

div#teaser div.teaserBlock div.teaserMehr {
 font-size: 85%;
 background-repeat: no-repeat;
 text-decoration: underline;
 margin: 9px 0 4px 7px;
 padding: 0;
}


.underline {
 text-decoration: underline;
}

.italic {
	font-style: italic;
}

.bold {
 font-weight: bold;
}

.align-left {
 text-align: left;
}

.align-center {
 text-align: center;
}

.align-right {
 text-align: right;
}

.contentGalleries h1{
 font-size: 135%;
 font-weight: bold;
}

.contentGalleries li{
 list-style: square;
 padding: 3px 0;
} 

.currentPage{
 font-weight: bold;
} 

div.contentMain table#lebenslauf td {
 border: 1px solid gray;
 text-align: left;
 padding: 3px;
}

div.contentMain table#lebenslauf td ul{
 margin: 0;
 padding: 0 15px;
}

table#bewerbungsDownloads tr td,
table#bewerbungsDownloads tr th {
 border: 1px solid Silver;
 padding: 3px;
}

table#bewerbungsDownloads tr th {
 background-color: Silver;
}

table#bewerbungsDownloads tr td.align-left {
 text-align: left;
}