﻿
/* beginn grundsaetzliches ---------------------------------- */

html {
   height: 100%
}

body {
   height: 100%;
   border: 0;
   margin-left: 30px;
   margin-top: 0px;
   padding: 0;
   background: #6E8ABC;
   background-image: url(background-image.jpg);
   font-family: arial, helvetica, tahoma, verdana, sans-serif;
   font-size: 13px;
   line-height: 1.3em;
   color: #333;
}

table {
   font-family: arial, helvetica, tahoma, verdana, sans-serif;
   font-size: 13px;
   line-height: 1.3em;
   color: #333;
}

input, img, xtable, xtr, xtd, span, div, form, xul, xol, textarea {
   padding: 0px;
   margin: 0px;
   vertical-align: top;
}

input img { border: none;}

input {
   font-family: helvetica, arial, tahoma, verdana, sans-serif;
   font-size : 13px;
   height: 18px;
}

/* noch korrigieren: select {
   font-family: helvetica, arial, tahoma, verdana, sans-serif;
   font-size: 13px;
   width: 200px;
   background: #fff;
} */

hr {
    margin: 10px 0px 0px 0px;
    clear: both;
    width: 95%;
    background-color:#dcdcdc; /* Mozilla 1.4 */
    color:#dcdcdc; /* IE 6 */
    border: #dcdcdc; /* Opera 7.11 */
    height: 1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
}

/* trennlinencheat fuer trennlinien mit geringen abstaenden */

x.trennlinie {
    height: 11px;
    border-bottom: 1px solid #dcdcdc;
    clear: both;
    margin-bottom: 10px;
}

x.trennlinie hr {display: none;}

/* ende trennlinencheat fuer trennlinien mit geringen abstaenden */


/* ende grundsaetzliches ---------------------------------------------- */

#logobutton {
	position: absolute;
	z-index: auto;
	left: 30px;
	top: 40px;
}

#logobutton a { background-color: none;}

/* beginn wrap1 -------------------------------------------------------------------- */
#wrap1 {
   margin: 0;
   padding: 0;
   width: 1000px;
   vertical-align: top;
   background-color:none;
   height: auto;
}
/* ende wrap1 ---------------------------------------------------------------------- */

/* beginn wrap2 ------------------------------------------------------------------- */

#funktionszeile {
	height: 30px;
	background-color: #6E8ABC;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}

#funktionslinks {
	text-align: left;
	padding-top: 8px;
	padding-left: 75px;
	float: left;
}

#funktionslinks a, a:link, a:visited {
	text-decoration: none;
	color: #cccccc;
}

#funktionslinks a:hover {
   text-decoration: none;
   color: white;
}

#funktionslinks a:active {
   text-decoration: none;
   color: #cccccc;
   background-color: none;
}

#sprachauswahl {
	text-align: right;
	padding-top: 8px;
 }

#sprachauswahl a, a:link; a:visited {
text-decoration: none;
color: #cccccc;
}

#sprachauswahl a:hover {
   text-decoration: none;
   color: white;
}

#sprachauswahl a:active {
   text-decoration: none;
   color: #cccccc;
   background-color: none;
}

#logozeile {
	height: 100px;
	background-color: none;
	background-image: url(npc-header.jpg);
	background-attachment:scroll;
	background-position:left top;
	background-repeat:no-repeat;
}

#menuzeile {
	color: white;
	margin: 0;
	height: 40px;
	background-color: #6E8ABC;
	background-image: url(menuezeile.jpg);
	font-size: 14px;
}

#menu1 {
	padding-top: 12px;
	padding-left: 20px;
        margin-left: 52px;}

#menu1 a, a:link, a:visited {
   text-decoration: none;
   padding-left: 8px;
   padding-right: 20px;
   padding-top: 2px;
   padding-bottom: 2px;
   height: 100%;
}

#menu1 a:hover {
   text-decoration: none;
   padding-left: 8px;
   padding-right: 20px;
   padding-top: 2px;
   padding-bottom: 2px;
   height: 100%;
}

#menu1 a:active {
   text-decoration: none;
   padding-left: 8px;
   padding-right: 20px;
   padding-top: 2px;
   padding-bottom: 2px;
}

#menu1 .menu1-level1-no { margin-right: 10px; }
#menu1 .menu1-level1-no a { color: white; background-color: #3366cc; border-right: 6px solid #003399;  }
#menu1 .menu1-level1-no a:hover { color: #003399; background-color: white; border-right: 6px solid #009966; }
#menu1 .menu1-level1-act a { margin-right: 10px; color: #003399; background-color: white; border-right: 6px solid #009966;}

