@charset 'utf-8';
/* 
	STYLESHEET: main.css
	--------------------------------------------------------------
	
	Media Type: 	Screen
	Copyright:		(c)2008, Wanger Advokaturbüro 
	Updated: 		2008-07-25
		
	Design and Development by Sevenweb Establishment www.sevenweb.li
	Professional CSS Conversions (PSD to XHTML/CSS) as a B2B Service
	
------------------------------------------------------------------

__________________01. GLOBAL
__________________02. LAYOUT

------------------------------------------------------------------*/


/* Import default Stylesheets 
------------------------------------------------------------------*/
@import url(reset.css); 	/* Resets all Styles */
@import url(base.css);		/* Basic Styles (margins, font size, ect.)


/* 01. GLOBAL
------------------------------------------------------------------*/
html, body {
	color: #000;
	font-size: 0.9em;
	background: #edf1f4;
	font-family: Arial, Helvetica, sans-serif;
}

p.left {float:left}
p.right {float:right; text-align:right}

.left {float:left}
.right {float:right}

a img {display:block}

a:link {color:#0a4f88; text-decoration:none}
a:visited {color:#0a4f88; text-decoration:none}
a:active {color:#0a4f88; text-decoration:none}
a:hover {color:#0a4f88; text-decoration:underline}

.image {border:1px solid #498eb3; padding:2px; margin: 5px 10px 0 0; float: left;}
.image_large {border:1px solid #498eb3; padding:2px; display:block;}

.mod_article p.back {display:none}

#main ul {margin: 0; padding:0; line-height:1.25em}
#main ul li {background: url(../images/bg_content_li.gif) left 0.5em no-repeat; list-style:none; padding-left:13px; margin-bottom:0.5em}

.invisible {display:none}

#wrapper {
	width: 960px;
	margin: 30px auto;
}

tr, td {border:0}

#iflr {display:none; margin-top:25px}
.frontpage #iflr {display:block}

#main h1, #sidebar h1 {font-family:Segoe UI, Arial, Helvetica,sans-serif; font-size:18px; color:#0a4f88; font-weight:normal; margin:0 0 1em 0}
#main h2, #sidebar h2 {font-family:Segoe UI, Arial, Helvetica,sans-serif; font-size:16px; color:#0a4f88; font-weight:normal; margin:1.5em 0 0.8em 0}
#main h3, #sidebar h3 {font-family:Segoe UI, Arial, Helvetica,sans-serif; font-size:14px; color:#0a4f88; font-weight:normal; margin:1.5em 0 0.5em 0}

.ce_text img {
	padding: 1px;
	margin: 0 8px 8px 0;
	border-top: 1px solid #086795;
	border-right: 1px solid #074578;
	border-bottom: 1px solid #074578;
	border-left: 1px solid #086795;
} 



/* 02. HEADER
------------------------------------------------------------------*/
#header {
	position: relative;
	margin: 0 30px;
}


/* Logo
--------------------------------*/
#logo {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 219px;
	height: 51px;
	position: relative;
	background: url(../images/wanger_logo.gif) no-repeat;
}
#logo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 219px;
	height: 51px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}
#logo .fake-hover {
	margin: 0;
	padding: 0;
	width: 219px;
	height: 51px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/wanger_logo.gif) no-repeat 0 -51px;
}

/* Meta: Searchfield, Helplinks...
--------------------------------*/
#meta {

	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	font-size: 85%;
	color: #0f4f96;
	text-align: right;

}
#meta a {color: #0f4f96; text-decoration:underline; padding:0 3px}

#meta #searchfield {
	border: 1px solid #b5ccde;
	padding: 1px 4px;
	font-size: 100%;
	color: #9b9b9b;
	width: 125px;
	margin-right: 6px;
	margin-bottom: 2px;
}


/* Navigation
--------------------------------*/
#Hauptnavigation .mod_navigationMain {margin-left:-2px} /* Um die Navigation subjektiv mit Logo bündig auszurichten (wegen 2px Schatten der Navigation) */
#Hauptnavigation ul {
	margin: 0;
	padding: 10px 0 0 0;
}
#Hauptnavigation ul li {
	float: left;
	background: url(../images/bg_navigation_left.gif) left no-repeat;
	height: 33px;
	margin-right: 3px;
	list-style: none;	
}
#Hauptnavigation span {
	background: url(../images/bg_navigation_right.gif) right no-repeat;
	display: block;
}

#Hauptnavigation ul a {
	padding: 12px 15px 0 15px;
	text-align: center;
	display: block;
	height: 21px;
	color: #0f518b;
	font-size: 100%;
	
}
#Hauptnavigation ul a:hover, #Hauptnavigation ul a.trail {
	background: url(../images/bg_navigation_link_on.gif) center bottom no-repeat;
	text-decoration: none;
}

/* If tab is active */
#Hauptnavigation ul li.active {
	background: url(../images/bg_navigation_right.gif) right no-repeat;
}
#Hauptnavigation ul li.active div {
	background: url(../images/bg_navigation_left.gif) left no-repeat;
}
#Hauptnavigation ul li.active span {
	padding: 10px 15px 0 15px;
	text-align: center;
	display: block;
	height: 23px;
	color: #0f518b;
	font-size: 100%;
	background: url(../images/bg_navigation_link_on.gif) center bottom no-repeat;
}



/* 02. BANNER
------------------------------------------------------------------*/
#banner {
	border-top: 3px solid #052669; /* Alternative: 0f518b */
	border-bottom: 3px solid #052669;
	position: relative;
}

