/* --------------------------------------------------------------------------
**  Web-aktiv Internetdienstleistungen
**  TypoScript Framework
** 
**  Version             : 2.3.12
**  Datei               : main.css
**  Funktion            : Basis Layout - Framework 2.3
**  Letze Aktualisierung: 04.09.08
**  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(suche_standard.css); */
/* @import url(t3_flyoutmenu.css); */
@import url(sitemap_standard.css);

/* Import  Basis Extension Layouts */
@import url(ext/htmlarea.css);
@import url(ext/mailformplus.css);
@import url(ext/macina_searchbox.css);
@import url(ext/indexed_search.css);
@import url(ext/ak_ipseminars.css);


/*-- ALLGEMEIN -------------------------------------------------------------- */
* html #container {
	margin-top: 0;padding-top: 0; 
	}
	 
* { 
	margin:0; 
	padding:0;
	font-size: 100%;
	font-family: Verdana,Arial,Georgia, 'Lucida Sans', 'Lucida Grande', 'Bitstream Sans Vera',Tahoma, Helvetica, Sans-Serif;
	color:#7f7f7f;
	}
	
html { 
	height: 100% 
	}
	 
body {
	margin:auto;
	padding-top: 5px;
	min-height:101%;
    background:#999999;
	width:990px;
	text-align:left;
	z-index:1;
	}
	
a {
	font-size:10pt;
	font-weight:normal;
	color:#F58322;
	text-decoration:none;
	font-size: 100%;
	}
	
a:hover {
	text-decoration:underline;
	background:transparent;
	color:#F58322;
	font-size: 100%;
	}
	
h1{
	padding-top:30px;
	padding-bottom:20px;
	margin-bottom:10px;
	font-size:110%;
	color:#F58322;
	}
	
h2 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:98%;
	color:#F58322;
}

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

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

}


#container {
	width:980px;
	background:#FFFFFF;
	border:0px solid #A09D8E;
	clear:both;
	padding:0px;
	}

#homelink{
	position:relative;
	border:0px solid;
	top:30px; 
	left:5px;
	width:209px;
	height:120px;
	z-index:1;
	float:left;
    }
	
/*-- Einheitliche Seitenh?he --*/
#content_spacer{
	width:1px;
	border:1px solid;
	height:660px;
	float:left;
}
	
/*-- STANDARDNAVIGATION ----------------------------------------------------- */	
#top { 
    position:relative;
	top:5px;
	left:620px;
	width:350px;
	text-align:right;
	border:0px solid red;
	}

#top a {
	color:#F58322;
	font-size:85%;
	font-weight:normal;
	text-decoration:none;
	padding:0px 0px 5px 15px;
	margin-right:0px;
	}
#top a:hover,
#top a.on{
	text-decoration:underline;
	background:tranpsarent;
	color:#F58322;
	}
	
/*-- KOPF & HOMELINK -------------------------------------------------------- */
#head {
	height:42px;
	background:url("../../../fileadmin/templates_impuls/img/ip_head.gif") no-repeat;
	border:0px solid green;
	}
	
#head h1{
        clear: both;
        margin: 20px 0 0 0;
        padding: 2px 0;
        font-size:200%;
        border-bottom:0px solid #dddddd;
        font-weight:normal;
        }
		
#subhead {
	height:177px;
	background:url("../../../fileadmin/templates_impuls/img/ip_subhead.jpg") no-repeat;
	border:0px solid green;
	}


#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;
	padding:5px;
	border-top:5px solid #ffffff;
	font-size:100%;
	}


#left h1{
	color:#7f7f7f;
	background:url("../../../fileadmin/templates_impuls/img/ip_bgh1-left.gif") no-repeat;
	font-size:97%;
	font-weight:bold;
	padding:2px;
	padding-left:20px;
	margin-top:10px;	
}

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

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

#left .csc-textpic, 
#left .csc-textpic-left, 
#left .csc-textpic-above {
	padding-top:0px;
	padding:2px;
	margin-top:0px;
	font-size:100%;
	border-bottom:0px dotted #7F7350;
	}
	
	
	

/*-- HAUPTNAVIGATION 2-TLG ---------------------------------------------------*/
/* HAUPTNAVIGATION - EBENE 1 ************************************************** */
#navi {

	}

#navi1{
	padding-top:8px;	
	padding-bottom:8px;	
	padding-left:190px;
	background:#F58322;	
	}

#navi1 .left_li_1  {
	display:inline;
	list-style-type:none;
	border-left:1px solid #FED5B1;
	padding:7px 0px 7px 0px;
	margin-right:-5px;
	}

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

#navi1 a{
	color:#ffffff;
	font-size:98%;
	text-decoration:none;
	font-weight:normal;
	padding:7px 10px 7px 10px;
	border-right:1px solid #FED5B1;
	border-left:1px solid #D6731E;
	}
	
#navi1 a:hover{
	color:#FED5B1;
	}

