/* --------------------------------------------------------------
** Web-aktiv 
** Internet Marketing Kommunikation
** TypoScript Framework 2.4
** Copyright: a.kemp@web-aktiv.com
** --------------------------------------------------------------
** Template: Mehrspalten-Layout Design II
** Datei: t3_main.css
** Version: 2.5.
** Letze Aktualisierung: 19.10.10
**
** Beschreibung: 
** Zentrales Stylesheet, definiert das Layout der Website,
** Extension Stylesheets werden eingebunden
** --------------------------------------------------------------
*/

/* @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/felogin.css);
@import url(ext/tt_news.css);
@import url(ext/twrssfeeds.css);
@import url(ext/irfaq.css);
@import url(ext/ak_ipseminars.css);

/* Variationen */
/* @import url(variations/t3_round_corner.css);*/


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

*{
	margin:0;
	padding:0;
	font-size:1em;
	font-family: Verdana,'Trebuchet MS',Helvetica,Arial,sans-serif;
	color:#444;
	}

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

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

body{
	background:#005900; //#ACBEAB;
	text-align: center;
	padding-top:5px;
	min-height:101%;
	}

img{
	border:0;
}

b,strong{
       font-weight:bold;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img{
	border:1px solid #ddd;
	padding:2px;
}

.csc-textpic-caption{
	font-size:0.9em;
	color:#999;
}
/** 
* ------------------------------------------------------------------------------------------------------
* Inhalt
* ------------------------------------------------------------------------------------------------------
*/

h1{
	color:#5CAB2B;
	font-weight:bold;
	font-size: 1.3em;
	margin:0 0 15px 0;
	}

h2{
	color:#444;
	font-size: 1.1em;
	margin:10px 0 0 0 ;
	}
       
h3{
    color:#555555; 
    font-size:1em;
    font-weight:normal;
    margin:10px 0 0 0 ;
  }
  
h4{
    color:#555555;
	font-size:1em;
	margin:10px 0 0 0 ;
	}

h5,h6{
	color:#555555;  
    font-size:0.8em;
    margin:10px 0 0 0 ;
	}
p{
	font-size:1em;
	line-height:1.4em;
	padding:2px;
    /* Safari */
	margin-left:0px;
	}

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

a:hover{
	text-decoration:underline;
	}

ol,ul{
margin-left:20px;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Tabellen im Inhalt
* ------------------------------------------------------------------------------------------------------
*/

table,
.contenttable{
    margin-top:5px;
    margin-bottom:5px;
	background:#aaaaaa;
	padding:0px;
	display:inline-table;
	//border-collapse:collapse; 
	border-spacing:1px;
}

th,
.contenttable th{
	background:#dddddd;
	color:#000000;
	font-weight:bold;
	font-size:100%;
	text-align:left;
	border-right:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	padding:3px;
	height:15px;
	margin:0px;
	}
	
	
td,
.contenttable td{
	background:#ffffff;
	border-right:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	padding:3px;
	height:15px;
	font-size:100%;
	margin:0px;
	vertical-align:top;
	}

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

.page_frame{
	background:#ffffff;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:3px solid #003000;
	border-bottom:3px solid #003000;
    overflow:hidden;
	margin:0 auto;
	margin-top:0;
	min-width:984px;
	max-width:1238px;
	text-align:left;
}

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

.head{
	position:relative;
	top:;
	left:0;
	background:url(../img/bg_head_01.jpg) repeat-x;
	height:270px;
	margin-top:-1px;
	margin-left:-1px;
	padding:0;
	border-bottom:1px solid #333;
	overflow:hidden;
	z-index:1;
}

.homelink{
	position:absolute;
	top:2px;
	left:0;
	margin-top:0px;
	margin-left:10px;
	height:150px;
	width:200px;
	overflow:hidden;
	z-index:99;
}

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

.content{
}

.foot{
	background:url(../img/bg-meta.gif) repeat-x;
	border-top:1px solid #dddddd;
	color: #A2A2A2;
	font-size:0.7em;
	margin-top:5px;
	padding:5px;
}


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

.topnavi{
	color:#444;
	margin:6px;
	text-align:right;
	padding-bottom:10px;
}

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

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

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


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

.searchbox{
	float:right;
	text-align:right;
	margin-top:-4px;
}

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

.breadcrumb{
	
	font-size: 0.8em;
	margin-left:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ACBEAB;
}

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

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

/** 
* ------------------------------------------------------------------------------------------------------
* Navigation - 1. Ebene horizontal
* ------------------------------------------------------------------------------------------------------
*/

.navi_1{
	background: #fff;
 	border-bottom:3px solid #4F9B10;
 	margin-bottom:1px;
 	
}

.navi_1 ul{
	border-left:0px solid #ddd;
	margin-left:0.5em; 
	padding:0.5em;
 	padding-left:0;
}

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

/* 1.Ebene */
.navi_1 ul li a{ 
	border-right:0px solid #ddd;
	color:#5CAB2B;
	font-size:1em; 
	font-weight:normal;
	margin-right: 1px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	width: auto;
}

.navi_1 ul li a:hover{
	border-right:1px solid #ddd;
	background:url(../img/bg_navi1_hover.jpg); 
    color: #fff;
    padding: 5px 10px 6px 9px;        
}
.navi_1 ul li a.on{
	border-right:1px solid #ddd;
	background:url(../img/bg_navi1.gif); 
    color: #fff;
    padding: 5px 10px 7px 9px;        
}
/** 
* ------------------------------------------------------------------------------------------------------
* Navigationsliste - 2.-4.Ebene vertikal
* ------------------------------------------------------------------------------------------------------
*/

.navi_2{
   width: 210px;
   overflow:hidden;
   margin-left:10px; 
   margin-top:27px;
   border-bottom:1px solid #ACBEAB;
}

.navi_2 ul{
    margin:0;
    padding:0;
}

.navi_2 li{
    float:left; /* LTR */
    list-style-type: none;
    width: 100%;
    margin:0;
    padding: 0;

	
}

/* Navigation Head */
.navi_2 li .navi_2_head{
   	color: #fff;
   	font-size:1em; 
   	font-weight:bold;
   	background:url(../img/bg_navi1.gif) #fff repeat-x;
	padding:5px;
	border:0px solid #ACBEAB;
	margin-bottom:2px;
}

.navi_2 li .navi_2_head:hover{
	color: #fff;
   	font-size:1em; 
   	font-weight:bold;
   	background:url(../img/bg_navi1.gif) #fff repeat-x;
	padding:5px;
	border:0px solid #ACBEAB;
	margin-bottom:2px;
	text-decoration:underline;
}

/* 2. Ebene */
.navi_2 li a{ 
   background:url(../img/arrow0.gif) no-repeat #ffffff;
   border-bottom: 0px #999999 dotted;
   border:1px solid #fff;	
   display:block;
   font-size:1em;
   color:#444;
   padding: 4px 0px 4px 12px;
   text-decoration: none;
   margin-bottom:2px;
}

.navi_2 li a:hover,
.navi_2 li a.on{
   background:url(../img/arrow1.gif) no-repeat #fff;
   border:1px solid #ACBEAB;
   
}

.navi_2 li a.on{
   background:url(../img/arrow1.gif) no-repeat #f9f9f9;
   font-weight:bold;
   color:#5AAC29;
}

.navi_2 li a.act_on{
   background:url(../img/arrow1b.gif) no-repeat #f9f9f9;
   font-weight:normal;
   border:1px solid #ACBEAB;

}

/* 3. Ebene */
.navi_2 .li_2 a{
    background:url(../img/arrow2.gif) no-repeat #ffffff;
    display:block;
    padding: 3px 0px 3px 21px;
    text-decoration: none;
}

.navi_2 .li_2 a:hover,
.navi_2 .li_2 a.on{
    background:url(../img/arrow3.gif) no-repeat #fff;
    border:1px solid #ACBEAB;
}

.navi_2 li_2 a.on{
   background:url(../img/arrow3.gif) no-repeat #f9f9f9;
   font-weight:normal;
}

.navi_2 li a.act_on2{
   background:url(../img/arrow3b.gif) no-repeat #f9f9f9;
   border:1px solid #ACBEAB;
   display:block;
   padding: 3px 0px 3px 21px;
   text-decoration: none; 
   font-weight:normal;
}

/* 4. Ebene */
.navi_2 .li_3 a{
    background:url(../img/arrow4.gif) no-repeat #ffffff;
    display:block;
    padding: 3px 0px 3px 35px;
    text-decoration: none;
    font-size:0.8em;
     
}

.navi_2 .li_3 a:hover,
.navi_2 .li_3 a.on{
    background:url(../img/arrow5.gif) no-repeat #ffffff;

    display:block;
    text-decoration: none;	
}

.navi_2 li_3 a.on{
}

/** 
* ------------------------------------------------------------------------------------------------------
* Contentbereich 3 Spalten | 200px | auto | 200px |
* ------------------------------------------------------------------------------------------------------
*/

.content-3cols{
}

/* Oben */
#column_top_content{
	position:relative;
	left:-200px;
	top:30px;
	width:430px;
	z-index:1;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	overflow:auto;
}

#column_top_content h1{
	color:#444;
	margin-bottom:20px;
	font:1.4em Trebuchet MS,verdana,arial,helvetica;
	font-weight:bold;
}

