/* ######################################################################################################

** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################

** ######################################################################################################

** 

**  YAML Version: 2.5

**  Dateiversion: 18.06.06  

**  Datei       : basemod.css

**  Funktion    : Basis-Modifikation fÔøΩr das Layout des YAML-Tutorials

**

*/



@media all
{




/* Formatierung der Seite */

		/*body { background: #e8eef2; padding: 10px;} blauer Hintergrund*/
		body { background: #edece8; padding: 10px;}



/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */

#page{ border: 1px #c6d4de solid; border-right: 2px #c6d4de solid; border-bottom: 2px #c6d4de solid; background: #fff; }

#page_margins {border: 0px #889 solid; min-width: 60em; max-width: 85em; margin:auto;}



/* Formatierung der Kopfbereiches */

#header { position:relative; height: 7em; color: #321; background: #fff;}

#header img {position:absolute; top:25px; right:25px;}

#header h1 {position:absolute; top:2em; left:2em;  padding-left:0; padding-top: 0; color:#000; text-decoration:none; font-size:108%; border:none; font-weight:normal;}

#header #nav_main {position:absolute; top:4.6em; left:1.4em;  margin-left:0; margin-top:0;}

#header #nav_main a {color:#000;}

/* auskommentiert: wird nicht gebraucht: 

#banner { position:absolute; top:20px; left:10px; z-index:10; }

#banner img { position:relative; top:0px; left:0px; font-size:100%; }*/






/* ######################################################################################################

** ### Formatierung der Inhaltsspalten ##################################################################

** ######################################################################################################

*/

#main { background: #fff ; padding-top: 0;} 



/* linke Spalte */

#col1 {	width: 21em; }	

#col1_content { margin-left: 2em; margin-right: 1em; color: #000; background:inherit; }



/* Rechte Spalte */

#col2 {	width: 21em; }

#col2_content {	margin-left: 1em; margin-right: 2em; color: #131313;}



/* Mittlere Spalte */

#col3

{

  	margin-left: 21em; 

   	margin-right: 21em; 

	/*border-left: none; 0px dotted #ddd;*/

	/*border-right: none; 0px dotted #ddd;*/

}



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



#col3_innen {border-left: none; border-right: none; }





/* ######################################################################################################

** ### Formatierung des Hauptnavleiste mit grafischen Buttons und ServicemenÔøΩ der Startseite ##########################################################

** ######################################################################################################

*/



#teaser { 

	margin:0; 

	padding:0; 

	background: #D5D0BA; 

	color: #765; 

}

#nav {background-color:#c4c0b4; color:#fff;}

#nav div {float:left; width: auto; margin: 0 0 0 0; /*overflow: hidden;*/ }



#nav .block1, #nav .block2, #nav .block3 { margin: 0.1em 0 0.1em 0.15em; padding: 0em 0em 0em 0em; font-size: 1em; }

#nav .block2 {margin-left:0; margin-right:0; }

#nav .block1 a {color:#fff;}

#nav .block1 a:hover {background:transparent;}

#nav .block3 {width: 21em; margin-left:0; margin-right:0; }




#nav .suche {float:left; padding-top:0.5em; padding-right:0.5em; font-size: 0.82em;}

#nav .suche a {color:#fff;}

#nav .suche a:hover {background:transparent;}

#nav .home {float:left; padding-left:0.6em; padding-top:0.2em; margin-right:1em;}

#nav .home img {width:24px;}

#nav .selectFontSize {float:left; padding-top:0.1em; padding-right:0.4em; }

#nav .selectFontSize a {color:#fff;}

#nav .selectFontSize a:hover {background:transparent;}

#nav .language {float:left; padding-top:0; padding-right:0em; font-size: 0.98em;}

#nav .language a {font-weight:bold;}

#nav {color:#fff;}

/* ######################################################################################################

** ### Formatierung des Themenbalkens der Startseite ##########################################################

** ######################################################################################################

*/

#thema {	clear:both; width: auto; }

#thema { 

	margin:0; 

	padding:0; 

	/*height:50px;*/
	min-height:2em;
	
}



#thema div {float:left; width:auto; margin:0; padding:0; overflow:hidden;}



#thema .themenbild1 { width:50%; height:auto; position:relative; padding:0; margin:0; z-index:200; }

#thema .themenbild2 {float:left; width:49.99%; position:relative; overflow:hidden; z-index:20;}









