@charset "utf-8";
/* CSS Document */
* {
	padding:0px;
	margin:0px;
}
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	font-weight: normal;	
	color: #303030;
	margin:0px 0px 0px 0px;
 	/*/*/margin:0px 0px 0px 0px;/**/	
}

body { 
	font-size: 100.01%;
	color: #303030;
	text-align: left;
	background: #ffffff url(../img/assets/bg_main.gif) top left repeat-y;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/********* Fonts ***************/

div, p, a, th, tr, td, span, label, li {
	font-size: 12px;
	color: #303030;
	text-align:left;	
	font-weight: normal;	

}
td{
	vertical-align:top;
	text-align:left;		
}
p{
	padding: 0px 0px 8px 0px;
	line-height: 14px;
}

a{
	color: #ce351f;
	font-size: 12px;
	text-decoration: none;
}
a:hover, a:active{
	text-decoration:underline;
}
a.internal-link, a.external-link{
	color: #ce351f;
}

a { outline : none; -moz-user-focus: none; -moz-outline: none; }

h1	{ font-size:16px; color:#ce3520; font-weight:bold; line-height:18px; }
h2	{ font-size:16px; color:#f9c932; font-weight:bold; line-height:18px; }
h3	{ font-size:12px; color:#000; font-weight:bold; line-height:14px; }
h4 { font-size:16px; color:#000; font-weight:bold; line-height:18px; }
h5 { font-size:14px; color:#000; font-weight:bold; line-height:16px; }
h6	{ font-size:12px; color:#000; font-weight:bold; line-height:14px; }

#content h1 { padding: 0px 0px 16px 0px; }
#content h2 { padding: 0px 0px 16px 0px; }
#content h3	{ padding: 0px 0px 16px 0px; }
#content h4	{ padding: 0px 0px 16px 0px; }
#content h5	{ padding: 0px 0px 16px 0px; }
#content h6	{ padding: 0px 0px 16px 0px; }

#teaser h1 { padding: 0px 0px 7px 0px; }
#teaser h2 { padding: 0px 0px 7px 0px; }
#teaser h3	{ padding: 0px 0px 7px 0px; }
#teaser h4	{ padding: 0px 0px 7px 0px; }
#teaser h5	{ padding: 0px 0px 7px 0px; }
#teaser h6	{ padding: 0px 0px 7px 0px; }

#ads h1 {font-size: 11px; color: #fff; font-weight: bold; line-height: 21px;}

#ads h1 { display: block; background: #ce351f; padding: 0px 0px 0px 8px; border-bottom: 1px solid #fff;}

#content ul{
	list-style:square;
	padding: 5px 0px 0px 13px;
	margin: 0px;
}
#content ol{
	padding: 5px 0px 0px 13px;
	margin: 0px;	
}
#teaser .csc-frame-rulerAfter{
	padding-bottom: 24px;
	border-bottom: 1px solid #ce351f;
	margin-bottom: 14px;
}
.csc-textpic:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/********* Fonts ***************/
.red {
	color:#e73c1e;
}
.grey {
	color:#3b3b3b;
}
.black {
	color:#000000;
}
.white {
	color:#ffffff;
}
/********* Main Classes ***************/
#root{
	display: block;
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	background: #f5f5f5;
}
#main{
	display: block;
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	text-align: left;
	margin: 0px;
	padding: 14px 0px 0px 0px;
}
#banner-section{
	position: absolute;
	top: 54px;
	left: 1009px;
	width: 162px;
	height: 602px;
	border: 1px solid #999;
}
#login-section{
	display: block;
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	text-align: right;
}
#head-section{
	display: block;
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
	height: 182px;
	min-height: 182px;
	max-height: 182px;
	background:#ce3520;
	border-bottom: 3px solid #fff;
	overflow: hidden;
}
#logo-filius{
	display: block;
	float: left;
	width: 540px;
	min-width: 540px;
	max-width: 540px;
	height: 182px;
	min-height: 182px;
	max-height: 182px;
}
#logo-filius h1 {
	display: block;
	width: 540px;
	min-width: 540px;
	max-width: 540px;
	height: 182px;
	min-height: 182px;
	max-height: 182px;	
    background: url(../img/assets/logo_filius.gif) 0px 0px no-repeat ;
	overflow: hidden;
}
#logo-filius h1 a{
	display: block;
	width: 540px;
	min-width: 540px;
	max-width: 540px;
	height: 182px;
	min-height: 182px;
	max-height: 182px;
	white-space:nowrap;
	text-indent: 999em;
}
#head-visual{
	display: block;
	float: left;
	width: 280px;
	min-width: 280px;
	max-width: 280px;
	height: 182px;
	min-height: 182px;
	max-height: 182px;
}
#sub-section{
	display: block;
	position: relative;
	float: left;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	height: 160px;
	min-height: 160px;
	max-height: 160px;
	padding: 11px 11px 11px 11px;
}
#notruf{
	position: absolute;
	right: 0px;
	bottom: 19px;
}
#notruf h3 a{
	color: #f9c932;
	font-weight: bold;
	font-size: 12px;
	text-transform:uppercase;
}
#topnav-section{
	display: block;
	width: 976px;
	min-width: 976px;
	max-width: 976px;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	background:#ce3520;
	border-bottom: 3px solid #fff;
	padding: 0px 0px 0px 24px;
}
#main-section{
	display: block;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	padding: 6px 6px 19px 19px;
}
#search-section{
	display: block;
	width: 975px;
	min-width: 975px;
	max-width: 975px;
	padding: 0px 0px 9px 0px;
}
#breadcrumb{
	float: left;
	font-weight: bold;
	font-size: 11px;
	color: #ce3520;
}
#breadcrumb .bc{
	font-weight: bold;
	font-size: 11px;
	color: #ce3520;
}
#breadcrumb a, #breadcrumb .bc a{
	color: #ce3520;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#breadcrumb a:hover{
	text-decoration:underline;
}
#search-form{
	float: right;
}