#column_top_content h2{
	color:#ffffff;
	font:1.2em Trebuchet MS,verdana,arial,helvetica;
	font-weight:bold;
	margin:0 0 0 0 ;
	}

#column_top_content p{
	color:#ffffff;
	font-size:1.1em;
}

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

#column_content_1{
	margin:10px;
}

#column_content_1 h1{
	margin:0 0 5px 0;
   	font:1.1em arial; 
	font-weight:bold;
}

#column_content_1 .csc-default{
	background:url(../img/bg_boxes.jpg) #fff repeat-x;
	padding:5px;
	border:1px solid #ddd;
	margin-bottom:10px;
	}
	
/* Kopierte Inhaltselemente - doppelte csc-default Container */
#column_content_1 .csc-default .csc-default{
	padding:0;
	border:0;
        margin:0;
	}

/* Rechte Spalte */
.column_2-3cols{
	float:right;
	width:320px;
	margin-top:28px;	
}

#column_content_2{
	margin:0 10px;
	width:300px;
}

#column_content_2 .csc-default{
	background:url(../img/bg_boxes.jpg) #fff repeat-x;
	padding:5px;
	border:1px solid #ACBEAB;
	margin-bottom:10px;
	}

/* Kopierte Inhaltselemente - doppelte csc-default Container */
#column_content_2 .csc-default .csc-default{
	padding:0;
	border:0;
	margin:0;
	}
	
