/**************************************************************
WIFO 
content.css
> astrals.NET, Ralf Fieger
**************************************************************/


/**************************************************************
TEASER COMMON
**************************************************************/

.teaser {
	float:left;
	line-height: 140%;
}

.teaser h1 {
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	color:white;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.teaser h1 a {
	text-decoration:none;
	color: white;
}
.teaser p a {
	text-decoration: none;
}

/**************************************************************
START
**************************************************************/

.start #head {	
	height: 450px;
}

.start #mainstage {	
/*	background-color: yellow;*/
	margin-top: 8px;
	width: 990px;
}

.start .teaser {
	width: 219px;
	padding: 10px;
	min-height: 180px;
	background: url('/images/global/bg.teaser.start.jpg') no-repeat left top;
	margin-right: 8px;	
}

.start .teaser:hover {
	background: url('/images/global/bg.teaser.start.mo.jpg') no-repeat left top;
}

/**************************************************************
TOP10 GRÜNDE
**************************************************************/

.top10 #mainstage {	
	margin-top: 10px;
	width: 990px;
}

.top10 .teaser {
	width: 168px;
	padding: 10px;
	min-height: 110px;
	background: url('/images/global/bg.teaser.top10.jpg') no-repeat left top;
	margin-right: 10px;	
}

.top10 .teaser:hover,
.top10 .act {
	background: url('/images/global/bg.teaser.top10.mo.jpg') no-repeat left top;
}

.top10 .teaser h1 {letter-spacing: 0px;}

.top10 #content {
/*	margin-left: 198px;*/
	float:left;
	min-height: 210px;
	width: 544px;
	padding: 10px 20px 10px 20px;
	background: url('/images/global/bg.content.top10.jpg') no-repeat left top;
}

.top10 #content .teaser p {
	font-size: 11px;
}



#bar-left {
	float:left;
	margin-right: 10px;
}

#bar-right {
	float:left;
	margin-left: 10px;
}

.bar {
	background: url('/images/global/bg.content.bar.jpg') no-repeat left top;
	width: 188px;
	height: 210px;
}



/**************************************************************
TEASERMENU
**************************************************************/

.teasermenu {
/*	background-color: yellow;*/
	margin-right: -21px;
	padding-top: 10px;
}

.teasermenu .teaser {
	
}


.teasermenu .teaser a {
	background: url('/images/global/bg.teasermenu.teaser.png') no-repeat left top;
	display:block;
	width: 240px;
	height: 50px;
	margin-bottom: 20px;	
	margin-right: 20px;
	text-decoration:none;
	font-size: 11px;
	line-height: 180%;
	padding: 10px 0px 0px 10px;
}

.teasermenu .teaser a strong {
	color:white;
/*	font-weight: normal;*/
	font-size: 14px;
}

.teasermenu .teaser a:hover,
.teasermenu .teaser:hover a {
	background: url('/images/global/bg.teasermenu.teaser.mo.png') no-repeat left top;
	color:#f5f5f5;
}	

/**************************************************************
TEASERMENU ASKUMA
**************************************************************/

.teasermenu .teaser {
/*	background-color: yellow;*/
}

#content .teasermenu .teaser ul {
	background: url('/images/global/bg.teasermenu.teaser.ul.jpg') no-repeat left bottom;	
	margin-top: -3px;
	padding:8px 10px 5px 10px;
	list-style-type: none;
	margin-bottom: 20px;	
	width: 230px;
	margin-left: 0px;
	margin-right: 0px;
}

#content .teasermenu .teaser:hover ul {
	background: url('/images/global/bg.teasermenu.teaser.ul.mo.jpg') no-repeat left bottom;
}


#content .teasermenu .teaser li a {
	background: url('/images/global/bg.li.a.gif') no-repeat 0px 7px;
	padding: 0px 0px 0px 15px;
	margin:0px;
	color: black;
	height: auto;
	font-size: 12px;
	line-height: 140%;
	cursor:pointer;
	display:block;
	width: auto;
}
#content .teasermenu .teaser li a:hover {	
	color: #0066A4;
	background: url('/images/global/bg.li.a.mo.gif') no-repeat 1px 7px;
}

.askuma .teaser a {	
	margin-bottom: 0px;
	height: 23px;
/*	border: 1px solid red;*/
	padding-top: 5px;
	padding-bottom: 5px;
	background: url('/images/global/bg.teasermenu.teaser.askuma.png') no-repeat left top;
}


