/**********************************/
/* 	CSS 					*/
/*	Stand: 05.11.2009			*/
/**********************************/


body {
	font: 12px Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background:#1e2f41 url(../images/layout/main_bg.jpg) no-repeat top center;
}
#mainContainerDiv {
	width: 940px;
	background: #FFFFFF;
	margin: 0 auto; 
	padding: 0;
	border: none;
	text-align: left;
	background: #ffffff url(../images/layout/bg_content_cols.png) repeat-y left top;
	
}

#leftColDiv {
	width: 260px;
	height: 800px;	
	background: #000000 url(../images/layout/navi_bg.jpg) no-repeat top left;
	float: left;
	position: relative;
	z-index: 1;
}

#logoDiv {
	width: 260px;
	text-align: center;
	margin: 40px auto;
}


/*******************/
/*    S3-Slider    */
/*******************/
#headerDiv {
	width: 680px;
	height: 240px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

#headerDiv, #headerDiv img, #headerDiv .slide{ 
	width: 680px;	
	height: 240px;
}


#headerDiv .slide {
   float: left;
   position: relative;
   display: none;
}

/*For sane browsers..*/
#headerDiv .slide:first-child{
  display: block;
}

#headerDiv .slide span {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	width: 580px;	
	padding: 15px 50px 15px 50px;
	opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
	background-color: #000;
	color: #fff;
	bottom: 0;/*remove this and it will be on top*/
}

/***********************/
/*   SPECIAL           */
/***********************/
#specialDiv{ float:left; margin-top: 30px; width: 260px; overflow: hidden; }
#specialDiv .trenner{
	display: block;
	margin: 25px 0px 25px 0px;
}

#specialDiv h1{ margin-left: 60px;}
#specialDiv p.bodytext a{
	margin-left: 44px; 
	color: #bababa;
	text-transform: uppercase;
	font-family: Arial, Verdana;
	font-size: 10px;
	padding-left: 15px;
	background: url('../images/layout/symbol_link.gif') no-repeat left center;
	letter-spacing: -0.0em;
}


#contentDiv {
	width: 560px;
	float: left;
	padding: 15px 60px 0px 60px;
	background: #ffffff;
	overflow: hidden;
}

#toTop{
	width: 930px;
	background: #FFFFFF;
	margin: 0 auto; 
	padding: 0px 10px 10px 0px;
	border: none;
	text-align: right;
	background: #ffffff url(../images/layout/bg_content_cols.png) repeat-y left top;	
	float: left;
}

#footerDiv {
	width: 940px;
	height: 30px;
}

#footer{ width: 680px; margin: 0 auto; padding: 10px 0px 10px 260px; }
#footer A:link,
#footer A:visited,
#footer A:focus,
#footer A:hover,
#footer A:active{
	font-family: Tahoma, Arial, Verdana;
	color: #eaeaea;
	font-size: 10px;
	text-decoration: none;	
	margin:0px 4px 0px 4px;
}
#footer A:hover{
	text-decoration: underline;
}

/***********************/
/***  2-Cols		 ***/
/***********************/
.twoColumns_1st,
.twoColumns_2nd{
	width: 250px;
	float: left;
	overflow: hidden;
	min-height: 10px;
}
.twoColumns_2nd{
	width: 250px;
	margin-left: 60px;
}
.clr { clear:both;}
.hidden { visibility: hidden; }

/* Einrücken */
div.indent,
.csc-frame-indent { margin-left: 158px; }
.csc-frame-indent3366{
	margin-left: 84px;
}

/***************************/
/* BILDER				   */
/***************************/
.csc-textpic-caption{
	font-size: 9px;
	color: #858585;
}


