@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */



/*Header*/
/* ####################################
** ### Header #########################
** ####################################
*/
#header {position:relative; height:140px; color:#fff; background:#1f1e2e url(../img/eWW-Header/acz-header_01.jpg) no-repeat top left;}
#header img {position:absolute; top:30px; left:15px; font-size:208%;}
#header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}
#header div.tx-macinasearchbox-pi1 {position:absolute; bottom:-22px; right:10px; font-size:11px;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}
#header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
#header div.tx-macinasearchbox-pi1 form input {width:170px; height:13px;}
#banner {position:absolute; top:30px; right:10px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#topnav {
	top:0px; 
	font-size:11px; 
	color:#fff; 
	/*background-color:#0d496b;*/
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}
#topnav a {color:#bbb;}
#topnav a:hover{}
#topnav a:active {color:#ffffff; font-weight: bold;}

/* ####################################
** ### Footer #########################
** ####################################
*/
#footer {color:#888; background:#fff; margin:1em; padding:1em 0 0 0; border-top:1px #ddd solid; line-height:2em;}
#footer a {color:#669;}
#footer a:hover {}




/* ####################################
** ### Teaser #########################
** ####################################
*/
/*#teaser {margin:0; padding:0; background:#D5D0BA ; color:#765;}*/
#teaser { margin:-100; padding:0em; background:#c4d2df url(../img/eWW-Header/acz-header_02.jpg); color:#765;}

#teaser .rootline a {color:#334;}
#teaser .rootline a:hover {background:transparent;}

#teaser .aktDatum {float:right; margin:6px 20px 4px 0;}



/* ####################################
** ### Main Tab-Navigation         ####
** ####################################
*/
/*
benötigt 2 Grafiken 
- left_both.gif  (9x300 Px)
- right_both.gif (400x300 Px)
Beide Grafiken bestehen aus 2 Teilen 
- oben: aktiver Tab-Selektion (jeweils 150 Px hoch)
- unten: nicht selektiert     (do.)
*/

/*Hintergrund für Nav-Tab-Zeile*/
/*
#nav_main {float:left; width:100%; background-color:#2e2e2e; background: url(../img/eWW-header/acz-header_02.jpg); font-size:93%; }
*/

/*Einbau der Tab-Grafiken*/
/*
#nav_main a {float:left; background:url(../img/eWW-nav/eWW-Tabs-left-both.gif) no-repeat left top; background-position:0% -150px; margin:0; padding:0 0 0 9px; border-bottom:1px solid #fff; text-decoration:none;}
#nav_main a span {background:url(../img/eWW-nav/eWW-Tabs-right-both.gif) no-repeat right top; background-position:100% -150px; padding:7px 9px 4px 1px; color:#765; white-space:nowrap;}
*/

/*eliminiere Abstand zwischen Header und Teaser, wenn keine Tabnavi verwendet wird*/
#nav {display:none;}




/* ####################################
** ### Vertikale Navigation links######
** ####################################
*/
#submenu {
    border-top: 1px #136492 solid;
  }

  
  #submenu a,
  #submenu strong {
    background-color:#fff;
    color: #136492;
    border-bottom: 1px #a6defe solid;
  }


  /* Menu Title */
  #submenu li#title {
    color: #0f4d71;
    background-color: #fff;
    border-bottom: 4px #136492 solid;
    margin-bottom: 5px;
  }


  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    color: #fff;
    background-color:#000066; /*Hintergrundfarbe selektiertes Menu für alle Level*/
    border-bottom: 1px #a6defe solid;
    margin-bottom: 1px;
  }

  #submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #444; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#AA1124; color: #fff; }

  /* Level 2 */
  #submenu li ul li a { background-color:#f0faff; color: #666; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color:#AA1124; color: #fff; }

  /* Level 3 */
  #submenu li ul li ul li a { background-color:#f6fcff; color: #888; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#AA1124; color: #fff; }

  /* Level 4 */
  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#AA1124; color: #fff; }




/*linke Spalte*/
/*#col1 {background:#aaaaff; }*/ /*verändert jedoch nur HG der Region, wo Inhalt darüber liegt, und nicht ganze Kolonne */



/* ######################################################################################################
** # Standard-Vorgaben aus content.css ##################################################################
** ######################################################################################################
**

/* ### �berschriften, Fliesstexte ###################################################################### */
body {
	color:#222; 
	font-size:83.33%; 
	font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	background:#052435 url(../img/body-bg.jpg) repeat;
}

h1,h2,h3,h4,h5 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold; display:block;}

