/*
	http://kanacher-consulting.com
	design and sructure by 
	farbkonstrukt communication design, berlin
	http://farbkonstrukt.de
*/


html, body {
	height: 100%;
}

body {
	background: #fff;
	overflow-y: scroll;
	font-family: Calibri, "Helvetica Neue", Helvetica, Verdana, "Bitstream Vera Sans", sans-serif ;
	font-size:100%;
	color: #000;
}

body, h1, h2, h3, ul, p, ul, li, div, blockquote, img {
	padding: 0;
	margin: 0;
	border:0;
}

#page {
	margin: 0 auto;
	width: 900px;
	min-height: 100%;
	height: auto!important;
	height: 100%;
}

#header {
	margin: 0 auto ;
	width: 900px;
	height: 60px;
}

#lang {
	text-align: left;
	float: left;
	display: inline;
}

#lang a {
	text-decoration:none;
	color: #778587;
	font-size:.7em;
}

#logo {
	float: right;
	height:70px;
	display: inline;
	margin:10px 4px 0 0;
	text-align: right;
	padding: 8px 10px 0 0;
}

#logo a {
	color: #113388;
	text-decoration:none;
	font-size:1em;
}

#logo .name {
	font-size:1.73em;
	line-height:.1em;
}

#logo img {border:none;}

#content {
	width: 900px;
	margin: 0 auto;
	font-family: Calibri, "Helvetica Neue", Helvetica, Verdana, "Bitstream Vera Sans", sans-serif ;
}

h2, h4.expander {
	cursor: pointer;
}

h2, h4.expander {
	padding: 15px 10px 20px 40px;
	font-size: 1.2em;
	font-weight: bold;
	font-style:italic;
	letter-spacing: 1px;
	border-top: 1px solid #ffffff ;
}

h2.home, h2.small, h2.big, h2.more, h2.imprint , h2.footer  {
	color: #fff;
	background: #606;
}

h4.expander  {
	padding: 4px 15px 0 10px;
	color: #778587;
	border-bottom: 1px solid #4067aa ;
	font-size:0.9em;
	margin:0 30px;
}

h2.open  {
	background: #000;
	color: #fff;
}
h4.open  {
	background: transparent;
	border-bottom: 2px solid #113388 ;
	color: #113388;
}

h2 a, h2 a.visited, h2 a.hover, h2 a.active, h2.trigger {
	color: #fff;
	text-decoration: none;
	outline: none;
}

h2 a.active { background:#000;}
h2.footer  { font-size:0.7em; }

.tab {
	padding: 10px 20px 15px 20px;
	margin: 10px 20px 15px 20px;
	display: block;
}

.tab h1 {
	margin: 0 0 0 0;
	padding: 13px 25px 5px 330px;
	font-size: 15px;
	font-weight: bold;
	width: 300px;
}

.tab a {
	text-decoration: none;
	/* border-bottom: 1px dashed #b5d3f9; */
	outline: none;
}

.tab a, .tab a:hover,.tab a:active,.tab a:focus,.tab a:visited, image a, image a:visited, image a:hover, image a:active {
	color: #161616;
	text-decoration: none;
	outline: none;
}

div.expandable {
	padding:0 0 10px 0;
}

div.last {
	padding-bottom:0px;
}

p, h3, h4, li {
	color: #585858;
	font-size: .9em;
	text-align: left;
}
li li {font-size:1em;}

li {margin-top:4px;}

h4, h3 {
	padding: 14px 15px 0 8px;
	font-size: 1em;
}

p {
	padding: 4px 15px 0 10px;
	line-height: 1.13em;
}

.tab .inside-only p, .tab .inside-only h4, .tab .inside-only h3 {
	padding-left: 340px;
}

.tab ul {
	list-style-image: url(img/bullet.gif);	
}
.tab ul ul {
	list-style-image:none;
	list-style-type: circle;
}
.tab .inside-only ul {
	margin: 5px 20px 0 35px; 
	padding: 0 0 0 350px;
	line-height: 1.13em;
	color: #ffffff;
}

.tab .inside-only ul ul {
	margin: 5px 10px 5px 15px; 
	padding: 0 0 0 20px;
}

.tab .inside p,.tab .inside h3 {
	padding-left: 30px;
}
.tab .inside ul {
	margin: 5px 20px 0 35px; 
	padding: 0 0 0 20px;
}
.tab .inside ul ul {
	margin: 5px 10px 5px 15px; 
	padding: 0 0 0 20px;
}

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

blockquote h2:before { 
	content:open-quote;
}

blockquote h2:after { 
	content:close-quote;
}

blockquote, img.left, div.left {
	float:left; 
	margin:0 8px;
}
.left span {
	font-size:0.8em;
}

blockquote {
	color: #000;
	font-family: Calibri, "Helvetica Neue", Helvetica, Verdana, "Bitstream Vera Sans", sans-serif ;
	width:290px;
	font-size: .9em;
	line-height: .9em;
	font-style:normal;
}

blockquote h2 {
	font-size:1.4em;
	line-height: 1em;
	border:none;
	font-style:italic;
	font-weight:600;
	margin-bottom:5px;
}
.inside {
	display:block;
	margin-left:310px;
}
.inside img {
	padding:0 10px 5px 20px;
}
img.right {
	float: right; 
	margin:15px 15px 0 10px;
	padding-top:5px;
}

h2.trigger {
	clear:both;
}

.tabbedin {
	margin-left:170px;
}
	
p.tabbedin {
	margin-top:-1.3em;
}
	
.pre-tabbedin {
	float:left;
	width:170px;
}

.tabbedin-s {
	margin-left:100px;
}
	
.pre-tabbedin-s {
	float:left;
	width:100px;
}

a.blue {
	color:#113388!important;
}

strong.flat {
	font-weight:normal!important;
}