@charset "utf-8";
/* CSS Document */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	color: #A1A1A1;
	font: normal 11px/18px "Arial", "Sans Serif";
	background:#EBEBEB;
}
ol, ul{

}
.content-element li{margin-left:16px;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* common style definition */

body, td, th, p, a, select,div{
                        font: normal 11px/18px "Verdana", "Helvetica", "Arial", "Tahoma", "Sans Serif";
                        color:#A1A1A1;
                        border: 0px none;
                        margin:0;
                        padding:0;
}

input{
  font: normal 11px/18px "Verdana", "Helvetica", "Arial", "Tahoma", "Sans Serif";
  border: 1px solid #CCC;	
  color:#777;  
  padding: 3px 0px;
margin-bottom: 5px;
}

label{
  font: bold 11px/18px "Verdana", "Helvetica", "Arial", "Tahoma", "Sans Serif";
  align: right;
}

/* headlines */

h1,h1 a{                     font: normal 18px/22px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 0 0;margin:0 0 6px 0; color:#999;  background:url(../img/leaf.gif) no-repeat left;}
h2,h2 a{                     font: normal 16px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 0 0;margin:0 0 6px 0; color:#A1A1A1;}
h3,h3 a{                     font: normal 16px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0;margin:0 0 6px 0; color:#A1A1A1;}
h4,h4 a{                     font: normal 14px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0;margin:0 0 6px 0; color:#A1A1A1;}
h5,h5 a{                     font: normal 14px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0;margin:0 0 6px 0; color:#64a234;}
h6,h6 a{                     font: normal 24px/30px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0;margin:0 0 6px 0; color:#A1A1A1;}


h1.imageheader {

   overflow: hidden;

   height: 26px;

   text-indent: -999em;

   white-space: nowrap;

   background-repeat: no-repeat;
   
   margin-left: 20px;	
}

.leaf{background:url("../img/leaf.gif") no-repeat left 5px;}
.leaftitle {list-style: none; padding: 0; margin: 0;}
.cmtitle{margin-bottom: 6px;}

/* common link*/
a{
	color:#64a234;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.a_bold{font-weight: bold;}





#main-outer-wrap{text-align: center;}
#main-inner-wrap{width: 926px;margin: 0 auto; background: url(../img/bg_header3.jpg) no-repeat left 30px;}


#header-outer-wrap{
	width: 900px;
	margin:0 auto;
	text-align: left;
	padding: 0 13px;
	
}

#header-wrap{
width: 900px;
margin:0 auto;
}



/* header area containing 3 columns for Logos */

#header{
	margin-top: 40px;
	height: 130px;
	
}
#header_left{

	width: 562px;
	float: left;
	
	padding-left: 33px;
	padding-bottom: 15px;
}

#header_right{
float: right;
	width: 262px;
	text-align: right;
	padding-right: 33px;
	padding-bottom: 15px;
}



/* language selection above header*/

.language{
width: 874px;
text-align: right;
margin-top: 5px;
padding: 0 13px;

}

.language a{
	font-size: 9px;
	color: #777;
}

.language a:hover{
	color: #3d8c34;
	text-decoration: none;
}

.language a.active{
	color: #3d8c34;
	text-decoration: none;
}



/* main navigation*/

#navigation{
	width: 868px;
	clear: both;
	padding: 0 15px;
	height: 40px;

}

#navigation ul li{
	list-style: none;	
	float: left;
}


#navigation ul li a{
	display: block;
	list-style: none;
	line-height: 40px;
	margin: 0 15px;
	color: #999;
	font-size: 16px;
	text-decoration: none;	
}

#navigation ul li a:hover{
	color: #328925;
	
}

.active_main a{
	color: #328925;
	
}



/* subnavigation*/

#subnavigation{width: 235px;}


#subnavigation ul{}


#subnavigation ul li{
	list-style: none;
	border-bottom: 1px solid #EFEFEF;
	height: 28px;
        padding: 0;
        margin: 0px none;
        background: #f7f7f7; 
	
}

#subnavigation ul li a{
	padding: 0 28px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	display: block;
	color: #A1A1A1;
	text-decoration: none;
	margin: 0px none;
}

#subnavigation ul li a:hover{
background: #F0F0F0;
color:#62a031;
}

#subnavigation ul li.active_sub a{
	background: #F0F0F0;
	color: #A1A1A1;
	line-height: 28px;
	display: block;
	color:#62a031;;
	text-decoration: none;
	margin: 0 ;
	
}

#subnavigation ul li.second a{
	padding: 0 10px;
	line-height: 18px;
	font-size: 9px;
	display: block;
	color: #A1A1A1;
	text-decoration: none;
	margin: 2px 0 ;}

