/* --------------------------------------------------------------------------
**  Web-aktiv Internetdienstleistungen
**  TypoScript Framework
** 
**  Version             : 2.3 
**  Datei               : main.css
**  Funktion            : Basis Layout - Framework 2.3
**  Letze Aktualisierung: 14.09.07
**  Autor               : Andreas Kempf
** -------------------------------------------------------------------------- 
*/

@import url(content.css); 
@import url(basis/iehacks.css); 


@import url(content_tabellen.css);
@import url(download.css);
@import url(loginbereich.css);
@import url(mailform_standard.css);
@import url(sitemap_standard.css);
@import url(suche_standard.css);
@import url(t3_flyoutmenu.css);

/* Import  Extension Layouts */
@import url(ext/htmlarea.css);
@import url(ext/mailformplus.css);
@import url(ext/maccina_searchbox.css);
@import url(ext/indexed_search.css);
@import url(ext/irfaq.css);
@import url(ext/ak_ipseminars-nlp.css);

/*-- ALLGEMEIN -------------------------------------------------------------- */
* html #container {
	margin-top: 0;padding-top: 0; 
	}
	 
* { 
	margin:0; 
	padding:0;
	font-size: 100%;
	font-family: Arial,Georgia, 'Lucida Sans', 'Lucida Grande', 'Bitstream Sans Vera', Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color:#000000;
	}
	
html { 
	height: 100% 
	}
	 
body {
	margin:auto;
	padding-top: 5px;
	min-height:101%;
        background:#ffffff;
	width:990px;
	text-align:left;
	z-index:1;
	}
	
a {
	font-size:10pt;
	font-weight:normal;
	color:#004996;
	text-decoration:none;
	font-size: 100%;
	}
	
a:hover {
	text-decoration:underline;
	background:transparent;
	color:#004996;
	font-size: 100%;
	}
	
h1{
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size:120%;
	color:#004996;
	border-bottom:0px solid #dddddd;
	}

ul{
	list-style-type:circle;
}
	
strong, b{
	font-weight:bold;
	}
	
/*-- RAHMEN ----------------------------------------------------------------- */

.selectFontSize{
	border:1px solid red;
	width:100px; 

}


#container {
        width:980px !important;
	width:990px;
	background:#E0F0ED;
	border:0px solid #A09D8E;
	clear:both;
	padding:0px;
        padding-top:0px;
	}

#homelink{
	position:relative;
	border:0px solid;
	top:1px; 
	left:5px;
	width:280px;
	height:120px;
	z-index:1;
	float:left;
	border:0px solid red;
    }
	
/*-- Einheitliche Seitenhöhe --*/
#content_spacer{
	width:1px;
	border:1px solid;
	height:660px;
	float:left;
}
	
/*-- STANDARDNAVIGATION ----------------------------------------------------- */	
#top { 
	background-repeat:no-repeat;
	padding-top:5px;
	width:810px !important;
	width:520px;
	padding-bottom:13px;
	padding-right:5px;
	color:#135982;
	font-size:97%;
	text-align:right;
	border:0px solid red;
	}
	
/* IE7 Hack */	
 *:first-child+html #top{	
	background-repeat:no-repeat;
	padding-top:5px;
	width:620px !important;
	padding-bottom:13px;
	padding-right:5px;
	color:#135982;
	font-size:97%;
	text-align:right;
	border:0px solid red;
	}	
	
#top a {
	color:#ffffff;//5AAC29;
	font-size:96%;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 5px 15px;
	margin-right:0px;
	}
#top a:hover,
#top a.on{
	font-size:96%;
	text-decoration:none;
	background:tranpsarent;
	color:#004996;
	}
	
/*-- KOPF & HOMELINK -------------------------------------------------------- */
#head {
	height:120px;
	background:url("../../../fileadmin/templates_nlp/img/Kopf-Bildcollage-NLP-HP1.jpg") #00AB95;
	padding:0px;
	color:#135982;
	font-weight:bold;
	border-top:5px solid #ffffff;
        border-bottom:1px solid #ffffff;
	z-index:9;
	}
	