.showhidebutton {
	width: 13px;
	height: 13px;
	position: absolute;
	right: 53px;	
	cursor: pointer;
	text-indent: -999em;
}
#hidebutton {
	background: url(../images/icon_hide.gif) no-repeat;
	bottom: 0;
}
#showbutton {
	bottom: -16px;
	background: url(../images/icon_show.gif) no-repeat;
	display: none;
}



/* Banner Image
--------------------------------*/
#banner-image img {display:block}
#banner-image .additional-banner {display: block; display:none;}
#banner-law {}



/* Quicklinks
--------------------------------*/
#quicklinks {
	background: url(../images/bg_quicklinks_top.jpg) left top no-repeat;
	font-size:85%;

}
#quicklinks-inner {
	background: url(../images/bg_quicklinks_inner.gif) left 11px repeat-x;
}

#quicklinks img {display:block}

#quicklinks .quicklink-part { /* Law Service, IP Service, Trust Service, Wealth Service */
	height: 188px;
	width: 188px;
	padding: 0 20px 0 0;
	float: left;
	color: #bcddec;
	cursor: pointer;
}
#quicklinks .quicklink-part:hover {
	color:#fff;
}
#quicklink-law {margin-left:80px;}

#quicklink-ip {}
#quicklink-trust {}
#quicklink-wealth {}
#quicklinks p {	line-height:1.7em;}
#quicklinks .more {background:#054f76; display:inline; padding:0px 0px 2px 0px; visibility:hidden}
#quicklinks .more a {color:#bfdae5; padding:2px 9px 7px 9px}
#quicklinks .more a:hover {color:#fff}


/* 02. CONTENT
------------------------------------------------------------------*/
#content-wrapper {
	background: url(../images/bg_content.gif) repeat-y;
	margin-bottom: 0;
}
#content {
	background: url(../images/bg_content_top.gif) left top no-repeat;
	padding: 30px 30px 0 30px;
}

/* 02. LEFT
------------------------------------------------------------------*/
#left {
	float: left;
	width: 150px;
	padding: 0 20px 0 40px;
	color: #323232;
	
}

/* Subnavigation
--------------------------------*/
#subnavigation ul {margin:3px 0 0 0; padding:0}
#subnavigation ul li {
	list-style:none;
	margin-bottom:0.7em;
	background: url(../images/bg_li.gif) left 0.2em no-repeat; padding-left:15px;
	line-height: 1.1em;
}
#subnavigation ul a {font-size:90%}
#subnavigation ul .active {font-weight:bold; color:#0a4f88}
#subnavigation ul p {margin:0; padding:0; border-left: 1px solid #fff; font-size:90%; font-weight:bold; color:#0a4f88}

/* Level 2 */
#subnavigation ul ul {margin:5px 0 -5px 0; padding:0}
#subnavigation ul ul li {
	list-style:none;
	margin-bottom:0.3em;
	background: url(../images/bg_subnavigation_level2.gif) left 0.3em no-repeat; padding-left:12px;
	line-height: 1.1em;
}
#subnavigation ul .trail a.trail {font-weight:bold}
#subnavigation ul ul a {font-size:90%}
#subnavigation ul ul a.active {}
#subnavigation ul ul p {margin:0; padding:0; border-left: 1px solid #fff; font-size:90%; font-weight:bold; color:#0a4f88}


/* 02. MAIN
------------------------------------------------------------------*/
#main {
	float: left;
	width: 400px;
	color: #323232;
	padding: 0 30px;
	line-height: 1.5em;
}
#main p {
	line-height: 1.5em;
}




/* 02. SIDEBAR
------------------------------------------------------------------*/
#sidebar {
	float: right;
	width: 170px;
	padding: 0 40px 0 0;
	color: #323232;
	font-size: 85%;
	line-height: 1.4em;
}
#sidebar h3 {margin-top:0; margin-bottom:1.5em}
address {font-style:normal; line-height:1.5em}
address p {margin:0; padding:0; line-height:1.5em}
address .tel {background:url(../images/icon_tel.gif) left center no-repeat; padding-left:25px; margin-top:0.4em}
address .fax {background:url(../images/icon_fax.gif) left center no-repeat; padding-left:25px}
address .web {background:url(../images/icon_web.gif) left center no-repeat; padding-left:25px; margin-top:0.4em}
address .mail {background:url(../images/icon_mail.gif) left center no-repeat; padding-left:25px}

address .web a, address .mail a  {background:#fff}


/* 02. FOOTER
------------------------------------------------------------------*/
#footer {

	background: url(../images/bg_footer_bottom.gif) bottom no-repeat;
	height: 110px;
	padding: 40px 30px 30px 30px;

	font-size: 85%;
	color: #969696;
}
#footer p {text-align:center; margin:0 0 0.5em 0; padding:0}
#footer a {color:#969696}
#footer a:hover {text-decoration:underline}



/* Footer Navigation
--------------------------------*/
#footer ul {
	margin: 0 60px 20px 60px;
	padding: 0;
	border-top: 1px solid #e5e5e5;
}
#footer ul li {
	float: left;
	padding: 20px 15px 0 15px;
	list-style: none;
}
#footer ul li.first { /* :hover */
	border-top: 1px solid #0a4f92;
	margin-top: -1px;
}
#footer ul a, #footer ul p.active  {
	color: #0f4f96;
	text-decoration: underline;

}
#footer ul p.active, #footer ul li.trail a {margin:0 0 0 0; font-weight: bold; text-decoration:none}
#footer ul a:hover {
	
}
#footer ul span.active {color: #0f518b; font-weight:bold}

#footer .mod_navigation {margin-bottom:20px}



/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-active h1.replace, .sIFR-active h2.replace {visibility:hidden} 






/* Modul: FAQ */
#main .mod_faqlist h2 {margin:0 0 1em 0}
#main .mod_faqreader {margin-bottom:3em}