#column_content_2 h1{
	margin:0 0 5px 0;
   	font-size:1em; 
	font-weight:bold;

}

/* Mittlere Spalte */
.column_3-3cols{
	margin-right:320px;
	margin-top:0;
	width:auto;
	border-right:0px solid #dddddd;
	min-height:500px;
}

#column_content_3{
	margin:10px;
}

#column_content_3 .csc-default{
	/* background:url(../img/bg_boxes.jpg) #fff repeat-x; */
	padding:10px;
	/* border:1px solid #ACBEAB; */
	margin-bottom:10px;
	}
	
/* Kopierte Inhaltselemente - doppelte csc-default Container */
#column_content_3 .csc-default .csc-default{
	padding:0;
	border:0;
	margin:0;
	}

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

.column_2{
	display:none;
}

.column_3{
	margin-left:0px;
	margin-right:0px;
	border-left:0px solid #dddddd;
	width:auto;
	min-height:500px;
}


/** 
* ------------------------------------------------------------------------------------------------------
* Spalten unten
* ------------------------------------------------------------------------------------------------------
*/

#down_left,
#down_right,
#down_middle{
	display:none;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Contentbereich 2 Spalten unten
* ------------------------------------------------------------------------------------------------------
*/
#down_left_on{
	width:49.5%;
	padding:0;
	float:left;
	display:block;
}

#down_right_on{
	width:49.5%;
	padding:0;
	float:right;
	display:block;
}

/** 
* ------------------------------------------------------------------------------------------------------
* Contentbereich 3 Spalten unten
* ------------------------------------------------------------------------------------------------------
*/

#down_left_on3{
	width:32.6%;
	padding:0;
	float:left;
	display:block;
    margin:0;
	}
#down_middle_on3{
	width:32.6%;
	padding:0;
	margin-right:1.2%;
	margin-left:.6%;
	float:right;
	display:block;
}

#down_right_on3{
	width:32.6%;
	padding:0;
	float:right;
	display:block;
	}

#down_left_on .csc-default,
#down_right_on .csc-default,
#down_left_on3 .csc-default,
#down_middle_on3 .csc-default,
#down_right_on3 .csc-default{
	margin-bottom:10px;
	/* background:url(../img/bg_boxes.jpg) #fff repeat-x; */
	padding:5px;
	border-bottom:1px dotted #ACBEAB;
	}

#down_right_on h1,
#down_left_on h1,
#down_middle_on3 h1,
#down_left_on3 h1,
#down_right_on3 h1{
    font-size:1em;
    color:#fff;
    font-weight:bold;
    margin:0 0 5px 0;
	padding:4px;
	background:#B8C8B7;
	border-bottom:0px solid #ACBEAB;
}


#down-right_on h2,
#down-left_on h2,
#down_middle_on3 h2,
#down_left_on3 h2,
#down_right_on3 h2{
     padding-left:0px;
}


#down_left_on .csc-textpic,
#down_right_on .csc-textpic,
#down_middle_on3 .csc-textpic,
#down_left_on3 .csc-textpic,
#down_right_on3 .csc-textpic{
	margin:0;

}

#down_right_on .csc-textpic .bodytext,
#down_left_on .csc-textpic .bodytext,
#down_middle_on3 .csc-textpic .bodytext,
#down_left_on3 .csc-textpic .bodytext,
#down_right_on3 .csc-textpic .bodytext{
	margin:0;
}

