/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 6.11.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@import url(tt_news.css);
@import url(cal.css); 
@media all

{

/* Formatierung der Seite */
/* body { background: #ffffff; padding: 10px;	} */
body { 
 font-size: 83.33%; 
 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
}

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

h1 {font-size: 1.1em; color: #336699;  background:inherit;  margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;}
h2 {font-size: 1.0em; color: #fff; background-color: #336699;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 1.0em; color: #336699; margin:0.4em 0 0.3em 0;}
h4 {font-size: 1.0em; color: #444444; margin:0.4em 0 0.3em 0; border-bottom: 1px #ccc solid;}


p,ul,dd,dt {line-height: 1.5em;}
p {line-height: 1.5em; margin: 0 0 1em 0; }


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

address {
	font-style:normal;	
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

strong,b { font-weight: bold; }
em,i { font-style:italic; }

em.mono, em.file, em.directory {
	font-size: 115%; 	/* monospace Schriften auf gleiche Gr..e bringen */
	/*font-size:100%;*/	/* IE ben.tigt diese Hilfe nicht */
	font-family: 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: #336699;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}

em.directory { 
	padding:0 0 0 15px;
	color: #336699;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}


a, a em.file {color: #900; text-decoration:none;}
a:hover {background-color: #F2F6F2; text-decoration:underline;}

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



pre, code, textarea.preformatted {
	font-size: 90%; 	/* monospace Schriften auf gleiche Gr..e bringen */
	/*font-size:100%;*/	/* IE ben.tigt diese Hilfe nicht */
	font-family: monospace;
	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;
}

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

/* Codeboxen */
pre.programlisting p { line-height: 0.8em; } 

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px Gray solid; background: #fff; }
/*
#page_margins {border: 1px #CCCCCC solid; min-width: 756px; max-width: 80em; margin:auto;}
*/
#page_margins {border: 1px #CCCCCC solid; min-width: 540px; max-width: 1440px; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { position:relative; height: 0px; color: #fff; background: #f2f6f2; }
#header img {position:absolute; top: 13px; left: 10px; font-size:208%;}
#banner { position:absolute; top:20px; right:0px; z-index:10; }
#banner img { position:relative; top:0px; left:0px; font-size:100%; }
#topnav { top:7px; }


#toptable {
	background-color: #f2f6f2;
}

#topleft {
	width: 330px;
	text-align: left;
}

#topcenter {
	width: 1060px;
	text-align: center;
	vertical-align: middle;
}

#topright {
	width: 48px;
	text-align: right;
	vertical-align: bottom;
}


#top2left, #menu_language, #top2center, #top2right {
	font-size: 110%;	
	white-space:nowrap;
	height: 20px;
	border-top: 1px solid #990000;
	padding-top: 10px;
	/* background-color: #99CCCC; */
}
#top2center {
	text-align: left;
	color: #ffffff;
	text-decoration: none;	
	padding-left: 10px;
}


/* Formatierung der Fußzeile */
/* #footer { color:#888; background:#fff; margin: 1em; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 2em;} */
#footer
{
	border-color: #565;
	border: solid 1px #fff;
	border-width: 0px 0;
	padding: 0.5em;
	background:#F2F6F2; 	
}

#footerleft, #footercenter, #footerright {
	white-space:nowrap;
	font-size: 10px;
	color: #666;
	border-bottom: 1px solid #990000;
}
#subfooterleft, #last_modified, #subfooterright {
	white-space:nowrap;
	color: Gray;
	font-size: 9px;
	width: auto;
	text-align: center;
}


/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #fff ; padding-top: 0; } 

/* linke Spalte */
#col1 {	
	background:#F2F6F2; 	
	/* width: 22.5%;  */
}	
#col1_content { 
	margin-left: 1em; 	
	margin-right: 1em; 
	color: #444; 
	background:inherit; 	
}

/* Rechte Spalte */
#col2 {
	/* width: 25%; */
}
/* #col2_content {	margin-left: 1em; margin-right: 1em; } */
#col2_content {	
	padding-top:1em; 
	margin: 1em 0;
	/* background: #ded;  */
	border-bottom: 1px #ccc solid;
}


/* Mittlere Spalte */
#col3
{
	/*
  	margin-left: 22.5%; 
   margin-right: 25%; 
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
	*/
}

#col3_content { 
	margin-left: 1em; 
	margin-right: 1em; 
}


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#teaser { 
	margin:0; 
	padding:0; 
	background: #f2f6f2; 
	color: #336699; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size: 0.82em; }
#teaser .block1 a {color:#334;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width: 45%; padding-top:0.5em; font-size: 0.82em; }
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {float:right; font-size: 0.82em; padding-top:0.5em; padding-right:1em;}