#navi1 a.linkOn{
	color:#ffffff;
	font-size:98%;
	text-decoration:none;
	font-weight:bold;
	padding:7px 10px 7px 10px;
	border-right:1px solid #FED5B1;
	border-left:1px solid #D6731E;
	}
	
#navi1 a.linkOn:hover{
	color:#FED5B1;

	}
/* HAUPTNAVIGATION - EBENEN 2-4 *********************************************** */
#navi2{
	padding-top:0px;
	padding:0px;
	padding-left:0px;
	}
	
	
#navi2 ul{
    padding-top:0px;
    padding-left:5px;
	border-bottom:0px solid #ffffff;
	width:200px;
	
 	}
	
#navi2 .li_2,	
#navi2 .li_3, 
#navi2 .li_4 {
    color:#7f7f7f;
	list-style-type:none;
	border-bottom:1px solid #ffffff;
	width:180px;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	}
	
#navi2 a {
	border:0px solid;
	padding:5px;
	font-weight:normal;
	padding-left:5px;
	background:ffffff;
	display:block;
	text-decoration:none;
	color:#9f9f9f;
	border-bottom:1px solid #E3E3E3;
	background:url("../../../fileadmin/templates_impuls/img/ip_cubeoff.gif") no-repeat;
	padding-left:20px;
}
#navi2 a:hover {
	color:#9f9f9f;
	background:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #E3E3E3;
	background:url("../../../fileadmin/templates_impuls/img/ip_cubeon.gif") no-repeat;
	}
	
#navi2 a.linkHead,
#navi2 a.linkHead:hover{
	font-weight:bold;
	font-size:98%;
	text-decoration:none;
	display:block;
	padding-bottom:5px;	
	padding-left:10px;
	border-bottom:0px solid #9f9f9f;
	background:#ffffff;
	color:#9f9f9f;
	}
	
#navi2 a.linkOn2,
#navi2 a.linkOn3{
	color:#F58322;
	background:url("../../../fileadmin/templates_impuls/img/ip_cubeon.gif") #FED5B1 no-repeat;
	padding-left:20px;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #E3E3E3;
        }



#navi2 .li_3 a{
	margin-left:15px;
	padding:2px;
	padding-left:15px;
	font-size:90%;
	background:#ffffff;
	}
	
#navi2 .li_3 a.linkOn2,
#navi2 .li_3 a:hover{
	margin-left:15px;
	color:#9f9f9f;
	background:#e3e3e3;
	padding:2px;
	padding-left:15px;
	font-size:90%;
	}
	

#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:1px solid #c2cfc1;//#B5CAD3;
background:#ffffff;
padding:0px;
}

#right_2cols {
	width:190px;
	float:right;
	padding:5px;
	border-top:5px solid #ffffff;
	font-size:100%;
}

#right_2cols h1{
	color:#7f7f7f;
	background:url("../../../fileadmin/templates_impuls/img/ip_bgh1-left.gif") no-repeat;
	font-size:97%;
	font-weight:bold;
	padding:2px;
	padding-left:20px;
	margin-top:10px;	
}

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

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

#right_2cols .csc-textpic, 
#right_2cols .csc-textpic-left, 
#right_2cols .csc-textpic-above {
	padding-top:0px;
	padding:2px;
	margin-top:0px;
	font-size:100%;
	border-bottom:0px dotted #7F7350;
	}
	



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


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


/*-- Mittlere Spalte mit rechtem Rand --*/
#main_2cols {
	width:auto;
	margin-left:0px;
	margin-right:0px;
	border-right:200px solid #ffffff;
	border-left:200px solid #ffffff;
	border-top:0px solid #ffffff;
	padding:5px;
	padding-left:40px;
	padding-right:40px;
	background: url("../../../fileadmin/templates_impuls/img/ip_bgcontent.gif") #ffffff !important;
	background: url("../../../fileadmin/templates_impuls/img/ip_bgcontent-ie.gif") #ffffff;
	}
	
#main_2cols p{
	font-size:100%;
	
}

/*-- Mittlere Spalte in voller Breite --*/
#main {
	width:auto;
	margin-left:0px;
	margin-right:0px;
	border-right:0px solid #E9E5D0;
	border-left:195px solid #ffffff;
	border-top:0px solid #E9E5D0;
	padding:5px;
	padding-left:40px;
	padding-right:40px;
	background:url("../../../fileadmin/templates_impuls/img/ip_bgcontent.gif") #ffffff;
	
	}
	
#main p{
	font-size:100%;
}

/*-- 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:url("../../../fileadmin/templates_impuls/img/ip_bgfoot.gif") no-repeat;
	border-left:0px solid #ffffff;
	border-top:1px solid #C7C7C7;
	padding:2px;
	clear:both;
	text-align:right;
	}

#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:85%;
	font-weight:normal;
	color:#7f7f7f;
	text-decoration:none;
	}
	
.printlink a:hover,  
#clickpath a:hover {
	font-weight:normal;
	text-decoration:underline;
	font-size:85%;
	}
	
	
/*-- 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; 
	}