#content .teasermenu .teaser ul span {
	font-style:italic;
	margin-left: 20px;
	font-size: 11px;
	color: #666666;
}

#content .teasermenu .teaser ul span,
#content .teasermenu .teaser ul label {
	cursor:pointer;
}


/**************************************************************
SPAN IN H1 UND MENU
**************************************************************/


h1 span,
#navi-left a span {
	font-style: italic;
}



/**************************************************************
ANSPRECHPARTNER/MITARBEITER
**************************************************************/

.mitarbeiterliste {
	/*border-top: 1px solid red;*/
	width: 540px;
}

.abteilung {
	background-color: blue;
}

h3.abteilung {
	background: url('/images/global/bg.h3-balken.jpg') no-repeat left top;			
	font-weight: normal;
	text-transform: uppercase;
/*	font-size: 11px;*/
	color: white;
	padding: 7px 10px 8px 10px;
}


.mitarbeiter {
	width: 240px;
/*	border: 1px solid blue;*/
	position: relative;
	height: 111px;
	padding: 5px;
	font-size: 11px;
	line-height: 140%;
	background: url('/images/global/bg.mitarbeiter.png') no-repeat left top;		
	float:left;
	margin: 0px 20px 20px 0px;
}

.mitarbeiter:hover {
	background: url('/images/global/bg.mitarbeiter.mo.png') no-repeat left top;
}

.mitarbeiterImg {
	width: 89px;
	float:left;
	margin-right: 10px;
}
.mitarbeiter .name {	
	margin: 1px 0px 20px 0px; 
	width: auto;
	line-height: 100%;
}
.mitarbeiter .name strong {
	font-size: 13px;
	font-weight: normal;
	line-height: 140%;
}
/*
.mitarbeiter .name {
	position: absolute;
	top: 5px;
	left: 105px;
	margin-right: 3px;
	line-height: 100%;
}*/

.mitarbeiter .kontaktinfos {
	position:absolute;
	bottom: 10px;
	left: 105px;
/*	background-color: yellow;*/
}




/**************************************************************
PARTNERGESELLSCHAFTEN
**************************************************************/

div.premiumgesellschaften {
	width: 525px;
	height: 250px;
	background: url('/images/global/bg.partnergesellschaft.gif') no-repeat left top;
}

div.premiumgesellschaften table {
/*	background-color: yellow;*/
	width: 505px;
	margin: 10px;
}

div.premiumgesellschaften table td {
	padding: 3px 0px;
	text-align: center;
}



table.partnergesellschaften td {
	vertical-align: top;
}

#content table.partnergesellschaften ul li {
	margin-bottom: 0px;
}


/**************************************************************
KONDITIONENN & REGISTRIERUNG (LIZENZEN)
**************************************************************/

div.lizenzen {
/*	border-top: 10px solid blue;*/
	width: 770px;
	margin-top: 20px!important;
	overflow: visible!important;
	margin-bottom: 30px;
}

.lizenz {
	position:relative;
	width: 220px;
	height: 340px;
	float: left;
	padding: 10px;
	margin-right: 15px;
	background: url('/images/global/bg.lizenz.png') no-repeat left top;
}

.lizenz li {font-size: 11px;}