#head h1{
        clear: both;
        margin: 20px 0 0 0;
        padding: 2px 0;
        font-size:200%;
        border-bottom:0px solid #dddddd;
        font-weight:normal;
        }

#language{
        visibility:hidden;
        position:relative;
	top:0px; 
	left:550px;
	border:1px solid #999999;
	width:140px;
	z-index:8;
	float:left;
	padding:0px;
        }
#language a{
        margin-right:7px;
	}


/*-- LINKE SPALTE ----------------------------------------------------------- */	
#left {
	width:180px;
	float:left;
	background:#C2E3DC;
	}

#left h1{
	color:#004996;
	font-size:97%;
	font-weight:bold;
	padding:3px;
	padding-left:2px;
	margin-top:5px;
	border:0px solid #135982;
        border-bottom:1px solid #004996;
	border-top:1px solid #004996;
	
	
}

#left p{
	border:0px solid #D4D3CD;
	padding:2px;
	font-size:0.9em;
	border-bottom:0px dotted #7F7350;
}

#left .csc-textpic, 
#left .csc-textpic-left, 
#left .csc-textpic-above{
	padding:2px;
        background:#C2E3DC;
        margin:0px;
	margin-top:-10px;
	font-size:0.95em;
        border-top:0px;
	}

#left a{
	font-size:97%;
}
	

/** 
* ------------------------------------------------------------------------------------------------------
* Navigationsliste - 1. Ebene horizontal
* ------------------------------------------------------------------------------------------------------
*/

/* 1.Ebene */

#navi1{
 	background:#004996;
 	border-bottom:0px solid #aaaaaa;
 	margin-bottom:0px;
 	
}

#navi1 ul{
	border-left:1px solid #ffffff;
	margin-left:180px; 
	padding:0.3em;
 	padding-left:0;
}

#navi1 ul .li_1{
	display:inline;
	list-style-type:none;
}

#navi1 ul .left_li_1 {
   	display:none;    
}

#navi1 ul .li_1 a{
	background:#004996;
	border-right:1px solid #ffffff;
        color:#ffffff;
        font:1em arial; 
        margin: 0;
        padding: 0.3em 0.8em 0.3em 0.8em;
        text-decoration: none;
        width: auto;
}

#navi1 ul .li_1 a:hover,
#navi1 ul .li_1  a.linkOn{
	background:#E0F0ED;
	border-right:1px solid #ffffff;
        color: #004996;
        font:1em arial;
        margin: 0;
        padding: 0.3em 0.8em 0.3em 0.8em;
        text-decoration: none;
        width: auto;
}

#navi1 ul .li_1  a.linkOn{
       font-weight:bold;
}

/* HAUPTNAVIGATION - EBENEN 2-4 *********************************************** */
#navi2{
	padding-top:10px;
	padding:0px;
	padding-left:0px;
	}
	
	
#navi2 ul{
        padding-top:0px;
        padding-left:0px;
	border-bottom:1px solid #ffffff;
	background:;
	width:180px;
	
 	}
	
#navi2 .li_2,	
#navi2 .li_3, 
#navi2 .li_4 {
	list-style-type:none;
	border-bottom:0px solid #ffffff;
	width:180px;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	}
	
#navi2 a {
	border:0px solid;
	padding:3px;
	font-weight:normal;
	padding-left:10px;
	background:#C0E3DC;
	display:block;
	text-decoration:none;
	color:#004996;
	border-top:1px solid #ffffff;
}
#navi2 a:hover,
#navi2 a.linkOn2 {
	border:0px solid;
	color:#004996;
        background:#E0F0ED;
	text-decoration:none;
	border-top:1px solid #ffffff;
	}

#navi2 a.linkOn2{
        font-weight:bold;
}
	