#teaser .block3 .title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}




.vnav
{
	margin: 2em 0;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.vnav ul
{	
	/* border: solid 1px #fff; */
	border-bottom-width: 0;
}
.vnav ul li
{
	/* border-bottom: solid 1px #fff; */
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	line-height: normal;
}
.vnav ul li a
{
	display: block;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

.col1_content ul, .col1_content ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.menu-left-lvl1-no {
	font-size: 120%;
	background-color: #F2F6F2;
	border: 1px solid #F2F6F2;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: Black;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 30px;
	padding-top: 1px;
	width: auto;
}	
.menu-left-lvl1-no a {
	color: Black;
	padding: 2px 5px 3px 5px; 
	text-decoration: none;
}
.menu-left-lvl1-no a:hover {
	background-color: #99CCCC;
	color: #990000;
	text-decoration: none;
}
.menu-left-lvl1-no:visited {
	color: Black;
	text-decoration: none;
}
.menu-left-lvl1-no:hover {
	background-color: #99CCCC;
	color: #fff;
	color: #990000;
	text-decoration: none;
}

.menu-left-lvl1-act {
	font-size: 120%;
	background-color: #99CCCC;
	border: 1px solid #F2F6F2;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 30px;
	padding-top: 1px;
	width: auto;
}	

.menu-left-lvl1-act a {
	background-color: #99CCCC;
	padding: 2px 5px 3px 5px; 
	color: #FFFFFF;
	text-decoration: none;
}
.menu-left-lvl1-act a:hover {
	background-color: #99CCCC;
	color: #990000;
	text-decoration: none;
}

.menu-left-lvl2-no {
	font-size: 90%;
	background-color: #99CCCC;
	border: 1px solid #F2F6F2;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	padding-bottom: 1px;
	padding-left: 40px;
	padding-top: 1px;
	width: auto;
}	
.menu-left-lvl2-no a {
	background-color: #F2F6F2; 
	/* padding: 2px 5px 3px 15px; */
	padding: 0px 5px 3px 15px;
	color: #000000;
	text-decoration: none;
}

.menu-left-lvl2-no a:hover{
	background-color: #99CCCC;
	color: #990000;
	text-decoration: none;
}

.menu-left-lvl2-act {
	font-size: 90%;
	background-color: #F2F6F2;
	border: 1px solid #F2F6F2;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 40px;
	padding-top: 1px;
	width: auto;
}	

.menu-left-lvl2-act a {
	background-color: #F2F6F2; 
	/* padding: 2px 5px 3px 15px; */
	padding: 0px 5px 3px 15px;
	color: #990000;
	text-decoration: none;
}

.menu-left-lvl2-act a:hover{
	color: #990000;
	text-decoration: none;
	background-color: #99CCCC;
}

.menu-left-lvl3-no {
	font-size: 90%;
	background-color: #99CCCC;
	border: 1px solid #F2F6F2;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	padding-bottom: 1px;
	padding-left: 40px;
	padding-top: 1px;
	width: auto;
}	
.menu-left-lvl3-no a {
	background-color: #F2F6F2; 
	/* padding: 2px 5px 3px 15px; */
	padding: 0px 5px 3px 25px;
	color: #000000;
	text-decoration: none;
}

.menu-left-lvl3-no a:hover{
	background-color: #99CCCC;
	color: #990000;
	text-decoration: none;
}

.menu-left-lvl3-act {
	font-size: 90%;
	background-color: #F2F6F2;
	border: 1px solid #F2F6F2;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 40px;
	padding-top: 1px;
	width: auto;
}	

.menu-left-lvl3-act a {
	background-color: #F2F6F2; 
	/* padding: 2px 5px 3px 15px; */
	padding: 0px 5px 3px 25px;
	color: #990000;
	text-decoration: none;
}

.menu-left-lvl3-act a:hover{
	color: #990000;
	text-decoration: none;
	background-color: #99CCCC;
}

.csc-uploads-0 td {
	padding: 8px;
}

.csc-uploads-1 td {
	padding: 8px;
}

.csc-uploads-1 .tr-even {
	background-color: #f8f8f8;
}

.csc-uploads-2 td {
	padding: 8px;
}

.csc-uploads-fileSize {
	border-color: #000;
	color: #009900;
	font-weight: bold;
}

/* flexible Medien*/
img, embed, object, video, iframe {
	max-width: 100%;
	height: auto;
	/* width: auto; */
}

/* CSS-Styled-Content Regeln überschreiben */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
	float: none;
	display: inline-block;
	vertical-align: top;
}
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-block;
}
DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
	display: block;
}
.csc-default {clear: both;}


}