/**
 * Seite:
 * Datei: screen.css
 * Media: screen
 *
 * Datum: 2006-09
 * Autor: Röschmann Martin, Niels Weber
 ****************************************************************************************************/
* {
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;	
}
body {
	width: 100%;
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_body.gif);
	background-repeat: y-repeat;
	background-position: top center;
	background-color: #002050;
	font-size: 100.01%;
	font-family: Verdana, Arial;
	text-align: center;  /* Zentrierung im Internet Explorer */
}
.typo3-adminPanel {
	position: absolute;
	bottom: 200;
}
FIELDSET.containerpage {
	width: 952px;
	margin: 0 auto;		/* standardkonforme horizontale Zentrierung */
	padding: 0;
	border:  10px;
	background-color: #FFFFFF;
	text-align: left;	/* Seiteninhalt wieder links ausrichten */
}
INPUT[type=text],
TEXTAREA {
	padding: 2px;
	font-family: Verdana, Arial;
	font-size: 10px;
}
INPUT[type=submit],
INPUT[type=reset] {
	padding: 2px;
	font-family: Verdana, Arial;
	font-size: 11px;
}
.error {
	color: #B51526;
}
H1 {
	margin: 0;
	padding: 10px 0 10px 0;
	color: #b51526;
	font-size: 14px;
	font-family: Verdana, Arial;
	font-weight: bold;
}
H2 {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight: bold;
}
H2.special {
	margin-bottom: 10px;
	color: #b51526;
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight: bold;
}
P,
P.bodytext {
	font-size: 11px;
	font-family: Verdana, Arial;
}
A {
	color: #004A7F;
	text-decoration: underline;
}
A:hover {
	color: #004A7F;
	text-decoration: none;
}



/****************************************************************************************************
 *
 * H E A D E R
 * ===========
 * (...)
 *
 ****************************************************************************************************/
#header {
	width: 952px;
	height: 147px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
}
/**
 * HEADER - H E A D E R - S P A C E R
 ****************************************************************************************************/
#header DIV.header-spacer {
	width: 100%;
	height: 25px;
}
/**
 * HEADER - S E A R C H
 ****************************************************************************************************/
#header FIELDSET.search-fieldset {
	width: 525px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: left;
	border: 0;
	text-align: right;
}
/**
 * HEADER - L A N G U A G E
 ****************************************************************************************************/
#header FIELDSET.language-fieldset {
	margin: 0;
	padding: 0 15px 0 0;
	float: right;
	border: 0;
	text-align: right;
}
#header #language SPAN {
	padding: 0 0 0 15px;
}
#header #language SPAN.current A {
	text-decoration: underline;
}
#header #language SPAN.normal A {
	text-decoration: none;
}
/**
 * HEADER - N A V I - B A S I S
 ****************************************************************************************************/
#header FIELDSET.navi-basis-fieldset {
	width: 490px;
	height: 80px;
	margin: 18px 0 0 0;
	padding: 0;
	float: left;
	border: 0;
	text-align: right;
	vertical-align: bottom;
}
#header DIV.navi-basis-spacer {
	width: 262px;
	height: 80px;
	clear: both;
	float: left;
}
#header #navi-basis {
	float: left;
}
/**
 * HEADER - L O G O
 ****************************************************************************************************/
#header FIELDSET.logo-fieldset {
	width: 250px;
	/*margin: 15px 0 0 0;*/
	margin: 10px 0 0 0;
	float: right;
	border: 0;
}



/****************************************************************************************************
 *
 * M A I N
 * =======
 * (...)
 *
 ****************************************************************************************************/
#main {
	height: auto;
	min-height: 1000px;
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(../images/bg_main.gif);
	background-repeat: y-repeat;
	background-position: top left;
}
/**
 * MAIN - C O N T E N T
 ****************************************************************************************************/
#main FIELDSET.content-fieldset {
	width: 461px;
	margin: 0 0 40px 0;
	padding: 0;
	float: left;
	border: 0;
}
#main #content DIV.element-wrap {
	margin: 0 0 0 17px;
}
#main #content P.bodytext A {
	color: #004A7F;
	text-decoration: underline;
}
#main #content P.bodytext A:hover {
	color: #004A7F;
	text-decoration: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