.lizenz h1 {
	margin: 0px 0px 25px 0px;
/*	text-transform: uppercase;*/
	color:white;
/*	font-size: 13px;*/
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.lizenz h1 a {
	text-decoration:none;
	color: white;
}

.lizenz .icon {
	position:absolute;
	top: -24px;
	right:0px;
}
.lizenz .preis .icon {
	right: 0px;
	/*	display:none;*/
	
			height: 40px;
			width: 40px;
			top:0px;
			right: 5px;
	cursor:pointer;
}

.lizenz .preis {
	position:absolute;
	left: 2px;
	bottom: 0px;
	display:block;
/*	width: 236px;
	height: 40px;
	padding: 7px 10px 3px 10px;
*/	font-weight: bold;
/*	background: url(/images/global/bg.lizenz.preis.png) top left no-repeat;	*/
}
.lizenz .preis span {
	font-size: 9px;
	font-style:italic;
	font-weight: normal;
	color: #333333;
}

.lizenz .preis a {
	display:block;
	width: 216px;
	height: 30px;
	padding: 4px 10px 6px 10px;
	background: url('/images/global/bg.lizenz.preis.png') no-repeat left top;		
	text-decoration:none;
	color: white;
	cursor:pointer;
}

.lizenz .preis a strong {
	font-size: 15px;
}

.lizenz .preis a:hover {
	background: url('/images/global/bg.lizenz.preis.mo.png') no-repeat left top;
}


.lizenz .preis  a span{
	color: #cccccc;
}


/**************************************************************
KONDITIONENN & REGISTRIERUNG (LIZENZEN) ÜBERSICHT ACCORDION
**************************************************************/


.registrierung #accordion h3 a  {
	background: url('/images/global/bg.h3-balken-accordion.jpg') no-repeat left top;			
	font-weight: normal;
	text-transform: uppercase;
	display:block;
	color: white;
	padding: 7px 10px 8px 10px;
	text-decoration: none;
		/*	font-weight: bold;*/
}

div.lizenzen-holder {
	background: url('/images/global/bg.table.lizenzen.png') no-repeat left top;				
	padding: 10px;
	width: 730px;
}

table.lizenzen {
	border-collapse:collapse;
	width: 720px;
}

table.lizenzen th {
/*	background-color: yellow;*/
	font-weight:normal;
	text-align:left;
	padding: 5px 0px 5px 10px;
}

table.lizenzen td {
	text-align: center;
/*		padding: 5px;*/
}

table.lizenzen tbody tr:hover {
	background-color: #008DE2;
	color: white;
}

table.lizenzen .gebuehr {
/*	font-size: 13px;*/
/*	font-weight: bold;*/
	color: #333333;

}




div.lizenzen-holder p {
	padding-left: 10px;
}


/**************************************************************
KONDITIONENN & REGISTRIERUNG (LIZENZEN) FORMULAR
**************************************************************/


fieldset.lizenzwahl {
/*	background-color: yellow;*/
}

table.lizenzwahl {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 11px;
}

table.lizenzwahl td {
	padding-bottom: 10px;
}

div.lizenz-mini {
/*	border-bottom: 1px solid red;*/
	width: 140px;
	margin-right: 5px;
}

#content div.lizenz-mini p {
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	padding-top: 8px;
}

div.lizenz-mini p strong {
	text-transform: uppercase;
}



/**************************************************************
NEWS & PRESSE & DOKUMENTENCENTER & PRODUKT-HIGHLIGHTS ÜBERSICHT ACCORDION
**************************************************************/


#accordion h3 a  {
	background: url('/images/global/bg.h3-balken.jpg') no-repeat left top;			
	font-weight: normal;
	text-transform: uppercase;
	display:block;
	color: white;
	padding: 7px 10px 8px 10px;
	text-decoration: none;
		/*	font-weight: bold;*/
}

.press-item,
.news-item,
.doku-item,
.prod-item {
	padding: 0px 10px;
	position:relative;
/*	font-size: 11px;*/
}

h3 .datum,
h3 .entries { float:right;text-transform: none; 
	position:absolute;
	top: 7px;
	right:14px;

}

#accordion h3 {
	position: relative;
}


.press-item .zitat,
.news-item .zitat,
.doku-item .zitat {
	font-style:italic;
}

.news-dl {
	display:block;
	padding: 5px 0px 20px 0px;
	text-align:right;
/*	border: 1px solid green;	*/
}

.news-dl a {
	padding: 5px 0px 5px 10px;	
	background: url('/images/global/bg.news-dl.jpg') no-repeat left top;				
	text-decoration:none;
}

.news-dl a span {
	background: url('/images/global/bg.news-dl.r.jpg') no-repeat right top;				
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}



/**************************************************************
DOWNLOADS DOKUCENTER
**************************************************************/

#content .doku-center ul {
	list-style-type: none;	
/*	background-color: yellow;*/
	margin-bottom: 20px;
	margin-left: 5px;
	padding-left: 5px;
}

.doku-center ul li {
/*	background-color: olive;*/
	margin-left:0px;
	padding-left:0px;
}

.doku-center ul li a {
	padding-left: 26px;
	background:url('/images/global/bg.li.a.gif') no-repeat 4px 6px;
	padding-bottom: 2px;	
}