/* ende wrap2 ------------------------------------------------------------------- */

/* beginn wrap3 ------------------------------------------------------------------- */
a {
   padding: 0px;
   text-decoration: underline;
}

a:link {
   padding: 0px;
   text-decoration: underline;
}

a:visited {
   padding: 0px;
   text-decoration: underline;
}

a:hover {
   padding: 0px;
}

a:active {
   padding: 0px;
}

#leftcol {
    margin: 0 0 0 0;
    padding: 0;
    width: 200px;
    float: left;
    height: 100%;
}

#leftcol p, table, td, tr, img {}
#leftcol a a:link a:visited {}
#leftcol a:hover {}
#leftcol a:active {}

#leftcol_tools {
   padding: 8px;
}
#leftcol_tools form#form{
   display: none;
}

/*........*/
#leftcol        { font-size: 12px; text-decoration: none; xline-height: 1em;}
#menu2     { line-height: 1em; /*padding-bottom:700px;*/ }
#menu2 a     { background-color: #ebebeb; border-right: 6px solid #cccccc; color: #369; font-size: 12px; text-decoration: none; padding-top:5px; padding-bottom: 3px; margin-bottom: 1px; display: block; line-height: 1em;  }
#menu2 a:hover  { color: #039; font-size: 12px; text-decoration: none; background-color: white; border-right: 6px solid #096; }
#menu2 .menu2-level1-no a       { color: #039; font-size: 12px; text-decoration: none; display: block; padding-left: 8px; }
#menu2 .menu2-level1-no a:hover  { color: #039; font-size: 12px; text-decoration: none; xdisplay: block; }
#menu2 .menu2-level1-act a      { color: #039; font-size: 12px; text-decoration: none; display: block; background-color: white; border-right: 6px solid #096; padding-left: 8px; }
#menu2 .menu2-level2-no a       { color: #039; font-size: 12px; padding-left: 16px; text-decoration: none; display: block; }
#menu2 .menu2-level2-no a:hover  { color: #039; font-size: 12px; text-decoration: none; xdisplay: block; }
#menu2 .menu2-level2-act a      { color: #039; font-size: 12px; text-decoration: none; display: block; background-color: white; border-right: 6px solid #3c0; padding-left: 16px;  }
#menu2 .menu2-level3-no a       { color: #039; font-size: 12px;  padding-left: 24px; text-decoration: none; display: block;  }
#menu2 .menu2-level3-no a:hover  { color: #039; font-size: 12px; text-decoration: none; xdisplay: block;  }
#menu2 .menu2-level3-act a      { color: #039; font-size: 12px; text-decoration: none; display: block; background-color: white; border-right: 6px solid #cfc; padding-left: 24px; }
/*........*/


#leftcol_content {
   /*
   background-color: #ccc;
   background-image: url(leftcol_01.gif);
   */
   padding: 8px;
   text-align:center;
}

/* original
#contentwrap {
   width: 770px;
   background-color: white;
   margin: 0 0 0 220px;
   height: 100%;
   clear: none;
   border-right: 10px;
}
*/

/* modified by Vasile Loghin - 17.08.2010 */
#contentwrap {
   width: 770px;
   background-color: white;
   margin: 0 0 0 20px;
   height: 100%;
   clear: none;
   border-right: 10px;
   float: left;
}

#contentwrap a {
   xpadding: 0px;
   text-decoration: underline;
   color: #039;
}

#contentwrap a:link {
   xpadding: 0px;
   text-decoration: underline;
   color: #039;
}

#contentwrap a:visited {
   xpadding: 0px;
   text-decoration: underline;
   color: #039;
}

#contentwrap a:hover {
   xpadding: 0px;
   text-decoration: none;
   color: #5775B1;
}

#contentwrap a:active {
   xpadding: 0px;
   color: #5775B1;
}

.greenBox {
	width:100%;
	float:left;
	background-color:#FFFFFF;
}
.greenCol {
	width:200px;
	height:20px;
	float:left;
	background-color:#CCCCCC;
}

/* beginn headlines contentwrap ---------------------------------- */

h1 {
   font-size: 16px;
   line-height: 20px;
   color: #039;
   background-color: #ebebeb;
   margin: 15px 0 0 0;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 6px;
   width: 96%;
   border-right: 6px solid #009966;
}

h2 {
   font-size: 13px;
   line-height: 16px;
}

h3 {font-size: 13px;}

h4 {font-size: 13px;}

h5 {font-size: 13px;}

h6 {font-size: 13px;}

/* ende headlines contentwrap -------------------------- */