#maincontent{
	display: block;
	float: left;	
	width: 765px;
	min-width: 765px;
	max-width: 765px;
}
#margin-content{
	display: block;
	float: left;
	width: 202px;
	min-width: 202px;
	max-width: 202px;
	margin-left: 8px;
}
#teaser-section{
	display: block;
	width: 765px;
	min-width: 765px;
	max-width: 765px;
	padding-top: 17px;
}
#teaser{
	display: block;
	float: left;
	width: 480px;
	min-width: 480px;
	max-width: 480px;	
	padding: 10px;
	background: #fff;
	border-top: 3px solid #ce3520;
	border-bottom: 3px solid #ce3520;
}
#ads{
	display: block;
	float: left;
	width: 250px;
	min-width: 250px;
	max-width: 250px;	
	margin-left: 15px;
}
#bookmarks{
	text-align: center;
	display: block;
	width: 200px;
	padding-top: 20px;
}
#bookmarks img{
	text-align: center;
}
#basicBookmark{
	margin: 0 auto;
	text-align: center;
}
#footer-section{
	display: block;
	width: 765px;
	min-width: 765px;
	max-width: 765px;
	padding: 6px 6px 19px 19px;
}
#copyright{
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	float: left;
}
#verstoss{
	float: right;
}

/********* Top-Navigation ***************/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			251px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			251px; /* match ul width */
	top:			0;
}

.sf-menu {
	float:			left;
	width: 976px;
	min-width: 976px;
	max-width: 976px;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.sf-menu a {
	display: block;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	line-height: 29px;
	border-right: 2px solid #fff;
	padding: 0px 11px 0px 11px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:#ce3520;
}
.sf-menu li li {
	display: block;
	width: 250px;
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	border-top: 1px solid #fff;
	background:#ce3520;
}
.sf-menu li li a {
	font-size: 11px;
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	line-height: 25px;
	border-right: none;
	padding: 0px 0px 0px 11px;
	text-decoration:none;
}
.sf-menu li li li {
	border-top: none;
	border-bottom: 1px solid #fff;
	background:#ce3520;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#ce3520;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/assets/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -12px 0; /* arrow hovers for modern browsers*/
}


ul#topnav{
	list-style: none;
	width: 976px;
	min-width: 976px;
	max-width: 976px;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
}
ul#topnav li{
	float:left;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	margin: 0px 0px 0px 0px;
	white-space:nowrap;
	padding: 0px 11px 0px 11px;
	border-right: 2px solid #fff;
}
ul#topnav li a{
	white-space:nowrap;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
	height: 29px;
	min-height: 29px;
	max-height: 29px;
	line-height: 29px;
}
ul#topnav li a.act, ul#topnav li a:hover{
	color: #fff;
}
ul#topnav li a:hover{
	text-decoration:underline;
}

/********* Sub-Navigation ***************/
ul.subnavi{
	list-style: none;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
ul.subnavi li{
	text-align:right;
}
ul.subnavi li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align:right;	
	text-decoration:none;
}
ul.subnavi li a:hover{
	text-decoration:underline;
}


/**************Content-Elemente****************/