/* ####################################################################################

** ### Formatierung breadcrumb navigation #############################################

** ####################################################################################

*/



#breadcrumb, #breadcrumb a { 

	color:#fff;
	text-decoration:none;
	font-size:95%;

}

#breadcrumb a {
	font-size:100%;
}

#breadcrumb {padding-left: 2em; padding-top:0.6em; margin-bottom: 0.1em;}



/* ####################################################################################

** ### Formatierung serviceleiste und Footerleiste navigationselemente #############################################

** ####################################################################################

*/



#nav .block3 {float:right;}



#servicenav ul, #rblock ul {

	display: block;

	margin: 0 0 0 0;

	padding: 0;

	font-size: 1.0em;

	line-height: 1em;

	text-align:right;

	

}





#servicenav ul li, #rblock ul li {

	float: left;

	margin: 0;

	padding: 0;

	padding: 0.5em 0.6em 0.5em 0.6em; /* Anpassung der linken und rechten RandabstÔøΩnde */

	font-size: 1.0em;

	line-height: 1em;

	list-style-type: none;

	border-left: 0px #fff solid; /* RÔøΩnderverÔøΩnderung zur genauen Formatierung */

	border-right: 0px #333 solid; /* RÔøΩnderverÔøΩnderung (Farbe) zur genauen Formatierung */

}

#rblock ul li {
	padding-left:0;
}

#servicenav ul li a, #rblock ul li a {

	display:block;

	width: auto;

	font-size: 1.0em;

	color:#87a1b2;

	background: transparent;

	text-decoration: none;

	

	margin: 0;

	padding: 0;

}

#servicenav ul li a {color:#fff;}

#servicenav ul li a:hover, #rblock ul li a:hover {

	background: #eee;

	color: #333;

	text-decoration: none;

}



#servicenav ul li#current, #rblock ul li#current { 

	border-left: 0px #333 solid; 

	border-right: 0px #333 solid;



}



#servicenav ul li#current a,

#servicenav ul li#current a:hover {

	color: #999;

	background: transparent;

	text-decoration: none;

}



/* ####################################################################################

** ### Formatierungen mittlere Spalte ###########################################

** ####################################################################################

*/


#col3_content h1 {

	padding:0.25em 0 0.25em 0.3em;
	margin:0 0 0 0;
	font-size:1.1em;
	font-weight: bold;
}
	

#col3_content h1.csc-firstHeader {background-color:#edece8; margin-bottom:1em; margin-left:-0.2em;}
#col3_content h2 {

	font-size: 1em;
	font-weight: bold;
	margin:1.4em 0 0.3em 0;
}



#col3_content h3 {

	font-size: 1em;
	font-weight: bold;
	margin:1.4em 0 0.3em 0;
}

#col3_content table {

	font-size: 0.9em;

	font-weight: normal;

	}

#col3_content th {

	font-weight: bold;

	}

/* ####################################################################################

** ### Formatierung Text rechte Spalte ###########################################

** ####################################################################################

*/

#col2_content h1 {

	font-size: 1em;
	font-weight: bold;
	margin-bottom:0.5em;
	margin-top:1.5em;
	padding-top: 0.5em;
	border-top:1px solid #bbccd8;
	color: #666;

	}

	

#col2_content h2 {

	font-size:1em;

	font-weight: bold; 

	}

/* #########################################################

### Standardformatierungen #################################

##########################################################*/

/*

ul {list-style-type: none;}

*/



ul.linkliste {

	border-top:1px #000 solid;

	list-style-type:none;

	}

	

ul.linkliste li {

	border-bottom:1px #000 dotted;

	}

	

ul.linkliste li a {

text-decoration: none;

color: #000;

	}

	

ul.linkliste li a:hover {

	text-decoration: none; 

	}

/* #########################################################

### Linkliste Rechte Spalte #################################

##########################################################*/

/*

#col2_content ul {list-style-type: none;
}

*/



#col2_content ul.linkliste {

	border-top:1px #bbccd8 dotted;

	list-style-type:none;
	list-style-type: none;

	margin: 0 0 0 0;

	padding: 0;

	color: #666;

	}

	

#col2_content ul.linkliste li {

	border-bottom:1px #bbccd8 dotted;
	list-style-type: none;

	margin: 0 0 0 0;

	padding: 0;

	color: #666;

	}

	