A.download,
#main #content A.download-link {
	padding: 0 0 0 30px;
	display: block;
	background-image: url(../images/bg_download.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #004A7F;
	text-decoration: none;
}
A:hover.download,
#main #content A:hover.download-link {
	text-decoration: underline;
}
A.mail,
#main #content A.email-link {
	padding: 0 0 0 30px;
	display: block;
	background-image: url(../images/bg_email.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #004A7F;
	text-decoration: none;
}
A:hover.mail,
#main #content A:hover.email-link {
	text-decoration: underline;
}
A.internal-link,
#main #content A.internal-link {
	padding: 0 0 0 30px;
	display: block;
	background-image: url(../images/internalLink.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #004A7F;
	text-decoration: none;
	font-weight: bold;
}
A:hover.internal-link,
#main #content A:hover.internal-link {
	text-decoration: underline;
}
A.external-link-new-window,
#main #content A.external-link-new-window {
	padding: 0 0 0 30px;
	display: block;
	background-image: url(../images/externalLink.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #004A7F;
	text-decoration: none;
	font-weight: bold;
}
A:hover.external-link-new-window,
#main #content A:hover.external-link-new-window {
	text-decoration: underline;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main #content TABLE.imgtext-table TR TD {
	padding: 0 10px 10px 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main #content TABLE.formtable {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background-color: #CCD2DC;
	font-size: 11px;
}
#main #content TABLE.formtable TR TD.first-col {
	padding: 10px 0 0 0;
}
#main #content  TABLE.formtable TR TD.last-col {
	padding: 5px 0 0 0;
}
#main #content  TABLE.formtable H2 {
	padding: 2px 0 3px 15px;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../images/bg_angle_white_blue.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #004A7F;
	color: #FFFFFF;
}
#main #content TABLE.formtable LABEL {
	padding: 0 0 0 15px;
}
#main #content UL LI {
	font-size: 11px;
}
#main #content LABEL {
	font-size: 11px;
}
#main #content DIV.csc-frame.csc-frame-invisible {
	margin: 0 0 0 -16px;
}
#main #content DIV.csc-sitemap {
	padding: 0 0 20px 0;
	list-style-image:url(../images/bullet.gif);
}
#main #content DIV.csc-sitemap UL {
	margin: 0 0 2px 20px;
}
#main #content DIV.csc-sitemap UL LI {
	padding: 0 0 2px 0;
}
#main #content DIV.csc-sitemap A {
	color: #000000;
	text-decoration:none;
}
#main #content UL.csc-bulletlist.csc-bulletlist-0 {
	padding: 0 0 0 25px;
	list-style-image:url(../images/bullet.gif);
}
#main #content UL.csc-bulletlist.csc-bulletlist-0 LI {
	padding: 0 0 10px 0;	
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
TABLE.csc-uploads {
}
TABLE.csc-uploads TR.tr-even {
}
TABLE.csc-uploads TR.tr-odd {
}
TABLE.csc-uploads TR TD.csc-uploads-fileName {
}
TABLE.csc-uploads TR TD.csc-uploads-fileName P A {
	padding: 0 0 0 30px;
	display: block;
	background-image:url(../images/bg_download.gif);
	background-repeat: no-repeat;
	background-position: middle left;
	color: #004A7F;
	text-decoration: underline;
}
TABLE.csc-uploads TR TD.csc-uploads-fileName P A:hover {
	color: #004A7F;
	text-decoration: none;
}
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description {
	padding: 0 0 10px 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
TABLE.contenttable {
	width: 463px;
	margin: 0;
	padding: 0 0 20px 0;
	border-color: #000000;
	border-spacing: 0;
	font-size: 11px;
}
TABLE.contenttable CAPTION {
	height: 17px;
	margin: 0;
	padding: 1px 0 0 15px;
	background-color: #004a7f;
	background-image: url(../images/bg_angle_white_blue.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
TABLE.contenttable TR TD {
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #004A7F;
}
TABLE.contenttable TFOOT TR TD {
	margin: 1px 0 0 0;
	padding: 7px 10px 7px 10px;
	border: 0;
	border-top: 1px solid #FFFFFF;
	background-color: #CCD2DC;
	font-size: 10px;
}
TABLE.contenttable TR.tr-0 {
	font-weight: bold;
}
/**
 * MAIN - N A V I - M A I N
 ****************************************************************************************************/
#main FIELDSET.navi-main-fieldset {
	width: 260px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
	border: 0;
}
/**
 * MAIN - T E A S E R
 ****************************************************************************************************/
#main FIELDSET.teaser-fieldset {
	width: 196px;
	height: auto;
	margin: -1px 0 0 0;
	padding: 0;
	float: right;
	border: 0;
}
#main #teaser DIV.element-wrap {
	padding: 5px 10px 20px 10px;
	border-top: 1px solid #002050;
	background-image: url(../images/bg_teaser.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#main #teaser H1 {
	margin: 0;
	padding: 10px 0 10px 0;
	color: #b51526;
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight: bold;
	text-transform: uppercase;
}
#main #teaser P.bodytext A {
	color: #004A7F;
	text-decoration: none;
}
#main #teaser DIV.element-wrap DIV.csc-frame.csc-frame-invisible {
	margin: -5px -10px 0 -10px;
	_margin: -5px -10px 0 0;
	padding: 5px 10px 0 10px;
	background-image: url(../images/bg_teaser2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #CCD2DC;
}
#main #teaser DIV.element-wrap DIV.csc-frame.csc-frame-invisible DIV.csi-textpic {
	margin: 20px 0 0 -10px;
}
#main #teaser DIV.element-wrap DIV.csc-frame.csc-frame-invisible DIV.csi-textpic IMG {
	padding: 0 0 20px 0;
}
/**
 * MAIN - F O O T E R
 ****************************************************************************************************/