#contentwrap p {
   line-height: 1.3em;
}

#contentwrap img { margin: 0px 10px 5px 0px; border: none; }

#contentwrap ul,{
   list-style-type: square;
}

#contentwrap ol {}


.faqtitle a {}

.faqtitle a:visited {}

#wrap3 {
   margin: 0;
   padding: 0;
   width: 1000px;
   background-color: white;
   background-image: url(leftcol.gif); background-color: #ffffff;
   background-attachment:scroll;
   background-position:left top;
   background-repeat:repeat-y;
   position: absolute;
   height: auto;
   overflow:hidden;
}

.abstract {
   font-weight: bold;
   color: #333;
}

.aktuell { color: red;}
.loginsearch { font-size: 11px; color: white;}
.annot { font-size: 11px; color: #666;}
.strong {font-weight: bold;}
.verystrong {color: red; font-weight: bold; }
.verystrong a {color: red;}
.verystrong a:visited {color: red;}
.verystrong a:hover {color: red;}
.verystrong a:active {color: red;}

/* ende wrap3 ------------------------------------------------------------------ */



/* CSS f�r FCE ce_2cols_75 */
.ce_2cols_75 { padding: 10px 0px 10px 0px; width: 570px; }

.ce_collinks_75 {
	display: block;
    float: left;
    width: 550px;
    padding: 0px;
 }

.ce_colrechts_75 {
    background-color: #ccc;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 12px;
}

.ce_colrechts_75 h1 {
   color: #003366;
   background-color: #ebebeb;
   font-size: 13px;
   margin: 0px;
   padding: 3px 6px 3px 6px;
   font-weight: normal;
}

.ce_colrechts_75 h2 {
   color: #003366;
   background-color: #ebebeb;
   font-size: 13px;
   margin: 0px;
   padding: 3px 6px 3px 6px;
   font-weight: normal;
}

.ce_colrechts_75 h3 {
   color: #003366;
   background-color: #ebebeb;
   font-size: 13px;
   margin: 0px;
   padding: 3px 6px 3px 6px;
   font-weight: normal;
}

.ce_colrechts_75 p {
   margin: 3px 6px 3px 6px;
   padding-top: 3px;
   padding-bottom: 3px;
}

.ce_colrechts_75 img {
   margin-top: 3px;
   margin-left: 5px;
}

.ce_colrechts_75 { margin-left: 570px; width:190px; margin-top: 0px;overflow:hidden;}

/* CSS f�r FCE ce_2cols_50 */

.ce_2cols_50 { padding: 10px 0px 10px 0px; width: 570px; }
.ce_collinks_50 {
	display: block;
    float: left;
    width: 265px;
    padding: 0px;
 }

.ce_collinks_50 h1, h2 {}
.ce_colrechts_50 { margin-left: 295px; width:265px; margin-top: 0px;}
.ce_colrechts_50 h1, h2 {}

/* Formatierung Tabellen */
.contenttable p {padding: 3px; margin: 0px; }
.contenttable-0 {  }
.tr-0 { background-color: #ccc; font-weight: bold; }
.tr-odd { background-color: #ebebeb;}
.tr-even {background-color: #ccc;}

/* Formatierung Dateiliste */
.csc-uploads-0 p { padding: 3px; margin: 0px; }
.csc-uploads-1 p { padding: 3px; margin: 0px; }
.csc-uploads-2 p { padding: 3px; margin: 0px; }
.csc-uploads-3 p { padding: 3px; margin: 0px; }

/* Inhaltsverzeichnis */
.csc-sitemap {  }
.csc-sitemap-level1 { border-bottom: 1px solid #fff; text-indent: 5px; font-weight: bold; margin-bottom: 5px; margin-top: 5px;}
.csc-sitemap-level2 { border-bottom: 1px solid #fff; text-indent: 25px; background-color: #ccc; margin-bottom: 5px; margin-top: 5px;}
.csc-sitemap-level3 { border-bottom: 1px solid #fff; text-indent: 45px; background-color: #ccc; margin-bottom: 5px; margin-top: 5px;}
.csc-sitemap-level4 { border-bottom: 1px solid #fff; text-indent: 65px; background-color: #ccc; margin-bottom: 5px; margin-top: 5px;}

#copyrightline {
   background-color: #ccc;
   padding-left: 10px;
   font-size: 10px;
   clear: both;
}

#copyrightline a, a:visited, a:hover, a:active {
   color: #333;
}

.csc-caption { color: #5775b1; font-style: italic; margin-top: 5px; margin-bottom 10px;}


/* CSS f�r indexed search */
.tx-indexedsearch { }
.tx-indexedsearch-searchbox  {  }
.tx-indexedsearch-searchbox-sword  {}
.tx-indexedsearch-whatis  {}
.tx-indexedsearch-sw  {}
.tx-indexedsearch-browsebox  {}
.tx-indexedsearch-browsebox-strong {}
.tx-indexedsearch-sectionlinks  {}
.tx-indexedsearch-browsebox-SCell {}
.tx-indexedsearch-res {}
.tx-indexedsearch-secHead  {}
.tx-indexedsearch-title  {font-family: ; font-size: ; color:;background-color: #e5f2ff;}
.tx-indexedsearch-title a:link {}
.tx-indexedsearch-percent  {}
.tx-indexedsearch-descr  {}
.tx-indexedsearch-info  {}
.tx-indexedsearch-redMarkup { color: red; }


/* dateilisten stil
TR.tr-even TD.csc-uploads-icon { vertical-align:top; }
TD.csc-uploads-icon A {}
TD.csc-uploads-icon A IMG {}
TD.csc-uploads-fileName {margin: 0px; padding: 0px;}
TD.csc-uploads-fileName P {margin: 0px; padding: 0px;}
TD.csc-uploads-fileName P A {margin: 0px; padding: 0px;}
TR.tr-odd {}
TR.tr-odd TD.csc-uploads-icon {vertical-align: top }
TR.tr-odd TD.csc-uploads-icon A {}
TR.tr-odd TD.csc-uploads-icon A IMG {}
.csc-uploads-fileSize {vertical-align: top;  }
TR.tr-odd TD.csc-uploads-fileName {margin: 0px; padding: 0px;}
TR.tr-odd TD.csc-uploads-fileName P {margin: 0px; padding: 0px;}
TR.tr-odd TD.csc-uploads-fileName P A {margin: 0px; padding: 0px;}
TR.tr-even TD.csc-uploads-fileName P.csc-uploads-description { margin: 0px; padding: 0px; }
TR.tr-odd TD.csc-uploads-fileName P.csc-uploads-description { margin: 0px; padding: 0px;} */

.contentTable .contentTableItem {
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.contentTable h2 {
	float:left;
	margin:11px 0 0 0;
}
.contentTable .contentTableItem .contentTableItemImage{
	float:left;
	width:90px;
	padding:0 16px 0 0;
}
.contentTable .contentTableItem .contentTableItemImage p {
	margin:0;
}
.contentTable .contentTableItem .contentTableItemDescription{
	float:left;
	padding:0 0 0 0;
}

#contentwrap .contentTable .contentTableItem .contentTableItemDescription a,
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a:link,
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a:active{
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a:hover{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a.blue,
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a.blue:link,
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a.blue:active{
	color:#5775B1;
	text-decoration:underline;
	font-weight:normal;
	margin:10px 0 0 0;
	float:left;
}
#contentwrap .contentTable .contentTableItem .contentTableItemDescription a.blue:hover{
	color:#5775B1;
	text-decoration:underline;
	font-weight:normal;
	margin:10px 0 0 0;
	float:left;
}
.contentTable .contentTableItem .contentTableItemDescription p {
	margin:0;
}
.contentTable .contentTableSubtitle {
	float:left;
	width:100%;
}
.contentTable .contentTableSubtitle p {
	margin:5px 0 10px 0;
}
.clear {
	clear:both;
	font-size:0;
	height:0;
	margin-top:0 !important;
}

#contentwrap tr.tr-even .csc-uploads-icon,
#contentwrap tr.tr-odd .csc-uploads-icon {
	width:28px;
	padding:5px 0 0 4px;
	vertical-align:top;
}
#contentwrap tr.tr-even .csc-uploads-icon img,
#contentwrap tr.tr-odd .csc-uploads-icon img {
	margin:0;
}
#contentwrap tr.tr-even .csc-uploads-fileName ,
#contentwrap tr.tr-odd .csc-uploads-fileName {
	width:453px;
}

#contentwrap tr.tr-even .csc-uploads-fileSize,
#contentwrap tr.tr-odd .csc-uploads-fileSize {
	width:45px;
	text-align:left;
}

#contentwrap .news-latest-container .news-list-item .clearer,
#contentwrap .news-list-container .news-list-item .clearer {
	 margin:10px 0 0 0;
}

#contentwrap .news-list-container .news-list-item img,
#contentwrap .news-latest-container .news-list-item img,
#contentwrap .news-single-item .news-single-img {
	float:left;
}
#contentwrap .news-single-item .news-single-img {
	width:320px;
}
#contentwrap .news-single-item .news-single-img p {
	display:none;
}
#contentwrap .news-single-item .news-single-img a {
	padding:0;
	margin:0;
}
#contentwrap .news-single-item .news-single-timedata {
	display:none;
}
#contentwrap .news-single-item .news-single-img .news-single-imgcaption {
	margin:0;
	padding:0;
}
#contentwrap .news-list-container .news-list-item .images,
#contentwrap .news-latest-container .news-list-item .images {
	width:140px;
	float:left;
	margin:0 10px 0 0;
}
#contentwrap .news-list-container .news-list-item .descr,
#contentwrap .news-latest-container .news-list-item .descr {
}