#col2_content ul.linkliste li a {

	text-decoration: none;
	color: #666;

	}

	

#col2_content ul.linkliste li a:hover {

	text-decoration: none; 

	}

/* #########################################################

### Ansprechpartnerliste ###################################

############################################################*/

ul.kontakt, ul.kontakt li {

	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	color: #666;

}



ul.kontakt {

	margin: 0 0 0.5em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #bbccd8;

}

/*##################################################################

### Footer und Footer spalten #################################################

##################################################################*/

#footer.old { color:#555; background:#fff; margin: 1em; margin-right:2em; padding: 0 0 0 0; border-top: 0px #ddd dotted; /*line-height: 2em;*/}

#footer { 
	text-align: left;
   color:#555; 
	background:#fff; 
	margin: 1em; 
	margin-right:2em; 
	padding: 0 0 0 0; 
	border-top: 1px dotted; 
}

/*
#footer div#lblock {

	width:21em; 
	margin: 0;
	float:left;
	background-color:inherit;
	padding-top:0;

}

#footer div#lblock_content {
	margin-left:2em;
	margin-right:1em;
}

#footer div#mblock {

	margin-left: 21em;
	margin-right:21em;
	width:auto;
	background-color:inherit;
	padding-top:0.4em;
	border-top:1px dotted;

}

#footer div#mblock_content { 
	margin-left:1em; 
	margin-right:0; 
	}

#footer div#mblock_innen {
	border-left:none; border-right:none;
}

*/

div.drucken {float:right; margin-top:0;}

div.pdf {float:right; margin-top:0; margin-left:1em;}

#footer div#rblock {

	width:19em; 
	padding-top:0;
	float:right;
	background-color:inherit;
	
}

#footer div#rblock_content {
	padding-left:0;
	color: #000;
	margin-left:1em;
	margin-right:0;
	border-top:1px dotted;

}

/*################################################
###### Kalender ##################################
################################################*/

div#calendar-event dt {
	padding:0 1em 0 0;
	vertical-align:top;
}

div#calendar-event  h2 {
	padding-top:0;
	margin:0;
}

div#calendar-event p.bodytext, div#calendar-event-backlink, div#calendar-event img, div#calendar-event legend{
	margin-left:10.1em;
}

#col3_content div.tx-cal-controller {
	margin-top:0;
	padding:0;
	
}

div.tx-cal-controller dl {
	margin:0;
	padding:0;
	font-size:0.9em;
	
}

div.tx-cal-controller, div.tx-cal-controller dt {
	background-color:#edece8;
	border-bottom:1px #c4c0b4 solid;
	font-weight:normal;
}

div.tx-cal-controller dt a {
	color:#000;
	font-weight:normal;
}

/*div.tx-cal-controller dt a:over {
	background:inherit;
}*/

#col3_content div.tx-cal-controller h2 {
	/*margin:0;
	padding-left:0.5em;*/
	font-size:1.1em;
	font-weight: bold; 
	line-height:1.7em;
	padding:0.4em;
	padding-left:2.3em;
	margin-bottom:0;
	background-image: url(kalender.gif);
	background-position:0.5em 0.4em;
	background-repeat: no-repeat;
	border-bottom: 1px #c4c0b4 solid;
	
	
}

div.tx-cal-controller dt, div.tx-cal-controller dd {
	padding:0.1em 0.5em;
	margin:0;
}

.monthheader {
	background-color:#edece8;
}



.pagebrowser {padding-left:0.5em;}

div#calendar-event {
	margin-top:1.5em;
}