#navi2 a.linkHead,
#navi2 a.linkHead:hover{
	font-weight:bold;
	font-size:98%;
	text-decoration:none;
	display:block;
        padding-left:5px;
	border-top:10px solid #E0F0ED;
	background:#004996;
	color:#ffffff;
	}
	

#navi2 a.linkOn3{
	color:#396b34;
        }



#navi2 .li_3 a{
	border-left:5px solid #c2cfc1;
	background:#EEEEEE;
	padding:2px;
	padding-left:25px;
	font-size:0.8em;
	}
	
#navi2 .li_3 a.linkOn2,
#navi2 .li_3 a:hover{
	border-left:5px solid #c2cfc1;
	background:#ddeadc;
	padding:2px;
	padding-left:25px;
	font-size:0.8em;
	}
	

#navi2 .li_4 a{
	margin-left:20px;
	background:url("../../fileadmin/img/layout/arrow8.gif");
	background-repeat:no-repeat;
	padding:2px;
	padding-left:15px;
	font-size:95%;
	}
	
#navi2 .li_4 a.linkOn3,
#navi2 .li_4 a:hover{
	margin-left:20px;
	background:url("../../fileadmin/img/layout/arrow6.gif");
	background-repeat:no-repeat;
	padding:2px;
	font-size:95%;
	padding-left:15px;
	}



/*-- RECHTE SPALTE ---------------------------------------------------------- */

/*-- Rechte Spalte (mit Inhalt) --*/

#box{
width:185px;
border-bottom:0px solid #c2cfc1;//#B5CAD3;
background:#ffffff;
padding:0px;
}

#right_2cols {
	width:190px;
	float:right;
	padding:5px;
        padding-right:0px;
	padding-top:5px;
	font-size:97%;
}

#right_2cols h1{
	color:#ffffff;
        background:#004996;
	font-size:97%;
	font-weight:bold;
	padding:3px;
	padding-left:2px;
	margin-top:5px;
	border:0px solid #135982;
        border-bottom:0px solid #52B847;
	border-top:0px dotted #7F7350;
	
	
}

#right_2cols p{
	border:0px solid #D4D3CD;
	padding:2px;
	font-size:0.9em;
	border-bottom:0px dotted #7F7350;
}

#right_2cols a{
	font-size:97%;
}

#right_2cols .csc-textpic, 
#right_2cols .csc-textpic-left, 
#right_2cols .csc-textpic-above{
	padding:2px;
        background:#C2E3DC;
        margin:0px;
	margin-top:-10px;
	font-size:0.95em;
        border-top:0px;
	}
	

/*-- Rechte Spalte (ohne Inhalt) ausgeblendet --*/
#right{
	display:none;
}


/*-- MITTLERE SPALTE -------------------------------------------------------- */	


/*-- Mittlere Spalte mit rechtem Rand --*/
#main_2cols {
	width:auto;
	margin-left:0px;
	margin-right:195px;
	border-right:0px solid #ffffff;
	border-left:180px solid #C0E3DC;
	border-top:0px solid #ffffff;
	padding:5px;
	padding-left:10px;
	}

/*-- Mittlere Spalte in voller Breite --*/
#main {
	width:auto;
	margin-left:0px;
	margin-right:0px;
	border-right:0px solid #E9E5D0;
	border-left:180px solid #C0E3DC;
	border-top:0px solid #E9E5D0;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
	}
	
#main h1,
#main_2cols h1{

}

#main .csc-textpic-caption,
#main_2cols .csc-textpic-caption{
       background:#E0F0ED;
}

/*-- 2 Spalten unten --*/
#down_left_on{
	width:48%;
	margin:3px;
	background:#dddddd;
	padding:3px;
	padding-right:10px;
	
}
#down_right_on{
	width:48%;
	margin:3px;
	background:#eeeeee;
	padding:3px;
	float:right;
}

#down_right_on h1,
#down_left_on h1{
	padding:0px;

}


#down_left{
	display:none;
}

#down_right{
	display:none;
}