.footer-fieldset {
	clear: both;
	text-align: center;
	border: 0px;
}



/****************************************************************************************************
 *
 * E X T E N S I O N
 * =================
 * Allgemeine Extensions.
 *
 ****************************************************************************************************/
/**
 * EXTENSION - P I L _ M A I L F O R M
 * EXTENSION - T I P A F R I E N D
 ****************************************************************************************************/
#main #content DIV.tx-pilmailform-pi1 FORM {
	margin: 0 0 20px 0;
}
#main #content DIV.tx-pilmailform-pi1 TABLE {
	padding: 0 0 10px 0;
	background-color: #CCD2DC;
}
#main #content DIV.tx-pilmailform-pi1 TABLE TR TD.first-col {
	padding: 10px 0 0 0;
}
#main #content DIV.tx-pilmailform-pi1 TABLE TR TD.last-col {
	padding: 5px 0 0 0;
}
#main #content DIV.tx-pilmailform-pi1 H2 {
	padding: 2px 0 3px 15px;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../images/bg_angle_white_blue.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #004A7F;
	color: #FFFFFF;
}
#main #content DIV.tx-pilmailform-pi1 LABEL {
	padding: 0 0 0 15px;
}
/**
 * EXTENSION - S F _ E V E N T S
 ****************************************************************************************************/
DIV.tx-sfevents-pi1 DIV.event-item,
DIV.tx-sfevents-pi1 DIV.event-single {
	padding: 0 0 15px 0;
	font-size: 11px;
}
DIV.tx-sfevents-pi1 DIV.event-item SPAN.events-startdate,
DIV.tx-sfevents-pi1 DIV.event-item SPAN.events-enddate,
DIV.tx-sfevents-pi1 DIV.event-single SPAN.events-startdate,
DIV.tx-sfevents-pi1 DIV.event-single SPAN.events-enddate,
DIV.tx-sfevents-pi1 DIV.event-single SPAN.events-starttime,
DIV.tx-sfevents-pi1 DIV.event-single SPAN.events-endtime {
	font-weight: bold;
}
DIV.tx-sfevents-pi1 DIV.event-item H2,
DIV.tx-sfevents-pi1 DIV.event-single H2 {
	margin-bottom: 10px;
	padding: 2px 0 0 0;
	font-size: 11px;
}
DIV.tx-sfevents-pi1 DIV.event-item H2 A {
	padding: 0 0 0 15px;
	display: block;
	background-image: url(../images/bg_termin.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #004A7F;
	text-decoration: none;
	font-weight: normal;
}
DIV.tx-sfevents-pi1 DIV.event-item P.bodytext {
}
DIV.tx-sfevents-pi1 DIV.event-single P.event-back {
	padding: 15px 0 0 0;
}
DIV.tx-sfevents-pi1 DIV.event-single P.event-back A {
	color: #004A7F;
	text-decoration: none;
}





/* ############################ */
/* # Sprachumschaltung oben Re# */
/* ############################ */

#language, a:link,a:visited {
  font-size:11px;
  color:#FFFFFF;
}

.language-fieldset {
  padding-bottom:0px;
  padding-top:28px;
  padding-right:15px;
  text-align:right;
  border:0px;
}

/*#################*/
/* Kontaktformular */
/*#################*/

.csc-mailform {
  height:300px;
  border:0px;
  background-image:url(../../images/kontaktBg.gif);
  background-repeat:no-repeat;
  background-color:#ccd2dc;
}

.csc-mailform-field {
  font-size:11px;
  font-family:Verdana,Arial;
  color:#002050;
  position:relative;
  top:25px;
}

#textarea {
  width:320px;
}

.csc-mailform input {
  width:320px;
}



/* ####################################### */
/* #   Allgemeine Content Stilangaben    # */
/* ####################################### */


.toplink {
  position:relative;
  bottom:2px;
  left:145px;
}

.toplink img {
  position:relative;
  top:1px;
}

#print-link a:link, #print-link a:visited, #print-link a:hover, #print-link a:active {
  color:#004a7f;
  text-decoration:none;
  font-size:10px;
}

.print-container {
  position:relative;
  bottom:2px;
  right:80px;
}

