/**************************************
Main CSS-Datei für WiFo Passau
- legt grundsätzliches Layout fest
- überschreibt Stellen des CSS von "CSS Styled Content"
- wird in "template.html" eingbunden
**************************************/
body {
	margin: 0;
	padding: 0;
	background: #eaeef2;
	font-family: Arial, Helvetica, sans-serif;
}


/*******************
Ausrichten und Anpassen der Größe der im Template fest vorgegebenen Container
*******************/
#head {
	width: 100%;
	height: 97px;
	background: #fff;
}
#wifologo {
	width: 943px;
	height: 97px; 
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#wifologo img {
	margin-top: 25px;
	border-width: 0;
}

#navi {
	width: 210px;
	margin: 0 4px 0 0;
	position: absolute;
	top: 97px;
	left: 0;
}

#content {
	width: 550px;
	margin: 0 4px 0 0;
	position: absolute;
	top: 97px;
	left: 214px;
}

#border {
	width: 175px;
	margin: 0;
}
#function {
	width: 175px;
	position: absolute;
	top: 75px;
	left: 768px;
	height: 19px;
	width: 175px;
}


/*******************
Ausrichten und Anpassen der Größe der durch die Marker ersetzten Container im div Border
*******************/
#termine {
	height: 180px;
	width: 175px;
	margin: 0 0 4px 0;
	position: absolute;
	top: 97px;
	left: 768px;
	background: #d8e0e7;
}

#botschafter {
	height: 270px;
	width: 175px;
	margin: 0 0 4px 0;
	position: absolute;
	top: 281px;
	left: 768px;
	background: #d8e0e7;
	text-align: center;
}

#service {
	min-height: 77px;
	width: 175px;
	margin: 0px;
	position: absolute;
	top: 555px;
	left: 768px;
	background: #d8e0e7;
}


/*********************
Styles der Hauptnavigation
*********************/
#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navi li {
	background: #d8e0e7;
	font-size: 12px;
}
#navi a {
	height: 25px;
	padding-top: 5px;
	text-decoration: none;
	padding-left: 10px;
	border-bottom: 1px solid #bac8d2;
	font-size: 12px;
	color: #618299;
	display: block;
}
#navi a:hover, #navi a:active {
	color: #c80104;
}
#navi a#cur { /* current site */
	color: #c80104;
/*	background: #fff; */
}
#navi a#act { /* site in active path */
/*	background: #fff;*/
}

/* nur fuer zweite Ebene */
#navi ul ul li {
	background: #ecf0f3;
}
#navi ul ul a {
	padding-left: 20px;
}

/*********************
Styles der rechten Bloecke
*********************/
#border h1 {
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	background: #295576;
	height: 18px;
	padding-top: 4px;
	padding-left: 6px;
	margin: 0;
	
}

/* Termine */
#termine h2 {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}
#termine a {
	color: #3f6988;
	text-decoration: none;
	display: block;
	margin-top: -15px;
	margin-left: 10px;
}
#termine a:hover,  #termine a:active {
	color: #c80104;
}
#termine span { /* datum */
	font-size: 10px;
	color: #849fb3;
}
#termine span a { /* archivlink */
	bottom: 2px;
	font-size: 12px;
	position: absolute;
	right: 4px;
}

/* Botschafter */
#botschafter h1 {
	text-align: left;
}
#botschafter h2 {
	font-size: 11px;
	color: #3f6988;
	padding-left: 5px;
	margin: 1px 0;
}
#botschafter p {
	margin:0;
	padding: 3px 5px 0;
	line-height: 12px;
	text-align: left;
}
#botschafter a {
	font-size: 12px;
	color: #3f6988;
	text-decoration: none;
}
#botschafter a:hover,  #botschafter a:active {
	color: #c80104;
}

/* Service */
#service ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 6px;
}
#service li {
	background: #d8e0e7;
	font-size: 12px;
}
#service a {
	height: 19px;
	padding-top: 6px;
	text-decoration: none;
	font-size: 12px;
	color: #618299;
	display: block;
}
#service li.notlast a {
	border-bottom: 1px solid #bac8d2;
	height: 18px;
}
#service a:hover, #service a:active {
	color: #c80104;
}
#service a#cur { /* current link */
	color: #c80104;
}