/*-- FUSS --------------------------------------------------------------------*/
#foot {
	margin-top:5px; 
	background:#E0F0ED; 
	border-left:0px solid #ffffff;
	border-top:1px solid #004996;
	padding:2px;
	clear:both;
	color:#004996;
	font-size:0.8em;
        color: 
	}

#foot .td1{
	background:#ffffff;
	height:20px;
	width:220px;
	color:#135982;

}
#foot .td2{
	background:#135982;
	color:#ffffff;
}
	
#subline{
padding-top:2px;
}
/*-- DRUCKLINK & KLICKPFAD ---------------------------------------------------*/
#printlink, 
#clickpath, 
#printlink a,  
#clickpath a {
	font-size:0.8em;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	}
	
#printlink a:hover,  
#clickpath a:hover {
	font-weight:normal;
	text-decoration:underline;
	font-size:92%;
	}
	
	
/*-- MARKUPFREIES CSS-CLEARING -----------------------------------------------*/

/*-- Clearfix-Methode zum Clearen der Float-Umgebungen --*/
.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*-- Diese Angabe benötigt der Safari-Browser zwingend !! --*/
.clearfix{
	display:block;
	}

/*-- Overflow-Methode zum Clearen der Float-Umgebungen --*/
.floatbox { 
	overflow:hidden; 
	}
	
/*-- IE-Clearing: Benötigt nur der Internet Explorer --*/	
#ie_clearing { 
	display: none; 
	}

/* ** In diesem Layout inaktiv ********************************************** */	
/*-- HAUPTNAVIGATION TEXT ----------------------------------------------------*/
/*-- ul 1.Ebene --*/	
#ulmenu_1{
	width:190px;
	background #B4D6F3;
	border:0px solid #D4D3CD;

	
	}
	
/*-- li 1.Ebene --*/	
#menu_1{
	text-decoration:none;
	color:#225688;
	font-weight:normal;
	display:block;
	}

#menu_1_on{
	text-decoration:none;
	color:#225688;
	border-bottom:0px solid #B4D6F3;
	border-top:0px solid #B4D6F3;
	font-weight:bold;
	display:block;
	background #B4D6F3;
	}
	
/*-- a 1.Ebene --*/	
#menu_1 a{
	font-weight:normal;
	display:block;
	padding:3px;
        padding-left:15px;
	text-decoration:none;
	border-top:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background:#B4D6F3;
}

#menu_1 a:hover{
	font-weight:normal;
	display:block;
	text-decoration:none;
	border-top:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:3px;
	color:#225688;
	background:;
	text-decoration:none;
        padding-left:15px;
        background:#B4D6F3;
	background-image:url(../../../fileadmin/images/icons/arrow0.gif);
	background-repeat:no-repeat;

}

#menu_1_on a{
	font-weight:bold;
	display:block;
	padding:3px;
	text-decoration:none;
	border-top:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
        padding-left:15px;
        background:#B4D6F3;
	background-image:url(../../../fileadmin/images/icons/arrow1.gif);
	background-repeat:no-repeat;
	

}

#menu_1_on a:hover{
	font-weight:bold;
	display:block;
	text-decoration:none;
	border-top:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:3px;
	color:#225688;
	text-decoration:none;
        padding-left:15px;
        background:#B4D6F3;
	background-image:url(../../fileadmin/img/arrow1.gif);
	background-repeat:no-repeat;
}

/*-- ul 2.Ebene --*/	
#ulmenu_2{
	border-bottom:0px solid #ffffff;
	border-top:0px solid #ffffff;
	background:;
	}
	
/*-- li 2.Ebene --*/		
#menu_2{
	text-decoration:none;
	color:#495669;
	border-bottom:0px dotted #ffffff;
	border-top:1px solid #ffffff;
	font-weight:normal;
	display:block;
	background:#f8f8f8;
	}
	
#menu_2_on{
	text-decoration:none;
	color:#495669;
	border-bottom:1px solid #ffffff;
	border-top:0px solid #ffffff;
	font-weight:bold;
	display:block;
	background:#eeeeee;
	}
	