#contentwrap .news-list-container .news-list-item a,
#contentwrap .news-latest-container .news-list-item a {
	width:140px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-percent {
	display:none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-info {
	display:none;
}
.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
	margin:5px 0 0 0;
	cursor:pointer;
}
.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
	padding:0 2px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	list-style:none;
	margin:0 0 20px -41px;
	*margin:0 0 20px 0px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul li {
	display:inline;
	margin-right:10px;
}
a:active,
a:focus
{
	outline: none;
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	*margin-top:20px;
}

.news-list-container br{
	display:none;
}

#wt_twitter_newsticker {
    background-image: url("/typo3conf/ext/wt_twitter/Resources/Public/Icons/icon_twitter.gif");
    background-position: 0 6px;
    background-repeat: no-repeat;
    border: 1px solid #4C1212;
    margin: 0;
    padding: 0 10px 0 0;
}
#wt_twitter_newsticker ul {
    list-style: none outside none;
    min-height: 20px;
    width: 145px;
}
#wt_twitter_newsticker ul li{
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	margin-bottom:5px;
}
table.contenttable td {
	vertical-align:top;
}
.csc-frame-indent3366 H3{
	background-attachment: scroll;
	background-image: url(twitterBird.png);
	background-repeat: no-repeat;
	padding:5px 0;
	padding-top:7px;
	padding-left:50px;
	font-size:12px;
	font-weight:bold;
}