/* Funktionsnavi */
#function ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#function li {
	display: inline;
	margin-right: 9px;
}
#function a {
	text-decoration: none;
	font-size: 12px;
	color: #618299;
}
#function a:hover, #service a:active {
	color: #c80104;
}


/*********************
Styles des Inhalts
*********************/
#content img.teaserimg {
	margin-bottom: 4px;
}

/*** normaler Inhalt ***/

/* Ausrichten von Inhalten */
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}
.align-justify {
	text-align: justify !important;
}

.ce { /* gesamte CE (Content Element) */
	background: #d8e0e7;
	font-size: 13px;
	line-height: 16px;
	color: #346988;
	margin-bottom: 4px;
	overflow: auto; /* ist zwar standard, aber wird vom browser sonst ignoriert. Damit CE's nicht überlappen, wenn bilder > text */
}
.ce h1 { /* Überschrift des CE's */
	background: #c3cfd9;
	margin: 0;
	padding-left: 10px;
	padding-top: 8px;
	height: 22px;
	font-size: 16px;
}
.ce h2 { /* Überschrift ("Unterüberschrift") innerhalb des CE's */
	padding-left: 10px;
	margin: 0;
	margin-top: 5px;
	font-size: 15px;
}
.ce a { /* Link innerhalb des CE's */
	color: #618299;
}
.ce a:hover, .ce a:active { /* Hover-/Active-Link innerhalb des CE's */
	color: #c80104;
}
.ce p { /* Text innerhalb des CE's Text */
	padding: 5px 10px;
	margin: 0;
}
.ce ul, .ce ol { /* unsortierte Liste, sortierte Liste innerhalb des CE's Text */
	padding: 5px 10px 5px 40px;
	margin: 0;
}
.ce table { /* Tabelle innerhalb des CE's */
	margin: 5px 10px;
	border-spacing: 0;
	border: 1px solid #c3cfd9;
	border-collapse: collapse;
}
.ce th, .ce td { /* jede Tabellenzelle innerhalb des CE's */
	border: 1px solid #c3cfd9;
	padding: 4px 10px;
}
.ce th { /* jede Tabellenkopfzelle innerhalb des CE's */
	background: #c3cfd9;
}
.ce caption {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
}

.ce div { /* gesamte CE Text m/ Bild */
	padding: 0 10px;
}
.ce div h2 { /* Überschrift innerhalb des CE's ("Unterüberschrift") innerhalb des CE's Text m/ Bild */
	padding-left: 0;
}
.ce div p { /* Text innerhalb des CE's Text m/ Bild */
	padding: 5px 0;
	text-align: left;
}
.ce div ul, .ce div ol { /* unsortierte Liste, sortierte Liste innerhalb des CE's Text m/ Bild */
	padding-left: 30px;
}
.ce div div { /* Bild innerhalb des CE's Text m/ Bild */
	padding: 0;
	margin-top: 5px;
}


/*** Ext: tt_news ***/

.newslist h1 {
	font-size: 13px;
	color: #295576;
	padding: 0;
	padding-left: 4px;
	height:30px;
	line-height:13px;
}
.newslist a {
	text-decoration: none;
}
.newslist h1 span {
	font-size: 10px;
	color: #295576;
	font-weight: normal;
}
.newslist img {
	margin: 8px 0;
	margin-right: 8px;
	float: left;
}
.newslist p img { /* Linkicon */
	float: none;
	margin: 0;
}

.newssingle h1 {
	font-size: 13px;
	color: #295576;
	padding: 0;
	padding-left: 4px;
	height:30px;
	line-height:13px;
}
.newssingle h1 span {
	font-size: 10px;
	color: #295576;
	font-weight: normal;
}
.newssingle h3 { /* Teaser/Subtitle Text */
	margin:0;
	padding:5px 10px;
/*	font-weight: normal; */
	font-size: 12px;
}
.newssingle img {
	border: 0px;
	margin-right: 5px;
}

.news-single-links {
	clear: both;
}
.news-single-imgcaption {
	width: 149px;
	float: left;
}


/*** Ext: wec_map ***/
.tx-wecmap-pi1 table, .tx-wecmap-pi1 td {
	border: 0;
}
.ce div.tx-wecmap-pi1 div { /* ueberschreiben von ".ce div div" */
	margin-top: 0;
}