#down_right_on .bodytext,
#down_left_on .bodytext,
#down_middle_on3.bodytext,
#down_left_on3 .bodytext,
#down_right_on3 .bodytext{
	margin:0;
}

#down_right_on table,
#down_right_on table,
#down_middle_on3 table,
#down_left_on3 table,
#down_right_on3 table{
	margin:8px;
}

#down_left_on .csc-textpic img,  
#down_right_on .csc-textpic img,
#down_middle_on3 img,
#down_left_on3 img,
#down_right_on3 img{
	margin-top:3px;
}
  
/** 
* ------------------------------------------------------------------------------------------------------
* Sitemap
* ------------------------------------------------------------------------------------------------------
*/

.csc-sitemap{
	padding-left:50px;
}


.csc-sitemap ul {
        margin-left:0px;
        list-style-type:none;
       /* list-style-image:url(../img/sitemap_1.gif);*/
        

}

.csc-sitemap ul li {
        margin-top:0px;
        margin-bottom:0px;

}

.afirst,
.anorm,
.alast{
        font-size:1em;
		background:url(../img/sitemap_1.gif) no-repeat;
		padding-left:15px;
		font-weight:bold;
}

.csc-sitemap ul li ul li{
	margin:0;
 	
}

.csc-sitemap ul li ul li{
	 margin:0;
}

.afirst2,
.anorm2{
 	font-size:1em;
	background:url(../img/sitemap_2.gif) no-repeat;
	padding-left:35px;
	font-weight:normal;
}

.alast2{
 	font-size:1em;
	background:url(../img/sitemap_2b.gif) no-repeat;
	padding-left:35px;
	font-weight:normal;
}

.afirst3,
.anorm3{
 	font-size:1em;
	background:url(../img/sitemap_3.gif) no-repeat;
	padding-left:55px;
	font-weight:normal;
}

.alast3{
 	font-size:1em;
	background:url(../img/sitemap_3b.gif) no-repeat;
	padding-left:55px;
	font-weight:normal;
}

.afirst4,
.anorm4{
 	font-size:1em;
	background:url(../img/sitemap_4.gif) no-repeat;
	padding-left:75px;
	font-weight:normal;
}

.alast4{
 	font-size:1em;
	background:url(../img/sitemap_4b.gif) no-repeat;
	padding-left:75px;
	font-weight:normal;
}


/** 
* ------------------------------------------------------------------------------------------------------
* Suche standard
* ------------------------------------------------------------------------------------------------------
*/
.csc-searchform{
	margin-top:10px;
	}

.csc-form-label-req {
	font-size: 10pt;
	font-weight:normal;
	}

.csc-searchform input,
.tx-indexedsearch-searchbox-sword{
	border:1px solid #135982;
	font:10pt arial;
	}

.csc-searchform .searchbutton{
	margin-top:3px;
	font:10pt verdana;
	padding:2px;
	background:#E9E5D0;
	color:#135982;
	border:1px solid #135982;
	font-weight:normal;
	}
	
.csc-searchResultInfo{
	margin-bottom:0px;
	}
	
.csc-searchResultRange p{
	padding-top:5px;
	padding-bottom:15px;
	font-weight:bold;
}

.csc-searchResultHeader a{
	padding-left:20px;
	background-image:url(../img/pages.gif);
	background-repeat:no-repeat;
}

.csc-searchResultHeader a:hover{
	padding-left:20px;
	background:#eeeeee; 
	background-image:url(../img/pages.gif);
	background-repeat:no-repeat;
	text-decoration:underline;
}
	
.csc-searchResult{
	font:8pt arial;
	margin-bottom:10px;
}  

/** 
* ------------------------------------------------------------------------------------------------------
* Mailform standard
* ------------------------------------------------------------------------------------------------------
*/
.csc-mailform{
	padding:5px;
	border:0px solid red;
	}

.csc-mailform-field label{
	color:#000000; 
	font-size: 10pt;
	width:100px;
	display:block;
	float:left;
	margin-top:3px !important;
	}
	
.csc-mailform-field input, 
.csc-mailform-field textarea{
	margin-top:3px !important;
	border:1px solid #999999;
	font:10pt arial;
	}

.csc-mailform-field textarea{
	margin-top:3px !important;
	height:90px;
	width:300px;
}

.csc-mailform-submit,
#mailformformtype_mail{
	margin-top:3px;
	margin-left: 114px !important;
	margin-left: 115px;
	padding:2px;
	background:#B4D6F3;
	color:#225688;
	border:1px solid #225688;
	font-weight:bold;
}

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

#ie_clearer{
	display:none;
}

html .clearer{
	height:1%;
}

.clearer{
	display:block;
}

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