h1 {font-size:1.3em; color:#0f4d71; background:transparent; margin:1.1em 0 0.5em 0; border-bottom:1px #0f4d71 solid;}
h2 {font-size:1.1em; color:#fff; background:#0f4d71; margin:1.1em 0 0.5em 0; padding:0.3em;}
h3 {font-size:1.1em; color:#0f4d71; background:transparent; margin:1.1em 0 0.3em 0;}
h4 {font-size:1.0em; color:#0f4d71; background:transparent; margin:1.1em 0 0.3em 0; border-bottom:1px #0f4d71 solid;}
h5 {font-size:1.0em; color:#0f4d71; background:transparent; margin:1.1em 0 0.3em 0;}

h1.G {border:0; height:30px; text-indent: -999em; border-bottom:1px #ccc solid;}
h2.G {border:0; height:26px; text-indent: -999em; padding:0;}
h3.G {border:0; height:26px; text-indent: -999em;}
h4.G {border:0; height:24px; text-indent: -999em; border-bottom:1px #ccc solid;}
h5.G {border:0; height:24px; text-indent: -999em;}


hr {color:#fff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid;}


/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {color:#1e6289; text-decoration:none;}
a:hover {text-decoration:underline;}



/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

input, textarea {width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa;padding:3px; color:#777;}

input[type=text]:focus, input[type=password]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}


/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
/* Content element "table" */
table.contenttable caption {text-align:left; font-weight:bold; color:#888; margin-bottom:0.2em;}
table.contenttable th {height:2.0em; background:#4E5155; color:white; padding:2px 7px 2px 7px; border-left:solid 2px #fff; border-right:solid 2px #fff; border-top:solid 2px #fff; border-bottom:solid 2px #fff;}
table.contenttable tr.tr-odd {background: #eee;}
table.contenttable tr.tr-even {background: #e3e3e3;}
table.contenttable td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px #fff; border-right:solid 2px #fff; border-top:solid 2px #fff; border-bottom:solid 2px #fff; text-align:left; font-weight:normal}

input, textarea {margin-left:1em; padding:2px; width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa; color:#777;}
input[type=text]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}


.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;}
dd.csc-textpic-caption {font-style:italic; font-size:0.9em; background-color:#E0E7F5; padding:0;}

/* #############################
** ### tt_news #################
** #############################
*/
.tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}

/* LATEST Ansicht */
.news-latest-morelink {padding:1px; border:1px solid #ccd; background:#f0f0f4; text-align:center;}

/* LIST Ansicht */
.news-list-item h3 span.news-list-date {color:#aaa; font-weight:normal;}
.news-list-morelink {padding:1px; border:1px solid #ccd; background:#f0f0f4; text-align:center;}
.news-list-morelink a {color:#669;}
.news-list-category {color:#aaa;}

/* SINGLE Ansicht */
.news-single-item h3 {margin-bottom:1em; margin-top:1em; color:#000; padding:0.5em; background:#f0f0f4; border-left:8px #E0E7F5 solid;}
.news-single-timedata {color:#aaa; margin-bottom:1em;}
.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}

/* CATEGORY Menu */
.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}


/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {width:100px;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {width:150px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {background:#eeeeee;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#E0E7F5;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {color:#006699; margin-top:0px; margin-bottom:0px; background:transparent;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background:#cccccc;}
.tx-indexedsearch .tx-indexedsearch-res .noResume {color :#666666;}
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {background:#FEC216;}

/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
.tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}

/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform fieldset {border:1px solid #ccc; padding:1em; background:#fafafa;}
fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:right; background:#fafafa; padding:2px;}
fieldset.csc-mailform label span {color:red;}
input#mailformformtype_mail {margin-left:0em; background:#fafafa; cursor:pointer;}
input#mailformformtype_mail:hover {background:#f0f0f0;}
.csc-mailform-field select {margin-left:1em; border:1px #ccc solid; background:#fafafa; color:#777;}

/* #############################
** ### Datei-Links #############
** #############################
*/
table.csc-uploads td {padding-right:0.5em; padding-top:0.25em; padding-bottom:0.25em; vertical-align:top; border-bottom:1px solid #ccc;}
td.csc-uploads-fileName p.csc-uploads-description {margin:0; font-size:90%; background-color:#dfd; padding:0.3em; font-style:italic;}

/* ####################################
** ### FCE 3 Boxes with rounded edges #
** ####################################
*/
/* green */
.REboxGreenContent {display:block; background:#dfd; border-left:1px solid #bdb; border-right:1px solid #bdb; padding:0.5em 1em 0.5em 1em;}
.rGline2, .rGline3, .rGline4 {background:#dfd; border-left:1px solid #bdb; border-right:1px solid #bdb;}
.rGline1 {margin:0 5px; background:#bdb;}

/* red */
.REboxRedContent {display:block; background:#fdd; border-left:1px solid #dbb; border-right:1px solid #dbb; padding:0.5em 1em 0.5em 1em;}
.rRline2, .rRline3, .rRline4 {background:#fdd; border-left:1px solid #dbb; border-right:1px solid #dbb;}
.rRline1 {margin:0 5px; background:#dbb;}

/* blue */
.REboxBlueContent {display:block; background:#e0e0f4; border-left:1px solid #ccd; border-right:1px solid #ccd; padding:0.5em 1em 0.5em 1em; height:1%; overflow:hidden;}
.rBline2, .rBline3, .rBline4 {background:#e0e0f4; border-left:1px solid #ccd; border-right:1px solid #ccd;}
.rBline1 {margin:0 5px; background:#ccd;}

/* FCE 3 Boxes with rounded edges End */





}