/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################

*  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

/* ### Überschriften, Fließtexte ###################################################################### */

body {background-color:#e5f2f2;font-family: Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
p {font-size:12px;line-height:17px;color:#666;}
ul{font-size:12px;line-height:17px;color:#666;}

A {color: #337981; text-decoration: none;}
A:hover {text-decoration: underline;} 

strong,b {font-weight:bold;}
em,i {font-style:italic;}
pre, code {	font-family:"Courier New", Courier, monospace;}
address {font-style:normal; line-height:1.5em; margin:0 0 1em 0;}

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

acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}	


#center {width:100%; height:100%;}




/*------allgemeines-------------------------------------*/	

H1 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; display:block;background-color:#e5f2f2;padding:3px; font-size:12px; font-weight:bold; color:#337981;margin:10px 0; border-bottom:1px solid #337981;}
H2 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
H3 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#337981;margin:0;}
.bodytext {font-weight:normal;line-height:17px;margin:0 50px 0 10px;}
.csc-firstHeader {font-size:14px; background-color:#cce5e7;padding:3px;margin-top:0px;border:none;text-transform:none;}

/*------OBLIGATORISCHES MENUE-------------------------------------*/

#obligat {padding:0px 0px 0px 56px;vertical-align:bottom; color: #337981;font-weight: normal;font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.obligat {color: #337981;font-weight: normal;font-size: 10px;}
.obligat a {color: #337981;font-weight: normal;font-size: 11px;text-decoration: none;}
.obligat hover{color: #337981;font-weight: normal;font-size: 10px;text-decoration: none;}

/*------Mainmenü-------------------------------------*/

#menu {font-size:10px;vertical-align:middle;padding:6px 0px 0px 306px;}
     
/*------CONTENT_MITTE-------------------------------------*/

#content {padding:10px; vertical-align:top;background-color:#ffffff;}
#content .bodytext{margin-bottom: 14px;}

.internal-link {color: #337981;font-weight: normal;font-size: 11px;font-family:  Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}
.internal-link a{color: #337981;font-weight: normal;font-size: 11px;font-family:  Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}
     
/*------CONTENT LINKS-------------------------------------*/

#links {vertical-align:top;font-size:10px;padding:0; margin: 0;background-color:#cce5e7;}
#links H2 {border:1px solid #337981;padding:3px;width:95%;margin:5px 0px;background-color:#e5f2f2}
#links .rootline {margin:5px 3px}
        
/*------Formulare-------------------------------------*/

#mailformformtype_mail{display:block;}
.csc-mailform-submit{display:block;}
.csc-mailform-field label {padding:2px 6px 2px 0px;margin:0;color: #565757;font-weight: normal;font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;text-align:left; vertical-align:middle;text-decoration: none;display:block;}     
.csc-mailform-field  {padding:6px 0px 4px 12px;margin: 0px 0px 2px 0px;color: #565757;font-weight: normal;font-size: 10px;font-family:  Verdana, Arial, Helvetica, sans-serif;text-align:left; vertical-align:middle;text-decoration: none;display:block; }      
.csc-mailform-field INPUT {font-size: 11px;color: #565757;font-family:  Verdana, Arial, Helvetica, sans-serif;vertical-align:middle;padding:0px 0px 0px 4px;margin: 0px 0px 0px 0px;display:inline; border: 1px solid #bfc1c2;}
.csc-mailform-field-check INPUT{font-size: 11px;color: #565757;font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:middle;padding:0px 0px 0px 4px;margin: 0px 0px 0px 0px;display:inline; border: 1px solid #bfc1c2;}
.csc-mailform-field TEXTAREA {	font-size: 11px;color: #565757;	font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:top;padding:0px 0px 0px 4px;margin: 0px 0px 0px 0px;display:inline; border: 1px solid #bfc1c2;}
.csc-mailform-field SELECT {font-weight: normal;color: #565757;font-size: 11px;font-family:  Verdana, Arial, Helvetica, sans-serif;vertical-align:top;padding:4px 0px 0px 4px;margin: 0px 0px 3px 0px;display:inline;border: 1px solid #bfc1c2;}
.csc-mailform-radio label {display:inline; margin-left:0.3em;}
.csc-mailform-radio legend {display:none;}

/*------Listen-CONTENT_MITTE-------------------------------------*/

.csc-bulletlist {list-style-image: url(stylesheet_FILES/menu_2s.gif);list-style-position: outside;padding:0px 0px 0px 30px;}



/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**


/* ### Bildpositionierung ############################################################################ */
img.float_left {float:left; margin-right:1em; margin-bottom:0.15em; border:0;}
img.float_right {float:right; margin-left:1em; margin-bottom:0.15em; border:0;}
img.center {text-align:center; background:#fff; padding:4px; border:1px #ddd solid;}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */


#topnav a {color:#fff; background:transparent; text-decoration:none;}
#topnav a:hover{text-decoration:underline; background-color:transparent;}

#footer a {color:#669;}
#footer a:hover {background-color:#eef;}

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


/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

p, table, a {
	font-size:11px;
}

/* Beispieldateien */
p.demo {background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom:0.5em;}

/* Navigation am Seitenende */
p.navlink {background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:0.5em;}
p.navlink a {color:#353;}
p.navlink a:hover {font-weight:bold; background:transparent;}

blockquote {color:#222; background:#f8f8f8; border:1px #ddd solid; border-left:8px #ddd solid; padding:1em 1em 0 1em; margin:0 0 1em 1em;}



/* Auszeichnungen für Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {font-family:"Courier New", Courier, monospace; font-style:normal;}
em.mono {padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}
em.file {padding:0 0 0 14px; color:#008; background:transparent url(../../img/icons/file.gif) no-repeat left;}
em.directory {padding:0 0 0 15px; color:#008; background:transparent url(../../img/icons/dir.gif) no-repeat left;}
pre, code {display:block; margin:0 0 1em 1em; padding:0.5em; color:#000; background:#f0f0f4; border:1px #ccd solid; border-left:8px #ccd solid;}
code.css {background-image:url(../../img/bg_css.gif); background-repeat:no-repeat; background-position:top right;}
code.xhtml {background-image:url(../../img/bg_xhtml.gif); background-repeat:no-repeat; background-position:top right;}
code.typoscript {background-image:url(../../img/bg_ts.gif); background-repeat:no-repeat; background-position:top right;}

/* ### Tabellen ################################################################## */

table.bugs {margin-bottom:1em; margin-top:0.5em; width:100%;}
table.bugs th {background:#fff; color:#222; padding:0.5em; text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}
table.bugs td {background:#f0f0f4; color:#222; padding:0.5em;	text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}

/* ### Download-Box ################################################################## */

.bluebox {color:#000; background:#f0f0f4; padding:2px; border:1px #ccd solid; text-align:center; padding:4px 0 4px 0; margin-bottom:1em;}
.bluebox p {padding:0px 8px 0 8px;}

a.dl_link {display:block; padding:0; margin:0.5em auto 0 auto; background-image:none;}
a.dl_link:hover {text-decoration:none; background-color:transparent;}

/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/

img {border:0;}

fieldset{border:0px;}
p.csc-linkToTop {text-align:right;}
p.csc-form-label-req {font-weight:bold;}

/* #############################
** ### 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;}

/* LATEST Ansicht */

.news-latest-date{font-size:9px;}	
#rechts .news-latest-item{line-height: 16px;text-align:left; margin-bottom:1em;padding:3px 0px 5px 0px;margin: 0px 0px 4px 0px;border-bottom: 1px dotted #565757;border-top: 1px dotted #565757;color:#565757;font-weight: normal;font-size: 11px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:left; vertical-align:top;text-decoration: none;  }
			
/* LATEST Startseite */		

.news-latest-container{font-size:9px;color:#337981;padding-right: 10px;}
.news-latest-item{border-top:1px solid #337981;margin-bottom:5px;}
.news-latest-item H3 {background-color:#e5f2f2;margin:0;padding:1px 3px;}
.news-latest-date{text-align:right;vertical-align:bottom;}
.news-latest-subheader{margin:0;font-size:9px;padding:3px;}
.news-latest-morelink{}

      
/***************** CAT Latest**************/

#cat H3 {padding:0;line-height:10px;font-size:11px;}
#cat TD {vertical-align:top;}
#cat .news-latest-morelink {padding:0;line-height:10px;font-size:9px;padding-right:5px}

/************ LIST Ansicht ****************/

.news-list-item {width: 110px;height:180px;vertical-align: top;padding:4px 4px 0px 4px; border: 1px solid #c1c3c4;border-spacing: 0;}
.news-list-itemB {border-top: 1px solid #999;border-bottom: 1px solid #999;margin:2px 0;}	

.news-list-item h3 {line-height: 14px;padding:4px 0px 6px 0px;margin: 0 0 0 0;color:#565757;font-weight: bold;font-size: 10px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:left; vertical-align:top;text-decoration: none;} 
.news-list-item h3 a {text-decoration: none;} 
.news-list-item h3 a:hover {text-decoration: underline;}
.news-list-morelink {padding:0px 0px 4px 1px; color:#565757;font-weight: normal;border:none; background:none; text-align:right;font-size: 9px;margin: 0 0 0 0;text-decoration: underline;vertical-align:bottom;position-absolut:bottom;}	
.news-list-morelink a {	color:#565757;text-decoration: underline; }	
		
.news-list-morelink a:hover {padding:0px 0px 4px 1px; color:#565757;	font-weight: normal;border:none; background:none; text-align:right;font-size: 9px;vertical-align:bottom;text-decoration: underline;margin: 0 0 0 0;  }	
		
.news-list-browse {Zpadding:0px 0px 4px 1px; color:#565757;border:none; background:none; text-align:left;font-size: 9px;vertical-align:bottom;margin: 0 0 0 0; }	
		
#content .news-list-morelink {padding:0px 0px 4px 1px; color:#565757;font-weight: normal;border:none; background:none; text-align:right;font-size: 9px;margin: 0 0 0 0;  text-decoration: underline;vertical-align:bottom;}	
		
#content .news-list-morelink a {padding:0px 0px 4px 1px; color:#565757;font-weight: normal;border:none; background:none; text-align:right;font-size: 9px;vertical-align:bottom;text-decoration: underline;margin: 0 0 0 0;  }	
#content .news-list-morelink a:hover {padding:0px 0px 4px 1px; 	color:#565757;	font-weight: normal;border:none; background:none; text-align:right;font-size: 9px;vertical-align:bottom;text-decoration: underline;margin: 0 0 0 0;  }	
#content .news-list-browse {padding:0px 0px 4px 1px; color:#565757;border:none; background:none; text-align:left;font-size: 9px;vertical-align:bottom;margin: 0 0 0 0; }	


.news-list-category {color:#aaa;}



#content .news-list-date {font-size: 10px;color:#565757;}

.clearer {border-bottom: 0px solid #c1c3c4;height: 0px;margin: 0 0 0 0;padding:0px 0px 0px 0px;  }
		

/* SINGLE Ansicht */

.news-single-item H2 {line-height: 14px;padding:0px 0px 4px 0px;margin: 0 0 0 0;color:#565757;font-weight: bold;font-size: 12px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:left; vertical-align:top;text-decoration: none;border-bottom: 3px solid #565757;} 	
.news-single-item H3 {line-height: 14px;padding:12px 0px 4px 0px;margin: 0 0 0 0;color:#565757;font-weight: bold;font-size: 11px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:left; vertical-align:top;text-decoration: none;} 
.news-single-img {float:right;margin-left:0;padding: 0 0 0 0;}
.news-single-img IMG {margin:2px;}	
.news-single-item IMG {padding: 0 0 0 0;}
.news-single-backlink{font-size:10px;font-weight:bold;margin:5px 0px;}	
.news-single-item {line-height: 16px;margin: 0px 0px 0px 0px;padding:0px 0px 12px 0px;color:#565757;font-weight: normal;font-size: 11px;font-family: Tahoma, Arial, Verdana;text-align:left; vertical-align:top;text-decoration: none;  }	
.news-single-img p {padding:0; margin:0;}
.news-single-timedata {color:#565757;font-weight: normal;font-size: 11px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;text-align:right;}
.news-single-related DT {font-size:13px;font-weight:bold;margin-top:0;}
.news-single-related IMG {width:80px;height:45px;}

/************** CATEGORY Menu********************************** */

.news-catmenu {font-size:10px;text-align:left;padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; border-bottom: 1px dotted #565757;border-top: 1px dotted #565757;}
.news-catmenu a {font-size:10px; text-align:left; width:180px;padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; }
.news-catmenu a:hover {font-size:10px; text-align:left; width:180px;padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; }
.news-catmenu .news-catmenu-NO {font-size:10px; text-align:left; width:180px;padding:4px 0px 4px 0px; margin:0px 0px 0px 0px; }
p.news-catmenu-header {line-height:1em; margin:0;}



/*******************************************
* Vertikale Listennavigation
********************************************/


.mainMenu {width:100%; overflow:hidden; color:#222; margin:0; padding:0 0 0 0;font-size:10px;}
.mainMenu img {margin-right:0.7em;}
.mainMenu ul {font-size:10px;padding-left:0;width:100%; overflow:hidden; margin:0; list-style-type:none; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.mainMenu ul a {display:block; text-decoration:none;}
.mainMenu ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li strong {display:block; width:95%; padding:2px 3px;background-color:#e5f2f2; color:#000;font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li strong {display:block; width:95%; padding:3px 0px 3px 14%; background-color:#aab; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li ul li strong {display:block; width:95%; padding:3px 0px 3px 21%; background-color:#aab; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li a {width:95%;padding:2px 3px; background-color:#fff; color:#444; border-bottom:1px #eee solid;}
.mainMenu ul li a:hover {background-color:#e5f2f2; color:#000;}
.mainMenu ul li ul {list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li a {width:90%; padding:3px 0px 3px 14%; background-color:#f8f8f8; color:#666; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li ul {list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li ul li a {width:90%; padding:3px 0px 3px 21%; background-color:#e4e4e4; color:#666; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li a:hover {background-color:#f63; color:#fff;}
.mainMenu ul li#title {width:95%; padding:3px 0px 3px 7%; font-weight:bold; color:#444; background-color:#fff; border-bottom:4px #888 solid;}