/* WORKSHOP */
.workshop {}

.workshop dt{
	float:left;
	width:150px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.workshop dd{
	float:left;
	width:620px;
	margin:0;
	padding:0;
	padding-bottom:10px;
}
.workshop p {
	padding:0;
	margin:0;
}

.teaserMenu {
	padding-top:10px;
}
.teaserItem {
	border-bottom:1px dotted #CCCCCC;
}
.teaserItem .left {
	float:left;
	width:600px;
	padding-left:6px;
}
.teaserItemHome_image {
	float:left;
}
.teaserItemHome_text {
	float:left;
	width:400px; 
	margin-left:10px;
}

.teaserMenu .right {
	padding:5px;
}
.teaserMenu .right H2{
	background-color:transparent;
	padding:0;
}

.teaserItem H2 a{
	font-size:12px;
	text-decoration:none;
	line-height: 16px;
	font-weight:bold;
}
.teaserItem .date{
	margin-top:10px;
	font-weight:bold;
}
#contentwrap .teaserItem img{
	float:right;
	border:1px solid #EBEBEB;
	margin-left:10px;
	margin-right:19px;
}
.teaserMenu .clear{
	margin-bottom:10px;
}
.teaserMenuHome {
	padding-bottom:10px;
}
/* powermail */

fieldset.tx-powermail-pi1_fieldset {
	border:0;
	margin-top:20px;
}
.tx-powermail-pi1_formwrap {
	margin-right:16px;
}
fieldset.tx-powermail-pi1_fieldset legend {
    color: black;
    font-weight: bold;
	display:none;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
    padding: 0px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight: bold;
    margin: 20px 0 10px 200px;
	width:auto;
	padding:2px 10px;
	border:0;
	background-color:#3366CC;
	border-right: 6px solid #003399;
	color:#FFFFFF;
	height:auto;
	cursor:pointer;
}
fieldset.tx-powermail-pi1_fieldset H2 {
	float:left;
	margin:0;
	padding:0;
	color:#003399;
	margin-bottom:20px;
}
fieldset select {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #EEEEEE inset;
    padding: 2px;
    width: 300px;
	margin-bottom:10px;
}
.hiddenField,
#powermaildiv_uid27 {
	display:none;
}
.anmeldung {
	margin-top:10px
}
.anmeldung a {
	font-weight:bold;
}
.testimonialBox{
	padding-top:10px;
	background:#FFFFFF;
}
.testimonialsText{
	font-style:italic;	
}
.testimonialsName{
	padding-top:10px;
	color:#003399;
}