.doku-center ul li a.doc {	background: url('/images/icon/ms-word.jpg') no-repeat;
}
.doku-center ul li a.xls {	background: url('/images/icon/ms-excel.jpg') no-repeat;
}
.doku-center ul li a.ppt {	background: url('/images/icon/ms-pp.jpg') no-repeat;
}
.doku-center ul li a.pdf {	background: url('/images/icon/neu-pdf.jpg') no-repeat;
}




/**************************************************************
SCHAUBILDER & SCREENSHOTS RECHTS VIA IMAGES
**************************************************************/

#related .csc-textpic {
	padding: 18px 10px 10px 12px; 
	background-color: yellow;
	background: url('/images/global/bg.csc-textpic.png') no-repeat left top;			
	height: 150px;
}

#related .csc-textpic a img {	border: 1px solid #008DE2;}
#related .csc-textpic a:hover img {	border: 1px solid #0078C0;}

#related .csc-textpic-caption {
	padding-top: 5px;
	font-size: 11px;
	color: #004B79;
}

#related dl.csc-textpic-image {
	margin-bottom: 10px!important;
}


/**************************************************************
FIRMENPROFIL
**************************************************************/

table.firmenprofil {
	margin-top: 20px;
}

table.firmenprofil th,
table.firmenprofil td {
	vertical-align: top;
	padding: 0px 10px 10px 0px;
	line-height: 135%;
	text-align: left;
}


/**************************************************************
DOWNLOADS RECHTS IM TEASER
**************************************************************/

table.downloads {
	font-size: 11px;
}

table.downloads td {
	vertical-align: top;
	padding-bottom: 5px;
}

table.downloads img {
	margin-right: 10px;
}




/**************************************************************
SUCHE
**************************************************************/

div#suche-erweitert {
	width: 500px;
	padding: 10px;
	height: 100px;
	background: url('/images/global/bg.suche-erweitert.jpg') no-repeat left top;		
	position:relative;
}

div#suche-erweitert form {
/*	background-color: yellow;*/
	position:relative;
}

div#suche-erweitert .suchbegriff {
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	width: 450px;
	border: 1px solid #0066A4;
}

div#suche-erweitert .submit {
	position:absolute;
	top: 0px;
	right: 0px;	
	height: 29px;
}





table.suchoptionen {
	margin-top: 20px;
/*	background-color: red;*/
}

table.suchoptionen td {
	vertical-align: top;
	padding-right: 20px;
}

table.suchoptionen label {
/*	background-color: red;
	padding: 0px 0px 10px 0px;*/
}



/**************************************************************
SUCHE ERGEBNISSE
**************************************************************/

.such-ergebnisse {
	margin-top: 20px;
}

.such-ergebnisse .item {
	background: url('/images/global/bg.suche-ergebniss.jpg') no-repeat left top;
}
.such-ergebnisse .item:hover {
	background-image:none;
}


.such-ergebnisse .item p a {
	padding: 10px;
	display:block;
	text-decoration: none;
}




/**************************************************************
MEIN WIFO
**************************************************************/

iframe#stammdaten {

	width: 750px;
	height: 1000px;
	border: 0px;
/*		border: 1px solid blue;*/
}






























/********************************************************************************************************************************
TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES TEMPLATES 
********************************************************************************************************************************/



/**************************************************************
INSIDE (INNERER BEREICH)
**************************************************************/

.inside #head {
	height: 140px;
	height: 146px;
/*	background: url(/images/head/head.40.jpg) no-repeat -3px 96px;*/
	overflow:visible;
}

#infobar {
	background: url('/images/head/head.40.jpg') no-repeat 0px 0px;
	position:absolute;
	top:96px;
	left: -3px;
	margin-right: -5px;
	width: 990px;
	height: 60px;
}
#infobar p {
	padding: 15px 0px 0px 13px;
	margin:0px;
	color: white;
}
#infobar .konto {	color: #cccccc;}


.inside #breads {
	margin-left: 106px;
	margin-top: -15px;
	margin-right: -220px;
/*	background-color: yellow;*/
}

.fullview #breads {
	margin-right: 0px;
	
}


/**************************************************************
INSIDE-START
**************************************************************/

.inside-start #head {
	height: 140px;
	height: 146px;