#subnavigation ul li.active_second a{
	padding: 0 10px;
	background: #F0F0F0;
	line-height: 18px;
	font-size: 9px;
	display: block;
	color:#62a031;
	text-decoration: none;
	margin: 2px 0 ;
}

#sub_top{height: 5px; width: 240px; background:url(../img/sub_top.gif) no-repeat left top;}
#sub_bottom{height: 5px; width: 240px; background:url(../img/sub_bottom.gif) no-repeat left top;}

.root{
	padding: 0 33px;
	font-size: 9px;
	margin-bottom: 15px;
}



/* -------------------------------------------------------------------------------
		Macina Searchbox Anfang:
		!!! auf jeder Seite eingebunden (>>HTML-Templates) !!!
--------------------------------------------------------------------------------- */

#search-wrap{ margin-top: 16px;}


.search {
	float:right;
	background: url(../img/search_input.gif) no-repeat left top;
	border: 0;
	height: 28px;
	padding: 2px 0px 2px 5px;
}


.search_btn { 
	float: right;
	margin-top:-32px;
	margin-left:180px;
	background: url(../img/search_btn.gif) no-repeat center top;
  	width: 26px;
  	height: 28px;
	color: #FFF;

}

/* -------------------------------------------------------------------------------
		Macina Searchbox Ende
--------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------
		Content Area and Site Background
--------------------------------------------------------------------------------- */

#content-wrap{margin: 0 auto;}


#content_bg{
	margin: auto;
	padding: 0 15px;
	width: 900px;
	background: url(../img/bg_cnt.jpg) no-repeat center top;
}
#content{
	text-align: left;
	margin: auto;
	padding: 0 0 20px 0;
	width: 900px;
	background: #FFF;
	border: 0px;
}

/* columns in content area: 2 columns (left: partner-login, subnavigation // right: content area for articles)*/

#col_left{
	float: left;
	width: 188px;
	padding: 0 20px 0 33px;
}

#col_right{
	margin-right: 33px;
	float: right;
	width: 610px;
}


.content-element{

	margin-bottom: 15px;
}


/* -------------------------------------------------------------------------------
	Home
--------------------------------------------------------------------------------- */

#home_left{
	float: left;
	width: 235px;
	padding: 0 15px 0 33px;
	border: 1px solid #FFF;
}

#home_right{
	float: right;
        width: 579px;
padding: 0 33px 0 0;
border: 1px solid #FFF;

}

/* -------------------------------------------------------------------------------
	Home >> Channels
--------------------------------------------------------------------------------- */

.channels ul{width: 272px;}
.channels ul li {display: block; float: left;}


.channels ul li a{width: 80px; height: 96px; padding: 0px;}
a.frauen {background: url(../img/channels/frauen_no.gif) no-repeat left top; display: block;}
a:hover.frauen {background: url(../img/channels/frauen_ro.gif) no-repeat left top; text-decoration: none;}

a.familie {background: url(../img/channels/familie_no.gif) no-repeat left top; display: block;}
a:hover.familie {background: url(../img/channels/familie_ro.gif) no-repeat left top; text-decoration: none;}

a.kinder {background: url(../img/channels/kind_jug_no.gif) no-repeat left top; display: block;}
a:hover.kinder {background: url(../img/channels/kind_jug_ro.gif) no-repeat left top; text-decoration: none;}

a.fuenfzig {background: url(../img/channels/fuenfzig_no.gif) no-repeat left top; display: block;}
a:hover.fuenfzig {background: url(../img/channels/fuenfzig_ro.gif) no-repeat left top; text-decoration: none;}

a.sport {background: url(../img/channels/sport_no.gif) no-repeat left top; display: block;}
a:hover.sport {background: url(../img/channels/sport_ro.gif) no-repeat left top; text-decoration: none;}

a.auto {background: url(../img/channels/auto_motor_no.gif) no-repeat left top; display: block;}
a:hover.auto {background: url(../img/channels/auto_motor_ro.gif) no-repeat left top; text-decoration: none;}

a.high {background: url(../img/channels/high_pot_no.gif) no-repeat left top; display: block;}
a:hover.high {background: url(../img/channels/high_pot_ro.gif) no-repeat left top; text-decoration: none;}

a.reise {background: url(../img/channels/reise_no.gif) no-repeat left top; display: block;}
a:hover.reise {background: url(../img/channels/reise_ro.gif) no-repeat left top; text-decoration: none;}

a.weihn {background: url(../img/channels/weihn_no.gif) no-repeat left top; display: block;}
a:hover.weihn {background: url(../img/channels/weihn_ro.gif) no-repeat left top; text-decoration: none;}