.print-container img {
  position:relative;
  top:2px;
}

.footer-toplink {
  color:#004a7f;
  font-size:10px;
}





csc-subheader, csc-subheader-0 {
  font:size:20px;
  font-family:Verdana,Arial;
  font-weight:Bold;
}


.csc-subheader {
  font-size:11px;
  font-family:Verdana,Arial;
  position:relative;
  bottom:20px;
  left:9px;
}

.csc-textpic {
  position:relative;
  bottom:10px;
}

.csc-header csc-header-n2 {
  padding:0px;
  margin:0px;
}


/* Sitemap die als Subnavigation im Content benutzt wird */
.csc-menu a:link, .csc-menu a:visited, .csc-menu a:hover, .csc-menu a:active {
  text-decoration:none;
  font-weight:bold;
  position:relative;
  left:5px;
}

.csc-menu li {
  list-style-image:url(../images/internalLink.gif);
  margin-top:13px;
  position:relative;
  left:31px;
}

/* ############################ */
/* #     Das Suchfeld oben    # */
/* ############################ */


.search-fieldset {
  float:left;
  width:525px;
  text-align:right;
  padding-top:25px;
  padding-bottom:0px;
  border:0px;
}

.inputfeld-suche {
  width:205px;
  font-size:10px;
  font-family:Verdana;
  border:0px;
  #position:relative;
  #bottom:1px;
}

.suche-button {
  position:relative;
  top:2px;
}

.suche-button2 {
  position:relative;
  top:2px;
}

.suche-ausgabe-titel {
  font-size:11px;
  font-weight:bold;
  margin-right:10px;
  padding-top:5px;
}

.inputfeld-suche-content2 {
  font-size:10px;
  border:1px solid;
  width:150px;
}




/* NAVIGATION */

#navi-basis {
  positioN:relative;
  top:35px;
}


/* ################### */
/* #Navigationsebenen# */
/* ################### */

/* 1. Ebene Normal */

.nav-main-normal {
  width:260px;
  height:19px;
  margin-top:11px;
  margin-bottom:11px;
  background:#667a96;
}

.nav-main-normal img {
  position:relative;
  left:19px;
  top:1px;
}

.nav-main-normal a {
  position:relative;
  left:30px;
  text-decoration:none;
  font-weight:bold;
  text-transform:uppercase;
}

/* 1. Ebene Aktiv */

.nav-main-active {
  width:260px;
  height:19px;
  background:#b51526;
}	


.nav-main-active {
  width:260px;
  height:19px;
  background:#b51526;
}

.nav-main-active img {
  position:relative;
  left:20px;
  top:2px;
}

.nav-main-active a {
  position:relative;
  left:29px;
  text-decoration:none;
  font-weight:bold;
  text-transform:uppercase;
}

/* 2. Ebene Normal */

.nav-main-normal2 {
  width:260px;
  height:16px;
  margin-top:3px;
  margin-bottom:3px;
}

.nav-main-normal2 img {
  position:relative;
  left:45px;
  top:1px;
}

.nav-main-normal2 a {
  position:relative;
  left:55px;
  font-weight:normal;
  text-decoration:none;
}

/* 2. Ebene Aktiv */


.nav-main-active2 {	
  width:260px;
  height:16px;
  background:#b51526;
  margin-top:3px;
  margin-bottom:3px;
}

.nav-main-active2 img {
  position:relative;
  left:43px;
}

.nav-main-active2 a {
  position:relative;
  left:52px;
  font-weight:normal;
  text-decoration:none;
}


/* 3. Ebene Normal */

.nav-main-normal3 {
  width:260px;
  height:16px;
  padding-top:2px;
  padding-bottom:2px;
  background:#99a6b9;
}

.nav-main-normal3 img {
  position:relative;
  left:60px;
  top:1px;
}

.nav-main-normal3 a:hover, .nav-main-normal3 a:active {
  position:relative;
  left:70px;
  font-weight:normal;
  text-decoration:none;
  color:#b51526;
}

.nav-main-normal3 a:link, .nav-main-normal3 a:visited {
  position:relative;
  left:70px;
  font-weight:normal;
  text-decoration:none;
  color:#FFFFFF;
}


/* 3. Ebene Aktiv */


.nav-main-active3 {
  width:260px;
  height:16px;
  padding-top:2px;
  padding-bottom:2px;
  background:#99a6b9;
}

.nav-main-active3 img {
  position:relative;
  left:60px;
  top:1px;
}

.nav-main-active3 a:link, .nav-main-active3 a:visited, .nav-main-active3 a:hover, .nav-main-active3 a:active {
  position:relative;
  left:70px;
  font-weight:normal;
  text-decoration:none;
  color:#b51526;
}