/*	background: url(/images/head/head.40.jpg) no-repeat -3px 96px;*/
	overflow:visible;
}

.inside-start h1 {
	position:absolute;
	top:10px;
	left: -300px;
	width: 290px;
/*	background-color: red;*/
	float:left;
}

.inside-start #content {
/*	background-color: yellow;*/
	width: 520px;
	margin-left: 315px;
}

.inside-start #breads {
	margin-left: 18px;
	margin-top: -15px;
}


/**************************************************************
INSIDE-START TABS
**************************************************************/

.inside-start #tabs {
	width: 450px;
	margin-top: 20px;
}

.inside-start .ui-tabs #fragment-holder {
			/*	background-color: Gray;*/
	width: 300px;
	/* 390 */
}

.inside-start .ui-tabs ul.tab-navi li {
	background:url('/images/global/bg.uitabs.li.s.png') no-repeat left top;
	height:30px;
}

.inside-start .ui-tabs ul.tab-navi li:hover,
.inside-start .ui-tabs ul.tab-navi li.ui-state-active {
	background:url('/images/global/bg.uitabs.li.mo.s.png') no-repeat left top;
}

.inside-start .ui-tabs ul.tab-navi li a {
	padding:6px 10px 0px 10px;
}

.inside-start .ui-tabs .tab-content ul {
	list-style-type:none;
/*	background-color: yellow;*/
	padding-left:0px!important;
	margin-left:0px!important;
}
.inside-start .ui-tabs .tab-content li {
/*	background-color: red;	*/
}

.inside-start .ui-tabs .tab-content li a {
	cursor:pointer;
	background: url('/images/global/bg.li.a.gif') no-repeat 0px 7px;
	padding: 0px 0px 0px 15px;
}

.inside-start .ui-tabs .tab-content li a:hover {
	text-decoration:none;
	color: #0066A4;
}





/**************************************************************
INSIDE REGISTRIERUNG
**************************************************************/

body.registrierung #content {
/*	background-color: yellow;*/
	width: 750px;
	margin-right: -4px;
}


/**************************************************************
INSIDE FULLVIEW
**************************************************************/

body.fullview #content {
/*	background-color: yellow;*/
	width: 750px;
}





/**************************************************************
ASSEKURATA LOGO STARTSEITE
**************************************************************/

#assekurata {
	position:absolute;
	top: 18px;
	right: 10px;	
}





/**************************************************************
POPUP
**************************************************************/


br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:2555555;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:484px;
width:630px;
background:#FFFFFF;
/*border:2px solid #cecece;*/
z-index:25555545;
padding:2px;
font-size:13px;
/*text-align:right;*/
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
/*font-size:14px;*/
line-height:14px;
/*right:6px;
top:4px;*/
/*position:absolute;*/
position:absolute;
bottom: 7px;
right: 5px;
padding: 10px 5px 5px 8px;
display:block;
width: 110px;
cursor:pointer;
/*text-align:right;*/
/*background: url('/images/global/btn.bg.close.jpg') no-repeat 0px 7px;*/
color:grey;
text-decoration:none;
}


#button{
text-align:center;
margin:100px;
}


















































/**************************************************************
LIGHTBOX
**************************************************************/



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('/images/lightbox/blank.gif') no-repeat !important; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/images/lightbox/prev.gif') no-repeat left 50% !important;
}
#nextLink:hover, #nextLink:visited:hover { background: url('/images/lightbox/next.gif') no-repeat right 50% !important;
}

#imageData #imageDetails{ padding:10px 0 0 0;width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;font-size:11px;	}
#imageData #numberDisplay{ float:left;padding:10px 0 0 30px;display:inline;font-weight: bold;font-size:11px;	}
#imageData #bottomNavClose{ width: 25px; float: right;   padding:5px 5px 0 0;margin:0 0 0 0;}

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{

/*color: #FF9834;*/
color: #004B79!important;
font-weight:bold;
text-decoration: none;
 
}
#nextLinkText{
padding-left: 0;
}
#prevLinkText{
padding-right: 0;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
    line-height: 1.4em;
    padding:0 0 10px 0;
	}
#imageDataContainer .imageDataContainer-helper {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	background-color:#ECE7E7;
	line-height: 1.4em;
	display:block;
	float:left !important;
	float:none;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 0px;
	}
#imageData{
	padding:0 10px;
	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}