#content{
	display: block;
	padding: 10px;
	background: #fff;
	border-top: 3px solid #ce3520;
	border-bottom: 3px solid #ce3520;
}

.input-search{
	width: 84px;
	height: 16px;
	color: #999;
	font-size: 11px;	
	border: 1px solid #ce3520;
}
.submit-button{
	background: #ce3520;
	border: none;
	height: 18px;
	line-height: 18px;
	width: 60px;
	margin-left: 15px;
	color: #f5e7e6;
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
}
.login td{
	padding-left: 3px;
}
.login label{
	font-weight: bold;
	font-size: 11px;
	color: #ce3520;
}
.login input.login-text{
	width: 98px;
	height: 19px;
	line-height: 19px;
	padding-left: 3px;
	color: #303030;
	font-size: 10px;	
	border: 1px solid #999;	
}
.login input.login-submit{
	background: #ce3520;
	border: none;
	height: 21px;
	line-height: 21px;
	width: 60px;
	color: #f5e7e6;
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
}
/*************News***************/

.news-latest-container{
	display: block;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	border-left: 1px solid #ce3520;
	border-right: 1px solid #ce3520;
	background: #fff;
	padding: 0px 0px 10px 0px;
}
.news-latest-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.news-latest-header{
	display: block;
	width: 188px;
	min-width: 188px;
	max-width: 188px;
	height: 23px;
	min-height: 23px;
	max-height: 23px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background: #ce3520;
	padding: 0px 6px;
}
.news-latest-item{
	padding: 15px 6px 0px 6px;
	font-size: 11px;
}
.news-latest-item p, .news-latest-item a{
	font-size: 11px;
} 



#branchensuche-container{
	display: block;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	height: 192px;
	min-height: 192px;
	max-height: 192px;
	border-left: 1px solid #ce3520;
	border-right: 1px solid #ce3520;
	border-bottom: 1px solid #ce3520;
	background: #fff;
	padding: 0px;
}
#branchensuche-header{
	display: block;
	width: 188px;
	min-width: 188px;
	max-width: 188px;
	height: 23px;
	min-height: 23px;
	max-height: 23px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background: #ce3520;
	padding: 0px 6px;
}

.partner-head a{
	font-size:16px; color:#ce3520; font-weight:bold; line-height:18px;
}
.partner-item{
	padding-bottom: 24px;
}
.partner-details{
	float: right;
	padding-right: 14px;
}
.partner-line{
	border-bottom: 1px solid #ce351f;
	margin-bottom: 14px;
}
.premium-partner-head{
	display: block;
	width: 745px;
	min-width: 745px;
	max-width: 745px;
	padding-bottom: 45px;
}
.premium-partner-head:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.premium-partner-logo{
	padding-bottom: 5px;
}
.premium-partner-company a{
	font-size:12px; color:#ce3520; font-weight:bold; line-height:14px;
}
.premium-partner-adress{
	float: left;
	width: 378px;
	min-width: 378px;
	max-width: 378px;
}
.premium-partner-image{
	float: right;
	width: 357px;
	min-width: 357px;
	max-width: 357px;
	padding-left: 10px;
}
.premium-partner-infotext{
	padding-bottom: 5px;
}

.tx-feuserlisting-pi2{
	padding: 15px 7px;
}
.branchensuche-header{
	padding-bottom: 15px;
}
.branchensuche-header h3{
	font-size:12px; color:#ce3520; font-weight:bold; line-height:14px;
}
.select-branche{
	padding-bottom: 10px;
}
.select-city{
	padding-bottom: 10px;
}
.select-plz{
	float: left;
}
.psearchform-submit{
	float: right;
}
.select-psearch{
	width: 187px;
	height: 19px;
	line-height: 19px;
	padding-left: 3px;
	color: #303030;
	font-size: 10px;	
	border: 1px solid #999;	
}
.input-psearch{
	width: 183px;
	height: 19px;
	line-height: 19px;
	padding-left: 3px;
	color: #303030;
	font-size: 10px;	
	border: 1px solid #999;	
}
.input-plzsearch{
	width: 102px;
	height: 19px;
	line-height: 19px;
	padding-left: 3px;
	color: #303030;
	font-size: 10px;	
	border: 1px solid #999;	
}


.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { padding-bottom: .5em; }
.tx-srfeuserregister-pi1 dt { float: left; clear: both; width: 20%; text-align: left; padding-left: 10px; }
.tx-srfeuserregister-pi1 dd { text-align: left; float: right; clear: right; width: 70%; }
.tx-srfeuserregister-pi1 dt.check { text-align: right; }