/*-- a 2.Ebene --*/	
#menu_2 a{
	font-weight:normal;
	font-size:8pt;
	display:block;
	padding:3px;
	padding-left:15px;
	background:#f8f8f8;	
	border-bottom:1px solid #ffffff;
	text-decoration:none;
}

#menu_2 a:hover{
	font-weight:normal;
	font-size:8pt;
	display:block;
	text-decoration:none;
	padding:3px;
	padding-left:15px;
	background:#eeeeee;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
}

#menu_2_on a{
	font-weight:bold;
	font-size:8pt;
	display:block;
	background:#eeeeee;
	padding:3px;
	padding-left:15px;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
}

#menu_2_on a:hover{
	font-weight:bold;
	font-size:8pt;
	display:block;
	text-decoration:none;
	background:#eeeeee;
	padding:3px;
	padding-left:15px;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
}

/*-- ul 3.Ebene --*/	
#ulmenu_3{
	border-bottom:1px solid #eeeeee;
	border-top:0px solid #eeeeee;
	border-left:10px solid #E9E5D0;
	background:;
	}

/*-- li 3.Ebene --*/		
#menu_3{
	text-decoration:none;
	color:#495669;
	font-weight:normal;
	display:block;
	background:;
	}
	
#menu_3_on{
	text-decoration:none;
	color:#495669;
	border-bottom:1px dotted #ffffff;
	border-top:1px solid #ffffff;
	font-weight:bold;
	display:block;
	background:#eeeeee;
	}
	
/*-- a 3.Ebene --*/	
#menu_3 a{
	font-weight:normal;
	font-size:8pt;
	display:block;
	padding:3px;
	padding-left:25px;
	background:#f8f8f8;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

#menu_3 a:hover{
	font-weight:normal;
	font-size:8pt;
	display:block;
	text-decoration:none;
	padding:3px;
	padding-left:25px;
	background:#eeeeee;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

#menu_3_on a{
	font-weight:bold;
	font-size:8pt;
	display:block;
	background:#eeeeee;
	padding:3px;
	padding-left:25px;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

#menu_3_on a:hover{
	font-weight:bold;
	font-size:8pt;
	display:block;
	text-decoration:none;
	background:;
	padding:3px;
	padding-left:25px;
	border-left:10px dotted #eeeeee;
	text-decoration:none;
}

/*-- ul 4.Ebene --*/	
#ulmenu_4{
	border-bottom:0px solid #ffffff;
	border-top:0px solid #ffffff;
	background:;
	}

/*-- li 4.Ebene --*/		
#menu_4{
	text-decoration:none;
	color:#495669;
	border-bottom:1px dotted #ffffff;
	border-top:1px solid #ffffff;
	font-weight:normal;
	display:block;
	background:#f8f8f8;
	}
	
#menu_4_on{
	text-decoration:none;
	color:#495669;
	border-bottom:1px dotted #ffffff;
	border-top:1px solid #ffffff;
	font-weight:bold;
	display:block;
	background:#eeeeee;
	}
	
/*-- a 4.Ebene --*/	
#menu_4 a{
	font-weight:normal;
	font-size:8pt;
	display:block;
	padding:3px;
	padding-left:35px;
	background:#f8f8f8;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

#menu_4 a:hover{
	font-weight:normal;
	font-size:8pt;
	display:block;
	text-decoration:none;
	padding:3px;
	padding-left:35px;
	background:#eeeeee;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

#menu_4_on a{
	font-weight:bold;
	font-size:8pt;
	display:block;
	background:#eeeeee;
	padding:3px;
	padding-left:35px;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

#menu_4_on a:hover{
	font-weight:bold;
	font-size:8pt;
	display:block;
	text-decoration:none;
	background:#eeeeee;
	padding:3px;
	padding-left:35px;
	border-bottom:1px dotted #999999;
	text-decoration:none;
}

	

}