/* -----------------------------------------------------------------------------------------------------
**  Web-aktiv Internetdienstleistungen
**  TypoScript Framework
** 
**  Version             : 2.4 
**  Datei               : t3_main.css
**  Funktion            : Basis Layout - Framework 2.4
**  Letze Aktualisierung: 19.03.09
**  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.css);
@import url(ext/tt_news.css);

/** 
* ------------------------------------------------------------------------------------------------------
* Allgemein
* ------------------------------------------------------------------------------------------------------
*/

*{
	margin:0;
	padding:0;
}

html { 
	height: 100%; 
	margin-bottom: 1px; 
}

option { 
	padding-left: 0.4em; 
}
  
select { 
	padding: 1px; 
}

body{
	background:#A33200;
	font: 100% verdana;
	text-align: center;
	
}

/** 
* ------------------------------------------------------------------------------------------------------
* Inhalt
* ------------------------------------------------------------------------------------------------------
*/

h1{
	color:#A34219;
	font-size:1.1em;
	margin:15px 0 15px 0 ;
}

h2{
	color:#A34219;
	font-size:1em;
	font-weight:bold;
}

p{
	font-size:1em;
	line-height:1.4em;
    /* Safari */
	margin-left:0px;
}

a{
	color:#A34219;
	font-size:1em;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


/** 
* ------------------------------------------------------------------------------------------------------
* Seitenstruktur
* ------------------------------------------------------------------------------------------------------
*/

.page_frame{
	background:#ffffff url(../img/head_bg.gif) no-repeat;
	border:1px solid #ffffff;
	margin:0 auto;
	margin-top:5px;
	width:980px;
	text-align:left;
}

.page{
	border:0px solid #dddddd;
}

.head{
	color:#000000;
	height:101px;
	padding:5px;
		
}

.homelink{
	float:left;
	height:89px;
	width:100%;
	border:0;
}

.banner{
	background:#eeeeee;
	height:80px;
}

.content{
}

.foot{
	background:#ffffff;
	border-top:5px solid #FCFCD9;
	color: #A34219;
	font-size:0.7em;
	margin-top:5px;
	padding:5px;
}


/** 
* ------------------------------------------------------------------------------------------------------
* Top Navigationsliste
* ------------------------------------------------------------------------------------------------------
*/

.topnavi{
	color:#A34219;
	float:left;
	margin-left:5px;
}

.topnavi a{
	color:#A34219;
	font-size:0.8em;
	padding:5px;
	text-decoration:none;
}

.topnavi a:hover{
	text-decoration:underline;
}

.topnavi a.on{
	font-weight:bold;
}


/** 
* ------------------------------------------------------------------------------------------------------
* Suchbox
* ------------------------------------------------------------------------------------------------------
*/

.searchbox{
	float:left;
	text-align:right;
	width:100%;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Breadcrumb Navigationsliste & Drucklink
* ------------------------------------------------------------------------------------------------------
*/

.breadcrumb{
	color:#A34219;
	font-size: 0.8em;
	margin-bottom:10px;
}

.breadcrumb a{
	font-size: 1em;
	text-decoration:none;
}

.breadcrumb a:hover{
	text-decoration:underline;
}


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

/* 1.Ebene */

.navi_1{
 	border-bottom:0px solid #aaaaaa;
 	margin-bottom:0px;
 	
}

.navi_1 ul{
	border-left:1px solid #ffffff;
	margin-left:15px; 
	padding:0.25em;
 	padding-left:0;
}

.navi_1 ul li{
	display:inline;
	list-style-type:none;
}

.navi_1 ul li a{
	background:url("../../../fileadmin/templates/img/bg_navi1_off.gif");
	border-right:1px solid #FFF9E0;
	color:#FFF9E0;
        font:1em verdana; 
	font-weight:bold;
        margin: 0;
        padding: 0.3em 0.8em 0.3em 0.8em;
        text-decoration: none;
        width: auto;
}

.navi_1 ul li a:hover,
.navi_1 ul li a.on{
	background:url("../../../fileadmin/templates/img/bg_navi1_on.gif");
	border-right:1px solid #FFF9E0;
	border-bottom:1px solid #A34219;
	color:#FFF9E0;
        font:1em verdana;
        font-weight: bold;
        margin: 0;
        padding: 0.3em 0.8em 0.3em 0.8em;
        text-decoration: none;
        width: auto;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Navigationsliste - 2. Ebene horizontal
* ------------------------------------------------------------------------------------------------------
*/

.navi_2{
	background:url("../../../fileadmin/templates/img/bg_navi2.gif");
	border-top:1px solid #FFF9E0;
	border-bottom: 0px #000000 solid;
	width: 100%;
        overflow: hidden;
        margin:0;
        list-style-type: none;
        height:20px;
    
}

.navi_2 ul{
	border-left:1px solid #ffffff;
        margin: 3px;
	margin-left:50px;
	padding-left:0;
}

.navi_2 ul li{
	display:inline;
        list-style-type: none;
	
}

.navi_2 li a{ 
 	
	color:#FFF9E0;
	font:0.8em verdana;
        padding: 0px 10px 0px 10px;
        text-decoration: none;
	border-right:1px solid #ffffff;
}

.navi_2 li a:hover{
	text-decoration: underline;
}

.navi_2 li a.on{
	font-weight:bold;
        text-decoration: none;
	padding: 0px 8px 0px 8px;
}

.navi_2 li a.on{
	font-weight:bold;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Navigationsliste - 3. Ebene schwebend
* ------------------------------------------------------------------------------------------------------
*/

.navi_3{
	border:1px solid #dddddd;
	float:right;
	width:200px;
	margin:10px;
}

.navi_3 ul{

}

.navi_3 ul li{
	display:inline;
    list-style-type: none;
}

/* 3. Ebene */
.navi_3 li a{
	background:#f1f1f1;
	border-top: 1px #ffffff solid;
	display:block;
    padding: 0px 0px 0px 0px;
    text-decoration: none; 
}

.navi_3 li a:hover,
.navi_3 li a.on{
    background:#eeeeee;
	border-top: 1px #ffffff solid;
	display:block;
    text-decoration: none;	
}

.navi_3 li a.on{
	font-weight:bold;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Contentbereich 2 Spalten | auto | 270px |
* ------------------------------------------------------------------------------------------------------
*/


.content-3cols{
	clear:all;
}

/* Linke Spalte */
.column_1{
	display:none;
	float:left;
	width:200px;
	padding:0;
}

#column_content_1{
	margin:0;
	width:auto;

}

/* Rechte Spalte */
.column_2-3cols{
	float:right;
	width:300px;	
}

#column_content_2{
	margin:15px;
	width:auto;
}

#column_content_2 h1{
	font-size:1em;
	font-weight:bold;
}

#column_content_2 .csc-textpic{
       border-bottom:1px solid #A34219;
       padding:5px;
}



/* Mittlere Spalte */
.column_3-3cols{
	border-right:1px solid #A34219;
	margin-top:5px;
	margin-left:0px;
	margin-right:300px;
	width:auto;
}

#column_content_3{
	padding:15px;
	padding-right:15px;
	width:auto;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Contentbereich 1 Spalte | auto |
* ------------------------------------------------------------------------------------------------------
*/

.column_2{
	display:none;
}

.column_3{
	margin-left:0px;
	margin-right:0px;
	width:auto;
}


/** 
* ------------------------------------------------------------------------------------------------------
* Clearing
* ------------------------------------------------------------------------------------------------------
*/

#ie_clearer{
	display:none;
}

.clearer{
	display:block;
}

.clearer:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

.floatbox  {
	overflow:hidden;
}