/***************************/
/* General element styles: */
/***************************/
.important { color:#1a2f6b; }

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
font-family: font-family:"Century Gothic", Helvetica, Arial, sans-serif; color:#1a2f6b; margin: 0px 0px 5px 0px;}
PRE { font-family: monospace; }
A { color: #1a2f6b; text-decoration: underline; }
A:hover { color: #1a2f6b; }
FORM { margin: 0px 0px 0px 0px;}
P, PRE {
	margin: 0px 0px 0px 0px;
}
P, TD, UL, OL { font-size: 11px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }
TABLE { color: #000000; }
IMG {	border: none;}



				
/******************/
/* Headers, plain */
/******************/
H1 { 
	font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 26px; 
	font-style: italic; 
	font-weight: bold;
	margin-top: 10px;
}
H2 { 
	font-size: 20px;
	font-weight: normal;
}
	
H3 {
	font-size: 12px;
	font-weight: bold;
	color: #5b5b5b;
 }
H4 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #5b5b5b;
	font-weight: normal;

}
.csc-header{
	/*float:none;*/

}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { 
}
H1.csc-firstHeader{
}



/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #000000; text-decoration: none; }
H2 A { color: #186900; }
H3 A { color: #10007B; }
H4 A { color: #8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

/* Header date */
P.csc-header-date { font-size: 10px; color: #186900; }

/* Subheader, general */
P.csc-subheader { font-style: italic; background-color: #EDEBF1; }

/* Subheader, specific */
P.csc-subheader-0 { font-style: normal; }
P.csc-subheader-1 { color: #186900; }
P.csc-subheader-2 { color: #10007B; }
P.csc-subheader-3 { color: #8A0020; }


/*******************/
/*     TEXT        */
/*******************/
.imagereplacement{
   overflow: hidden;
   height: 36px;
   text-indent: 999em;
   white-space: nowrap;
   background-repeat: no-repeat;
   margin-left: -2px;
}

.imagereplacement_2{
   overflow: hidden;
   margin: 0;
   height: 25px;
   text-indent: 999em;
   white-space: nowrap;
   background-repeat: no-repeat;
}
/*******************/
/* RTE 				*/
/*******************/
P, P.bodytext { 
font: 12px Arial, Verdana, sans-serif; 
color: #5b5b5b;
}
P.bodytext A:link,
P.bodytext A:visited,
P.bodytext A:focus,
P.bodytext A:hover,
P.bodytext A:active {
	text-decoration:none;
	color:#1a2f6b; 
}
P.bodytext A:hover{
	text-decoration:underline;
}

/* RTE / Bulletlists */
UL { margin-top: 0px;  }
UL UL LI { font-size: 10px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }

/* RTE / Table styling */
TABLE.contenttable { border: none; margin: 0px 0px 0px 0px; }
TABLE.contenttable TR TD { }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR {  }



/**********/
/* Images */
/**********/

/* Images / Captions */
P.csc-caption { font-size: 10px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 11px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 11px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }



/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }
				


/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell {
}
FORM TABLE TR TD.csc-form-fieldcell {
}
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA {
}
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req {
	font-weight: normal;
}

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }

/* Search form, specifically */
FORM TABLE.csc-searchform { width: 100%; }
FORM TABLE.csc-searchform TR TD { padding: 5px 5px 5px 5px; }
FORM TABLE.csc-searchform TR TD.csc-form-labelcell, FORM TABLE.csc-searchform TR TD.csc-form-commentcell { font-weight: bold; }
FORM TABLE.csc-searchform TR TD.csc-form-fieldcell INPUT, FORM TABLE.csc-searchform TR TD.csc-form-fieldcell SELECT { width: 100%; }

/* Login form, specifically */
.csc-loginform {
	background: none;
}
.csc-loginform TD TR { background: none;}
.csc-form-labelcell { width: 300px; background: none;}
.csc-form-label-req { color:red; font-family: Verdana; font-weight: normal;}
.csc-form-fieldcell { background: none; color: red;}
.csc-form-labelcell { background: none;}




/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }



.csc-textpic-intext-left .csc-textpic-image {
	padding-right: 17px;

	
}

.csc-textpic-caption{
	padding-top:10px;
	text-align:justify;
}
/* Abstand der Bilder untereinander */
.csc-textpic-imagerow{
	margin-bottom:5px;
}
.csc-textpic-image,
.csc-textpic-firstcol,
.csc-textpic-lastcol,
.csc-textpic-imagewrap,
.csc-textpic,
.csc-textpic-intext-left-nowrap{
	margin-bottom:5px;
}
TABLE.contenttable TR TD P.bodytext { font-size: 10px; text-align:center;}
TABLE.contenttable TR TD P img {padding-bottom:5px;} 


.clr { clear: both; }


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/********************************/
/* RTE							*/
/********************************/

.hinweis,
.hinweis a{
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #858585;
}
.blocksatz, p.blocksatz, td.blocksatz, th.blocksatz, h1.blocksatz, h2.blocksatz, h3.blocksatz, h4.blocksatz, h5.blocksatz, h6.blocksatz, div.blocksatz, address.blocksatz { text-align: justify; }

p.rechtsbuendig, td.rechtsbuendig, th.rechtsbuendig, h1.rechtsbuendig, h2.rechtsbuendig, h3.rechtsbuendig, h4.rechtsbuendig, h5.rechtsbuendig, h6.rechtsbuendig, div.rechtsbuendig, address.rechtsbuendig { text-align: right; }
p.zentriert, td.zentriert, th.zentriert, h1.zentriert, h2.zentriert, h3.zentriert, h4.zentriert, h5.zentriert, h6.zentriert, div.zentriert, address.zentriert { text-align: center; }


/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
/*span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }*/

span.uppercase { 	text-transform: uppercase;	font-size: 10px; }
/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.external-link-image{}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 158px; }	
b { font-weight: bold; }
i { font-style: italic; }


/*******************/
/**   SUPERFISH   **/
/*******************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	position: relative;
	padding-top: 38px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu  li {
	float:			left;
	position:		relative;

}

.sf-menu a {
	display:		block;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	/*z-index:		99;*/
}
.sf-menu li:hover,
.sf-menu li.sfHover{
	z-index: 100;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/* Links */
.sf-menu a{ text-decoration: none; border: none; height: 25px;}
.sf-menu li ul li a,.sf-menu li ul li a:hover{ display: block; }

/***************/
/* erste Ebene */
/***************/
.sf-menu li{ 	margin-bottom: 4px; }
/* Abstand von links */
.sf-menu li a{ padding-left: 54px;}
/* hover */
.sf-menu a:hover,
.sf-menu .sfHover {
	background: url(../images/layout/menu_1st_hover.png) no-repeat;
	outline:		0;
	color: #cf4343;
}
/* aktiver Punkt Hautpebene */
.sf-menu .sfHover .active,
.sf-menu li a.active,
.sf-menu li a.active:hover,
.sf-menu li a.active:visited{
	background: url(../images/layout/menu_1st_active.png) no-repeat 0px 0px;
	margin-left:-6px;
	height:28px;
}

/* Ausgleich Negativ-Abstand */
.sf-menu li a.active img,.sf-menu li a.active:hover img,.sf-menu li a.active:visited img{	margin-left:6px;}

/* zweite Ebene */
.sf-menu ul{
	background: #212121;
	border-top: 1px solid #737373;
	border-left: 1px solid #737373;
	border-right: 1px solid #000000;
	width: 250px;
}
.sf-menu li ul li{ background: none; 	margin-bottom: 0px; }

/* Links in Submenu */
.sf-menu li ul li a,
.sf-menu li ul li a:hover,
.sf-menu li ul li a:visited {
	height: 17px;
	margin: 0;
	font-family: Verana, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;	
	color: #bababa;
	padding: 6px 0px 0px 20px;
	border-bottom: 1px solid #3E3E3E;
	width: 250px;
	background: none;
}

/* aktiver Punkt in Submenu*/
.sf-menu .sfHover li a.active,
.sf-menu li ul li a.active,
.sf-menu li ul li a.active:hover,
.sf-menu li ul li a.active:visited{
	background: #000000;
	color: #ece34c;
	height:28px;
	height: 15px;
	margin-left:0;
	
}

.sf-menu li ul li a:hover,.sf-menu li ul li a.active:hover{
	background: #333333 url(../images/layout/menu_2nd_hover_arrow.png) no-repeat 10px center;
}


/******************************************/
/*** SUPERFISH VERTICAL (included)***/
/******************************************/

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: 260px;
}

.sf-vertical, .sf-vertical li li,
.sf-vertical, .sf-vertical li li a {
	overflow: visible;
	
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	220px; /* match ul width + margin from mainmenu */
	left: 160px;
	top:	0;
}

/* IE6-Kompatibilität */

/* aktiver Punkt Hautpebene */
* html .sf-menu .sfHover .active,
* html .sf-menu li a.active,
* html .sf-menu li a.active:hover,
* html .sf-menu li a.active:visited{
	width: 212px; /* Breite + Padding + negativer Abstand links */
	background: url(../images/layout/menu_1st_active_ie.png) no-repeat 6px 0px;
}
* html .sf-menu a:hover {
	background: url(../images/layout/menu_1st_hover.png) no-repeat center right;
	outline:		0;
	color: #cf4343;
}

* html .sf-menu li{ margin-left: -6px;} /* LI nach links um 6px hinausschieben */
* html .sf-menu li a{ padding-left: 60px; width: 206px;}
* html .sf-menu li li{ margin-left: 0px;}

/* DEBUGGING */
.sf-menu li{
	

}
.sf-menu ul {

}