/*******************************************
* Styles für 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-item {
	margin-bottom: 1em;
}
.news-latest-item h3 {
	padding-top: 0;
}
.news-latest-item h3 a { text-decoration:underline; }
.news-latest-item h3 a:hover { background:transparent; }
.news-latest-item img {
	padding-right: 1em;
	padding-top: 0.1em;
	float: left;
}
.news-latest-morelink {
  padding:1px;
  border:1px solid #ccd;
  background:#f0f0f4;
	text-align:center;
}

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

.news-list-container {margin-bottom:1em;}

.news-list-image {float:left; padding:0.4em 0.3em 0 0;}

.news-list-item {
	padding-bottom: 0;
	line-height: 1.5em;
	border-bottom:1px dotted #ccd;
	background-color:#e9eef1; 
	padding-left:5px;

}

.news-list-text { margin-right:1em; margin-left:0.2em; width:auto; margin-top:0; padding-top:0;}

#col3_content .news-list-text h3 {
	
	padding-left:0;
	font-size:12px;
	font-weight:bold;
}
.news-list-text h3 a {
	margin-left:0;
	text-decoration:none; 
	color:#000;
}
	
.news-list-text h3 a:hover { background:transparent; }

.news-list-item p.bodytext {
  border:0px solid #000;
}

.news-list-morelink {
  padding:1px;
  border:0px solid #ccd;
  background:#e9eef1;
  
}
.news-list-morelink a { color: #3284b3;}
.news-list-morelink a:hover { color: #666; background: transparent; }

/* SINGLE Ansicht */
.news-single-item h3 {
	margin-bottom: 1em;
	margin-top: 1em;
	color: #000;
	padding: 0.5em;
	background: #f0f0f4;
	border-left: 8px #E0E7F5 solid;
}
.news-single-img {
	padding-right:15px;
	float:left;
}
.news-single-img p {
	padding:0;
	margin:0;
}
.news-single-timedata {
	color: #aaa;
	margin-bottom: 1em;
}
.news-list-category {
	color: #aaa;
}
.news-single-additional-info {
}
.news-single-additional-info dd {
	margin-top: -1em;
}
.news-single-additional-info dt {
	margin-bottom: 1.4em;
	color: #aaa;
}

/*******************************************
* Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E0E7F5; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {	font-family: monospace;	font-style: normal;	padding:0 0.3em 0 0.3em; background:#ffff88; border: 0px #ccd solid; }

/*####################################################
####################### indexed search ###############
####################################################*/

table.suchtabelle tr td{margin:0; padding:0.4em; border:0px solid #000;}

table.suchtabelle tr td.leftpadding {padding-left:1.4em;}



/***************************************
******** macina searchbox klassen ******
***************************************/

div.searchbox {margin:1em 0 0 2em; padding:0.5em 0 0.5em 0; width:18em; background-color:#edece8;}

.li_searchbox_advanced {
	font-size:9px; 
	margin:0px; 
	padding-left:2.7em;
}

.li_searchbox {
	margin:0; 
	padding-left:1.7em;
}

.ul_searchbox {
	list-style-type:none; 
	margin:0; 
	padding:0;
}

.input_searchbox {
	border:0;
}

.input_searchword {
	height:18px; 
	width:130px; 
	font-size:11px;
}

/*#############################################################

### search-box ##############################################

##############################################################*/



.tx-macinasearchbox-pi1 input {

	padding:0;

	margin:0;





	/*text-align:left;*/

}

.tx-macinasearchbox-pi1 {

	/*padding:0;

	margin:0;

	padding:0.5em 0 0 0em;

	margin:1.4em 0 0.3em 0;

	border-bottom: 1px solid #bbccd8;

	border-top: 1px solid #bbccd8;*/



	/*text-align:left;*/

}




/*####################################
#### News in rechter Spalte ##########
####################################*/

#col2_content .news-list-container {
	width:18em;
}
/*
#col2_content h3.news-list-date {
	font-size: 10px;
}

*/

/*####################################
#### file list #######################
####################################*/

tr.tx-filelist-pi1-tr td {
	padding-right:0.5em;
}

td.tx-filelist-pi1-filename {
	width:54em;
}

/****************************************
******* Tabellen ************************
****************************************/
/*
table.contenttable contenttable-0 {
	margin-left:-1.4em;
}
*/
 td.td-0, td.td-last, td.td-1, td.td-2, td.td-3, td.td-4, td.td-5, td.td-6, td.td-7, td.td-8{
	vertical-align:top;
	padding:0.4em 0.4em 0 0.2em;
	border:1px dotted #c4c0b4;
	
}



/****************************************
******* Tabellenelemente für alumni *****
****************************************/

table.alumni td{padding:0.5em 1em; margin:0.5em; font-size:1.1em; border:1px #e0e0e0 dotted;}

/****************************************
********** subcl margin *****************
****************************************/

.subcr, .subcl, .subcolumns, .c66l, c33r {margin-top:0; }

div#main {margin-top:1.5em;}

/*****************************************
******** Listen allgemein ****************
*****************************************/




/* nicht löschen */
}