/* -------------------------------------------------------------------------------
	Std Button
--------------------------------------------------------------------------------- */

.btn {
	font-size: 14px;
	color:#3d8c34;
}



/* -------------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------------- */

#footer-wrap{clear: both;}

#footer{
	width: 926px;
	margin: auto;
	height: 76px;
	clear: both;
	background:url(../img/bg_footer.gif);	
	margin-bottom: 15px;
}

#footer ul{
	list-style: none;
	padding-top: 30px;
}

#footer ul li{
	display: inline;
}

#footer a{
	font-size: 9px;
	color: #777;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer a.active{
	text-decoration: underline;
}

.mar_top{
	margin-top: 10px;
}

.both{
	clear: both;
}
.small{
	font-size: 9px;
}
.bborder{
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}

.tborder{
	border-top: 1px solid #CCC;
	padding-top: 10px;
}


.more{
	padding-top: 5px;
}



/* -------------------------------------------------------------------------------
	TYPO Definitions
--------------------------------------------------------------------------------- */


.csc-textpic-caption{padding: 3px; border:1px solid #efefef;}
.csc-textpic-image{margin-bottom: 20px;}
.csc-linkToTop{
	margin: 0 0 15px 15px;
	padding-left: 15px;
	background: url(../img/totop.gif) no-repeat left 6px;
}


/* -------------------------------------------------------------------------------
		Template "daten"
--------------------------------------------------------------------------------- */

#fullwidth{padding: 0 33px;}



/* -------------------------------------------------------------------------------
		hkconnys
--------------------------------------------------------------------------------- */



.tx-hkconnys-pi1-listrow {}
.tx-hkconnys-pi1-listrow table{width: 896px; margin-bottom: 15px; margin-left: 2px;}
.tx-hkconnys-pi1-listrow-header td{background: #FFF; padding: 10px;}
.tx-hkconnys-pi1-listrow-header a{font-weight: bold; font-size: 10px; color: #328925;}
.tx-hkconnys-pi1-listrow-header p{font-weight: bold; font-size: 10px;}
.tx-hkconnys-pi1-listrow a{font-size: 10px;}

.tx-hkconnys-pi1-listrow td {padding: 4px 10px;}
.tx-hkconnys-pi1-listrow td p{font-size: 10px;}
.tx-hkconnys-pi1-listrow tr td{border-bottom: 1px solid #EEE;}

.tx-hkconnys-pi1-listrow tr:hover{background: #eeeeee;}

#tr.tx-hkconnys-pi1-listrow-odd{background: #eeeeee;}

.tx-hkconnys-pi1-searchbox{padding: 7px 19px; margin: 0 13px 0 13px; background:url(../img/bg_hk.gif) no-repeat left top; height: 43px;}

.tx-hkconnys-pi1-searchbox-sword{ border: 0px none; background: #fff; font-size: 10px; padding: 3px;}

.search_preise td{background: #FFF; height: 20px;}

.tx-hkconnys-pi1-searchbox-button{border: 0px none;
background: #fff url(../img/leaf_daten.gif) no-repeat right -2px;
  	color: #328925;
  	font-size: 10px;
  	margin: 3px 0;
  	height: 22px;
}


.tx-hkconnys-pi1-browsebox{margin-left: 33px;}
.tx-hkconnys-pi1-browsebox a{margin: 0 7px 0 7px; font-size: 14px;}
.tx-hkconnys-pi1-browsebox p{margin-bottom: 15px;}

.tx-hkconnys-pi1-browsebox-SCell a{text-decoration:underline; color:#A1A1A1;}



/* -------------------------------------------------------------------------------
		Table
--------------------------------------------------------------------------------- */
table.daten{}
table.daten td {padding: 5px 10px 5px 0px; }

table.daten .td-0{font-weight: bold; text-align: left; width: 100px;}
table.daten .td-1{text-align: right; width: 100px;}
table.daten .td-2{font-weight: bold; text-align: left; padding-left: 90px;width: 210px;}
table.daten .td-31{text-align: right; width: 110px;}


/* -------------------------------------------------------------------------------
		Forms
--------------------------------------------------------------------------------- */

.csc-mailform-field label {font: normal 14px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0;margin:0 0 6px 0; color:#A1A1A1;}
.csc-mailform-field textarea{width:318px; border: 1px solid #CCC;}
.csc-mailform-submit{
	font: normal 14px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0;color:#FFF;
	height: 25px;
	background: #A1BA59;
	margin-top: 5px;
	border: 0px;
	padding: 0 5px 1px 5px;
	color: #FFF;}
.csc-mailform-field select {border: 1px solid #CCC; padding: 3px;width:318px;}


/* -------------------------------------------------------------------------------
		3-spaltige Extension
--------------------------------------------------------------------------------- */

.c3l1-left{border-right: 4px solid #FFF; padding: 5px; background:#f7f7f7;}
.c3l1-middle{border-right: 4px solid #FFF; padding: 5px;background:#f7f7f7;margin-right:2px;}
.c3l1-right{border: 0px none; padding: 5px;background:#f7f7f7;}


table.contenttable td{}


/* -------------------------------------------------------------------------------
		2-spaltige Extension
--------------------------------------------------------------------------------- */
.c2l1-left{border: 0px none;}


/* -------------------------------------------------------------------------------
		pageteaser Extension
--------------------------------------------------------------------------------- */
.tx-jppageteaser-pi1-list{}
.tx-jppageteaser-pi1-list-floatcleaner{clear: both;}
.tx-jppageteaser-pi1-list-entry-link-item{}
.tx-jppageteaser-pi1-list-entry-description{margin-bottom: 10px;}
.tx-jppageteaser-pi1-list-entry{padding: 0 3px;}
.tx-jppageteaser-pi1-list-entry h4{font: normal 14px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 0 0;margin:0 0 6px 0; color:#A1A1A1; border: 0px none;}
.tx-jppageteaser-pi1-list-entry h4 a{font: normal 14px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 0 0;margin:0 0 6px 0; color:#A1A1A1;}
.tx-jppageteaser-pi1-list-entry-image a{float: left;margin: 0 10px 10px 0; border: 0px none;}
.tx-jppageteaser-pi1-image a{border: 0px none;}


.tx-jppageteaser-pi1-list-portfolio{}
.tx-jppageteaser-pi1-list-entry-link-item{}
.tx-jppageteaser-pi1-list-entry-portfolio{float: left; padding: 0 2px;}
.tx-jppageteaser-pi1-list-entry h4{font: normal 11px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 0 0;margin:0 0 6px 0; color:#A1A1A1; border: 0px none;}
.tx-jppageteaser-pi1-list-entry h4 a{font: normal 11px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 0 0;margin:0 0 6px 0; color:#A1A1A1;}

.tx-jppageteaser-pi1-list-entry-image a{margin: 0 10px 10px 0; border: 1px solid #CCC;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);opacity: .8; padding: 3px;}

.tx-jppageteaser-pi1-list-entry-image a:hover{margin: 0 10px 10px 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);opacity: 1.0;text-decoration: none;}


.tx-jppageteaser-pi1-list-entry-klein{float: left; padding: 0 2px;}
.tx-jppageteaser-pi1-list-klein{border: 1px solid #CCC; height:94px;padding:2px;}

/* -------------------------------------------------------------------------------
		indexedsearch Extension
--------------------------------------------------------------------------------- */
.tx-indexedsearch-searchbox{padding: 7px 19px; margin: 0 0px 0 0px; background:url(../img/bg_indexed.gif) no-repeat left top; height: 43px;}

.tx-indexedsearch-title a{font: normal 16px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 15px 0;margin:0 0 0 0; color:#64a234; }
.tx-indexedsearch-percent{display: none;}
.tx-indexedsearch-info{border:1px solid #ebebeb; padding:5px;}
.tx-indexedsearch-browsebox{display:none;margin-bottom: 20px;}
.tx-indexedsearch-whatis{font: normal 16px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 0 15px 0;margin:0; color:#A1A1A1;}
.tx-indexedsearch-searchbox{margin-bottom: 20px;}
.tx-indexedsearch-sw{font-weight: bold;}
.tx-indexedsearch-icon{display: none;}
.tx-indexedsearch-res{margin-left: -1px;}
.tx-indexedsearch-result-number{font: bold 16px/20px "Verdana", "Helvetica","Arial", "Tahoma", "Sans Serif"; padding:0 15px 0 0;margin:0 0 0 0; color:#328925;}


.tx-indexedsearch-searchbox-button{background: #FFF; height:29px; padding:4px; width:50px; border:0px;}
.tx-indexedsearch-searchbox-sword{ width:180px; padding:6px 4px 10px 4px;font-size:11px;border:0; color: #a1a1a1; valign: middle;}

/* -------------------------------------------------------------------------------
		Datum �ber Artikeln
--------------------------------------------------------------------------------- */
.csc-header-date{font-size: 9px; font-weight: bold;}

/* -------------------------------------------------------------------------------
		Dateiverweise
--------------------------------------------------------------------------------- */
.csc-uploads tr{border: 1px solid #dedede;}
.csc-uploads-fileName{padding:15px;}
.csc-uploads-fileSize{padding:15px; text-align: right;}