@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 */

/*-------------------------------------------------------------------*/


/* #############################################
** ### Allgemeine Definitionen #################
** #############################################
*/

/* ### basemode.css ############################ */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:84%;color:#fff;}  
  

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { position:relative;padding:0;border: 0 none; width: 100%;  min-width: inherit; max-width: none; text-align:left;background:#4B4447;}
  
  #page{position:relative;width:980px;border: 0 none;background:#4B4447;text-align:left;margin-right: auto; margin-left: auto;}
  
  #header {padding: 0; margin: 0; color: #fff; background: #fff;height:160px; overflow:hidden; background:url(../img/border-top.gif) no-repeat bottom center;}
  #header img.headImg1 {font-size:208%; left:30px; position:absolute; top:25px; z-index:2000;}  
  #header .topnav {width:235px;margin:10px 10px 0 0;float:right;font-size:11px;text-align:right;}
  #header .topnav ul {margin:0;padding:0;list-style-image:none;list-style-position:outside;list-style-type:none;}
  #header .topnav li{ display:inline;margin:0 3px 0 0;padding:0;color:#a6b0c8;}
  #header .topnav li a{color:#a6b0c8;margin:0 3px 0 0;text-decoration:none;}
  
  #header .logo {position:relative;width:100%;text-align:center;top:60px;}

  #teaser {position:relative;background-color:transparent; width:75%;top:20px;clear:both;z-index:999;display:none;}
  #teaser img {padding: 0 0 0 4px;}
  #teaser .rootline {margin:9px 0 0 50px;}
  #nav {display:none;}
  #nav_main {}
  
  #main { margin: 15px 0 0 0;padding: 0 125px 10px 125px;min-height:370px;}
  * html #main {height:370px; }
  
  #thementeaser {height:175px; width:555px;}
  #thementeaser .themenbild, #thementeaser .theme {position:relative;height:175px; width:173px;background:#4B4447;float:left;margin:0;padding:0;margin-left:10px;border:1px solid #fff;} 

  
  #footer { position:relative;right:0; text-align:right; padding: 5px 20px; color:#012d4a; border-top: 0; top:10px;font-size:13px;background:url(../img/border-bottom.gif) no-repeat bottom center;}
  * html #footer {top:13px;}
  * + html #footer {top:13px;}  
  #footer a{ color:#012d4a;font-weight:normal;text-decoration:underline;}
  #footer a:hover{ color:#012d4a;font-weight:normal;}
  
  .impressum {height:35px;padding: 5px 0 0; text-align:right;background: #fff url(../img/bg-pattern-weiss.gif) repeat;color:#dcddde; }
  .impressum a{color:#dcddde;font-weight:bold;text-decoration:none;}
  .impressum a:hover{color:#dcddde;font-weight:bold;text-decoration:none;}
  
  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; } 
   
  .floatbox{padding-right:25px;}  
  
  #col1_content {margin: 30px 0 0 10px;}  
  

  
/* ############################################
** ### Content Styles #########################
** ############################################
*/

/* ### content.css ############################ */
  
  p {color:#fff;line-height:16px;font-size:13px;}
  
  h1 {color: #ddd; font-size:150%;padding:0;margin:0;padding-bottom:30px;font-weight:normal;font-family:  Arial, Helvetica, Verdana, sans-serif;}                        
  h2 {font-size:100%; font-weight:bold; color:#fff; padding:0;margin:0;font-size:13px;}
  h3 {color: #fff; font-size:100%;font-weight:normal;font-size:13px;}
  h4 {color: #fff; font-size:100%;font-weight:normal;}     
  
  a {color:#fff;text-decoration:underline;}
  a:focus, a:hover, a:active {color:#ddd; text-decoration:underline;}    


   a.linkInt {color:#777; text-decoration:none; }
   a.linkInt img {padding-right:4px; }
   /*a.linkInt:before { content:url(../img/link.gif); border:0px; }*/
   /*a.linkInt { display:inline-block; background-image:url(../img/link.gif); padding-left:13px; background-repeat:no-repeat; background-position:0 5px; border:0px; }*/
   a.linkInt:focus,
   a.linkInt:hover,
   a.linkInt:active {color:#D74127; text-decoration:underline;}
   
   div.flexi div.left, div.flexi div.center {margin-right:7px;}
   
   ul,ol,dl {color:#fff;}
   ul li {margin:0;padding:0 0 8px 0;margin-left:3px;list-style-type:square;line-height:16px;}
   ol li {margin:0;padding:0;line-height:16px;}
   
   ul ul li {margin:0;padding:0;list-style-type:none;line-height:16px;list-style-image:url(../img/li.gif);}
   ul ul {padding:0;}
   
   #col1_content ul li {padding:0;}
   
   input, textarea {border: 1px solid #666;color:#000;margin-left:0;}
   input[type=text]:focus, textarea:focus {border: 1px solid #666;color:#000;}
  

  
  table.csc-loginform, table.csc-loginform tr, .csc-loginform td {margin:0;padding:0 0 3px 0;}
  td.csc-form-labelcell  {margin:0;padding:0 10px 0 0;font-weight:normal;}
  p.csc-form-label-req {font-weight:normal;}
  .csc-loginform input[type=text], .csc-loginform [type=password] {width:170px;}
  .csc-loginform input[type=submit] {width:80px;}
  .csc-loginform input {width:170px;}
  
p.csc-linkToTop {
margin:0 0 20px 0;
padding:0 0 10px 0;
text-align:left;
border-bottom:1px solid #aaa;
}
  

  

/* ############################################
** ### Navigation #############################
** ############################################
*/  
  
  ul#navi {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:10px 0 0 9px;
  margin:0;
  }
  ul#navi li {
  float:left;
  }
  ul#navi li a {
  background-repeat:no-repeat;
  display:block;
  height:30px;
  overflow:hidden;
  text-indent:999em;
  white-space:nowrap;
  }
  ul#navi li a:hover, ul#navi li.current a, ul#navi li.over a {
  background-position:0 -30px;
  }

/* ### Navigation 1 Ebene  ############################ */

  #submenu {width:173px; height:175px; margin:0; border-top:0; border-bottom:0 none;border:1px solid #fff; padding:0;background:#ddd;}
  #submenu ul { margin:0; padding: 0;}
  #submenu li { width: 100%; margin:0; padding:0;border-top: 0 none;list-style-type: none;  }
  #submenu a, #submenu strong {display:block;width:100%;padding: 7px 0px 7px 10px;text-decoration: none;color: #000; border:0;line-height:15px; border-bottom:0;font-size:15px;}

  #submenu a#navigation {border-bottom:0; padding:0;}
  /* Level 1 */
  #submenu ul li#active, #submenu ul li strong { background-color:#999;color:#444;}  

  #submenu li a {width:100%; background:transparent; color: #555; font-weight:bold;}
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { color: #555;background-color: #ddd;width:100%;}

/* ### Navigation 2 Ebene  ############################ */

  #submenu2 ul {width:175px;margin:30px 0 0 0; padding: 0;}
  #submenu2 li {list-style-type: none; width: auto; margin:0; padding: 2px 15px 2px 0;;border-top: 0 none; }
  
  #submenu2 li a {display:block; background:transparent; color: #fff; font-weight:normal;text-decoration:none;line-height:15px;padding:0;}
  #submenu2 li a:focus,
  #submenu2 li a:hover,
  #submenu2 li a:active { color: #fff;background-color: #4B4447;line-height:15px;padding:0;}
  
  #submenu2 strong {display:block;width:100%;text-decoration: none;color: #ddd; border:0;line-height:15px; border-bottom:0;font-weight:bold;}
  
  #submenu dfn, #submenu .hidden { left:-1000em;position:absolute;width:20em;}
  #submenu2 dfn, #submenu2 .hidden { left:-1000em;position:absolute;width:20em;}


   /* Tabelle ############################# */
   
    table {}
  th, td {padding:0 0.5em 0.5em 0;}
  
  table.contenttable th {
  background:transparent;
  border:0 none;
  color:fff;
  height:auto;
  padding:2px 0;
  }
  
  table.contenttable td {
  font-weight:normal;
  height:auto;
  padding:4px 0;
  text-align:left;
  border:1px solid #ccc;border-left:0 none;border-right:0 none;vertical-align:top;
  /*white-space:nowrap;*/
  }
  
  table.contenttable td p {margin:0;}
  table.contenttable ul {font-size:13px;}
  table.contenttable {margin:0 0 25px 0;}
 
  table.contenttable tr.tr-even {background:transparent;}
  table.contenttable tr.tr-odd {background:transparent;}
  table.contenttable tr.tr-0 {background:#fff;color:#000;}
  table.contenttable tr.tr-0 td {padding:3px 6px;margin:0;height:10px;font-weight:bold;}
  table.contenttable td.col1 {width:100px;}

  .clear {clear:both;}


/* ############################################
** ### Extension Styles #######################
** ############################################
*/ 

/* --- tt_news -------------------------------- */

  .tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}
  .tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {padding:0 0.4em 0.4em 0; margin:0; background:transparent;}
  
  .news-latest-container a {text-decoration:none; padding:0;}
  .news-latest-container a:focus,
  .news-latest-container a:hover,
  .news-latest-container a:active {color:#003c5a; text-decoration:underline;}
  
  /* LATEST Ansicht */
  .news-latest-item {margin-bottom:2px;float:left;width:300px;}
  .news-latest-item h3 {padding:0;margin:0;}
  .news-latest-item h3 a {}
  .news-latest-item h3 a:hover {background:transparent;}
  .news-latest-item p {padding:0;margin:0;}
  .news-latest-img {padding-right:1em; padding-top:3px; float:left;height:90px;}
  .news-latest-item a {background: url(clear.gif);padding:0;}
  .news-latest-morelink a{}
    
  .news-latest-date {position:relative; }
  .news-latest-content {position:relative; }

 


  
  /* LIST Ansicht */
  
  .news-list-container {font-size:13px;border-bottom:1px solid #aaa;padding-bottom:15px;}
  .news-list-item {font-size:13px;margin-bottom:1em;}

  .news-list-item h3 {padding:0;margin:0 0 15px 0;}
  .news-list-item h3 a {text-decoration:underline;}
  .news-list-item h3 a:hover {background:transparent;}
  .news-list-item h3 span.news-list-date {}
  
  
  
  .news-list-date {position:relative; }
  
  .news-list-morelink {padding-top:0px;}
  .news-list-morelink a {}
  .news-list-morelink a:hover {}
  .news-list-category {}
  .news-list-img {padding-right:1em; padding-top:3px; float:right;}
  
  /* SINGLE Ansicht */
  .news-single-date {}
  .news-single-item  {font-size:13px;}
  .news-single-img {padding-right:15px;	float:left;}
  .news-single-img p {padding:0; margin:0;}
  .news-single-timedata {color:#000; margin-bottom:1em;}
  .news-single-timedata p{display:inline;}
  .news-single-additional-info {}
  .news-single-additional-info dd {margin-top:-1em;}
  .news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}
  .news-single-backlink a {background: url(../img/link.gif) no-repeat 0 3px; padding: 0px;}
  
  /* CATEGORY Menu */
  .news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
  .news-catmenu a {display:inline; padding-left:2px;}
  .news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
  .news-catmenu .news-catmenu-NO {height:16px;}
  p.news-catmenu-header {line-height:1em; margin:0;}
  
  

/* --- Dateien -------------------------------- */  

td.csc-uploads-fileName p.csc-uploads-description {background:#fff;}

/* --- Powermail Eingabeformular -------------------------------- */   

.tx-powermail-pi1 {color:#000;font-size:13px;margin-bottom:25px;}

fieldset {
border: 0px;
}
label {color:#fff;}

.tx-powermail-pi1 legend{

padding-bottom: 10px;
padding-left:0px;
font-weight:bold;
color:#000;
font-weight:normal;
display:none;
}

.tx_powermail_pi1_fieldwrap_html input[type=text] {
width:200px;
}

.tx_powermail_pi1_fieldwrap_html input[type=submit] {
width:auto;
background:#fff;
}

.tx_powermail_pi1_fieldwrap_html textarea {
width:200px;
height: 60px;
overflow:auto;
}

.tx_powermail_pi1_fieldwrap_html label {
float:left;
padding-right:5px;
text-align:left;
width:150px;
padding:0px;
}

.powermail_check_inner {
clear:both;
padding:0px;
margin:0px;
height:20px;
width:270px;
}

.powermail_check_inner label {
padding:0;
position:relative;
text-align:left;
width:240px;
margin-left:0px;
padding-left:0px;
float:right;
height:20px;
}

.powermail_check_inner input {
width: 30px;
position:relative;
margin-left:0px;
margin-top:0px;
float:right;
border:0px;
height:20px;
}


.tx_powermail_pi1_fieldwrap_html_checkbox_title {
display:none;
}

.powermail_select {
width: auto;
}

.tx_powermail_pi1_fieldwrap_html {
clear:both;
padding:2px 0px 2px 0px;
}

.powermail_submit{
background-color:#E6E6E6;
border:1px solid #666;
color:#000;
font-size:11px;
margin-top:10px;
margin-left:0;
padding:0px;
text-align:center;
float:left;
width:206px;
}

.tx_powermail_pi1_fieldwrap_html submit{

width:15%;
}

.tx_powermail_pi1_fieldwrap_html_submit{
position:absolute;
margin-left:0;
}


.powermail_all_table {
text-align:left;
width:280px;
height: 60px;
font-size: 100%;
}

.powermail_all_tr{
padding-right:5px;
padding-top:3px;
text-align:left;
}

.powermail_all_td{
padding-bottom:5px;
padding-left:0px;
font-weight:normal;
padding-top:2px;
}


.powermail_mandatory_js {
color: #d91d2e;
padding-left: 80px;
padding-bottom: 10px;
}



input.tx-powermail-pi1_confirmation_back {

background-color:#E6E6E6;
border:1px solid #8295a3;
color:#4F4F51;
font-size:11px;
padding:0px;
width:140px;
text-align:center;
margin:20px 0px 0px 0px;
}

input.tx-powermail-pi1_confirmation_submit{
float:right;
background-color:#E6E6E6;
border:1px solid #8295a3;
color:#4F4F51;
font-size:11px;
margin:20px 155px 0px 0px;
padding:0px;
width:80px;
text-align:center;
}
#col1_content form select {width:200px;}

/* ##########################
** ### csc-sitemap        ###
** ##########################
*/
.csc-sitemap {}
.csc-sitemap ul {list-style:none; margin:0;}
.csc-sitemap li {margin:0;list-style-type:none; }
.csc-sitemap li ul li {padding:0 0 0 20px;}
.csc-sitemap li a { margin:0 0 5px 0; padding:0 0 0 7px; display:block;  text-decoration:none; font-weight:bold;}
.csc-sitemap li ul li a {border:none; margin:0 0 5px 0; padding:0 0 0 7px; display:block; background:transparent; text-decoration:none; font-weight:normal;}
.csc-sitemap li a:hover {}
.csc-sitemap li ul li a:hover {}

ul.csc-menu {margin:0 0 20px 0;padding:0;}
li.csc-section  {margin:0;padding:0;list-style-type:none; }

  
/* --- Download Listen -------------------------------- */  
  
dl { margin: 0px; }
dt { font-weight: normal; }
dd { margin: 0; }

/* div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float:left; } */

dd.csc-textpic-caption {
background-color:#fff;
font-size:0.8em;
font-style:italic;
font-weight:bold;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
padding-bottom:20px;
}



/* END Shared styles for lightbox & slimbox*/
/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border:2px solid black; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:0;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:both;}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:5px; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0px !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right:10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left:10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */


  
}