/*** html IVZ ***/
.portrait * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* stucture */
.portrait {
	line-height: 1.3;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.portrait #appHighlights {
	max-width: none;
	margin: 1em 0 0 0;
}
.portrait #appInhalt {
	padding: 0.5em 0;
}

.portrait .rubrik {
	position: relative;
	padding: 0.4em 30px 0.4em 20px !important;
	margin: 0 0 -1px 0;

	font-family: 'regular', sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 1em !important;

	background: #f3f3f3;
	border: 1px solid silver;

	cursor: pointer;
}

.portrait .icon {
	float: right;
	position: absolute;
	width: 20px;
	height: 20px;

	right: 10px;
	top: 0.4em;
	
	background: url(../../ct/images/ivz_tab.png) no-repeat;
	background-position: 0px 0px;
}
.portrait .ausgeklappt {
	background-position: 0 -20px;
}
.portrait .addbottommargin {
	margin-bottom: 1em !important;
}
.portrait .addtopmargin {
	margin-top: 1em !important;
}
.portrait .changebackground {
	background: #fbfbfb;
}

/**
	Textdeklarationen der Highlights
*/
.portrait .highlight {
	margin-bottom: 0;
}
.portrait .highlightInfo {
	font-size: 24px;
	line-height: 1em;
	padding: 0 0 .5em 0;

	font-family: 'regularbold', sans-serif;
	font-weight:bold;
}
.portrait .highlightTxt {
	margin-bottom: 0.5em;
	line-height: 1.5em !important;

	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-hyphens: auto;
	hyphens: auto;
}

/**
	Größe der Aufmacher
*/
.portrait .highlightImg img {
	width: 100%;
	height: auto;
}
.portrait .highlightImg {
	padding-right: 20px;
	text-align: center;
	overflow: hidden;
}

/**
	Grunddeklaration der Seitenzahlen
*/
.portrait .pagenumber {
	float: right;
	font-family: 'regularbold', sans-serif;
	font-weight: bold;
	color: #454f5a;

	position: absolute;
	right: 20px;
	top: 0.5em;
}
.portrait .pagenumber_big {
	float: right;
	font-family: 'regularbold', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

/**
	Highlight-Liste
*/
.portrait #untertitelToc {
	margin: 1.5em 0 0 0;
}
.portrait #untertitelToc table {
	width: 100%;
}
.portrait #untertitelToc td {
	border: 0;
	vertical-align: top;
	font-family: 'regular', sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;

	min-width: 40px;
}

/**
	Liste der zusätzlichen Titel
*/
.portrait .highlightTocElement {
	list-style: none;
	width: 100%;
	height: 100%;

    margin: 0;
    padding: 0;
}
.portrait .highlightTocElement li {
	margin: .5em 0;
	padding: 0;

	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-hyphens: auto;
	hyphens: auto;
}
.portrait .highlightTocElement .button-p {
	float:right;
}
.portrait .highlightTocElement p {
	display: inline-block;
	font-size: 18px;
	font-family: 'regularbold', sans-serif;
	font-weight: bold;

	padding: 0;
	margin: 0;
}
.portrait .highlightTocElement a {
	text-decoration: none;
}

/**
	Liste der Rubriken
*/
.portrait #appToc {
	font-size: 18px;
}
.portrait #appToc b {
	font-family: 'regularbold', sans-serif;
	font-weight: bold;
}

.portrait #appToc a {
	width: 100%;
	display: inline-block;
}
.portrait #appToc p {
	margin: -1px;/*counter border on ul*/

	position: relative;
	padding: 0.5em 20px 0.5em 20px;
}
.portrait #appToc ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 1px solid silver;
}
.portrait #appToc li {
	padding: 0;
	margin: 0;

}
.portrait #appToc img {
	padding-right: 5px;
}


/**
	Spacer
*/
.portrait .spacer {
	width: 100%;
	height: 1px;
	margin: 30px 0 30px 0;
	background: #333;
}

/**
	c't Color-Codes
*/
.portrait .color9b4334 {
	color:#9b4334;
}
.portrait .color746177 {
	color:#746177;
}
.portrait .colorefac1f {
	color:#efac1f;
}
.portrait .color0093a2 {
	color:#0093a2;
}
.portrait .color0071a1 {
	color:#0071a1;
}
.portrait .color769b42 {
	color:#769b42;
}
.portrait .color58b6dd {
	color:#58b6dd;
}
.portrait .colorab8036 {
	color:#ab8036;
}

/**
	Font-Size Settings
*/
.portrait .highlightTxt,
.portrait #appToc a,
.portrait #appToc .pagenumber {
	font-size: 14px;
}
.portrait #appToc .pagenumber img{
	height: 14px;
}

/**
	-----------------------------------------------------------------------------
	GRID-System
	Based on the 960.gs grid system - http://960.gs/
	by Nathan Smith
	-----------------------------------------------------------------------------
*/
/**
	Spaltenbreite (12 Spalten - Zentriert)
*/
.portrait .container_12
{
	width: 984px;
	max-width: 100%;
	margin:0 auto;
}

/**
	Globale Grid-Definitionen
*/
.portrait .grid_5,
.portrait .grid_7,
.portrait .grid_8,
.portrait .grid_12 {
	display: inline;
	float: left;
}

/**
	Grid-Definitionen
*/
.portrait .container_12 .grid_5 {width: 41.6%;}
.portrait .container_12 .grid_7 {
	width: 58.3%;
	/*max-width: 400px;*/
}	/** Feste Breite für gleichen Zeilenumbruch Landscape/Portrait */
.portrait .container_12 .grid_8 {width: 66.6%;}	/** Feste Breite für gleichen Zeilenumbruch Landscape/Portrait */
.portrait .container_12 .grid_12 {width: 100%;}

/**
	Prefix-Extra-Space
*/
.portrait .container_12 .prefix_app {padding-left: 30px;}

/**
	Suffix-Extra-Space
*/
.portrait .container_12 .suffix_app {padding-right: 40px;}

/**
	Clear-Float
	http://sonspring.com/journal/clearing-floats
	http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified
*/
.portrait .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.portrait .clearfix:before,
.portrait .clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.portrait .clearfix:after {
	clear: both;
}
/*
	IE6 + IE7 Fix
*/
.portrait .clearfix {
	zoom: 1;
}

/** 
	sonderlocken
*/
.poll_box.yellow {
	padding: 1em;
	background-color: #fff200;
}
.poll_box.yellow a,
.poll_box.yellow a:visited {
	color: #0786c4;
}